frst-components 0.36.9 → 0.38.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +52 -52
- package/dist/esm/index.js +154 -0
- package/dist/esm/node_modules/style-inject/dist/style-inject.es.js +28 -0
- package/dist/esm/public/customIcons/CircledAlert.js +7 -0
- package/dist/esm/public/customIcons/CircledCheck.js +7 -0
- package/dist/esm/public/customIcons/DefaultProfile.js +7 -0
- package/dist/esm/public/customIcons/ExcludeVoteIcon.js +7 -0
- package/dist/esm/public/customIcons/LanguageIcon.js +7 -0
- package/dist/esm/public/customIcons/SmallTrash.js +7 -0
- package/dist/esm/public/customIcons/SwitchVoteIcon.js +7 -0
- package/dist/esm/public/customIcons/TagAlert.js +7 -0
- package/dist/esm/public/customIcons/VoteCurrentIcon.js +7 -0
- package/dist/esm/public/customIcons/VoteIcon.js +7 -0
- package/dist/esm/public/customIcons/WarningIcon.js +7 -0
- package/dist/esm/public/customIcons/newVoteIcon.js +7 -0
- package/dist/esm/public/img/Nonotification.png.js +3 -0
- package/dist/esm/public/img/TargetIcon.png.js +3 -0
- package/dist/esm/src/components/DS/CardJourney/index.js +12 -0
- package/dist/esm/src/components/DS/CardJourney/style.js +123 -0
- package/dist/esm/src/components/DS/ConfirmationModal/ComfirmModalDownload/ComfirmModalDownload.js +20 -0
- package/dist/esm/src/components/DS/ConfirmationModal/ConfirmationModal.js +10 -0
- package/dist/esm/src/components/DS/ConfirmationModal/styles.js +56 -0
- package/dist/esm/src/components/DS/LightTooltip/index.js +24 -0
- package/dist/esm/src/components/DS/admButton/admButton.styles.js +52 -0
- package/dist/esm/src/components/DS/admButton/index.js +17 -0
- package/dist/esm/src/components/DS/cardPeople/cardPeople.styles.js +71 -0
- package/dist/esm/src/components/DS/cardPeople/index.js +63 -0
- package/dist/esm/src/components/DS/cardUser/cardUser.styles.js +70 -0
- package/dist/esm/src/components/DS/cardUser/index.js +14 -0
- package/dist/esm/src/components/DS/dropdown-Multiselect/index.js +186 -0
- package/dist/esm/src/components/DS/dropdown-Multiselect/styles/multiselectStyles.js +214 -0
- package/dist/esm/src/components/DS/dropdown-Multiselect/styles/primereact.css.js +6 -0
- package/dist/esm/src/components/DS/dropdown-Multiselect/styles/stylesMulti.css.js +6 -0
- package/dist/esm/src/components/DS/groups-table/groupTableStyles.js +95 -0
- package/dist/esm/src/components/DS/groups-table/index.js +113 -0
- package/dist/esm/src/components/DS/hypotesisAndImpediment/UpDownButtons/index.js +8 -0
- package/dist/esm/src/components/DS/hypotesisAndImpediment/UpDownButtons/upDownButtons.styles.js +43 -0
- package/dist/esm/src/components/DS/hypotesisAndImpediment/Voting/index.js +40 -0
- package/dist/esm/src/components/DS/hypotesisAndImpediment/Voting/voting.styles.js +126 -0
- package/dist/esm/src/components/DS/hypotesisAndImpediment/hypothesisAndImpediment.style.js +115 -0
- package/dist/esm/src/components/DS/hypotesisAndImpediment/index.js +161 -0
- package/dist/esm/src/components/DS/impedimentosTab/addImpedimentoModal/index.js +35 -0
- package/dist/esm/src/components/DS/impedimentosTab/addImpedimentoModal/styles.js +14 -0
- package/dist/esm/src/components/DS/impedimentosTab/dropDown/index.js +20 -0
- package/dist/esm/src/components/DS/impedimentosTab/dropDown/styles.js +38 -0
- package/dist/esm/src/components/DS/impedimentosTab/index.js +180 -0
- package/dist/esm/src/components/DS/impedimentosTab/styles.js +178 -0
- package/dist/esm/src/components/DS/loading/index.js +45 -0
- package/dist/esm/src/components/DS/loading/loadingStyle.js +39 -0
- package/dist/esm/src/components/DS/modal/index.js +55 -0
- package/dist/esm/src/components/DS/modal/styles.js +86 -0
- package/dist/esm/src/components/DS/newCards/articles/index.js +12 -0
- package/dist/esm/src/components/DS/newCards/articles/styles.js +92 -0
- package/dist/esm/src/components/DS/newCards/challenge/index.js +82 -0
- package/dist/esm/src/components/DS/newCards/challenge/styles.js +198 -0
- package/dist/esm/src/components/DS/newCards/channels/index.js +10 -0
- package/dist/esm/src/components/DS/newCards/channels/styles.js +46 -0
- package/dist/esm/src/components/DS/newCards/content/index.js +16 -0
- package/dist/esm/src/components/DS/newCards/content/styles.js +103 -0
- package/dist/esm/src/components/DS/newCards/mentoring/index.js +38 -0
- package/dist/esm/src/components/DS/newCards/mentoring/styles.js +37 -0
- package/dist/esm/src/components/DS/newCards/people/index.js +120 -0
- package/dist/esm/src/components/DS/newCards/people/styles.js +75 -0
- package/dist/esm/src/components/DS/newCards/trail/index.js +10 -0
- package/dist/esm/src/components/DS/newCards/trail/styles.js +60 -0
- package/dist/esm/src/components/DS/onboarding-progress-menu/index.js +56 -0
- package/dist/esm/src/components/DS/onboarding-progress-menu/onboardingProgressMenuStyles.js +98 -0
- package/dist/esm/src/components/DS/progressGoalBar/index.js +29 -0
- package/dist/esm/src/components/DS/progressGoalBar/progressGoalBarStyles.js +183 -0
- package/dist/esm/src/components/DS/progressGoalBar/progressTexts.js +17 -0
- package/dist/esm/src/components/DS/progressGoalBar/useProgressGoalBar.js +232 -0
- package/dist/esm/src/components/DS/resourceInfoDrop/index.js +53 -0
- package/dist/esm/src/components/DS/resourceInfoDrop/styles.js +142 -0
- package/dist/esm/src/components/DS/resultFilterTabs/dropDownResult/index.js +20 -0
- package/dist/esm/src/components/DS/resultFilterTabs/dropDownResult/styles.js +38 -0
- package/dist/esm/src/components/DS/resultFilterTabs/index.js +162 -0
- package/dist/esm/src/components/DS/resultFilterTabs/resultFilterTabsStyles.js +167 -0
- package/dist/esm/src/components/DS/resultFilterTabs/rsuite.min.css.js +6 -0
- package/dist/esm/src/components/DS/scroll-container-v2/ButtonControl/buttonControlStyles.js +65 -0
- package/dist/esm/src/components/DS/scroll-container-v2/ButtonControl/index.js +19 -0
- package/dist/esm/src/components/DS/scroll-container-v2/ButtonControl/useLongPress.js +26 -0
- package/dist/esm/src/components/DS/scroll-container-v2/index.js +29 -0
- package/dist/esm/src/components/DS/scroll-container-v2/scrollContainerStyles.js +51 -0
- package/dist/esm/src/components/DS/scroll-container-v2/useScroll.js +85 -0
- package/dist/esm/src/components/DS/select/Select.js +50 -0
- package/dist/esm/src/components/DS/select/SelectContext.js +6 -0
- package/dist/esm/src/components/DS/select/SelectItem.js +46 -0
- package/dist/esm/src/components/DS/select/index.js +9 -0
- package/dist/esm/src/components/DS/select/styles/StylesSelect.js +107 -0
- package/dist/esm/src/components/DS/steps-progress/index.js +27 -0
- package/dist/esm/src/components/DS/steps-progress/stepsProgressStyles.js +85 -0
- package/dist/esm/src/components/DS/toast/index.js +35 -0
- package/dist/esm/src/components/DS/toast/toast.styles.js +68 -0
- package/dist/esm/src/components/DS/toast-v2/index.js +76 -0
- package/dist/esm/src/components/DS/toast-v2/toast-v2.styles.js +18 -0
- package/dist/esm/src/components/DS/tooltip/index.js +98 -0
- package/dist/esm/src/components/DS/tooltip/styles.js +146 -0
- package/dist/esm/src/components/EBR/buttons-group/index.js +17 -0
- package/dist/esm/src/components/EBR/buttons-group/styles.js +9 -0
- package/dist/esm/src/components/EBR/group-statistics/groupStatisticsStyles.js +56 -0
- package/dist/esm/src/components/EBR/group-statistics/index.js +61 -0
- package/dist/esm/src/components/EBR/objective-step/index.js +8 -0
- package/dist/esm/src/components/EBR/objective-step/objectiveStepStyles.js +36 -0
- package/dist/esm/src/components/EBR/rating/index.js +78 -0
- package/dist/esm/src/components/EBR/rating/ratingStyles.js +25 -0
- package/dist/esm/src/components/EBR/specialist-contact/index.js +11 -0
- package/dist/esm/src/components/EBR/specialist-contact/specialistContactStyles.js +91 -0
- package/dist/esm/src/components/EBR/stepper/stepper.js +8 -0
- package/dist/esm/src/components/EBR/stepper/stepperItem.js +13 -0
- package/dist/esm/src/components/EBR/stepper/styles.js +137 -0
- package/dist/esm/src/components/EBR/trail-list/index.js +57 -0
- package/dist/esm/src/components/EBR/trail-list/trailListStyles.js +51 -0
- package/dist/esm/src/components/FI/ThreadComments/index.js +45 -0
- package/dist/esm/src/components/FI/ThreadComments/threadComments.styles.js +51 -0
- package/dist/esm/src/components/FI/ThreadComments/utilitiesComponents/commentaryBoxReply/index.js +20 -0
- package/dist/esm/src/components/FI/ThreadComments/utilitiesComponents/inputReply/index.js +67 -0
- package/dist/esm/src/components/FI/ThreadComments/utilitiesComponents/inputReply/inputReply.styles.js +39 -0
- package/dist/esm/src/components/FI/bannerProblemFeed/bannerProblemFeedStyles.js +156 -0
- package/dist/esm/src/components/FI/bannerProblemFeed/index.js +161 -0
- package/dist/esm/src/components/FI/bannerSRG/bannerSRGStyle.js +217 -0
- package/dist/esm/src/components/FI/bannerSRG/index.js +15 -0
- package/dist/esm/src/components/FI/feedInteraction/feedInteractionStyles.js +137 -0
- package/dist/esm/src/components/FI/feedInteraction/index.js +88 -0
- package/dist/esm/src/components/FI/feedInteractionV2/feedInteractionStyles.js +52 -0
- package/dist/esm/src/components/FI/feedInteractionV2/index.js +22 -0
- package/dist/esm/src/components/FI/feedInteractionV3/feedInteractionV3Styles.js +49 -0
- package/dist/esm/src/components/FI/feedInteractionV3/index.js +29 -0
- package/dist/esm/src/components/FI/inputCommentPost-it/index.js +118 -0
- package/dist/esm/src/components/FI/inputCommentPost-it/inputCommentPost-It.utils.js +20 -0
- package/dist/esm/src/components/FI/inputCommentPost-it/inputCommentPost-ItStyles.js +190 -0
- package/dist/esm/src/components/FI/interactionsModal/InteractionsModalStyles.js +152 -0
- package/dist/esm/src/components/FI/interactionsModal/index.js +43 -0
- package/dist/esm/src/components/FI/modal-invite/index.js +146 -0
- package/dist/esm/src/components/FI/modal-invite/modalInviteStyles.js +115 -0
- package/dist/esm/src/components/FI/notificationCard/index.js +41 -0
- package/dist/esm/src/components/FI/notificationCard/notificationCardStyles.js +84 -0
- package/dist/esm/src/components/FI/notificationPopOver/index.js +59 -0
- package/dist/esm/src/components/FI/notificationPopOver/notificationPopOverStyles.js +112 -0
- package/dist/esm/src/components/FI/postFeed/index.js +53 -0
- package/dist/esm/src/components/FI/postFeed/postFeedStyles.js +181 -0
- package/dist/esm/src/components/FI/searchBox/SearchBoxStyles.js +23 -0
- package/dist/esm/src/components/FI/searchBox/index.js +11 -0
- package/dist/esm/src/components/FI/sessionFilters/index.js +72 -0
- package/dist/esm/src/components/FI/sessionFilters/sessionFiltersStyle.js +80 -0
- package/dist/esm/src/components/FI/smallSRGBanner/frstFundo.png.js +3 -0
- package/dist/esm/src/components/FI/smallSRGBanner/g12.png.js +3 -0
- package/dist/esm/src/components/FI/smallSRGBanner/index.js +12 -0
- package/dist/esm/src/components/FI/smallSRGBanner/smallSRGBannerStyles.js +61 -0
- package/dist/esm/src/components/IJ/ContentCycle/ContentCycleStyles.js +146 -0
- package/dist/esm/src/components/IJ/ContentCycle/index.js +21 -0
- package/dist/esm/src/components/IJ/ListContentCycle/ListContentCycleStyles.js +12 -0
- package/dist/esm/src/components/IJ/ListContentCycle/index.js +11 -0
- package/dist/esm/src/components/IJ/StepLearningCycle/StepLearningCycleStyle.js +94 -0
- package/dist/esm/src/components/IJ/StepLearningCycle/index.js +117 -0
- package/dist/esm/src/components/IJ/favorite/favoriteStyles.js +17 -0
- package/dist/esm/src/components/IJ/favorite/index.js +36 -0
- package/dist/esm/src/components/IJ/learningCycleCard/components/menu/index.js +49 -0
- package/dist/esm/src/components/IJ/learningCycleCard/components/menu/menuStyle.js +28 -0
- package/dist/esm/src/components/IJ/learningCycleCard/index.js +36 -0
- package/dist/esm/src/components/IJ/learningCycleCard/learningCycleCardStyle.js +153 -0
- package/dist/esm/src/components/IJ/listSelector/index.js +39 -0
- package/dist/esm/src/components/IJ/listSelector/listSelectorStyles.js +46 -0
- package/dist/esm/src/components/IJ/pagination/index.js +82 -0
- package/dist/esm/src/components/IJ/pagination/paginationStyles.js +59 -0
- package/dist/esm/src/components/IJ/participantCard/index.js +37 -0
- package/dist/esm/src/components/IJ/participantCard/participantCardStyle.js +273 -0
- package/dist/esm/src/components/IJ/participantCardOld/index.js +58 -0
- package/dist/esm/src/components/IJ/participantCardOld/participantCardStyle.js +293 -0
- package/dist/esm/src/components/IJ/thumbListContent/index.js +28 -0
- package/dist/esm/src/components/IJ/thumbListContent/thumbListContentStyles.js +250 -0
- package/dist/esm/src/components/IncrementarIdeia/icrementarIdeiaStyles.js +115 -0
- package/dist/esm/src/components/IncrementarIdeia/index.js +98 -0
- package/dist/esm/src/components/IncrementarIdeia/useAutosizeTextArea.js +13 -0
- package/dist/esm/src/components/LXP/AccordionList/AccordionList.styles.js +101 -0
- package/dist/esm/src/components/LXP/AccordionList/index.js +26 -0
- package/dist/esm/src/components/LXP/accordionTrack/accordionTrack.js +179 -0
- package/dist/esm/src/components/LXP/accordionTrack/accordionTrackList.js +187 -0
- package/dist/esm/src/components/LXP/accordionTrack/accordionTrackStyle.js +194 -0
- package/dist/esm/src/components/LXP/accordionTrack/contentCourses.js +8 -0
- package/dist/esm/src/components/LXP/accordionTrack/contentCoursesTrails.js +189 -0
- package/dist/esm/src/components/LXP/accordionTrack/vectorDown.js +13 -0
- package/dist/esm/src/components/LXP/accordionTrack/vectorUp.js +13 -0
- package/dist/esm/src/components/LXP/avatarAssociatedChannel/avatarAssociatedChannelStyles.js +83 -0
- package/dist/esm/src/components/LXP/avatarAssociatedChannel/index.js +11 -0
- package/dist/esm/src/components/LXP/avatarChannel/avatarChannelStyles.js +106 -0
- package/dist/esm/src/components/LXP/avatarChannel/index.js +32 -0
- package/dist/esm/src/components/LXP/bannerLxp/bannerLxp.js +150 -0
- package/dist/esm/src/components/LXP/bannerLxp/index.js +124 -0
- package/dist/esm/src/components/LXP/buttonContent/buttonContentStyle.js +63 -0
- package/dist/esm/src/components/LXP/buttonContent/index.js +11 -0
- package/dist/esm/src/components/LXP/calendarLxp/calendar.css.js +6 -0
- package/dist/esm/src/components/LXP/calendarLxp/calendarLxp.module.css.js +7 -0
- package/dist/esm/src/components/LXP/calendarLxp/defaultRanges.js +79 -0
- package/dist/esm/src/components/LXP/calendarLxp/index.js +26 -0
- package/dist/esm/src/components/LXP/colorpicker/colorpickerStyles.js +43 -0
- package/dist/esm/src/components/LXP/colorpicker/index.js +20 -0
- package/dist/esm/src/components/LXP/contentSwitcher/contentSwitcherStyle.js +94 -0
- package/dist/esm/src/components/LXP/contentSwitcher/index.js +10 -0
- package/dist/esm/src/components/LXP/contentThumbnails/contentThumbnailsStyle.js +184 -0
- package/dist/esm/src/components/LXP/contentThumbnails/index.js +77 -0
- package/dist/esm/src/components/LXP/contentThumbnails/vectorDown.js +13 -0
- package/dist/esm/src/components/LXP/contentThumbnails/vectorUp.js +13 -0
- package/dist/esm/src/components/LXP/fileUpload/fileUploadStyles.js +88 -0
- package/dist/esm/src/components/LXP/fileUpload/index.js +21 -0
- package/dist/esm/src/components/LXP/headerContent/headerContent.js +218 -0
- package/dist/esm/src/components/LXP/headerContent/index.js +45 -0
- package/dist/esm/src/components/LXP/login/index.js +157 -0
- package/dist/esm/src/components/LXP/login/loginStyle.js +271 -0
- package/dist/esm/src/components/LXP/manageLerningCicles/index.js +40 -0
- package/dist/esm/src/components/LXP/manageLerningCicles/manageLearningCicles.Style.js +84 -0
- package/dist/esm/src/components/LXP/modalNewFeatures/ModalNewFeatures.style.js +204 -0
- package/dist/esm/src/components/LXP/modalNewFeatures/index.js +41 -0
- package/dist/esm/src/components/LXP/participantThumbnails/index.js +20 -0
- package/dist/esm/src/components/LXP/participantThumbnails/participantThumbnails.js +94 -0
- package/dist/esm/src/components/LXP/participantThumbnailsList/index.js +35 -0
- package/dist/esm/src/components/LXP/popOver/index.js +68 -0
- package/dist/esm/src/components/LXP/popOver/popOverStyle.js +130 -0
- package/dist/esm/src/components/LXP/popOverLXP-antigo/index.js +23 -0
- package/dist/esm/src/components/LXP/popOverLXP-antigo/popOverLXPStyles.js +123 -0
- package/dist/esm/src/components/LXP/progressBar/index.js +11 -0
- package/dist/esm/src/components/LXP/progressBar/progressStyle.js +32 -0
- package/dist/esm/src/components/LXP/searchResults/index.js +15 -0
- package/dist/esm/src/components/LXP/searchResults/searchResultsStyles.js +63 -0
- package/dist/esm/src/components/LXP/selectLXP/SelectLXP.js +128 -0
- package/dist/esm/src/components/LXP/selectLXP/SelectLXPContext.js +6 -0
- package/dist/esm/src/components/LXP/selectLXP/SelectLXPItem.js +40 -0
- package/dist/esm/src/components/LXP/selectLXP/index.js +9 -0
- package/dist/esm/src/components/LXP/star-metric/index.js +13 -0
- package/dist/esm/src/components/LXP/star-metric/starMetricStyles.js +13 -0
- package/dist/esm/src/components/LXP/thumbnails/headerVectorElipses.js +13 -0
- package/dist/esm/src/components/LXP/thumbnails/loadingThumbnails.js +9 -0
- package/dist/esm/src/components/LXP/thumbnails/thumbnails.js +119 -0
- package/dist/esm/src/components/LXP/thumbnails/thumbnailsDraggable.js +13 -0
- package/dist/esm/src/components/LXP/thumbnails/thumbnailsStyle.js +188 -0
- package/dist/esm/src/components/LXP/thumbnails/vectorCross.js +13 -0
- package/dist/esm/src/components/LXP/thumbnails/vectorEllipse.js +13 -0
- package/dist/esm/src/components/LXP/tooltip/index.js +11 -0
- package/dist/esm/src/components/LXP/tooltip/tooltipStyle.js +131 -0
- package/dist/esm/src/components/LXP/video/index.js +10 -0
- package/dist/esm/src/components/LogoFRST/index.js +13 -0
- package/dist/esm/src/components/LogoFRST/logoFRST.module.css.js +7 -0
- package/dist/esm/src/components/ModalConfirme/index.js +10 -0
- package/dist/esm/src/components/ModalConfirme/styles.js +51 -0
- package/dist/esm/src/components/accordion-tabs/accordionTabsStyles.js +100 -0
- package/dist/esm/src/components/accordion-tabs/index.js +34 -0
- package/dist/esm/src/components/actioExperience/actioExperience.styles.js +163 -0
- package/dist/esm/src/components/actioExperience/icons.js +19 -0
- package/dist/esm/src/components/actioExperience/index.js +20 -0
- package/dist/esm/src/components/audio-player/audioPlayerStyles.js +329 -0
- package/dist/esm/src/components/audio-player/index.js +110 -0
- package/dist/esm/src/components/avatar/avatarStyles.js +24 -0
- package/dist/esm/src/components/avatar/index.js +17 -0
- package/dist/esm/src/components/brainstorming-votar/index.js +10 -0
- package/dist/esm/src/components/brainstorming-votar/votarStyles.js +85 -0
- package/dist/esm/src/components/buttons/buttonStyle.js +389 -0
- package/dist/esm/src/components/buttons/index.js +31 -0
- package/dist/esm/src/components/calendar/calendarStyle.js +185 -0
- package/dist/esm/src/components/calendar/index.js +60 -0
- package/dist/esm/src/components/card-trail/cardTrailStyle.js +29 -0
- package/dist/esm/src/components/card-trail/index.js +50 -0
- package/dist/esm/src/components/card-trail/moduleStyle.js +92 -0
- package/dist/esm/src/components/card-trail-carousel/index.js +15 -0
- package/dist/esm/src/components/cardLT/AvatarWithInfo/avatarWithInfo.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/AvatarWithInfo/index.js +16 -0
- package/dist/esm/src/components/cardLT/AvatarWithInfo/vector.js +13 -0
- package/dist/esm/src/components/cardLT/BannerProblem/BannerProblem.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/BannerProblem/index.js +312 -0
- package/dist/esm/src/components/cardLT/BannerProblem/styles.js +30 -0
- package/dist/esm/src/components/cardLT/MessageBox/MessageBox.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/MessageBox/icons/errorIcon.js +13 -0
- package/dist/esm/src/components/cardLT/MessageBox/icons/successIcon.js +13 -0
- package/dist/esm/src/components/cardLT/MessageBox/icons/warningIcon.js +13 -0
- package/dist/esm/src/components/cardLT/MessageBox/index.js +59 -0
- package/dist/esm/src/components/cardLT/Rating/Rating.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/Rating/index.js +26 -0
- package/dist/esm/src/components/cardLT/Rating/starIcon.js +13 -0
- package/dist/esm/src/components/cardLT/RatingCurtidas/RatingCurtidas.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/RatingCurtidas/index.js +15 -0
- package/dist/esm/src/components/cardLT/RocketButton/RocketButtonIcon.js +13 -0
- package/dist/esm/src/components/cardLT/RocketButton/index.js +26 -0
- package/dist/esm/src/components/cardLT/StepsMission/Planet.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/StepsMission/StepMission.js +108 -0
- package/dist/esm/src/components/cardLT/StepsMission/Steps.js +68 -0
- package/dist/esm/src/components/cardLT/TextIcon/TextIcon.module.css.js +7 -0
- package/dist/esm/src/components/cardLT/TextIcon/index.js +14 -0
- package/dist/esm/src/components/cards/base/index.js +8 -0
- package/dist/esm/src/components/cards/cardDefinicaoFase/cardDefinicaoFase.module.css.js +7 -0
- package/dist/esm/src/components/cards/cardDefinicaoFase/index.js +30 -0
- package/dist/esm/src/components/cards/cardFaseDesafios/index.js +30 -0
- package/dist/esm/src/components/cards/cardFaseDesafios/styles.js +160 -0
- package/dist/esm/src/components/cards/cardProblem/cardProblem.module.css.js +7 -0
- package/dist/esm/src/components/cards/cardProblem/index.js +144 -0
- package/dist/esm/src/components/cards/cardProblemGestor/cardProblemaGestor.module.css.js +7 -0
- package/dist/esm/src/components/cards/cardProblemGestor/index.js +26 -0
- package/dist/esm/src/components/cards/cardResultConquista/Icons/Aprendizado.png.js +3 -0
- package/dist/esm/src/components/cards/cardResultConquista/Icons/AprendizadoPressed.png.js +3 -0
- package/dist/esm/src/components/cards/cardResultConquista/Icons/Conquista.png.js +3 -0
- package/dist/esm/src/components/cards/cardResultConquista/Icons/ConquistaPressed.png.js +3 -0
- package/dist/esm/src/components/cards/cardResultConquista/cardResultConquista.module.css.js +7 -0
- package/dist/esm/src/components/cards/cardResultConquista/index.js +40 -0
- package/dist/esm/src/components/cards/user/index.js +85 -0
- package/dist/esm/src/components/challenge-cards/challengeCardStyles.js +246 -0
- package/dist/esm/src/components/challenge-cards/dropdownMenuStyle.js +85 -0
- package/dist/esm/src/components/challenge-cards/index.js +174 -0
- package/dist/esm/src/components/checkmark/checkmarkStyles.js +24 -0
- package/dist/esm/src/components/checkmark/index.js +32 -0
- package/dist/esm/src/components/comment-post/commentPostStyles.js +23 -0
- package/dist/esm/src/components/comment-post/index.js +16 -0
- package/dist/esm/src/components/commentary-box/commentaryBox.utils.js +24 -0
- package/dist/esm/src/components/commentary-box/commentaryBoxStyles.js +240 -0
- package/dist/esm/src/components/commentary-box/index.js +104 -0
- package/dist/esm/src/components/commentaryBoxV2/CommentaryBoxV2.styles.js +282 -0
- package/dist/esm/src/components/commentaryBoxV2/index.js +157 -0
- package/dist/esm/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/index.js +45 -0
- package/dist/esm/src/components/commentaryBoxV2/utilitiesComponents/inputEdit/inputEdit.styles.js +54 -0
- package/dist/esm/src/components/conquistaCarrossel/index.js +26 -0
- package/dist/esm/src/components/counter-like/counterLikeStyles.js +26 -0
- package/dist/esm/src/components/counter-like/index.js +28 -0
- package/dist/esm/src/components/criar-ideia/criarIdeiaStyles.js +144 -0
- package/dist/esm/src/components/criar-ideia/index.js +58 -0
- package/dist/esm/src/components/criar-ideia/useAutosizeTextArea.js +13 -0
- package/dist/esm/src/components/demo/stepController/StepControllerStyle.js +47 -0
- package/dist/esm/src/components/demo/stepController/index.js +12 -0
- package/dist/esm/src/components/dropdown-profile-menu/dropdownProfileMenuStyle.js +162 -0
- package/dist/esm/src/components/dropdown-profile-menu/index.js +84 -0
- package/dist/esm/src/components/emoji-picker/emojiPickerStyles.js +61 -0
- package/dist/esm/src/components/emoji-picker/index.js +87 -0
- package/dist/esm/src/components/exclusive-class/exclusiveClassStyles.js +32 -0
- package/dist/esm/src/components/exclusive-class/index.js +13 -0
- package/dist/esm/src/components/expand-button/expandButtonStyle.js +47 -0
- package/dist/esm/src/components/expand-button/index.js +23 -0
- package/dist/esm/src/components/field-search-dropdown/fieldSearchStyle.js +139 -0
- package/dist/esm/src/components/field-search-dropdown/index.js +105 -0
- package/dist/esm/src/components/filter-accordion-checkbox/filterAccordionCheckbox.utils.js +7 -0
- package/dist/esm/src/components/filter-accordion-checkbox/index.js +135 -0
- package/dist/esm/src/components/filtro-galeria-desafio/index.js +59 -0
- package/dist/esm/src/components/filtro-galeria-desafio/styles/MultiSelectDemo.js +245 -0
- package/dist/esm/src/components/filtro-galeria-desafio/styles/icons/arrowCarrosselDown.png.js +3 -0
- package/dist/esm/src/components/filtro-galeria-desafio/styles/icons/arrow_carrossel_down.png.js +3 -0
- package/dist/esm/src/components/filtro-galeria-desafio/styles/primeflex.css.js +6 -0
- package/dist/esm/src/components/filtro-galeria-desafio/styles/primereact.css.js +6 -0
- package/dist/esm/src/components/filtro-galeria-desafio/styles/theme.css.js +6 -0
- package/dist/esm/src/components/form-elements/checkbox/checkboxStyle.js +36 -0
- package/dist/esm/src/components/form-elements/checkbox/index.js +16 -0
- package/dist/esm/src/components/form-elements/helperTextBox/helperTextBox.js +9 -0
- package/dist/esm/src/components/form-elements/helperTextBox/styles.js +20 -0
- package/dist/esm/src/components/form-elements/table/index.js +37 -0
- package/dist/esm/src/components/form-elements/table/parts/TableBody/index.js +22 -0
- package/dist/esm/src/components/form-elements/table/parts/TableBody/tableStyle.js +50 -0
- package/dist/esm/src/components/form-elements/table/parts/TableHead/index.js +11 -0
- package/dist/esm/src/components/form-elements/table/parts/TableHead/tableStyle.js +24 -0
- package/dist/esm/src/components/form-elements/table/tableStyle.js +49 -0
- package/dist/esm/src/components/form-elements/table-actions/index.js +82 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/CollaboratorAvatar/collaboratorAvatarStyle.js +12 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/CollaboratorAvatar/index.js +23 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/DateLimit/dateLimitStyle.js +28 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/DateLimit/index.js +8 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/EmptyState/emptyStateStyle.js +57 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/EmptyState/index.js +22 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/TagStatus/index.js +8 -0
- package/dist/esm/src/components/form-elements/table-actions/parts/TagStatus/tagStatusStyle.js +58 -0
- package/dist/esm/src/components/form-elements/table-actions/tableActionsStyle.js +110 -0
- package/dist/esm/src/components/form-elements/textarea/index.js +8 -0
- package/dist/esm/src/components/form-elements/textfield/index.js +42 -0
- package/dist/esm/src/components/form-elements/textfield/textFieldStyle.js +169 -0
- package/dist/esm/src/components/global-menu/globalMenuStyles.js +385 -0
- package/dist/esm/src/components/global-menu/index.js +181 -0
- package/dist/esm/src/components/header-improvement-idea/headerImprovementIdeaStyles.js +18 -0
- package/dist/esm/src/components/header-improvement-idea/index.js +24 -0
- package/dist/esm/src/components/header-user/headerUserStyles.js +50 -0
- package/dist/esm/src/components/header-user/index.js +13 -0
- package/dist/esm/src/components/headerChallenge/headerChallengeStyle.js +104 -0
- package/dist/esm/src/components/headerChallenge/index.js +9 -0
- package/dist/esm/src/components/hypothesisComponent/hypothesisComponent.style.js +220 -0
- package/dist/esm/src/components/hypothesisComponent/index.js +145 -0
- package/dist/esm/src/components/hypothesisComponent/types.js +8 -0
- package/dist/esm/src/components/input-comment/index.js +69 -0
- package/dist/esm/src/components/input-comment/inputCommentStyles.js +142 -0
- package/dist/esm/src/components/input-comment/mentions.js +18 -0
- package/dist/esm/src/components/input-comment/mentionsStyle.js +126 -0
- package/dist/esm/src/components/input-comment/useInputHook.js +375 -0
- package/dist/esm/src/components/input-comment/useMentions.js +39 -0
- package/dist/esm/src/components/input-comment-v2/index.js +81 -0
- package/dist/esm/src/components/input-comment-v2/inputCommentStyles.js +101 -0
- package/dist/esm/src/components/item-lateral-menu/index.js +34 -0
- package/dist/esm/src/components/item-lateral-menu/itemLateralMenuStyles.js +110 -0
- package/dist/esm/src/components/item-menu-global/index.js +11 -0
- package/dist/esm/src/components/item-menu-global/itemMenuGlobalStyles.js +74 -0
- package/dist/esm/src/components/lateral-menu/index.js +21 -0
- package/dist/esm/src/components/lateral-menu/lateralMenuStyles.js +65 -0
- package/dist/esm/src/components/learning-steps/index.js +23 -0
- package/dist/esm/src/components/learning-steps/learningStepsStyles.js +39 -0
- package/dist/esm/src/components/menu-more/index.js +31 -0
- package/dist/esm/src/components/menu-more/menuMoreStyles.js +136 -0
- package/dist/esm/src/components/mini-button/index.js +15 -0
- package/dist/esm/src/components/mini-button/miniButtonStyle.js +108 -0
- package/dist/esm/src/components/modal/modalBase/index.js +31 -0
- package/dist/esm/src/components/modal/modalBase/modalBase.module.css.js +7 -0
- package/dist/esm/src/components/modal/modalLXP/Modal.js +24 -0
- package/dist/esm/src/components/modal/modalLXP/modal.module.css.js +7 -0
- package/dist/esm/src/components/modal/modalLearningTech/index.js +17 -0
- package/dist/esm/src/components/modal/modalLearningTech/modalLearningTech.module.css.js +7 -0
- package/dist/esm/src/components/modal/modalShowUsers/index.js +11 -0
- package/dist/esm/src/components/modal/modalShowUsers/styles.js +122 -0
- package/dist/esm/src/components/modal/modalVideo/index.js +56 -0
- package/dist/esm/src/components/modal/modalVideo/modalVideo.module.css.js +7 -0
- package/dist/esm/src/components/modal/modalWelcome/index.js +43 -0
- package/dist/esm/src/components/modal/modalWelcome/styles.js +38 -0
- package/dist/esm/src/components/modal/statusProblema/index.js +33 -0
- package/dist/esm/src/components/modal/statusProblema/problemaFRST.png.js +3 -0
- package/dist/esm/src/components/modal/statusProblema/statusProblema.module.css.js +7 -0
- package/dist/esm/src/components/quantidadeDesafios/index.js +73 -0
- package/dist/esm/src/components/quantidadeDesafios/quantidadeDesafios.js +95 -0
- package/dist/esm/src/components/quantidadeDesafios/stats.js +8 -0
- package/dist/esm/src/components/quantidadeDesafios/statsWithResult.js +8 -0
- package/dist/esm/src/components/scroll-container/index.js +90 -0
- package/dist/esm/src/components/scroll-container/scrollContainer.utils.js +7 -0
- package/dist/esm/src/components/scroll-container/scrollContainerStyles.js +85 -0
- package/dist/esm/src/components/search-field/index.js +19 -0
- package/dist/esm/src/components/search-field/searchFieldStyles.js +87 -0
- package/dist/esm/src/components/show-more/index.js +20 -0
- package/dist/esm/src/components/show-more/showMoreStyles.js +26 -0
- package/dist/esm/src/components/speech-bubble/index.js +11 -0
- package/dist/esm/src/components/speech-bubble/speechBubbleStyles.js +100 -0
- package/dist/esm/src/components/step-card/index.js +13 -0
- package/dist/esm/src/components/step-card/stepCardStyles.js +90 -0
- package/dist/esm/src/components/tag/index.js +22 -0
- package/dist/esm/src/components/totalizer-card/index.js +16 -0
- package/dist/esm/src/components/totalizer-card/totalizerCardStyles.js +84 -0
- package/dist/esm/src/components/users-challenge/index.js +13 -0
- package/dist/esm/src/components/users-challenge/styles.js +125 -0
- package/dist/esm/src/components/users-challenge/variant-feed/index.js +34 -0
- package/dist/esm/src/components/users-challenge/variant-feed/styles.js +125 -0
- package/dist/esm/src/components/users-challenge/variant-form/index.js +23 -0
- package/dist/esm/src/components/users-challenge/variant-form/styles.js +125 -0
- package/dist/esm/src/components/users-challenge/variant-lxp/index.js +21 -0
- package/dist/esm/src/components/users-challenge/variant-lxp/styles.js +122 -0
- package/dist/esm/src/components/users-challenge/variant-vitrine/index.js +34 -0
- package/dist/esm/src/components/users-challenge/variant-vitrine/styles.js +123 -0
- package/dist/esm/src/shared/global.css.js +6 -0
- package/dist/esm/src/shared/globalComponentsStyle.js +83 -0
- package/dist/esm/src/shared/icons.js +531 -0
- package/dist/esm/src/theme/index.js +7 -0
- package/dist/esm/src/theme/tokens.js +235 -0
- package/dist/esm/src/utilityFunctions/abbreviateMiddleSurnames.js +23 -0
- package/dist/esm/src/utilityFunctions/buildStringWithHTML.js +10 -0
- package/dist/esm/src/utilityFunctions/createUUID.js +11 -0
- package/dist/index.js +15175 -15175
- package/dist/src/components/mini-button/index.d.ts +1 -1
- package/dist/src/components/mini-button/index.d.ts.map +1 -1
- package/package.json +120 -116
- package/public/customIcons/CheckIcon.tsx +16 -16
- package/public/customIcons/CircledAlert.tsx +21 -21
- package/public/customIcons/CircledCheck.tsx +20 -20
- package/public/customIcons/CloseIcon.tsx +23 -23
- package/public/customIcons/DefaultProfile.tsx +15 -15
- package/public/customIcons/ExcludeVoteIcon.tsx +40 -40
- package/public/customIcons/FrstLogoChallengeIcon.tsx +20 -20
- package/public/customIcons/FrstLogoIcon.tsx +8 -8
- package/public/customIcons/LanguageIcon.tsx +24 -24
- package/public/customIcons/SmallTrash.tsx +20 -20
- package/public/customIcons/SwitchVoteIcon.tsx +22 -22
- package/public/customIcons/TagAlert.tsx +10 -10
- package/public/customIcons/VoteCurrentIcon.tsx +22 -22
- package/public/customIcons/VoteIcon.tsx +41 -41
- package/public/customIcons/WarningIcon.tsx +21 -21
- package/public/customIcons/index.ts +15 -15
- package/public/customIcons/newVoteIcon.tsx +36 -36
- package/public/index.html +43 -43
- package/public/locales/en-US.json +33 -33
- package/public/locales/es.json +34 -34
- package/public/locales/pt-BR.json +41 -41
- package/public/manifest.json +15 -15
- package/public/robots.txt +3 -3
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".p-component,\n.p-component * {\n box-sizing: border-box;\n}\n\n.p-hidden {\n display: none;\n}\n\n.p-hidden-space {\n visibility: hidden;\n}\n\n.p-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.p-hidden-accessible input,\n.p-hidden-accessible select {\n transform: scale(0);\n}\n\n.p-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n}\n\n.p-disabled,\n.p-disabled * {\n cursor: default !important;\n pointer-events: none;\n user-select: none;\n}\n\n.p-component-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-overflow-hidden {\n overflow: hidden;\n}\n\n.p-unselectable-text {\n user-select: none;\n}\n\n.p-scrollbar-measure {\n width: 100px;\n height: 100px;\n overflow: scroll;\n position: absolute;\n top: -9999px;\n}\n\n@-webkit-keyframes p-fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n@keyframes p-fadein {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.p-link {\n text-align: left;\n background-color: transparent;\n margin: 0;\n padding: 0;\n border: none;\n cursor: pointer;\n user-select: none;\n}\n\n.p-link:disabled {\n cursor: default;\n}\n\n/* Non react overlay animations */\n.p-connected-overlay {\n opacity: 0;\n transform: scaleY(0.8);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-visible {\n opacity: 1;\n transform: scaleY(1);\n}\n\n.p-connected-overlay-hidden {\n opacity: 0;\n transform: scaleY(1);\n transition: opacity 0.1s linear;\n}\n\n/* React based overlay animations */\n.p-connected-overlay-enter {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-connected-overlay-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-connected-overlay-enter-done {\n transform: none;\n z-index: 9999 !important;\n}\n\n.p-connected-overlay-exit {\n opacity: 1;\n}\n\n.p-connected-overlay-exit-active {\n opacity: 0;\n transition: opacity 0.1s linear;\n}\n\n/* Toggleable Content */\n.p-toggleable-content-enter {\n max-height: 0;\n}\n\n.p-toggleable-content-enter-active {\n overflow: hidden;\n max-height: 1000px;\n transition: max-height 1s ease-in-out;\n}\n\n.p-toggleable-content-enter-done {\n transform: none;\n}\n\n.p-toggleable-content-exit {\n max-height: 1000px;\n}\n\n.p-toggleable-content-exit-active {\n overflow: hidden;\n max-height: 0;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n\n.p-sr-only {\n border: 0;\n clip: rect(1px, 1px, 1px, 1px);\n clip-path: inset(50%);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n word-wrap: normal !important;\n}\n\n.p-accordion-header-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n user-select: none;\n position: relative;\n text-decoration: none;\n}\n\n.p-accordion-header-link:focus {\n z-index: 1;\n}\n\n.p-accordion-header-text {\n line-height: 1;\n}\n\n.p-autocomplete {\n display: inline-flex;\n position: relative;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-autocomplete-dd .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete-dd .p-autocomplete-input,\n.p-autocomplete-dd .p-autocomplete-multiple-container {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dd .p-autocomplete-dropdown {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0px;\n}\n\n.p-autocomplete .p-autocomplete-panel {\n min-width: 100%;\n}\n\n.p-autocomplete-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.p-autocomplete-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-autocomplete-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-autocomplete-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-autocomplete-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-autocomplete-token-icon {\n cursor: pointer;\n}\n\n.p-autocomplete-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n}\n\n.p-autocomplete-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n}\n\n.p-fluid .p-autocomplete {\n display: flex;\n}\n\n.p-fluid .p-autocomplete-dd .p-autocomplete-input {\n width: 1%;\n}\n\n.p-avatar {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n font-size: 1rem;\n}\n\n.p-avatar.p-avatar-image {\n background-color: transparent;\n}\n\n.p-avatar-circle {\n border-radius: 50%;\n}\n\n.p-avatar-circle img {\n border-radius: 50%;\n}\n\n.p-avatar .p-avatar-icon {\n font-size: 1rem;\n}\n\n.p-avatar img {\n width: 100%;\n height: 100%;\n}\n\n.p-avatar-clickable {\n cursor: pointer;\n}\n\n.p-avatar-group .p-avatar + .p-avatar {\n margin-left: -1rem;\n}\n\n.p-avatar-group {\n display: flex;\n align-items: center;\n}\n\n.p-badge {\n display: inline-block;\n border-radius: 10px;\n text-align: center;\n padding: 0 0.5rem;\n}\n\n.p-overlay-badge {\n position: relative;\n}\n\n.p-overlay-badge .p-badge {\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(50%, -50%);\n transform-origin: 100% 0;\n margin: 0;\n}\n\n.p-badge-dot {\n width: 0.5rem;\n min-width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n padding: 0;\n}\n\n.p-badge-no-gutter {\n padding: 0;\n border-radius: 50%;\n}\n\n.p-blockui-container {\n position: relative;\n}\n\n.p-blockui {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-blockui.p-component-overlay {\n position: absolute;\n}\n\n.p-blockui-document.p-component-overlay {\n position: fixed;\n}\n\n.p-breadcrumb {\n overflow-x: auto;\n}\n\n.p-breadcrumb ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n}\n\n.p-breadcrumb .p-menuitem-text {\n line-height: 1;\n}\n\n.p-breadcrumb .p-menuitem-link {\n text-decoration: none;\n display: flex;\n align-items: center;\n}\n\n.p-breadcrumb::-webkit-scrollbar {\n display: none;\n}\n\n.p-button {\n margin: 0;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n vertical-align: bottom;\n text-align: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-button-label {\n flex: 1 1 auto;\n}\n\n.p-button-icon-right {\n order: 1;\n}\n\n.p-button:disabled {\n cursor: default;\n}\n\n.p-button-icon-only {\n justify-content: center;\n}\n\n.p-button-icon-only .p-button-label {\n visibility: hidden;\n width: 0;\n flex: 0 0 auto;\n}\n\n.p-button-vertical {\n flex-direction: column;\n}\n\n.p-button-icon-bottom {\n order: 2;\n}\n\n.p-buttonset .p-button {\n margin: 0;\n}\n\n.p-buttonset .p-button:not(:last-child) {\n border-right: 0 none;\n}\n\n.p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {\n border-radius: 0;\n}\n\n.p-buttonset .p-button:first-of-type {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-buttonset .p-button:last-of-type {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-buttonset .p-button:focus {\n position: relative;\n z-index: 1;\n}\n\n.p-calendar {\n position: relative;\n display: inline-flex;\n max-width: 100%;\n}\n\n.p-calendar .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-calendar-w-btn-right .p-inputtext {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-calendar-w-btn-right .p-datepicker-trigger {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-calendar-w-btn-left .p-inputtext {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-calendar-w-btn-left .p-datepicker-trigger {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n/* Fluid */\n.p-fluid .p-calendar {\n display: flex;\n}\n\n.p-fluid .p-calendar .p-inputtext {\n width: 1%;\n}\n\n/* Datepicker */\n.p-calendar .p-datepicker {\n min-width: 100%;\n}\n\n.p-datepicker {\n width: auto;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-datepicker-inline {\n display: inline-block;\n position: static;\n overflow-x: auto;\n}\n\n/* Header */\n.p-datepicker-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-datepicker-header .p-datepicker-title {\n margin: 0 auto;\n}\n\n.p-datepicker-prev,\n.p-datepicker-next {\n cursor: pointer;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n display: flex;\n}\n\n.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n flex: 1 1 auto;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n display: flex;\n}\n\n/* DatePicker Table */\n.p-datepicker table {\n width: 100%;\n border-collapse: collapse;\n}\n\n.p-datepicker td > span {\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n margin: 0 auto;\n overflow: hidden;\n position: relative;\n}\n\n/* Month Picker */\n.p-monthpicker-month {\n width: 33.3%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n/* Button Bar */\n.p-datepicker-buttonbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n/* Time Picker */\n.p-timepicker {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-timepicker button {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-timepicker > div {\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n/* Touch UI */\n.p-datepicker-touch-ui,\n.p-calendar .p-datepicker-touch-ui {\n position: fixed;\n top: 50%;\n left: 50%;\n min-width: 80vw;\n transform: translate(-50%, -50%);\n}\n\n/* Year Picker */\n.p-yearpicker-year {\n width: 50%;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-card-header img {\n width: 100%;\n}\n\n.p-carousel {\n display: flex;\n flex-direction: column;\n}\n\n.p-carousel-content {\n display: flex;\n flex-direction: column;\n overflow: auto;\n}\n\n.p-carousel-prev,\n.p-carousel-next {\n align-self: center;\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-carousel-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-carousel-items-content {\n overflow: hidden;\n width: 100%;\n}\n\n.p-carousel-items-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-carousel-indicators {\n display: flex;\n flex-direction: row;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.p-carousel-indicator > button {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Vertical */\n.p-carousel-vertical .p-carousel-container {\n flex-direction: column;\n}\n\n.p-carousel-vertical .p-carousel-items-container {\n flex-direction: column;\n height: 100%;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-carousel-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-carousel-item.p-carousel-item-active {\n visibility: visible;\n}\n\n.p-cascadeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-cascadeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-cascadeselect-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.p-cascadeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-cascadeselect .p-cascadeselect-panel {\n min-width: 100%;\n}\n\n.p-cascadeselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-cascadeselect-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n}\n\n.p-cascadeselect-item-content {\n display: flex;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-cascadeselect-group-icon {\n margin-left: auto;\n}\n\n.p-cascadeselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n min-width: 100%;\n}\n\n.p-fluid .p-cascadeselect {\n display: flex;\n}\n\n.p-fluid .p-cascadeselect .p-cascadeselect-label {\n width: 1%;\n}\n\n.p-cascadeselect-sublist {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n}\n\n.p-cascadeselect-item-active {\n overflow: visible !important;\n}\n\n.p-cascadeselect-item-active > .p-cascadeselect-sublist {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-chart {\n position: relative;\n}\n.p-checkbox {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n position: relative;\n}\n\n.p-checkbox.p-checkbox-disabled {\n cursor: auto;\n}\n\n.p-checkbox-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-chip {\n display: inline-flex;\n align-items: center;\n}\n\n.p-chip-text {\n line-height: 1.5;\n}\n\n.p-chip-icon.pi {\n line-height: 1.5;\n}\n\n.p-chip .p-chip-remove-icon {\n line-height: 1.5;\n cursor: pointer;\n}\n\n.p-chip img {\n border-radius: 50%;\n}\n\n.p-chips {\n display: inline-flex;\n}\n\n.p-chips-multiple-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-chips-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-chips-input-token {\n flex: 1 1 auto;\n display: inline-flex;\n}\n\n.p-chips-token-icon {\n cursor: pointer;\n}\n\n.p-chips-input-token input {\n border: 0 none;\n outline: 0 none;\n background-color: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n}\n\n.p-fluid .p-chips {\n display: flex;\n}\n\n.p-colorpicker {\n display: inline-block;\n}\n\n.p-colorpicker-dragging {\n cursor: pointer;\n}\n\n.p-colorpicker-overlay {\n position: relative;\n}\n\n.p-colorpicker-panel {\n position: relative;\n width: 193px;\n height: 166px;\n}\n\n.p-colorpicker-overlay-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-colorpicker-preview {\n cursor: pointer;\n}\n\n.p-colorpicker-panel .p-colorpicker-content {\n position: relative;\n}\n\n.p-colorpicker-panel .p-colorpicker-color-selector {\n width: 150px;\n height: 150px;\n top: 8px;\n left: 8px;\n position: absolute;\n}\n\n.p-colorpicker-panel .p-colorpicker-color {\n width: 150px;\n height: 150px;\n}\n\n.p-colorpicker-panel .p-colorpicker-color-handle {\n position: absolute;\n top: 0px;\n left: 150px;\n border-radius: 100%;\n width: 10px;\n height: 10px;\n border-width: 1px;\n border-style: solid;\n margin: -5px 0 0 -5px;\n cursor: pointer;\n opacity: 0.85;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue {\n width: 17px;\n height: 150px;\n top: 8px;\n left: 167px;\n position: absolute;\n opacity: 0.85;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue-handle {\n position: absolute;\n top: 150px;\n left: 0px;\n width: 21px;\n margin-left: -2px;\n margin-top: -5px;\n height: 10px;\n border-width: 2px;\n border-style: solid;\n opacity: 0.85;\n cursor: pointer;\n}\n\n.p-colorpicker-panel .p-colorpicker-color {\n background: transparent\n url('data:image/png;base64,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')\n no-repeat left top;\n}\n\n.p-colorpicker-panel .p-colorpicker-hue {\n background: transparent\n url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAACWCAIAAAC3uvTNAAAA7ElEQVRYw+2YUQqDQAxEh9GWuqV6Be9/JT88RN0VRUuv0ElBwhKY3yF5m90kLKd+mF/975r6geNyjm9Fy0kgqTJ6nqoIdGKczjmPJU5tZxA8wWPL7YOHKhZAlcmTAVVcxSCrMbfgqY/H6JEOoASPe56tgSrqLR7U2zWojwWjJ3jq47HEiZoGTwJxP1RRXw8y9RZfCMhbhTHOVTxXnUFtPJ5rGjzu35y2KfKGQxWT2K4TQL1d2zz6KAH1kRU8wfOXx+37qY3Hct+aDaqot2u7R/wMuDS3qnj0z0HqK4X/+kRNHdfUwFP2Nisqe/sFuUZiVjC9HCUAAAAASUVORK5CYII=')\n no-repeat left top;\n}\n\n.p-confirm-popup {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: 10px;\n}\n\n.p-confirm-popup-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n.p-confirm-popup:after,\n.p-confirm-popup:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-confirm-popup:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-confirm-popup:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-confirm-popup-flipped:after,\n.p-confirm-popup-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup.p-confirm-popup-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-confirm-popup .p-confirm-popup-content {\n display: flex;\n align-items: center;\n}\n\n.p-contextmenu {\n position: absolute;\n}\n\n.p-contextmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-contextmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n}\n\n.p-contextmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-contextmenu .p-menuitem {\n position: relative;\n}\n\n.p-contextmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-contextmenu-enter {\n opacity: 0;\n}\n\n.p-contextmenu-enter-active {\n opacity: 1;\n transition: opacity 250ms;\n}\n\n.p-datascroller {\n}\n\n.p-datascroller .p-datascroller-header {\n text-align: center;\n padding: 0.5em 0.75em;\n border-bottom: 0 none;\n}\n\n.p-datascroller .p-datascroller-footer {\n text-align: center;\n padding: 0.25em 0.625em;\n border-top: 0px none;\n}\n\n.p-datascroller .p-datascroller-content {\n padding: 0.25em 0.625em;\n}\n\n.p-datascroller-inline .p-datascroller-content {\n overflow: auto;\n}\n\n.p-datascroller .p-datascroller-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.p-datatable {\n position: relative;\n}\n\n.p-datatable table {\n border-collapse: collapse;\n min-width: 100%;\n table-layout: fixed;\n}\n\n.p-datatable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n}\n\n.p-datatable .p-sortable-disabled {\n cursor: auto;\n}\n\n.p-datatable .p-sortable-column .p-column-title,\n.p-datatable .p-sortable-column .p-sortable-column-icon,\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n vertical-align: middle;\n}\n\n.p-datatable .p-sortable-column .p-sortable-column-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-datatable-responsive-scroll > .p-datatable-wrapper {\n overflow-x: auto;\n}\n\n.p-datatable-responsive-scroll > .p-datatable-wrapper > table,\n.p-datatable-auto-layout > .p-datatable-wrapper > table {\n table-layout: auto;\n}\n\n.p-datatable-selectable .p-selectable-row,\n.p-datatable-selectable-cell .p-selectable-cell {\n cursor: pointer;\n}\n\n.p-datatable-drag-selection-helper {\n position: absolute;\n z-index: 99999999;\n}\n\n/* Scrollable */\n.p-datatable-scrollable .p-datatable-wrapper {\n position: relative;\n overflow: auto;\n}\n\n.p-datatable-scrollable .p-datatable-thead,\n.p-datatable-scrollable .p-datatable-tbody,\n.p-datatable-scrollable .p-datatable-tfoot {\n display: block;\n}\n\n.p-datatable-scrollable .p-datatable-thead > tr,\n.p-datatable-scrollable .p-datatable-tbody > tr,\n.p-datatable-scrollable .p-datatable-tfoot > tr {\n display: flex;\n flex-wrap: nowrap;\n width: 100%;\n}\n\n.p-datatable-scrollable .p-datatable-thead > tr > th,\n.p-datatable-scrollable .p-datatable-tbody > tr > td,\n.p-datatable-scrollable .p-datatable-tfoot > tr > td {\n display: flex;\n flex: 1 1 0;\n align-items: center;\n}\n\n.p-datatable-scrollable .p-datatable-thead {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-datatable-frozen-tbody {\n position: sticky;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-datatable-tfoot {\n position: sticky;\n bottom: 0;\n z-index: 1;\n}\n\n.p-datatable-scrollable .p-frozen-column {\n position: sticky;\n background: inherit;\n}\n\n.p-datatable-scrollable th.p-frozen-column {\n z-index: 1;\n}\n\n.p-datatable-scrollable-both .p-datatable-thead > tr > th,\n.p-datatable-scrollable-both .p-datatable-tbody > tr > td,\n.p-datatable-scrollable-both .p-datatable-tfoot > tr > td,\n.p-datatable-scrollable-horizontal\n .p-datatable-thead\n > tr\n > th\n .p-datatable-scrollable-horizontal\n .p-datatable-tbody\n > tr\n > td,\n.p-datatable-scrollable-horizontal .p-datatable-tfoot > tr > td {\n flex: 0 0 auto;\n}\n\n.p-datatable-flex-scrollable {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n.p-datatable-flex-scrollable .p-datatable-wrapper {\n display: flex;\n flex-direction: column;\n flex: 1;\n height: 100%;\n}\n\n.p-datatable-scrollable .p-rowgroup-header {\n position: sticky;\n z-index: 1;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot {\n display: table;\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr {\n display: table-row;\n}\n\n.p-datatable-scrollable.p-datatable-grouped-header .p-datatable-thead > tr > th,\n.p-datatable-scrollable.p-datatable-grouped-footer .p-datatable-tfoot > tr > td {\n display: table-cell;\n}\n\n.p-datatable-virtual-table {\n position: absolute;\n}\n\n.p-datatable-scrollable .p-virtualscroller > .p-datatable-table {\n display: inline-block; /* For Safari */\n}\n\n/* Resizable */\n.p-datatable-resizable > .p-datatable-wrapper {\n overflow-x: auto;\n}\n\n.p-datatable-resizable .p-datatable-thead > tr > th,\n.p-datatable-resizable .p-datatable-tfoot > tr > td,\n.p-datatable-resizable .p-datatable-tbody > tr > td {\n overflow: hidden;\n white-space: nowrap;\n}\n\n.p-datatable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n}\n\n.p-datatable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n}\n\n.p-datatable .p-column-resizer {\n display: block;\n position: absolute !important;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n}\n\n.p-datatable .p-column-header-content {\n display: flex;\n align-items: center;\n}\n\n.p-datatable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n}\n\n.p-datatable .p-row-editor-init,\n.p-datatable .p-row-editor-save,\n.p-datatable .p-row-editor-cancel {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Expand */\n.p-datatable .p-row-toggler {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Reorder */\n.p-datatable-reorder-indicator-up,\n.p-datatable-reorder-indicator-down {\n position: absolute;\n display: none;\n}\n\n.p-reorderable-column,\n.p-datatable-reorderablerow-handle {\n cursor: move;\n}\n\n/* Loader */\n.p-datatable .p-datatable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n}\n\n/* Filter */\n.p-column-filter-row {\n display: flex;\n align-items: center;\n width: 100%;\n}\n\n.p-column-filter-menu {\n display: inline-flex;\n margin-left: auto;\n}\n\n.p-column-filter-row .p-column-filter-element {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-column-filter-menu-button,\n.p-column-filter-clear-button {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-column-filter-overlay {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-column-filter-row-items {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-column-filter-row-item {\n cursor: pointer;\n}\n\n.p-column-filter-add-button,\n.p-column-filter-remove-button {\n justify-content: center;\n}\n\n.p-column-filter-add-button .p-button-label,\n.p-column-filter-remove-button .p-button-label {\n flex-grow: 0;\n}\n\n.p-column-filter-buttonbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-column-filter-buttonbar .p-button:not(.p-button-icon-only) {\n width: auto;\n}\n\n/* Responsive */\n.p-datatable .p-datatable-tbody > tr > td > .p-column-title {\n display: none;\n}\n\n/* VirtualScroller */\n.p-datatable .p-virtualscroller-loading {\n transform: none !important;\n min-height: 0;\n position: sticky;\n top: 0;\n left: 0;\n}\n\n/* Alignment */\n.p-datatable .p-datatable-thead > tr > th.p-align-left > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-left,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-left {\n text-align: left;\n justify-content: flex-start;\n}\n\n.p-datatable .p-datatable-thead > tr > th.p-align-right > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-right,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-right {\n text-align: right;\n justify-content: flex-end;\n}\n\n.p-datatable .p-datatable-thead > tr > th.p-align-center > .p-column-header-content,\n.p-datatable .p-datatable-tbody > tr > td.p-align-center,\n.p-datatable .p-datatable-tfoot > tr > td.p-align-center {\n text-align: center;\n justify-content: center;\n}\n\n.p-dataview-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-dataview .p-dataview-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-dialog-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n\n.p-dialog-visible {\n display: flex;\n}\n\n.p-dialog-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-dialog {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n max-height: 90%;\n transform: scale(1);\n position: relative;\n}\n\n/* Github #3122: Prevent animation flickering */\n.p-dialog:not([class*='p-dialog-']) {\n display: none;\n}\n\n.p-dialog-content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.p-dialog-header {\n display: flex;\n align-items: center;\n flex-shrink: 0;\n}\n\n.p-dialog-footer {\n flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icons {\n display: flex;\n align-items: center;\n align-self: flex-start;\n flex-shrink: 0;\n}\n\n.p-dialog .p-dialog-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-dialog .p-dialog-title {\n flex-grow: 1;\n}\n\n/* Fluid */\n.p-fluid .p-dialog-footer .p-button {\n width: auto;\n}\n\n/* Animation */\n/* Center */\n.p-dialog-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-dialog-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-dialog-enter-done {\n transform: none;\n}\n\n.p-dialog-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Top, Bottom, Left, Right, Top* and Bottom* */\n.p-dialog-top .p-dialog,\n.p-dialog-bottom .p-dialog,\n.p-dialog-left .p-dialog,\n.p-dialog-right .p-dialog,\n.p-dialog-top-left .p-dialog,\n.p-dialog-top-right .p-dialog,\n.p-dialog-bottom-left .p-dialog,\n.p-dialog-bottom-right .p-dialog {\n margin: 0.75em;\n}\n\n.p-dialog-top .p-dialog-enter,\n.p-dialog-top .p-dialog-exit-active {\n transform: translate3d(0px, -100%, 0px);\n}\n\n.p-dialog-bottom .p-dialog-enter,\n.p-dialog-bottom .p-dialog-exit-active {\n transform: translate3d(0px, 100%, 0px);\n}\n\n.p-dialog-left .p-dialog-enter,\n.p-dialog-left .p-dialog-exit-active,\n.p-dialog-top-left .p-dialog-enter,\n.p-dialog-top-left .p-dialog-exit-active,\n.p-dialog-bottom-left .p-dialog-enter,\n.p-dialog-bottom-left .p-dialog-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n}\n\n.p-dialog-right .p-dialog-enter,\n.p-dialog-right .p-dialog-exit-active,\n.p-dialog-top-right .p-dialog-enter,\n.p-dialog-top-right .p-dialog-exit-active,\n.p-dialog-bottom-right .p-dialog-enter,\n.p-dialog-bottom-right .p-dialog-exit-active {\n transform: translate3d(100%, 0px, 0px);\n}\n\n.p-dialog-top .p-dialog-enter-active,\n.p-dialog-bottom .p-dialog-enter-active,\n.p-dialog-left .p-dialog-enter-active,\n.p-dialog-top-left .p-dialog-enter-active,\n.p-dialog-bottom-left .p-dialog-enter-active,\n.p-dialog-right .p-dialog-enter-active,\n.p-dialog-top-right .p-dialog-enter-active,\n.p-dialog-bottom-right .p-dialog-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s ease-out;\n}\n\n.p-dialog-top .p-dialog-exit-active,\n.p-dialog-bottom .p-dialog-exit-active,\n.p-dialog-left .p-dialog-exit-active,\n.p-dialog-top-left .p-dialog-exit-active,\n.p-dialog-bottom-left .p-dialog-exit-active,\n.p-dialog-right .p-dialog-exit-active,\n.p-dialog-top-right .p-dialog-exit-active,\n.p-dialog-bottom-right .p-dialog-exit-active {\n transition: all 0.3s ease-out;\n}\n\n/* Maximize */\n.p-dialog-maximized {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n}\n\n.p-dialog-maximized .p-dialog-content {\n flex-grow: 1;\n}\n\n/* Position */\n.p-dialog-left {\n justify-content: flex-start;\n}\n\n.p-dialog-right {\n justify-content: flex-end;\n}\n\n.p-dialog-top {\n align-items: flex-start;\n}\n\n.p-dialog-top-left {\n justify-content: flex-start;\n align-items: flex-start;\n}\n\n.p-dialog-top-right {\n justify-content: flex-end;\n align-items: flex-start;\n}\n\n.p-dialog-bottom {\n align-items: flex-end;\n}\n\n.p-dialog-bottom-left {\n justify-content: flex-start;\n align-items: flex-end;\n}\n\n.p-dialog-bottom-right {\n justify-content: flex-end;\n align-items: flex-end;\n}\n\n.p-confirm-dialog .p-dialog-content {\n display: flex;\n align-items: center;\n}\n\n/* Resizable */\n.p-dialog .p-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n}\n\n.p-dialog-draggable .p-dialog-header {\n cursor: move;\n}\n\n.p-divider-horizontal {\n display: flex;\n width: 100%;\n position: relative;\n align-items: center;\n}\n\n.p-divider-horizontal:before {\n position: absolute;\n display: block;\n top: 50%;\n left: 0;\n width: 100%;\n content: '';\n}\n\n.p-divider-horizontal.p-divider-left {\n justify-content: flex-start;\n}\n\n.p-divider-horizontal.p-divider-right {\n justify-content: flex-end;\n}\n\n.p-divider-horizontal.p-divider-center {\n justify-content: center;\n}\n\n.p-divider-content {\n z-index: 1;\n}\n\n.p-divider-vertical {\n min-height: 100%;\n margin: 0 1rem;\n display: flex;\n position: relative;\n justify-content: center;\n}\n\n.p-divider-vertical:before {\n position: absolute;\n display: block;\n top: 0;\n left: 50%;\n height: 100%;\n content: '';\n}\n\n.p-divider-vertical.p-divider-top {\n align-items: flex-start;\n}\n\n.p-divider-vertical.p-divider-center {\n align-items: center;\n}\n\n.p-divider-vertical.p-divider-bottom {\n align-items: flex-end;\n}\n\n.p-divider-solid.p-divider-horizontal:before {\n border-top-style: solid;\n}\n\n.p-divider-solid.p-divider-vertical:before {\n border-left-style: solid;\n}\n\n.p-divider-dashed.p-divider-horizontal:before {\n border-top-style: dashed;\n}\n\n.p-divider-dashed.p-divider-vertical:before {\n border-left-style: dashed;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-top-style: dotted;\n}\n\n.p-divider-dotted.p-divider-horizontal:before {\n border-left-style: dotted;\n}\n.p-dock {\n position: absolute;\n z-index: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n}\n\n.p-dock-container {\n display: flex;\n pointer-events: auto;\n}\n\n.p-dock-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: auto;\n}\n\n.p-dock-magnification .p-dock-item {\n transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n}\n\n.p-dock-action {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: default;\n}\n\n.p-dock-magnification .p-dock-item-second-prev,\n.p-dock-magnification .p-dock-item-second-next {\n transform: scale(1.2);\n}\n\n.p-dock-magnification .p-dock-item-prev,\n.p-dock-magnification .p-dock-item-next {\n transform: scale(1.4);\n}\n\n.p-dock-magnification .p-dock-item-current {\n transform: scale(1.6);\n z-index: 1;\n}\n\n/* Position */\n/* top */\n.p-dock-top {\n left: 0;\n top: 0;\n width: 100%;\n}\n\n.p-dock-top.p-dock-magnification .p-dock-item {\n transform-origin: center top;\n}\n\n.p-dock-top .p-dock-container {\n flex-direction: column-reverse;\n}\n\n/* bottom */\n.p-dock-bottom {\n left: 0;\n bottom: 0;\n width: 100%;\n}\n\n.p-dock-bottom.p-dock-magnification .p-dock-item {\n transform-origin: center bottom;\n}\n\n.p-dock-bottom .p-dock-container {\n flex-direction: column;\n}\n\n/* right */\n.p-dock-right {\n right: 0;\n top: 0;\n height: 100%;\n}\n\n.p-dock-right.p-dock-magnification .p-dock-item {\n transform-origin: center right;\n}\n\n.p-dock-right .p-dock-list {\n flex-direction: column;\n}\n\n/* left */\n.p-dock-left {\n left: 0;\n top: 0;\n height: 100%;\n}\n\n.p-dock-left.p-dock-magnification .p-dock-item {\n transform-origin: center left;\n}\n\n.p-dock-left .p-dock-list {\n flex-direction: column;\n}\n\n.p-dock-left .p-dock-container {\n flex-direction: row-reverse;\n}\n\n.p-dropdown {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-dropdown-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-dropdown-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-dropdown-label {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n flex: 1 1 auto;\n width: 1%;\n text-overflow: ellipsis;\n cursor: pointer;\n}\n\n.p-dropdown-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\ninput.p-dropdown-label {\n cursor: default;\n}\n\n.p-dropdown .p-dropdown-panel {\n min-width: 100%;\n}\n\n.p-dropdown-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-dropdown-items-wrapper {\n overflow: auto;\n}\n\n.p-dropdown-item {\n cursor: pointer;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-dropdown-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-dropdown-filter {\n width: 100%;\n}\n\n.p-dropdown-filter-container {\n position: relative;\n}\n\n.p-dropdown-filter-icon,\n.p-dropdown-filter-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-dropdown {\n display: flex;\n}\n\n.p-fluid .p-dropdown .p-dropdown-label {\n width: 1%;\n}\n\n/*!\n * Quill Editor v1.3.7\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0px;\n position: relative;\n}\n.ql-container.ql-disabled .ql-tooltip {\n visibility: hidden;\n}\n.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n}\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n}\n.ql-clipboard p {\n margin: 0;\n padding: 0;\n}\n.ql-editor {\n box-sizing: border-box;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n.ql-editor > * {\n cursor: text;\n}\n.ql-editor p,\n.ql-editor ol,\n.ql-editor ul,\n.ql-editor pre,\n.ql-editor blockquote,\n.ql-editor h1,\n.ql-editor h2,\n.ql-editor h3,\n.ql-editor h4,\n.ql-editor h5,\n.ql-editor h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol,\n.ql-editor ul {\n padding-left: 1.5em;\n}\n.ql-editor ol > li,\n.ql-editor ul > li {\n list-style-type: none;\n}\n.ql-editor ul > li::before {\n content: '\\2022';\n}\n.ql-editor ul[data-checked='true'],\n.ql-editor ul[data-checked='false'] {\n pointer-events: none;\n}\n.ql-editor ul[data-checked='true'] > li *,\n.ql-editor ul[data-checked='false'] > li * {\n pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before,\n.ql-editor ul[data-checked='false'] > li::before {\n color: #777;\n cursor: pointer;\n pointer-events: all;\n}\n.ql-editor ul[data-checked='true'] > li::before {\n content: '\\2611';\n}\n.ql-editor ul[data-checked='false'] > li::before {\n content: '\\2610';\n}\n.ql-editor li::before {\n display: inline-block;\n white-space: nowrap;\n width: 1.2em;\n}\n.ql-editor li:not(.ql-direction-rtl)::before {\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n}\n.ql-editor li.ql-direction-rtl::before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n}\n.ql-editor ol li:not(.ql-direction-rtl),\n.ql-editor ul li:not(.ql-direction-rtl) {\n padding-left: 1.5em;\n}\n.ql-editor ol li.ql-direction-rtl,\n.ql-editor ul li.ql-direction-rtl {\n padding-right: 1.5em;\n}\n.ql-editor ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n}\n.ql-editor ol li:before {\n content: counter(list-0, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-increment: list-1;\n}\n.ql-editor ol li.ql-indent-1:before {\n content: counter(list-1, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-1 {\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-2 {\n counter-increment: list-2;\n}\n.ql-editor ol li.ql-indent-2:before {\n content: counter(list-2, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-2 {\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-3 {\n counter-increment: list-3;\n}\n.ql-editor ol li.ql-indent-3:before {\n content: counter(list-3, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-3 {\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-4 {\n counter-increment: list-4;\n}\n.ql-editor ol li.ql-indent-4:before {\n content: counter(list-4, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-4 {\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-5 {\n counter-increment: list-5;\n}\n.ql-editor ol li.ql-indent-5:before {\n content: counter(list-5, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-5 {\n counter-reset: list-6 list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-6 {\n counter-increment: list-6;\n}\n.ql-editor ol li.ql-indent-6:before {\n content: counter(list-6, decimal) '. ';\n}\n.ql-editor ol li.ql-indent-6 {\n counter-reset: list-7 list-8 list-9;\n}\n.ql-editor ol li.ql-indent-7 {\n counter-increment: list-7;\n}\n.ql-editor ol li.ql-indent-7:before {\n content: counter(list-7, lower-alpha) '. ';\n}\n.ql-editor ol li.ql-indent-7 {\n counter-reset: list-8 list-9;\n}\n.ql-editor ol li.ql-indent-8 {\n counter-increment: list-8;\n}\n.ql-editor ol li.ql-indent-8:before {\n content: counter(list-8, lower-roman) '. ';\n}\n.ql-editor ol li.ql-indent-8 {\n counter-reset: list-9;\n}\n.ql-editor ol li.ql-indent-9 {\n counter-increment: list-9;\n}\n.ql-editor ol li.ql-indent-9:before {\n content: counter(list-9, decimal) '. ';\n}\n.ql-editor .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n}\n.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n}\n.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n}\n.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n}\n.ql-editor .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n}\n.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n}\n.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n}\n.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n}\n.ql-editor .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n}\n.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n}\n.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n}\n.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n}\n.ql-editor .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n}\n.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n}\n.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n}\n.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n}\n.ql-editor .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n}\n.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n}\n.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n}\n.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n}\n.ql-editor .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n}\n.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n}\n.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n}\n.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n}\n.ql-editor .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n}\n.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n}\n.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n}\n.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n}\n.ql-editor .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n}\n.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n}\n.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n}\n.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n}\n.ql-editor .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n}\n.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n}\n.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n}\n.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n}\n.ql-editor .ql-video {\n display: block;\n max-width: 100%;\n}\n.ql-editor .ql-video.ql-align-center {\n margin: 0 auto;\n}\n.ql-editor .ql-video.ql-align-right {\n margin: 0 0 0 auto;\n}\n.ql-editor .ql-bg-black {\n background-color: #000;\n}\n.ql-editor .ql-bg-red {\n background-color: #e60000;\n}\n.ql-editor .ql-bg-orange {\n background-color: #f90;\n}\n.ql-editor .ql-bg-yellow {\n background-color: #ff0;\n}\n.ql-editor .ql-bg-green {\n background-color: #008a00;\n}\n.ql-editor .ql-bg-blue {\n background-color: #06c;\n}\n.ql-editor .ql-bg-purple {\n background-color: #93f;\n}\n.ql-editor .ql-color-white {\n color: #fff;\n}\n.ql-editor .ql-color-red {\n color: #e60000;\n}\n.ql-editor .ql-color-orange {\n color: #f90;\n}\n.ql-editor .ql-color-yellow {\n color: #ff0;\n}\n.ql-editor .ql-color-green {\n color: #008a00;\n}\n.ql-editor .ql-color-blue {\n color: #06c;\n}\n.ql-editor .ql-color-purple {\n color: #93f;\n}\n.ql-editor .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-editor .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-editor .ql-size-small {\n font-size: 0.75em;\n}\n.ql-editor .ql-size-large {\n font-size: 1.5em;\n}\n.ql-editor .ql-size-huge {\n font-size: 2.5em;\n}\n.ql-editor .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n}\n.ql-editor .ql-align-center {\n text-align: center;\n}\n.ql-editor .ql-align-justify {\n text-align: justify;\n}\n.ql-editor .ql-align-right {\n text-align: right;\n}\n.ql-editor.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n}\n.ql-snow.ql-toolbar:after,\n.ql-snow .ql-toolbar:after {\n clear: both;\n content: '';\n display: table;\n}\n.ql-snow.ql-toolbar button,\n.ql-snow .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n}\n.ql-snow.ql-toolbar button svg,\n.ql-snow .ql-toolbar button svg {\n float: left;\n height: 100%;\n}\n.ql-snow.ql-toolbar button:active:hover,\n.ql-snow .ql-toolbar button:active:hover {\n outline: none;\n}\n.ql-snow.ql-toolbar input.ql-image[type='file'],\n.ql-snow .ql-toolbar input.ql-image[type='file'] {\n display: none;\n}\n.ql-snow.ql-toolbar button:hover,\n.ql-snow .ql-toolbar button:hover,\n.ql-snow.ql-toolbar button:focus,\n.ql-snow .ql-toolbar button:focus,\n.ql-snow.ql-toolbar button.ql-active,\n.ql-snow .ql-toolbar button.ql-active,\n.ql-snow.ql-toolbar .ql-picker-label:hover,\n.ql-snow .ql-toolbar .ql-picker-label:hover,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active,\n.ql-snow.ql-toolbar .ql-picker-item:hover,\n.ql-snow .ql-toolbar .ql-picker-item:hover,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected {\n color: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: #06c;\n}\n.ql-snow.ql-toolbar button:hover .ql-stroke,\n.ql-snow .ql-toolbar button:hover .ql-stroke,\n.ql-snow.ql-toolbar button:focus .ql-stroke,\n.ql-snow .ql-toolbar button:focus .ql-stroke,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n.ql-snow.ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar button:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow .ql-toolbar button:focus .ql-stroke-miter,\n.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: #06c;\n}\n@media (pointer: coarse) {\n .ql-snow.ql-toolbar button:hover:not(.ql-active),\n .ql-snow .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n}\n.ql-snow {\n box-sizing: border-box;\n}\n.ql-snow * {\n box-sizing: border-box;\n}\n.ql-snow .ql-hidden {\n display: none;\n}\n.ql-snow .ql-out-bottom,\n.ql-snow .ql-out-top {\n visibility: hidden;\n}\n.ql-snow .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n}\n.ql-snow .ql-tooltip a {\n cursor: pointer;\n text-decoration: none;\n}\n.ql-snow .ql-tooltip.ql-flip {\n transform: translateY(-10px);\n}\n.ql-snow .ql-formats {\n display: inline-block;\n vertical-align: middle;\n}\n.ql-snow .ql-formats:after {\n clear: both;\n content: '';\n display: table;\n}\n.ql-snow .ql-stroke {\n fill: none;\n stroke: #444;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n}\n.ql-snow .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n}\n.ql-snow .ql-fill,\n.ql-snow .ql-stroke.ql-fill {\n fill: #444;\n}\n.ql-snow .ql-empty {\n fill: none;\n}\n.ql-snow .ql-even {\n fill-rule: evenodd;\n}\n.ql-snow .ql-thin,\n.ql-snow .ql-stroke.ql-thin {\n stroke-width: 1;\n}\n.ql-snow .ql-transparent {\n opacity: 0.4;\n}\n.ql-snow .ql-direction svg:last-child {\n display: none;\n}\n.ql-snow .ql-direction.ql-active svg:last-child {\n display: inline;\n}\n.ql-snow .ql-direction.ql-active svg:first-child {\n display: none;\n}\n.ql-snow .ql-editor h1 {\n font-size: 2em;\n}\n.ql-snow .ql-editor h2 {\n font-size: 1.5em;\n}\n.ql-snow .ql-editor h3 {\n font-size: 1.17em;\n}\n.ql-snow .ql-editor h4 {\n font-size: 1em;\n}\n.ql-snow .ql-editor h5 {\n font-size: 0.83em;\n}\n.ql-snow .ql-editor h6 {\n font-size: 0.67em;\n}\n.ql-snow .ql-editor a {\n text-decoration: underline;\n}\n.ql-snow .ql-editor blockquote {\n border-left: 4px solid #ccc;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n}\n.ql-snow .ql-editor code,\n.ql-snow .ql-editor pre {\n background-color: #f0f0f0;\n border-radius: 3px;\n}\n.ql-snow .ql-editor pre {\n white-space: pre-wrap;\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n}\n.ql-snow .ql-editor code {\n font-size: 85%;\n padding: 2px 4px;\n}\n.ql-snow .ql-editor pre.ql-syntax {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n}\n.ql-snow .ql-editor img {\n max-width: 100%;\n}\n.ql-snow .ql-picker {\n color: #444;\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n}\n.ql-snow .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n}\n.ql-snow .ql-picker-label::before {\n display: inline-block;\n line-height: 22px;\n}\n.ql-snow .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n}\n.ql-snow .ql-picker-options .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n color: #ccc;\n z-index: 2;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {\n fill: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {\n stroke: #ccc;\n}\n.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n}\n.ql-snow .ql-color-picker,\n.ql-snow .ql-icon-picker {\n width: 28px;\n}\n.ql-snow .ql-color-picker .ql-picker-label,\n.ql-snow .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-label svg,\n.ql-snow .ql-icon-picker .ql-picker-label svg {\n right: 4px;\n}\n.ql-snow .ql-icon-picker .ql-picker-options {\n padding: 4px 0px;\n}\n.ql-snow .ql-icon-picker .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n}\n.ql-snow .ql-color-picker .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n}\n.ql-snow .ql-color-picker .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0px;\n width: 16px;\n}\n.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 0;\n top: 50%;\n width: 18px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n content: attr(data-label);\n}\n.ql-snow .ql-picker.ql-header {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item::before {\n content: 'Normal';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n content: 'Heading 1';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n content: 'Heading 2';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n content: 'Heading 3';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n content: 'Heading 4';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n content: 'Heading 5';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n content: 'Heading 6';\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {\n font-size: 2em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {\n font-size: 1.5em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {\n font-size: 1.17em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {\n font-size: 1em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {\n font-size: 0.83em;\n}\n.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {\n font-size: 0.67em;\n}\n.ql-snow .ql-picker.ql-font {\n width: 108px;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item::before {\n content: 'Sans Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n content: 'Serif';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n content: 'Monospace';\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {\n font-family: Georgia, Times New Roman, serif;\n}\n.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {\n font-family: Monaco, Courier New, monospace;\n}\n.ql-snow .ql-picker.ql-size {\n width: 98px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item::before {\n content: 'Normal';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n content: 'Small';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n content: 'Large';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n content: 'Huge';\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {\n font-size: 10px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {\n font-size: 18px;\n}\n.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {\n font-size: 32px;\n}\n.ql-snow .ql-color-picker.ql-background .ql-picker-item {\n background-color: #fff;\n}\n.ql-snow .ql-color-picker.ql-color .ql-picker-item {\n background-color: #000;\n}\n.ql-toolbar.ql-snow {\n border: 1px solid #ccc;\n box-sizing: border-box;\n font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n padding: 8px;\n}\n.ql-toolbar.ql-snow .ql-formats {\n margin-right: 15px;\n}\n.ql-toolbar.ql-snow .ql-picker-label {\n border: 1px solid transparent;\n}\n.ql-toolbar.ql-snow .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {\n border-color: #ccc;\n}\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,\n.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {\n border-color: #000;\n}\n.ql-toolbar.ql-snow + .ql-container.ql-snow {\n border-top: 0px;\n}\n.ql-snow .ql-tooltip {\n background-color: #fff;\n border: 1px solid #ccc;\n box-shadow: 0px 0px 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n}\n.ql-snow .ql-tooltip::before {\n content: 'Visit URL:';\n line-height: 26px;\n margin-right: 8px;\n}\n.ql-snow .ql-tooltip input[type='text'] {\n display: none;\n border: 1px solid #ccc;\n font-size: 13px;\n height: 26px;\n margin: 0px;\n padding: 3px 5px;\n width: 170px;\n}\n.ql-snow .ql-tooltip a.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n}\n.ql-snow .ql-tooltip a.ql-action::after {\n border-right: 1px solid #ccc;\n content: 'Edit';\n margin-left: 16px;\n padding-right: 8px;\n}\n.ql-snow .ql-tooltip a.ql-remove::before {\n content: 'Remove';\n margin-left: 8px;\n}\n.ql-snow .ql-tooltip a {\n line-height: 26px;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-preview,\n.ql-snow .ql-tooltip.ql-editing a.ql-remove {\n display: none;\n}\n.ql-snow .ql-tooltip.ql-editing input[type='text'] {\n display: inline-block;\n}\n.ql-snow .ql-tooltip.ql-editing a.ql-action::after {\n border-right: 0px;\n content: 'Save';\n padding-right: 0px;\n}\n.ql-snow .ql-tooltip[data-mode='link']::before {\n content: 'Enter link:';\n}\n.ql-snow .ql-tooltip[data-mode='formula']::before {\n content: 'Enter formula:';\n}\n.ql-snow .ql-tooltip[data-mode='video']::before {\n content: 'Enter video:';\n}\n.ql-snow a {\n color: #06c;\n}\n.ql-container.ql-snow {\n border: 1px solid #ccc;\n}\n\n.p-fieldset-legend > a,\n.p-fieldset-legend > span {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-fieldset-toggleable .p-fieldset-legend a {\n cursor: pointer;\n user-select: none;\n overflow: hidden;\n position: relative;\n text-decoration: none;\n}\n\n.p-fieldset-legend-text {\n line-height: 1;\n}\n\n.p-fileupload-content {\n position: relative;\n}\n\n.p-fileupload-row {\n display: flex;\n align-items: center;\n}\n\n.p-fileupload-row > div {\n flex: 1 1 auto;\n width: 25%;\n}\n\n.p-fileupload-row > div:last-child {\n text-align: right;\n}\n\n.p-fileupload-content > .p-progressbar {\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-button.p-fileupload-choose {\n position: relative;\n overflow: hidden;\n}\n\n.p-button.p-fileupload-choose input[type='file'] {\n display: none;\n}\n\n.p-fileupload-choose.p-fileupload-choose-selected input[type='file'] {\n display: none;\n}\n\n.p-fileupload-filename {\n word-wrap: break-word;\n}\n\n.p-fluid .p-fileupload .p-button {\n width: auto;\n}\n\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.p-disabled {\n pointer-events: none;\n}\n\n.p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-galleria-thumbnail-items-container {\n overflow: hidden;\n width: 100%;\n}\n\n.p-galleria-thumbnail-items {\n display: flex;\n}\n\n.p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.5;\n}\n\n.p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\n flex-direction: column;\n flex-grow: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n}\n\n/* Indicators */\n.p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n}\n\n.p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n/* FullScreen */\n.p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n}\n\n.p-galleria-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-galleria-close {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n/* Animation */\n.p-galleria-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-galleria-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-galleria-enter-done {\n transform: none;\n}\n\n.p-galleria-exit {\n opacity: 1;\n}\n\n.p-galleria-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-galleria-enter-active .p-galleria-item-nav {\n opacity: 0;\n}\n\n/* Keyboard Support */\n.p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n}\n\n.p-image-mask {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-image-preview-container {\n position: relative;\n display: inline-block;\n}\n\n.p-image-preview-indicator {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n transition: opacity 0.3s;\n}\n\n.p-image-preview-icon {\n font-size: 1.5rem;\n}\n\n.p-image-preview-container:hover > .p-image-preview-indicator {\n opacity: 1;\n cursor: pointer;\n}\n\n.p-image-preview-container > img {\n cursor: pointer;\n}\n\n.p-image-toolbar {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n z-index: 1;\n}\n\n.p-image-action.p-link {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-image-preview {\n transition: transform 0.15s;\n max-width: 100vw;\n max-height: 100vh;\n}\n\n.p-image-preview-enter {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-image-preview-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-image-preview-enter-done {\n transform: none;\n}\n\n.p-image-preview-exit {\n opacity: 1;\n}\n\n.p-image-preview-exit-active {\n opacity: 0;\n transform: scale(0.7);\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-inplace .p-inplace-display {\n display: inline;\n cursor: pointer;\n}\n\n.p-inplace .p-inplace-content {\n display: inline;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content {\n display: flex;\n}\n\n.p-fluid .p-inplace.p-inplace-closable .p-inplace-content > .p-inputtext {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inplace-content-close {\n margin-left: 0.25rem;\n}\n\n.p-inputnumber {\n display: inline-flex;\n}\n\n.p-inputnumber-button {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button .p-button-label,\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button .p-button-label {\n display: none;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-up {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-input {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-button.p-inputnumber-button-down {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-left-radius: 0;\n padding: 0;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group {\n display: flex;\n flex-direction: column;\n}\n\n.p-inputnumber-buttons-stacked .p-inputnumber-button-group .p-button.p-inputnumber-button {\n flex: 1 1 auto;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-up {\n order: 3;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n}\n\n.p-inputnumber-buttons-horizontal .p-button.p-inputnumber-button-down {\n order: 1;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-inputnumber-buttons-vertical {\n flex-direction: column;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-up {\n order: 1;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n width: 100%;\n}\n\n.p-inputnumber-buttons-vertical .p-inputnumber-input {\n order: 2;\n border-radius: 0;\n text-align: center;\n}\n\n.p-inputnumber-buttons-vertical .p-button.p-inputnumber-button-down {\n order: 3;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n width: 100%;\n}\n\n.p-inputnumber-input {\n flex: 1 1 auto;\n}\n\n.p-fluid .p-inputnumber {\n width: 100%;\n}\n\n.p-fluid .p-inputnumber .p-inputnumber-input {\n width: 1%;\n}\n\n.p-fluid .p-inputnumber-buttons-vertical .p-inputnumber-input {\n width: 100%;\n}\n\n.p-inputswitch {\n position: relative;\n display: inline-block;\n}\n\n.p-inputswitch-slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border: 1px solid transparent;\n}\n\n.p-inputswitch-slider:before {\n position: absolute;\n content: '';\n top: 50%;\n}\n\n.p-inputtext {\n margin: 0;\n}\n\n.p-fluid .p-inputtext {\n width: 100%;\n}\n\n/* InputGroup */\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup-addon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-inputgroup .p-float-label {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-fluid .p-inputgroup .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-fluid .p-inputgroup .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n/* Floating Label */\n.p-float-label {\n display: block;\n position: relative;\n}\n\n.p-float-label label {\n position: absolute;\n pointer-events: none;\n top: 50%;\n margin-top: -0.5rem;\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n}\n\n.p-float-label textarea ~ label {\n top: 1rem;\n}\n\n.p-float-label input:focus ~ label,\n.p-float-label input:-webkit-autofill ~ label,\n.p-float-label input.p-filled ~ label,\n.p-float-label textarea:focus ~ label,\n.p-float-label textarea.p-filled ~ label,\n.p-float-label .p-inputwrapper-focus ~ label,\n.p-float-label .p-inputwrapper-filled ~ label {\n top: -0.75rem;\n font-size: 12px;\n}\n\n.p-float-label .p-placeholder,\n.p-float-label input::placeholder,\n.p-float-label .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-float-label .p-focus .p-placeholder,\n.p-float-label input:focus::placeholder,\n.p-float-label .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-input-icon-left,\n.p-input-icon-right {\n position: relative;\n display: inline-block;\n}\n\n.p-input-icon-left > i,\n.p-input-icon-right > i,\n.p-input-icon-left > svg,\n.p-input-icon-right > svg,\n.p-input-icon-left > .p-input-prefix,\n.p-input-icon-right > .p-input-suffix {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-input-icon-left,\n.p-fluid .p-input-icon-right {\n display: block;\n width: 100%;\n}\n\n.p-inputtextarea-resizable {\n overflow: hidden;\n resize: none;\n}\n\n.p-fluid .p-inputtextarea {\n width: 100%;\n}\n\n@keyframes dash-frame {\n 100% {\n stroke-dashoffset: 0;\n }\n}\n.p-knob-range {\n fill: none;\n transition: stroke 0.1s ease-in;\n}\n.p-knob-value {\n animation-name: dash-frame;\n animation-fill-mode: forwards;\n fill: none;\n}\n.p-knob-text {\n font-size: 1.3rem;\n text-align: center;\n}\n.p-listbox-list-wrapper {\n overflow: auto;\n}\n\n.p-listbox-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.p-listbox-item {\n cursor: pointer;\n position: relative;\n overflow: hidden;\n}\n\n.p-listbox-filter-container {\n position: relative;\n}\n\n.p-listbox-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-listbox-filter {\n width: 100%;\n}\n\n.p-megamenu {\n display: flex;\n}\n\n.p-megamenu-root-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-megamenu-root-list > .p-menuitem {\n position: relative;\n}\n\n.p-megamenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-megamenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-megamenu-panel {\n display: none;\n position: absolute;\n width: auto;\n z-index: 1;\n}\n\n.p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n display: block;\n}\n\n.p-megamenu-submenu {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/* Horizontal */\n.p-megamenu-horizontal {\n align-items: center;\n}\n\n.p-megamenu-horizontal .p-megamenu-root-list {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.p-megamenu-horizontal .p-megamenu-custom,\n.p-megamenu-horizontal .p-megamenu-end {\n margin-left: auto;\n align-self: center;\n}\n\n/* Vertical */\n.p-megamenu-vertical {\n flex-direction: column;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list {\n flex-direction: column;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem-active > .p-megamenu-panel {\n left: 100%;\n top: 0;\n}\n\n.p-megamenu-vertical .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-megamenu-grid {\n display: flex;\n}\n\n.p-megamenu-col-2,\n.p-megamenu-col-3,\n.p-megamenu-col-4,\n.p-megamenu-col-6,\n.p-megamenu-col-12 {\n flex: 0 0 auto;\n padding: 0.5rem;\n}\n\n.p-megamenu-col-2 {\n width: 16.6667%;\n}\n\n.p-megamenu-col-3 {\n width: 25%;\n}\n\n.p-megamenu-col-4 {\n width: 33.3333%;\n}\n\n.p-megamenu-col-6 {\n width: 50%;\n}\n\n.p-megamenu-col-12 {\n width: 100%;\n}\n\n.p-mention {\n display: inline-flex;\n position: relative;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-mention .p-mention-panel {\n min-width: 100%;\n}\n\n.p-mention-panel {\n position: absolute;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.p-mention-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-mention-item {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-fluid .p-mention {\n display: flex;\n}\n\n.p-menu-overlay {\n position: absolute;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-menu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-menu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-menu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-menubar {\n display: flex;\n align-items: center;\n}\n\n.p-menubar ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-menubar .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-menubar .p-menuitem-text {\n line-height: 1;\n}\n\n.p-menubar .p-menuitem {\n position: relative;\n}\n\n.p-menubar-root-list {\n display: flex;\n align-items: center;\n}\n\n.p-menubar-root-list > li ul {\n display: none;\n z-index: 1;\n}\n\n.p-menubar-root-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n\n.p-menubar .p-submenu-list {\n display: none;\n position: absolute;\n z-index: 1;\n}\n\n.p-menubar .p-submenu-list > .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-menubar .p-submenu-list .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-menubar .p-menubar-custom,\n.p-menubar .p-menubar-end {\n margin-left: auto;\n align-self: center;\n}\n\n.p-menubar-button {\n display: none;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n}\n\n.p-inline-message {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: top;\n}\n\n.p-inline-message-icon-only .p-inline-message-text {\n visibility: hidden;\n width: 0;\n}\n\n.p-fluid .p-inline-message {\n display: flex;\n}\n\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter {\n opacity: 0;\n}\n\n.p-message-enter-active {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-message-exit {\n opacity: 1;\n max-height: 1000px;\n}\n\n.p-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin: 0;\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.3s;\n}\n\n.p-message-exit-active .p-message-close {\n display: none;\n}\n\n.p-multiselect {\n display: inline-flex;\n position: relative;\n user-select: none;\n}\n\n.p-multiselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n cursor: pointer;\n}\n\n.p-multiselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.p-multiselect-label {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-start;\n white-space: wrap;\n cursor: pointer;\n overflow: hidden;\n /* text-overflow: ellipsis; */\n}\n\n.p-multiselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-multiselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-multiselect-token-icon {\n cursor: pointer;\n}\n\n.p-multiselect .p-multiselect-panel {\n min-width: 100%;\n}\n\n.p-multiselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-multiselect-inline.p-multiselect-panel {\n border: none;\n position: initial;\n background: none;\n box-shadow: none;\n}\n\n.p-multiselect-inline.p-multiselect-panel .p-multiselect-items {\n padding: 0;\n}\n\n.p-multiselect-flex.p-multiselect-panel .p-multiselect-items {\n display: flex;\n flex-wrap: wrap;\n}\n\n.p-multiselect-items-wrapper {\n overflow: auto;\n}\n\n.p-multiselect-items {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-multiselect-item {\n cursor: pointer;\n display: flex;\n align-items: center;\n font-weight: normal;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n}\n\n.p-multiselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-multiselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n}\n\n.p-multiselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-multiselect-filter-container .p-inputtext {\n width: 100%;\n}\n\n.p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n}\n\n.p-multiselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-multiselect {\n display: flex;\n}\n\n.p-orderlist {\n display: flex;\n}\n\n.p-orderlist-controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.p-orderlist-list-container {\n flex: 1 1 auto;\n}\n\n.p-orderlist-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: auto;\n min-height: 12rem;\n max-height: 24rem;\n}\n\n.p-orderlist-item {\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-orderlist-filter {\n position: relative;\n}\n\n.p-orderlist-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-orderlist-filter-input {\n width: 100%;\n}\n\n.p-orderlist.p-state-disabled .p-orderlist-item,\n.p-orderlist.p-state-disabled .p-button {\n cursor: default;\n}\n\n.p-orderlist.p-state-disabled .p-orderlist-list {\n overflow: hidden;\n}\n\n.p-orderlist .p-orderlist-droppoint {\n height: 0.5rem;\n}\n\n.p-orderlist .p-orderlist-droppoint.p-orderlist-droppoint-highlight {\n background: var(--primary-color);\n}\n\n.p-organizationchart-table {\n border-spacing: 0;\n border-collapse: separate;\n margin: 0 auto;\n}\n\n.p-organizationchart-table > tbody > tr > td {\n text-align: center;\n vertical-align: top;\n padding: 0 0.75rem;\n}\n\n.p-organizationchart-node-content {\n display: inline-block;\n position: relative;\n}\n\n.p-organizationchart-node-content .p-node-toggler {\n position: absolute;\n bottom: -0.75rem;\n margin-left: -0.75rem;\n z-index: 2;\n left: 50%;\n user-select: none;\n cursor: pointer;\n width: 1.5rem;\n height: 1.5rem;\n text-decoration: none;\n}\n\n.p-organizationchart-node-content .p-node-toggler .p-node-toggler-icon {\n position: relative;\n top: 0.25rem;\n}\n\n.p-organizationchart-line-down {\n margin: 0 auto;\n height: 20px;\n width: 1px;\n}\n\n.p-organizationchart-line-right {\n border-radius: 0px;\n}\n\n.p-organizationchart-line-left {\n border-radius: 0;\n}\n\n.p-organizationchart-selectable-node {\n cursor: pointer;\n}\n\n.p-overlaypanel {\n position: absolute;\n margin-top: 10px;\n /* Github #3122: Prevent animation flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-overlaypanel-flipped {\n margin-top: 0;\n margin-bottom: 10px;\n}\n\n.p-overlaypanel-close {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n}\n\n/* Animation */\n.p-overlaypanel-enter {\n opacity: 0;\n transform: scaleY(0.8);\n}\n\n.p-overlaypanel-enter-active {\n opacity: 1;\n transform: scaleY(1);\n transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-overlaypanel-enter-done {\n transform: none;\n}\n\n.p-overlaypanel-exit {\n opacity: 1;\n}\n\n.p-overlaypanel-exit-active {\n opacity: 0;\n transition: opacity 0.1s linear;\n}\n\n.p-overlaypanel:after,\n.p-overlaypanel:before {\n bottom: 100%;\n left: calc(var(--overlayArrowLeft, 0) + 1.25rem);\n content: ' ';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n}\n\n.p-overlaypanel:after {\n border-width: 8px;\n margin-left: -8px;\n}\n\n.p-overlaypanel:before {\n border-width: 10px;\n margin-left: -10px;\n}\n\n.p-overlaypanel-flipped:after,\n.p-overlaypanel-flipped:before {\n bottom: auto;\n top: 100%;\n}\n\n.p-overlaypanel.p-overlaypanel-flipped:after {\n border-bottom-color: transparent;\n}\n\n.p-overlaypanel.p-overlaypanel-flipped:before {\n border-bottom-color: transparent;\n}\n\n.p-paginator {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n}\n\n.p-paginator-left-content {\n margin-right: auto;\n}\n\n.p-paginator-right-content {\n margin-left: auto;\n}\n\n.p-paginator-page,\n.p-paginator-next,\n.p-paginator-last,\n.p-paginator-first,\n.p-paginator-prev,\n.p-paginator-current {\n cursor: pointer;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n line-height: 1;\n user-select: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-paginator-element:focus {\n z-index: 1;\n position: relative;\n}\n\n.p-panel-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.p-panel-title {\n line-height: 1;\n}\n\n.p-panel-header-icon {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-panelmenu .p-panelmenu-header-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n position: relative;\n text-decoration: none;\n}\n\n.p-panelmenu .p-panelmenu-header-link:focus {\n z-index: 1;\n}\n\n.p-panelmenu .p-submenu-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-panelmenu .p-menuitem-link {\n display: flex;\n align-items: center;\n user-select: none;\n cursor: pointer;\n text-decoration: none;\n}\n\n.p-panelmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-password {\n position: relative;\n display: inline-flex;\n}\n\n.p-password-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-password .p-password-panel {\n min-width: 100%;\n}\n\n.p-password-meter {\n height: 10px;\n}\n\n.p-password-strength {\n height: 100%;\n width: 0%;\n transition: width 1s ease-in-out;\n}\n\n.p-fluid .p-password {\n display: flex;\n}\n\n.p-picklist {\n display: flex;\n}\n\n.p-picklist-buttons {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.p-picklist-list-wrapper {\n flex: 1 1 50%;\n}\n\n.p-picklist-list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n overflow: auto;\n min-height: 12rem;\n max-height: 24rem;\n}\n\n.p-picklist-item {\n cursor: pointer;\n overflow: hidden;\n position: relative;\n}\n\n.p-picklist-filter {\n position: relative;\n}\n\n.p-picklist-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-picklist-filter-input {\n width: 100%;\n}\n\n.p-progressbar {\n position: relative;\n overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-value {\n height: 100%;\n width: 0%;\n position: absolute;\n display: none;\n border: 0 none;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n}\n\n.p-progressbar-determinate .p-progressbar-label {\n display: inline-flex;\n}\n\n.p-progressbar-determinate .p-progressbar-value-animate {\n transition: width 1s ease-in-out;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::before {\n content: '';\n position: absolute;\n background-color: inherit;\n top: 0;\n left: 0;\n bottom: 0;\n will-change: left, right;\n -webkit-animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n animation: p-progressbar-indeterminate-anim 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n}\n\n.p-progressbar-indeterminate .p-progressbar-value::after {\n content: '';\n position: absolute;\n background-color: inherit;\n top: 0;\n left: 0;\n bottom: 0;\n will-change: left, right;\n -webkit-animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n animation: p-progressbar-indeterminate-anim-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n -webkit-animation-delay: 1.15s;\n animation-delay: 1.15s;\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n@keyframes p-progressbar-indeterminate-anim {\n 0% {\n left: -35%;\n right: 100%;\n }\n 60% {\n left: 100%;\n right: -90%;\n }\n 100% {\n left: 100%;\n right: -90%;\n }\n}\n\n@-webkit-keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n@keyframes p-progressbar-indeterminate-anim-short {\n 0% {\n left: -200%;\n right: 100%;\n }\n 60% {\n left: 107%;\n right: -8%;\n }\n 100% {\n left: 107%;\n right: -8%;\n }\n}\n\n.p-progress-spinner {\n position: relative;\n margin: 0 auto;\n width: 100px;\n height: 100px;\n display: inline-block;\n}\n\n.p-progress-spinner::before {\n content: '';\n display: block;\n padding-top: 100%;\n}\n\n.p-progress-spinner-svg {\n animation: p-progress-spinner-rotate 2s linear infinite;\n height: 100%;\n transform-origin: center center;\n width: 100%;\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n margin: auto;\n}\n\n.p-progress-spinner-circle {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: 0;\n stroke: #d62d20;\n animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite;\n stroke-linecap: round;\n}\n\n@keyframes p-progress-spinner-rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes p-progress-spinner-dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n\n@keyframes p-progress-spinner-color {\n 100%,\n 0% {\n stroke: #d62d20;\n }\n 40% {\n stroke: #0057e7;\n }\n 66% {\n stroke: #008744;\n }\n 80%,\n 90% {\n stroke: #ffa700;\n }\n}\n\n.p-radiobutton {\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n vertical-align: bottom;\n}\n\n.p-radiobutton-box {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-radiobutton-icon {\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n transform: translateZ(0) scale(0.1);\n border-radius: 50%;\n visibility: hidden;\n}\n\n.p-radiobutton-box.p-highlight .p-radiobutton-icon {\n transform: translateZ(0) scale(1, 1);\n visibility: visible;\n}\n\n.p-rating {\n display: flex;\n align-items: center;\n}\n\n.p-rating-item {\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n}\n\n.p-rating.p-readonly .p-rating-item {\n cursor: default;\n}\n\n.p-ripple {\n overflow: hidden;\n position: relative;\n}\n\n.p-ink {\n display: block;\n position: absolute;\n background: rgba(255, 255, 255, 0.5);\n border-radius: 100%;\n transform: scale(0);\n}\n\n.p-ink-active {\n animation: ripple 0.4s linear;\n}\n\n.p-ripple-disabled .p-ink {\n display: none !important;\n}\n\n@keyframes ripple {\n 100% {\n opacity: 0;\n transform: scale(2.5);\n }\n}\n\n.p-scrollpanel-wrapper {\n overflow: hidden;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 1;\n float: left;\n}\n\n.p-scrollpanel-content {\n height: calc(100% + 18px);\n width: calc(100% + 18px);\n padding: 0 18px 18px 0;\n position: relative;\n overflow: scroll;\n box-sizing: border-box;\n}\n\n.p-scrollpanel-bar {\n position: relative;\n background: #c1c1c1;\n border-radius: 3px;\n z-index: 2;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.25s linear;\n}\n\n.p-scrollpanel-bar-y {\n width: 9px;\n top: 0;\n}\n\n.p-scrollpanel-bar-x {\n height: 9px;\n bottom: 0;\n}\n\n.p-scrollpanel-hidden {\n visibility: hidden;\n}\n\n.p-scrollpanel:hover .p-scrollpanel-bar,\n.p-scrollpanel:active .p-scrollpanel-bar {\n opacity: 1;\n}\n\n.p-scrollpanel-grabbed {\n user-select: none;\n}\n\n.p-scrolltop {\n position: fixed;\n bottom: 20px;\n right: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-scrolltop-sticky {\n position: sticky;\n}\n\n.p-scrolltop-sticky.p-link {\n margin-left: auto;\n}\n\n.p-scrolltop-helper {\n display: none !important;\n}\n\n.p-scrolltop-enter {\n opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n opacity: 1;\n transition: opacity 0.15s;\n}\n\n.p-scrolltop-exit {\n opacity: 1;\n}\n\n.p-scrolltop-exit-active {\n opacity: 0;\n transition: opacity 0.15s;\n}\n\n.p-sidebar-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: none;\n justify-content: center;\n align-items: center;\n pointer-events: none;\n background-color: transparent;\n transition-property: background-color;\n}\n\n.p-sidebar-visible {\n display: flex;\n}\n\n.p-sidebar-mask.p-component-overlay {\n pointer-events: auto;\n}\n\n.p-sidebar {\n display: flex;\n flex-direction: column;\n pointer-events: auto;\n transform: translate3d(0px, 0px, 0px);\n position: relative;\n}\n\n/* Github #3122: Prevent animation flickering */\n.p-sidebar:not([class*='p-sidebar-']) {\n display: none;\n}\n\n.p-sidebar-content {\n overflow-y: auto;\n flex-grow: 1;\n}\n\n.p-sidebar-header {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex-shrink: 0;\n}\n\n.p-sidebar-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-sidebar-full .p-sidebar {\n transition: none;\n transform: none;\n width: 100vw !important;\n height: 100vh !important;\n max-height: 100%;\n top: 0px !important;\n left: 0px !important;\n}\n\n/* Animation */\n/* Top, Bottom, Left and Right */\n.p-sidebar-top .p-sidebar-enter,\n.p-sidebar-top .p-sidebar-exit-active {\n transform: translate3d(0px, -100%, 0px);\n}\n\n.p-sidebar-bottom .p-sidebar-enter,\n.p-sidebar-bottom .p-sidebar-exit-active {\n transform: translate3d(0px, 100%, 0px);\n}\n\n.p-sidebar-left .p-sidebar-enter,\n.p-sidebar-left .p-sidebar-exit-active {\n transform: translate3d(-100%, 0px, 0px);\n}\n\n.p-sidebar-right .p-sidebar-enter,\n.p-sidebar-right .p-sidebar-exit-active {\n transform: translate3d(100%, 0px, 0px);\n}\n\n.p-sidebar-top .p-sidebar-enter-active,\n.p-sidebar-bottom .p-sidebar-enter-active,\n.p-sidebar-left .p-sidebar-enter-active,\n.p-sidebar-right .p-sidebar-enter-active {\n transform: translate3d(0px, 0px, 0px);\n transition: all 0.3s;\n}\n\n.p-sidebar-top .p-sidebar-enter-done,\n.p-sidebar-bottom .p-sidebar-enter-done,\n.p-sidebar-left .p-sidebar-enter-done,\n.p-sidebar-right .p-sidebar-enter-done {\n transform: none;\n}\n\n.p-sidebar-top .p-sidebar-exit-active,\n.p-sidebar-bottom .p-sidebar-exit-active,\n.p-sidebar-left .p-sidebar-exit-active,\n.p-sidebar-right .p-sidebar-exit-active {\n transition: all 0.3s;\n}\n\n/* Full */\n.p-sidebar-full .p-sidebar-enter {\n opacity: 0;\n transform: scale(0.5);\n}\n\n.p-sidebar-full .p-sidebar-enter-active {\n opacity: 1;\n transform: scale(1);\n transition: all 0.15s cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-sidebar-full .p-sidebar-enter-done {\n transform: none;\n}\n\n.p-sidebar-full .p-sidebar-exit-active {\n opacity: 0;\n transform: scale(0.5);\n transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Position */\n.p-sidebar-left {\n justify-content: flex-start;\n}\n\n.p-sidebar-right {\n justify-content: flex-end;\n}\n\n.p-sidebar-top {\n align-items: flex-start;\n}\n\n.p-sidebar-bottom {\n align-items: flex-end;\n}\n\n/* Size */\n.p-sidebar-left .p-sidebar {\n width: 20rem;\n height: 100%;\n}\n\n.p-sidebar-right .p-sidebar {\n width: 20rem;\n height: 100%;\n}\n\n.p-sidebar-top .p-sidebar {\n height: 10rem;\n width: 100%;\n}\n\n.p-sidebar-bottom .p-sidebar {\n height: 10rem;\n width: 100%;\n}\n\n.p-sidebar-left .p-sidebar-sm,\n.p-sidebar-right .p-sidebar-sm {\n width: 20rem;\n}\n\n.p-sidebar-left .p-sidebar-md,\n.p-sidebar-right .p-sidebar-md {\n width: 40rem;\n}\n\n.p-sidebar-left .p-sidebar-lg,\n.p-sidebar-right .p-sidebar-lg {\n width: 60rem;\n}\n\n.p-sidebar-top .p-sidebar-sm,\n.p-sidebar-bottom .p-sidebar-sm {\n height: 10rem;\n}\n\n.p-sidebar-top .p-sidebar-md,\n.p-sidebar-bottom .p-sidebar-md {\n height: 20rem;\n}\n\n.p-sidebar-top .p-sidebar-lg,\n.p-sidebar-bottom .p-sidebar-lg {\n height: 30rem;\n}\n\n.p-sidebar-left .p-sidebar-view,\n.p-sidebar-right .p-sidebar-view,\n.p-sidebar-top .p-sidebar-view,\n.p-sidebar-bottom .p-sidebar-view {\n width: 100%;\n height: 100%;\n}\n\n.p-sidebar-left .p-sidebar-content,\n.p-sidebar-right .p-sidebar-content,\n.p-sidebar-top .p-sidebar-content,\n.p-sidebar-bottom .p-sidebar-content {\n width: 100%;\n height: 100%;\n}\n\n@media screen and (max-width: 64em) {\n .p-sidebar-left .p-sidebar-lg,\n .p-sidebar-left .p-sidebar-md,\n .p-sidebar-right .p-sidebar-lg,\n .p-sidebar-right .p-sidebar-md {\n width: 20rem;\n }\n}\n\n.p-skeleton {\n position: relative;\n overflow: hidden;\n}\n\n.p-skeleton::after {\n content: '';\n animation: p-skeleton-animation 1.2s infinite;\n height: 100%;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n transform: translateX(-100%);\n z-index: 1;\n}\n\n.p-skeleton-circle {\n border-radius: 50%;\n}\n\n.p-skeleton-none::after {\n animation: none;\n}\n\n@keyframes p-skeleton-animation {\n from {\n transform: translateX(-100%);\n }\n to {\n transform: translateX(100%);\n }\n}\n.p-slidemenu {\n width: 12.5em;\n}\n\n.p-slidemenu.p-slidemenu-overlay {\n position: absolute;\n}\n\n.p-slidemenu .p-menu-separator {\n border-width: 1px 0 0 0;\n}\n\n.p-slidemenu ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.p-slidemenu .p-slidemenu-rootlist {\n position: absolute;\n top: 0;\n}\n\n.p-slidemenu .p-submenu-list {\n display: none;\n position: absolute;\n top: 0;\n width: 12.5em;\n}\n\n.p-slidemenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-slidemenu .p-menuitem-icon {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem-text {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem {\n position: relative;\n}\n\n.p-slidemenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-slidemenu .p-slidemenu-wrapper {\n position: relative;\n}\n\n.p-slidemenu .p-slidemenu-content {\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n height: 100%;\n}\n\n.p-slidemenu-backward {\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: 0.25em;\n cursor: pointer;\n}\n\n.p-slidemenu-backward .p-slidemenu-backward-icon {\n vertical-align: middle;\n}\n\n.p-slidemenu-backward span {\n vertical-align: middle;\n}\n\n.p-slidemenu .p-menuitem-active {\n position: static;\n}\n\n.p-slidemenu .p-menuitem-active > .p-submenu-list {\n display: block;\n}\n\n.p-slider {\n position: relative;\n}\n\n.p-slider .p-slider-handle {\n position: absolute;\n cursor: grab;\n touch-action: none;\n display: block;\n z-index: 1;\n}\n\n.p-slider .p-slider-handle.p-slider-handle-active {\n z-index: 2;\n}\n\n.p-slider-range {\n position: absolute;\n display: block;\n}\n\n.p-slider-horizontal .p-slider-range {\n top: 0;\n left: 0;\n height: 100%;\n}\n\n.p-slider-horizontal .p-slider-handle {\n top: 50%;\n}\n\n.p-slider-vertical {\n height: 100px;\n}\n\n.p-slider-vertical .p-slider-handle {\n left: 50%;\n}\n\n.p-slider-vertical .p-slider-range {\n bottom: 0;\n left: 0;\n width: 100%;\n}\n\n.p-speeddial {\n position: absolute;\n display: flex;\n z-index: 1;\n}\n\n.p-speeddial-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: top 0s linear 0.2s;\n pointer-events: none;\n}\n\n.p-speeddial-item {\n transform: scale(0);\n opacity: 0;\n transition: transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, opacity 0.8s;\n will-change: transform;\n}\n\n.p-speeddial-action {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n position: relative;\n overflow: hidden;\n text-decoration: none;\n}\n\n.p-speeddial-circle .p-speeddial-item,\n.p-speeddial-semi-circle .p-speeddial-item,\n.p-speeddial-quarter-circle .p-speeddial-item {\n position: absolute;\n}\n\n.p-speeddial-rotate {\n transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n will-change: transform;\n}\n\n.p-speeddial-mask {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n transition: opacity 250ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-speeddial-mask-visible {\n pointer-events: none;\n opacity: 1;\n transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);\n}\n\n.p-speeddial-opened .p-speeddial-list {\n pointer-events: auto;\n}\n\n.p-speeddial-opened .p-speeddial-item {\n transform: scale(1);\n opacity: 1;\n}\n\n.p-speeddial-opened .p-speeddial-rotate {\n transform: rotate(45deg);\n}\n\n/* Direction */\n.p-speeddial-direction-up {\n align-items: center;\n flex-direction: column-reverse;\n}\n\n.p-speeddial-direction-up .p-speeddial-list {\n flex-direction: column-reverse;\n}\n\n.p-speeddial-direction-down {\n align-items: center;\n flex-direction: column;\n}\n\n.p-speeddial-direction-down .p-speeddial-list {\n flex-direction: column;\n}\n\n.p-speeddial-direction-left {\n justify-content: center;\n flex-direction: row-reverse;\n}\n\n.p-speeddial-direction-left .p-speeddial-list {\n flex-direction: row-reverse;\n}\n\n.p-speeddial-direction-right {\n justify-content: center;\n flex-direction: row;\n}\n\n.p-speeddial-direction-right .p-speeddial-list {\n flex-direction: row;\n}\n\n.p-splitbutton {\n display: inline-flex;\n position: relative;\n}\n\n.p-splitbutton .p-splitbutton-defaultbutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-defaultbutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-defaultbutton.p-button {\n flex: 1 1 auto;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-right: 0 none;\n}\n\n.p-splitbutton-menubutton,\n.p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,\n.p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-splitbutton .p-menu {\n min-width: 100%;\n}\n\n.p-fluid .p-splitbutton {\n display: flex;\n}\n\n.p-splitter {\n display: flex;\n flex-wrap: nowrap;\n}\n\n.p-splitter-vertical {\n flex-direction: column;\n}\n\n.p-splitter-panel {\n flex-grow: 1;\n}\n\n.p-splitter-panel-nested {\n display: flex;\n}\n\n.p-splitter-panel .p-splitter {\n flex-grow: 1;\n border: 0 none;\n}\n\n.p-splitter-gutter {\n flex-grow: 0;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: col-resize;\n}\n\n.p-splitter-horizontal.p-splitter-resizing {\n cursor: col-resize;\n user-select: none;\n}\n\n.p-splitter-horizontal > .p-splitter-gutter > .p-splitter-gutter-handle {\n height: 24px;\n width: 100%;\n}\n\n.p-splitter-horizontal > .p-splitter-gutter {\n cursor: col-resize;\n}\n\n.p-splitter-vertical.p-splitter-resizing {\n cursor: row-resize;\n user-select: none;\n}\n\n.p-splitter-vertical > .p-splitter-gutter {\n cursor: row-resize;\n}\n\n.p-splitter-vertical > .p-splitter-gutter > .p-splitter-gutter-handle {\n width: 24px;\n height: 100%;\n}\n\n.p-steps {\n position: relative;\n}\n\n.p-steps ul {\n padding: 0;\n margin: 0;\n list-style-type: none;\n display: flex;\n}\n\n.p-steps-item {\n position: relative;\n display: flex;\n justify-content: center;\n flex: 1 1 auto;\n}\n\n.p-steps-item .p-menuitem-link {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n overflow: hidden;\n text-decoration: none;\n}\n\n.p-steps.p-readonly .p-steps-item {\n cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n cursor: default;\n}\n\n.p-steps-title {\n white-space: nowrap;\n}\n\n.p-steps-number {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-steps-title {\n display: block;\n}\n\n.p-tabmenu {\n overflow-x: auto;\n}\n\n.p-tabmenu-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex-wrap: nowrap;\n}\n\n.p-tabmenu-nav a {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-tabmenu-nav a:focus {\n z-index: 1;\n}\n\n.p-tabmenu-nav .p-menuitem-text {\n line-height: 1;\n}\n\n.p-tabmenu-ink-bar {\n display: none;\n z-index: 1;\n}\n\n.p-tabmenu::-webkit-scrollbar {\n display: none;\n}\n\n.p-tabview-nav-container {\n position: relative;\n}\n\n.p-tabview-scrollable .p-tabview-nav-container {\n overflow: hidden;\n}\n\n.p-tabview-nav-content {\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n scrollbar-width: none;\n overscroll-behavior: contain auto;\n position: relative;\n}\n\n.p-tabview-nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style-type: none;\n flex: 1 1 auto;\n}\n\n.p-tabview-nav-link {\n cursor: pointer;\n user-select: none;\n display: flex;\n align-items: center;\n position: relative;\n text-decoration: none;\n overflow: hidden;\n}\n\n.p-tabview-ink-bar {\n display: none;\n z-index: 1;\n}\n\n.p-tabview-nav-link:focus {\n z-index: 1;\n}\n\n.p-tabview-close {\n z-index: 1;\n}\n\n.p-tabview-title {\n line-height: 1;\n white-space: nowrap;\n}\n\n.p-tabview-nav-btn {\n position: absolute;\n top: 0;\n z-index: 2;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tabview-nav-prev {\n left: 0;\n}\n\n.p-tabview-nav-next {\n right: 0;\n}\n\n.p-tabview-nav-content::-webkit-scrollbar {\n display: none;\n}\n\n.p-tag {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-tag-icon,\n.p-tag-value,\n.p-tag-icon.pi {\n line-height: 1.5;\n}\n\n.p-tag.p-tag-rounded {\n border-radius: 10rem;\n}\n.p-terminal {\n height: 18rem;\n overflow: auto;\n}\n\n.p-terminal-prompt-container {\n display: flex;\n align-items: center;\n}\n\n.p-terminal-input {\n flex: 1 1 auto;\n border: 0 none;\n background-color: transparent;\n color: inherit;\n padding: 0;\n outline: 0 none;\n}\n\n.p-terminal-input::-ms-clear {\n display: none;\n}\n\n.p-tieredmenu-overlay {\n position: absolute;\n}\n\n.p-tieredmenu ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.p-tieredmenu .p-submenu-list {\n position: absolute;\n min-width: 100%;\n z-index: 1;\n display: none;\n}\n\n.p-tieredmenu .p-menuitem-link {\n cursor: pointer;\n display: flex;\n align-items: center;\n text-decoration: none;\n overflow: hidden;\n position: relative;\n}\n\n.p-tieredmenu .p-menuitem-text {\n line-height: 1;\n}\n\n.p-tieredmenu .p-menuitem {\n position: relative;\n}\n\n.p-tieredmenu .p-menuitem-link .p-submenu-icon {\n margin-left: auto;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list {\n display: block;\n left: 100%;\n top: 0;\n}\n\n.p-tieredmenu .p-menuitem-active > .p-submenu-list-flipped {\n left: -100%;\n}\n\n.p-timeline {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.p-timeline-left .p-timeline-event-opposite {\n text-align: right;\n}\n\n.p-timeline-left .p-timeline-event-content {\n text-align: left;\n}\n\n.p-timeline-right .p-timeline-event {\n flex-direction: row-reverse;\n}\n\n.p-timeline-right .p-timeline-event-opposite {\n text-align: left;\n}\n\n.p-timeline-right .p-timeline-event-content {\n text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) {\n flex-direction: row-reverse;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-opposite {\n text-align: right;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(odd) .p-timeline-event-content {\n text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-opposite {\n text-align: left;\n}\n\n.p-timeline-vertical.p-timeline-alternate .p-timeline-event:nth-child(even) .p-timeline-event-content {\n text-align: right;\n}\n\n.p-timeline-event {\n display: flex;\n position: relative;\n min-height: 70px;\n}\n\n.p-timeline-event:last-child {\n min-height: 0;\n}\n\n.p-timeline-event-opposite {\n flex: 1;\n padding: 0 1rem;\n}\n\n.p-timeline-event-content {\n flex: 1;\n padding: 0 1rem;\n}\n\n.p-timeline-event-separator {\n flex: 0;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\n.p-timeline-event-marker {\n display: flex;\n align-self: baseline;\n}\n\n.p-timeline-event-connector {\n flex-grow: 1;\n}\n\n.p-timeline-horizontal {\n flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event {\n flex-direction: column;\n flex: 1;\n}\n\n.p-timeline-horizontal .p-timeline-event:last-child {\n flex: 0;\n}\n\n.p-timeline-horizontal .p-timeline-event-separator {\n flex-direction: row;\n}\n\n.p-timeline-horizontal .p-timeline-event-connector {\n width: 100%;\n}\n\n.p-timeline-bottom .p-timeline-event {\n flex-direction: column-reverse;\n}\n\n.p-timeline-horizontal.p-timeline-alternate .p-timeline-event:nth-child(even) {\n flex-direction: column-reverse;\n}\n\n.p-toast {\n position: fixed;\n width: calc(100% - var(--toast-indent, 0px));\n max-width: 25rem;\n}\n\n.p-toast-message-content {\n display: flex;\n align-items: flex-start;\n}\n\n.p-toast-message-text {\n flex: 1 1 auto;\n}\n\n.p-toast-detail {\n overflow-wrap: anywhere;\n}\n\n.p-toast-top-right {\n --toast-indent: 20px;\n top: 20px;\n right: 20px;\n}\n\n.p-toast-top-left {\n --toast-indent: 20px;\n top: 20px;\n left: 20px;\n}\n\n.p-toast-bottom-left {\n --toast-indent: 20px;\n bottom: 20px;\n left: 20px;\n}\n\n.p-toast-bottom-right {\n --toast-indent: 20px;\n bottom: 20px;\n right: 20px;\n}\n\n.p-toast-top-center {\n top: 20px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-bottom-center {\n bottom: 20px;\n left: 50%;\n transform: translateX(-50%);\n}\n\n.p-toast-center {\n left: 50%;\n top: 50%;\n min-width: 20vw;\n transform: translate(-50%, -50%);\n}\n\n.p-toast-icon-close {\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n}\n\n.p-toast-icon-close.p-link {\n cursor: pointer;\n}\n\n/* Animations */\n.p-toast-message-enter {\n opacity: 0;\n transform: translateY(50%);\n}\n\n.p-toast-message-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: transform 0.3s, opacity 0.3s;\n}\n\n.p-toast-message-enter-done {\n transform: none;\n}\n\n.p-toast-message-exit {\n opacity: 1;\n max-height: 1000px;\n}\n\n.p-toast-message-exit-active {\n opacity: 0;\n max-height: 0;\n margin-bottom: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin-bottom 0.3s;\n}\n\n.p-toolbar {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.p-toolbar-group-left,\n.p-toolbar-group-right {\n display: flex;\n align-items: center;\n}\n\n.p-tooltip {\n position: absolute;\n padding: 0.25em 0.5rem;\n /* #3687: Tooltip prevent scrollbar flickering */\n top: -9999px;\n left: -9999px;\n}\n\n.p-tooltip.p-tooltip-right,\n.p-tooltip.p-tooltip-left {\n padding: 0 0.25rem;\n}\n\n.p-tooltip.p-tooltip-top,\n.p-tooltip.p-tooltip-bottom {\n padding: 0.25em 0;\n}\n\n.p-tooltip .p-tooltip-text {\n white-space: pre-line;\n word-break: break-word;\n}\n\n.p-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n\n.p-tooltip-right .p-tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -0.25rem;\n border-width: 0.25em 0.25em 0.25em 0;\n}\n\n.p-tooltip-left .p-tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -0.25rem;\n border-width: 0.25em 0 0.25em 0.25rem;\n}\n\n.p-tooltip.p-tooltip-top {\n padding: 0.25em 0;\n}\n\n.p-tooltip-top .p-tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -0.25rem;\n border-width: 0.25em 0.25em 0;\n}\n\n.p-tooltip-bottom .p-tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -0.25rem;\n border-width: 0 0.25em 0.25rem;\n}\n\n.p-tree-container {\n margin: 0;\n padding: 0;\n list-style-type: none;\n overflow: auto;\n}\n\n.p-treenode-children {\n margin: 0;\n padding: 0;\n list-style-type: none;\n}\n\n.p-treenode-selectable {\n cursor: pointer;\n user-select: none;\n}\n\n.p-tree-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n}\n\n.p-treenode-leaf > .p-treenode-content .p-tree-toggler {\n visibility: hidden;\n}\n\n.p-treenode-content {\n display: flex;\n align-items: center;\n}\n\n.p-tree-filter {\n width: 100%;\n}\n\n.p-tree-filter-container {\n position: relative;\n display: block;\n width: 100%;\n}\n\n.p-tree-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-tree-loading {\n position: relative;\n min-height: 4rem;\n}\n\n.p-tree .p-tree-loading-overlay {\n position: absolute;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-treeselect {\n display: inline-flex;\n cursor: pointer;\n position: relative;\n user-select: none;\n}\n\n.p-treeselect-trigger {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n}\n\n.p-treeselect-label-container {\n overflow: hidden;\n flex: 1 1 auto;\n cursor: pointer;\n}\n\n.p-treeselect-label {\n display: block;\n white-space: nowrap;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.p-treeselect-label-empty {\n overflow: hidden;\n visibility: hidden;\n}\n\n.p-treeselect-token {\n cursor: default;\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n}\n\n.p-treeselect .p-treeselect-panel {\n min-width: 100%;\n}\n\n.p-treeselect-panel {\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.p-treeselect-items-wrapper {\n overflow: auto;\n}\n\n.p-treeselect-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.p-treeselect-filter-container {\n position: relative;\n flex: 1 1 auto;\n}\n\n.p-treeselect-filter-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-treeselect-filter-container .p-inputtext {\n width: 100%;\n}\n\n.p-treeselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n position: relative;\n margin-left: auto;\n}\n\n.p-treeselect-clear-icon {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n.p-fluid .p-treeselect {\n display: flex;\n}\n\n.p-treetable {\n position: relative;\n}\n\n.p-treetable table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n}\n\n.p-treetable .p-sortable-column {\n cursor: pointer;\n user-select: none;\n}\n\n.p-treetable-auto-layout > .p-treetable-wrapper {\n overflow-x: auto;\n}\n\n.p-treetable-auto-layout > .p-treetable-wrapper > table {\n table-layout: auto;\n}\n\n.p-treetable-selectable .p-treetable-tbody > tr {\n cursor: pointer;\n}\n\n.p-treetable-toggler {\n cursor: pointer;\n user-select: none;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n vertical-align: middle;\n overflow: hidden;\n position: relative;\n}\n\n.p-treetable-toggler + .p-checkbox {\n vertical-align: middle;\n}\n\n.p-treetable-toggler + .p-checkbox + span {\n vertical-align: middle;\n}\n\n/* Resizable */\n.p-treetable-resizable > .p-treetable-wrapper {\n overflow-x: auto;\n}\n\n.p-treetable-resizable .p-treetable-thead > tr > th,\n.p-treetable-resizable .p-treetable-tfoot > tr > td,\n.p-treetable-resizable .p-treetable-tbody > tr > td {\n overflow: hidden;\n}\n\n.p-treetable-resizable .p-resizable-column {\n background-clip: padding-box;\n position: relative;\n}\n\n.p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {\n display: none;\n}\n\n.p-treetable .p-column-resizer {\n display: block;\n position: absolute !important;\n top: 0;\n right: 0;\n margin: 0;\n width: 0.5rem;\n height: 100%;\n padding: 0px;\n cursor: col-resize;\n border: 1px solid transparent;\n}\n\n.p-treetable .p-column-resizer-helper {\n width: 1px;\n position: absolute;\n z-index: 10;\n display: none;\n}\n\n/* Scrollable */\n.p-treetable-scrollable-wrapper {\n position: relative;\n}\n.p-treetable-scrollable-header,\n.p-treetable-scrollable-footer {\n overflow: hidden;\n border: 0 none;\n}\n\n.p-treetable-scrollable-body {\n overflow: auto;\n position: relative;\n}\n\n.p-treetable-virtual-table {\n position: absolute;\n}\n\n/* Frozen Columns */\n.p-treetable-frozen-view .p-treetable-scrollable-body {\n overflow: hidden;\n}\n\n.p-treetable-unfrozen-view {\n position: absolute;\n top: 0px;\n left: 0px;\n}\n\n/* Reorder */\n.p-treetable-reorder-indicator-up,\n.p-treetable-reorder-indicator-down {\n position: absolute;\n display: none;\n}\n\n/* Loader */\n.p-treetable .p-treetable-loading-overlay {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n}\n\n.p-virtualscroller {\n position: relative;\n overflow: auto;\n contain: strict;\n transform: translateZ(0);\n will-change: scroll-position;\n outline: 0 none;\n}\n\n.p-virtualscroller-content {\n position: absolute;\n top: 0;\n left: 0;\n /*contain: content;*/\n min-height: 100%;\n min-width: 100%;\n will-change: transform;\n}\n\n.p-virtualscroller-spacer {\n position: absolute;\n top: 0;\n left: 0;\n height: 1px;\n width: 1px;\n transform-origin: 0 0;\n pointer-events: none;\n}\n\n.p-virtualscroller-loader {\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.p-virtualscroller-loader.p-component-overlay {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-virtualscroller-loading-icon {\n font-size: 2rem;\n}\n\n\n\n\n\n\n\n/* ## header */\n.p-multiselect-panel {\n border-radius: 8px;\n box-shadow: 4px 4px 15px 0px #00000040;\n width: auto;\n margin-top: 10px ;\n}\n.p-multiselect-panel .p-multiselect-header {\n border-radius: 8px 8px 0px 0px;\n background: #ffff !important;\n border: none !important;\n}\n\n\n.p-multiselect-panel .p-multiselect-footer {\n border-radius: 0px 0px 8px 8px;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight {\n border-color: #F26818 !important;\n background: #F26818 !important;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight span {\n background: url('https://lxp-cdn.frstfalconi.cloud/STORYBOOK/check.png') no-repeat center center;\n width: 15px !important;\n height: 12px !important;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -ms-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-close span {\n background: transparent !important;\n margin-right: 5px;\n margin-bottom: 5px;\n margin-left: 2px;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box {\n background: #ebeded;\n border-radius: 2px;\n border: 2px #757575 solid;\n box-shadow: none;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {\n border-color: #f18624 ;\n background: #f26818;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #f18624;\n background: #f26818;\n}\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #f18624;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {\n outline: 0 none;\n outline-offset: 0;\n box-shadow: none;\n border-color: #F26818;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box {\n border: 2px #757575 solid;\n}\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {\n box-shadow: none;\n border-color: #e0e0e0;\n background: #e0e0e0;\n}\n\n.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext:enabled:focus {\n box-shadow: none;\n border-color: #e0e0e0;\n background: #e0e0e0;\n}\n\n/* ##Items wrapper */\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item{\n word-break: break-all;\n white-space: normal;\n width: auto;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper{\n width: auto !important;\n align-items: center;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box {\n background: #ebeded;\n border-radius: 2px;\n border: 1px #757575 solid;\n width: 16px;\n height: 16px;\n}\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {\n border-color: #F26818;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight {\n border-color: #f18624;\n background: #f26818;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item {\n border-width: 1px 0px 0px 0px;\n padding: 1rem 1rem;\n border-style: solid;\n border-color: #ebebeb;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component {\n width: auto;\n padding: 0rem 0.3rem;\n}\n\n/* .p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item {\n display: flex;\n justify-content: flex-start;\n width: 100%;\n} */\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-component .p-multiselect-item .p-checkbox {\n margin-right: 16px;\n width: fit-content;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight span {\n background: url('https://lxp-cdn.frstfalconi.cloud/STORYBOOK/check.png') no-repeat center center;\n width: 14px;\n height: 12px;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -ms-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n}\n\n.p-multiselect-panel\n .p-multiselect-items-wrapper\n .p-checkbox:not(.p-checkbox-disabled)\n .p-checkbox-box.p-highlight:hover {\n border-color: #F26818;\n background: #F26818;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {\n border-color: #F26818;\n background: #F26818;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item:focus {\n box-shadow: none;\n}\n\n.p-multiselect-panel\n .p-multiselect-items-wrapper\n .p-multiselect-items\n .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {\n background: #f7f9fc;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #525960;\n background: #f2f2f2;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar {\n width: 0.4rem;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-track {\n background: transparent;\n}\n\n.p-multiselect-panel .p-multiselect-items-wrapper::-webkit-scrollbar-thumb {\n background-color: #c4c4c4;\n border-radius: 20px;\n}\n";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import styleInject from '../../../../../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
|
+
|
|
3
|
+
var css_248z = ".custom-darkMode-dropdown\n .p-multiselect-items-wrapper\n .p-multiselect-items\n .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {\n background: #444444 !important;\n color: #ffffff !important;\n}\n\n.custom-darkMode-dropdown .p-multiselect-items-wrapper .p-multiselect-items .p-multiselect-item.p-highlight {\n color: #ffffff !important;\n background: #323232 !important;\n}\n";
|
|
4
|
+
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
|
|
3
|
+
const ContainerSelected = styled.div `
|
|
4
|
+
display:flex;
|
|
5
|
+
margin-bottom: 15px;
|
|
6
|
+
div{
|
|
7
|
+
font-family: 'PT Sans';
|
|
8
|
+
font-weight: 700;
|
|
9
|
+
line-height: 17.6px;
|
|
10
|
+
}
|
|
11
|
+
span{
|
|
12
|
+
display: flex;
|
|
13
|
+
justify-content: center;
|
|
14
|
+
align-items: center;
|
|
15
|
+
gap: 4px;
|
|
16
|
+
font-family: 'PT Sans';
|
|
17
|
+
padding-left: 24px;
|
|
18
|
+
font-weight: 700;
|
|
19
|
+
color:rgba(165, 0, 0, 1);
|
|
20
|
+
line-height: 17.6px;
|
|
21
|
+
}
|
|
22
|
+
`;
|
|
23
|
+
const TableContainer = styled.div `
|
|
24
|
+
width: 100%;
|
|
25
|
+
`;
|
|
26
|
+
const Table = styled.table `
|
|
27
|
+
border-collapse: collapse;
|
|
28
|
+
width:100%;
|
|
29
|
+
background:${({ theme }) => theme.colors.neutralsGrey8};
|
|
30
|
+
tbody{
|
|
31
|
+
tr:nth-child(even){
|
|
32
|
+
background:${({ theme }) => theme.colors.shadeWhite};
|
|
33
|
+
:hover{
|
|
34
|
+
background: rgba(248, 248, 248, 1);
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
`;
|
|
39
|
+
const TableHeader = styled.th `
|
|
40
|
+
background-color: rgba(69, 160, 160, 0.4);
|
|
41
|
+
height:54px;
|
|
42
|
+
font-family: PT Sans;
|
|
43
|
+
font-weight: 700;
|
|
44
|
+
`;
|
|
45
|
+
const TableRow = styled.tr `
|
|
46
|
+
height: 54px;
|
|
47
|
+
border-top: 1px solid rgba(189, 189, 189, 1);
|
|
48
|
+
border-bottom: 1px solid rgba(189, 189, 189, 1);
|
|
49
|
+
text-align: center;
|
|
50
|
+
&:hover {
|
|
51
|
+
background-color:rgba(223, 226, 226, 1);
|
|
52
|
+
}
|
|
53
|
+
background-color: ${({ isRoot }) => isRoot ? '#FFEFE1 !important' : ''}; ;
|
|
54
|
+
`;
|
|
55
|
+
const TableChecked = styled.td `
|
|
56
|
+
vertical-align:middle;
|
|
57
|
+
padding-left: 18px;
|
|
58
|
+
text-align: left;
|
|
59
|
+
width: 40%;
|
|
60
|
+
span{
|
|
61
|
+
font-family:'PT Sans';
|
|
62
|
+
color:'rgba(34, 34, 34, 1)';
|
|
63
|
+
}
|
|
64
|
+
`;
|
|
65
|
+
const TableAdm = styled.td `
|
|
66
|
+
align-items: center;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
display: flex;
|
|
69
|
+
margin-top: 11px;
|
|
70
|
+
div{
|
|
71
|
+
flex-direction: row-reverse;
|
|
72
|
+
display: flex;
|
|
73
|
+
:nth-child(1n){
|
|
74
|
+
margin-left: -4px;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
`;
|
|
79
|
+
styled.td ``;
|
|
80
|
+
styled.div `
|
|
81
|
+
align-items: center;
|
|
82
|
+
justify-content: center;
|
|
83
|
+
display: flex;
|
|
84
|
+
margin-top: 8px;
|
|
85
|
+
div{
|
|
86
|
+
flex-direction: row-reverse;
|
|
87
|
+
display: flex;
|
|
88
|
+
:nth-child(1n){
|
|
89
|
+
margin-left: -4px;
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
`;
|
|
94
|
+
|
|
95
|
+
export { ContainerSelected, Table, TableAdm, TableChecked, TableContainer, TableHeader, TableRow };
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
+
import { useState, useEffect, useMemo } from 'react';
|
|
3
|
+
import { FRSTTheme } from '../../../theme/index.js';
|
|
4
|
+
import { ThemeProvider } from 'styled-components';
|
|
5
|
+
import { ContainerSelected, TableContainer, Table, TableHeader, TableRow, TableChecked, TableAdm } from './groupTableStyles.js';
|
|
6
|
+
import { Trash, TrashDelete, EditIcon } from '../../../shared/icons.js';
|
|
7
|
+
import AdmButton from '../admButton/index.js';
|
|
8
|
+
import Checkbox from '../../form-elements/checkbox/index.js';
|
|
9
|
+
import Tooltip from '../tooltip/index.js';
|
|
10
|
+
|
|
11
|
+
const TdTrashButton = ({ onClick }) => {
|
|
12
|
+
const [isHover, setIsHover] = useState(false);
|
|
13
|
+
return (jsx("div", { id: 'delete-button', onClick: onClick, style: { cursor: 'pointer' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsx(TrashDelete, { width: "24px", height: "24px", fill: isHover ? 'rgba(165, 0, 0, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
14
|
+
};
|
|
15
|
+
const TdEditButtom = ({ onClick }) => {
|
|
16
|
+
const [isHover, setIsHover] = useState(false);
|
|
17
|
+
return (jsx("div", { id: 'edit-button', onClick: onClick, style: { cursor: 'pointer' }, onMouseLeave: () => setIsHover(false), onMouseEnter: () => setIsHover(true), children: jsx(EditIcon, { width: "18px", height: "18px", fill: isHover ? 'rgba(6, 69, 173, 1)' : 'rgba(68, 68, 68, 1) ' }) }));
|
|
18
|
+
};
|
|
19
|
+
function GroupsTable({ textHeader, textHeader2, textHeader3, textHeader4, textHeaderVisit, items, selected, textTooltipAdd, textTooltipCount, deleted, onDeleteClick, onEditClick, onDeleteAllSelected, AdmMoreClick, onShowMoreClick, textTooltipAllSelected, onSelected, visitMoreClick, onShowMoreVisitorsClick, }) {
|
|
20
|
+
const [isAllChecked, setIsAllChecked] = useState(false);
|
|
21
|
+
const [internalItems, setInternalItems] = useState([]);
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
onSelected(internalItems.filter((i) => i.checked));
|
|
24
|
+
}, [internalItems]);
|
|
25
|
+
function handleToggleSelectAll() {
|
|
26
|
+
const value = !isAllChecked;
|
|
27
|
+
setIsAllChecked(value);
|
|
28
|
+
setInternalItems((prev) => {
|
|
29
|
+
return prev.map((i) => {
|
|
30
|
+
if (!i.isRoot) {
|
|
31
|
+
return { ...i, checked: value };
|
|
32
|
+
}
|
|
33
|
+
else {
|
|
34
|
+
return { ...i };
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
function handleToggleSelectRow(index) {
|
|
40
|
+
setInternalItems((prev) => {
|
|
41
|
+
const newData = [...prev];
|
|
42
|
+
newData[index].checked = !newData[index].checked;
|
|
43
|
+
return newData;
|
|
44
|
+
});
|
|
45
|
+
setIsAllChecked(false);
|
|
46
|
+
}
|
|
47
|
+
function handleDeleteAllSelected() {
|
|
48
|
+
onDeleteAllSelected(internalItems.filter((i) => i.checked).map((i) => i.id));
|
|
49
|
+
}
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
setInternalItems(items.map((i) => ({ ...i, checked: false })));
|
|
52
|
+
}, [items]);
|
|
53
|
+
const selectedItems = useMemo(() => {
|
|
54
|
+
return internalItems.filter((i) => i.checked).length;
|
|
55
|
+
}, [internalItems]);
|
|
56
|
+
const maxAdmToShow = 3;
|
|
57
|
+
return (jsxs(ThemeProvider, { theme: FRSTTheme, children: [jsxs(ContainerSelected, { children: [' ', jsxs("div", { id: 'selected-groups', children: [selected, " ", selectedItems] }), selectedItems > 1 && (jsxs("span", { id: 'deleted-all-groups-selected', onClick: handleDeleteAllSelected, style: { cursor: 'pointer' }, children: [jsx(Trash, { fill: "rgba(165, 0, 0, 1)" }), deleted] }))] }), jsx(TableContainer, { id: 'container-table-groups', children: jsxs(Table, { children: [jsxs("thead", { children: [jsxs(TableHeader, { style: { textAlign: 'start', paddingLeft: '18px', display: 'flex', alignItems: 'center' }, children: [jsx(Tooltip, { style: {
|
|
58
|
+
width: '116px',
|
|
59
|
+
height: '31px',
|
|
60
|
+
top: '8px',
|
|
61
|
+
left: '8px',
|
|
62
|
+
display: 'flex',
|
|
63
|
+
justifyContent: 'center',
|
|
64
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
65
|
+
}, direction: 'bottom', content: textTooltipAllSelected, delay: 500, children: jsx(Checkbox, { isChecked: isAllChecked, label: "", handleCheck: handleToggleSelectAll, color: "rgba(67, 159, 159, 1)" }) }), jsx("span", { children: textHeader })] }), jsx(TableHeader, { children: textHeader2 }), jsx(TableHeader, { style: { paddingRight: '40px', paddingLeft: '44px', width: '220px' }, children: jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: '40px' }, children: [jsx("div", { children: textHeader3 }), jsx("div", { children: textHeader4 })] }) })] }), jsx("tbody", { children: internalItems.map((i, index) => (jsxs(TableRow, { isRoot: i.isRoot, children: [jsx(TableChecked, { children: !i.isRoot ?
|
|
66
|
+
jsx(Checkbox, { label: i.group, handleCheck: () => handleToggleSelectRow(index), isChecked: i.checked })
|
|
67
|
+
:
|
|
68
|
+
jsxs("p", { id: 'group-root', style: { fontFamily: 'PT Sans', fontWeight: 400, fontSize: '16px', paddingLeft: '32px', lineHeight: '21px', fontStyle: 'normal' }, children: [i.textRoot, " (", i.group, ")"] }) }), jsx(TableAdm, { id: 'container-adm', children: jsxs("div", { children: [jsx(Tooltip, { content: textTooltipAdd, delay: 500, direction: 'bottom', style: {
|
|
69
|
+
fontFamily: 'PT Sans',
|
|
70
|
+
fontWeight: 400,
|
|
71
|
+
fontSize: '14px',
|
|
72
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
73
|
+
width: '73px',
|
|
74
|
+
height: '31px',
|
|
75
|
+
top: '8px',
|
|
76
|
+
left: '4px',
|
|
77
|
+
display: 'flex',
|
|
78
|
+
justifyContent: 'center',
|
|
79
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
80
|
+
}, children: !i.isRoot &&
|
|
81
|
+
jsx(AdmButton, { variant: 'add', onClick: () => AdmMoreClick(i.id) }) }), i.adms.length > maxAdmToShow && (jsx(Tooltip, { content: textTooltipCount, delay: 500, direction: 'bottom', style: {
|
|
82
|
+
fontFamily: 'PT Sans',
|
|
83
|
+
fontWeight: 400,
|
|
84
|
+
fontSize: '14px',
|
|
85
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
86
|
+
width: '73px',
|
|
87
|
+
height: '31px',
|
|
88
|
+
top: '8px',
|
|
89
|
+
left: '4px',
|
|
90
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
91
|
+
}, children: i.adms.length < 9 ?
|
|
92
|
+
jsx(AdmButton, { onClick: () => onShowMoreClick(i.id), variant: 'count', count: i.adms.length - maxAdmToShow })
|
|
93
|
+
:
|
|
94
|
+
jsx(AdmButton, { onClick: () => onShowMoreClick(i.id), variant: 'countMore', count: 9 }) })), i.adms
|
|
95
|
+
.filter((a, aIndex) => aIndex < maxAdmToShow)
|
|
96
|
+
.map((adm) => {
|
|
97
|
+
return jsx(Tooltip, { content: adm.name, direction: 'bottom', delay: 500, style: {
|
|
98
|
+
fontFamily: 'PT Sans',
|
|
99
|
+
fontWeight: 400,
|
|
100
|
+
fontSize: '14px',
|
|
101
|
+
color: 'rgba(117, 117, 117, 1)',
|
|
102
|
+
width: 'fit-content',
|
|
103
|
+
height: '31px',
|
|
104
|
+
top: '8px',
|
|
105
|
+
left: '4px',
|
|
106
|
+
whiteSpace: 'nowrap',
|
|
107
|
+
boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
|
|
108
|
+
}, children: jsx(AdmButton, { image: adm.image, variant: 'image' }) }, adm.id);
|
|
109
|
+
})] }) }), jsx("td", { children: jsx("div", { style: { display: 'flex', width: 'fit-content', alignItems: 'center', gap: '60px', paddingLeft: '54px' }, children: !i.isRoot &&
|
|
110
|
+
jsxs(Fragment, { children: [jsx(TdEditButtom, { onClick: () => !i.isRoot && onEditClick(i.id) }), jsx(TdTrashButton, { onClick: () => !i.isRoot && onDeleteClick(i.id, index) })] }) }) })] }, index))) })] }) })] }));
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
export { GroupsTable as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import ArrowDropUpOutlinedIcon from '@mui/icons-material/ArrowDropUpOutlined';
|
|
3
|
+
import ArrowDropDownOutlinedIcon from '@mui/icons-material/ArrowDropDownOutlined';
|
|
4
|
+
import { ContainerArrowButton, ArrowButton } from './upDownButtons.styles.js';
|
|
5
|
+
|
|
6
|
+
const UpDownButtons = ({ onUpClick, onDownClick, type, variant }) => (jsxs(ContainerArrowButton, { type: type, variant: variant, children: [jsx(ArrowButton, { onClick: onUpClick, style: { alignItems: 'flex-end' }, children: jsx(ArrowDropUpOutlinedIcon, {}) }), jsx(ArrowButton, { onClick: onDownClick, style: { alignItems: 'flex-start' }, children: jsx(ArrowDropDownOutlinedIcon, {}) })] }));
|
|
7
|
+
|
|
8
|
+
export { UpDownButtons as default };
|
package/dist/esm/src/components/DS/hypotesisAndImpediment/UpDownButtons/upDownButtons.styles.js
ADDED
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import styled, { css } from 'styled-components';
|
|
2
|
+
|
|
3
|
+
const backgroundColors = {
|
|
4
|
+
hypothesis: {
|
|
5
|
+
prioritize: '#EE9F08',
|
|
6
|
+
owner: '#F9CD5E',
|
|
7
|
+
suggested: '#FFE298',
|
|
8
|
+
},
|
|
9
|
+
impediment: {
|
|
10
|
+
prioritize: '#C198D3',
|
|
11
|
+
owner: '#D9BAE8',
|
|
12
|
+
suggested: '#E6CEF1',
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
const ContainerArrowButton = styled.div `
|
|
16
|
+
${({ type, variant }) => {
|
|
17
|
+
const backgroundColor = backgroundColors[variant][type];
|
|
18
|
+
return css `
|
|
19
|
+
background-color: ${backgroundColor};
|
|
20
|
+
`;
|
|
21
|
+
}}
|
|
22
|
+
display: flex;
|
|
23
|
+
flex-direction: column;
|
|
24
|
+
align-items: center;
|
|
25
|
+
justify-content: center;
|
|
26
|
+
border-radius: 8px 0 0 8px;
|
|
27
|
+
`;
|
|
28
|
+
const ArrowButton = styled.button `
|
|
29
|
+
border: none;
|
|
30
|
+
background: transparent;
|
|
31
|
+
width: 100%;
|
|
32
|
+
color: #444444;
|
|
33
|
+
cursor: pointer;
|
|
34
|
+
display: flex;
|
|
35
|
+
height: 100%;
|
|
36
|
+
svg: {
|
|
37
|
+
}
|
|
38
|
+
:hover {
|
|
39
|
+
background-color: #2222221A;
|
|
40
|
+
}
|
|
41
|
+
`;
|
|
42
|
+
|
|
43
|
+
export { ArrowButton, ContainerArrowButton };
|