.vec-webcomponents {
    /**************************************************
layerOrder.css
**************************************************/
    @layer tailwind-config,tailwind-base,primevue,frontend-base,frontend-utilities,tailwind-utilities;

    /**************************************************
tailwindconfig.css
**************************************************/
    @layer tailwind-config {
        .font-utopia {
            font-family: Utopia Std;
        }

        .font-linotype {
            font-family: Linotype Univers;
        }
    }

    /**************************************************
tailwind.css
note: fully generated tailwind.css because @tailwind not working here
**************************************************/
    @layer tailwind-base {
        *,
        ::before,
        ::after {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x:  ;
            --tw-pan-y:  ;
            --tw-pinch-zoom:  ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position:  ;
            --tw-gradient-via-position:  ;
            --tw-gradient-to-position:  ;
            --tw-ordinal:  ;
            --tw-slashed-zero:  ;
            --tw-numeric-figure:  ;
            --tw-numeric-spacing:  ;
            --tw-numeric-fraction:  ;
            --tw-ring-inset:  ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgb(0 72 142 / 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur:  ;
            --tw-brightness:  ;
            --tw-contrast:  ;
            --tw-grayscale:  ;
            --tw-hue-rotate:  ;
            --tw-invert:  ;
            --tw-saturate:  ;
            --tw-sepia:  ;
            --tw-drop-shadow:  ;
            --tw-backdrop-blur:  ;
            --tw-backdrop-brightness:  ;
            --tw-backdrop-contrast:  ;
            --tw-backdrop-grayscale:  ;
            --tw-backdrop-hue-rotate:  ;
            --tw-backdrop-invert:  ;
            --tw-backdrop-opacity:  ;
            --tw-backdrop-saturate:  ;
            --tw-backdrop-sepia:  ;
            --tw-contain-size:  ;
            --tw-contain-layout:  ;
            --tw-contain-paint:  ;
            --tw-contain-style:  ;
        }
        ::backdrop {
            --tw-border-spacing-x: 0;
            --tw-border-spacing-y: 0;
            --tw-translate-x: 0;
            --tw-translate-y: 0;
            --tw-rotate: 0;
            --tw-skew-x: 0;
            --tw-skew-y: 0;
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            --tw-pan-x:  ;
            --tw-pan-y:  ;
            --tw-pinch-zoom:  ;
            --tw-scroll-snap-strictness: proximity;
            --tw-gradient-from-position:  ;
            --tw-gradient-via-position:  ;
            --tw-gradient-to-position:  ;
            --tw-ordinal:  ;
            --tw-slashed-zero:  ;
            --tw-numeric-figure:  ;
            --tw-numeric-spacing:  ;
            --tw-numeric-fraction:  ;
            --tw-ring-inset:  ;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: rgb(0 72 142 / 0.5);
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-colored: 0 0 #0000;
            --tw-blur:  ;
            --tw-brightness:  ;
            --tw-contrast:  ;
            --tw-grayscale:  ;
            --tw-hue-rotate:  ;
            --tw-invert:  ;
            --tw-saturate:  ;
            --tw-sepia:  ;
            --tw-drop-shadow:  ;
            --tw-backdrop-blur:  ;
            --tw-backdrop-brightness:  ;
            --tw-backdrop-contrast:  ;
            --tw-backdrop-grayscale:  ;
            --tw-backdrop-hue-rotate:  ;
            --tw-backdrop-invert:  ;
            --tw-backdrop-opacity:  ;
            --tw-backdrop-saturate:  ;
            --tw-backdrop-sepia:  ;
            --tw-contain-size:  ;
            --tw-contain-layout:  ;
            --tw-contain-paint:  ;
            --tw-contain-style:  ;
        }
        /*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/ /*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

        *,
        ::before,
        ::after {
            box-sizing: border-box; /* 1 */
            border-width: 0; /* 2 */
            border-style: solid; /* 2 */
            border-color: #e5e5e5; /* 2 */
        }

        ::before,
        ::after {
            --tw-content: '';
        }

        /*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

        html,
        :host {
            line-height: 1.5; /* 1 */
            -webkit-text-size-adjust: 100%; /* 2 */
            -moz-tab-size: 4; /* 3 */
            -o-tab-size: 4;
            tab-size: 4; /* 3 */
            font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* 4 */
            font-feature-settings: normal; /* 5 */
            font-variation-settings: normal; /* 6 */
            -webkit-tap-highlight-color: transparent; /* 7 */
        }

        /*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

        body {
            margin: 0; /* 1 */
            line-height: inherit; /* 2 */
        }

        /*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

        hr {
            height: 0; /* 1 */
            color: inherit; /* 2 */
            border-top-width: 1px; /* 3 */
        }

        /*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

        abbr:where([title]) {
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
        }

        /*
Remove the default font size and weight for headings.
*/

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-size: inherit;
            font-weight: inherit;
        }

        /*
Reset links to optimize for opt-in styling instead of opt-out.
*/

        a {
            color: inherit;
            text-decoration: inherit;
        }

        /*
Add the correct font weight in Edge and Safari.
*/

        b,
        strong {
            font-weight: bolder;
        }

        /*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

        code,
        kbd,
        samp,
        pre {
            font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */
            font-feature-settings: normal; /* 2 */
            font-variation-settings: normal; /* 3 */
            font-size: 1em; /* 4 */
        }

        /*
Add the correct font size in all browsers.
*/

        small {
            font-size: 80%;
        }

        /*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sub {
            bottom: -0.25em;
        }

        sup {
            top: -0.5em;
        }

        /*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

        table {
            text-indent: 0; /* 1 */
            border-color: inherit; /* 2 */
            border-collapse: collapse; /* 3 */
        }

        /*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit; /* 1 */
            font-feature-settings: inherit; /* 1 */
            font-variation-settings: inherit; /* 1 */
            font-size: 100%; /* 1 */
            font-weight: inherit; /* 1 */
            line-height: inherit; /* 1 */
            letter-spacing: inherit; /* 1 */
            color: inherit; /* 1 */
            margin: 0; /* 2 */
            padding: 0; /* 3 */
        }

        /*
Remove the inheritance of text transform in Edge and Firefox.
*/

        button,
        select {
            text-transform: none;
        }

        /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

        button,
        input:where([type='button']),
        input:where([type='reset']),
        input:where([type='submit']) {
            -webkit-appearance: button; /* 1 */
            background-color: transparent; /* 2 */
            background-image: none; /* 2 */
        }

        /*
Use the modern Firefox focus style for all focusable elements.
*/

        :-moz-focusring {
            outline: auto;
        }

        /*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

        :-moz-ui-invalid {
            box-shadow: none;
        }

        /*
Add the correct vertical alignment in Chrome and Firefox.
*/

        progress {
            vertical-align: baseline;
        }

        /*
Correct the cursor style of increment and decrement buttons in Safari.
*/

        ::-webkit-inner-spin-button,
        ::-webkit-outer-spin-button {
            height: auto;
        }

        /*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

        [type='search'] {
            -webkit-appearance: textfield; /* 1 */
            outline-offset: -2px; /* 2 */
        }

        /*
Remove the inner padding in Chrome and Safari on macOS.
*/

        ::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        /*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

        ::-webkit-file-upload-button {
            -webkit-appearance: button; /* 1 */
            font: inherit; /* 2 */
        }

        /*
Add the correct display in Chrome and Safari.
*/

        summary {
            display: list-item;
        }

        /*
Removes the default spacing and border for appropriate elements.
*/

        blockquote,
        dl,
        dd,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        hr,
        figure,
        p,
        pre {
            margin: 0;
        }

        fieldset {
            margin: 0;
            padding: 0;
        }

        legend {
            padding: 0;
        }

        ol,
        ul,
        menu {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        /*
Reset default styling for dialogs.
*/
        dialog {
            padding: 0;
        }

        /*
Prevent resizing textareas horizontally by default.
*/

        textarea {
            resize: vertical;
        }

        /*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

        input::-moz-placeholder,
        textarea::-moz-placeholder {
            opacity: 1; /* 1 */
            color: #b1b1b1; /* 2 */
        }

        input::placeholder,
        textarea::placeholder {
            opacity: 1; /* 1 */
            color: #b1b1b1; /* 2 */
        }

        /*
Set the default cursor for buttons.
*/

        button,
        [role='button'] {
            cursor: pointer;
        }

        /*
Make sure disabled buttons don't get the pointer cursor.
*/
        :disabled {
            cursor: default;
        }

        /*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

        img,
        svg,
        video,
        canvas,
        audio,
        iframe,
        embed,
        object {
            display: block; /* 1 */
            vertical-align: middle; /* 2 */
        }

        /*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

        img,
        video {
            max-width: 100%;
            height: auto;
        }

        /* Make elements with the HTML hidden attribute stay hidden by default */
        [hidden]:where(:not([hidden='until-found'])) {
            display: none;
        }
    }

    @layer tailwind-utilities {
        .container {
            width: 100%;
        }
        @media (min-width: 0px) {
            .container {
                max-width: 0px;
            }
        }
        @media (min-width: 768px) {
            .container {
                max-width: 768px;
            }
        }
        @media (min-width: 1440px) {
            .container {
                max-width: 1440px;
            }
        }
        @media (min-width: 2560px) {
            .container {
                max-width: 2560px;
            }
        }
        .sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border-width: 0;
        }
        .pointer-events-none {
            pointer-events: none;
        }
        .invisible {
            visibility: hidden;
        }
        .fixed {
            position: fixed;
        }
        .\!absolute {
            position: absolute !important;
        }
        .absolute {
            position: absolute;
        }
        .relative {
            position: relative;
        }
        .\!left-0 {
            left: 0px !important;
        }
        .\!right-0 {
            right: 0px !important;
        }
        .-right-1 {
            right: -0.25rem;
        }
        .-right-4 {
            right: -1rem;
        }
        .-top-14 {
            top: -3.5rem;
        }
        .-top-2 {
            top: -0.5rem;
        }
        .-top-4 {
            top: -1rem;
        }
        .bottom-0 {
            bottom: 0px;
        }
        .bottom-2 {
            bottom: 0.5rem;
        }
        .bottom-4 {
            bottom: 1rem;
        }
        .bottom-5 {
            bottom: 1.25rem;
        }
        .bottom-\[-3\%\] {
            bottom: -3%;
        }
        .bottom-\[2\.5rem\] {
            bottom: 2.5rem;
        }
        .left-0 {
            left: 0px;
        }
        .left-2 {
            left: 0.5rem;
        }
        .left-2\/4 {
            left: 50%;
        }
        .left-4 {
            left: 1rem;
        }
        .left-\[4\.125rem\] {
            left: 4.125rem;
        }
        .right-0 {
            right: 0px;
        }
        .right-1\/3 {
            right: 33.333333%;
        }
        .right-14 {
            right: 3.5rem;
        }
        .right-4 {
            right: 1rem;
        }
        .right-8 {
            right: 2rem;
        }
        .top-0 {
            top: 0px;
        }
        .top-1\/3 {
            top: 33.333333%;
        }
        .top-2\/4 {
            top: 50%;
        }
        .top-3 {
            top: 0.75rem;
        }
        .top-3\/4 {
            top: 75%;
        }
        .top-4 {
            top: 1rem;
        }
        .top-8 {
            top: 2rem;
        }
        .top-\[-50px\] {
            top: -50px;
        }
        .top-\[116px\] {
            top: 116px;
        }
        .z-10 {
            z-index: 10;
        }
        .z-20 {
            z-index: 20;
        }
        .z-\[100000000\] {
            z-index: 100000000;
        }
        .z-\[100000001\] {
            z-index: 100000001;
        }
        .z-\[11\] {
            z-index: 11;
        }
        .z-\[1\] {
            z-index: 1;
        }
        .z-\[2\] {
            z-index: 2;
        }
        .col-span-1 {
            grid-column: span 1 / span 1;
        }
        .col-span-10 {
            grid-column: span 10 / span 10;
        }
        .col-span-11 {
            grid-column: span 11 / span 11;
        }
        .col-span-12 {
            grid-column: span 12 / span 12;
        }
        .col-span-2 {
            grid-column: span 2 / span 2;
        }
        .col-span-3 {
            grid-column: span 3 / span 3;
        }
        .col-span-4 {
            grid-column: span 4 / span 4;
        }
        .col-span-5 {
            grid-column: span 5 / span 5;
        }
        .col-span-6 {
            grid-column: span 6 / span 6;
        }
        .col-span-7 {
            grid-column: span 7 / span 7;
        }
        .col-span-8 {
            grid-column: span 8 / span 8;
        }
        .col-span-9 {
            grid-column: span 9 / span 9;
        }
        .-col-start-1 {
            grid-column-start: -1;
        }
        .-col-start-10 {
            grid-column-start: -10;
        }
        .-col-start-11 {
            grid-column-start: -11;
        }
        .-col-start-12 {
            grid-column-start: -12;
        }
        .-col-start-13 {
            grid-column-start: -13;
        }
        .-col-start-2 {
            grid-column-start: -2;
        }
        .-col-start-3 {
            grid-column-start: -3;
        }
        .-col-start-4 {
            grid-column-start: -4;
        }
        .-col-start-5 {
            grid-column-start: -5;
        }
        .-col-start-6 {
            grid-column-start: -6;
        }
        .-col-start-7 {
            grid-column-start: -7;
        }
        .-col-start-8 {
            grid-column-start: -8;
        }
        .-col-start-9 {
            grid-column-start: -9;
        }
        .col-start-1 {
            grid-column-start: 1;
        }
        .col-start-10 {
            grid-column-start: 10;
        }
        .col-start-11 {
            grid-column-start: 11;
        }
        .col-start-12 {
            grid-column-start: 12;
        }
        .col-start-13 {
            grid-column-start: 13;
        }
        .col-start-2 {
            grid-column-start: 2;
        }
        .col-start-3 {
            grid-column-start: 3;
        }
        .col-start-4 {
            grid-column-start: 4;
        }
        .col-start-5 {
            grid-column-start: 5;
        }
        .col-start-6 {
            grid-column-start: 6;
        }
        .col-start-7 {
            grid-column-start: 7;
        }
        .col-start-8 {
            grid-column-start: 8;
        }
        .col-start-9 {
            grid-column-start: 9;
        }
        .float-right {
            float: right;
        }
        .\!m-0 {
            margin: 0px !important;
        }
        .m-0 {
            margin: 0px;
        }
        .m-auto {
            margin: auto;
        }
        .m-px {
            margin: 1px;
        }
        .mx-2 {
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }
        .mx-\[7\.5px\] {
            margin-left: 7.5px;
            margin-right: 7.5px;
        }
        .mx-auto {
            margin-left: auto;
            margin-right: auto;
        }
        .my-2 {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }
        .my-auto {
            margin-top: auto;
            margin-bottom: auto;
        }
        .my-px {
            margin-top: 1px;
            margin-bottom: 1px;
        }
        .\!mb-0 {
            margin-bottom: 0px !important;
        }
        .-ml-8 {
            margin-left: -2rem;
        }
        .-mt-3 {
            margin-top: -0.75rem;
        }
        .-mt-4 {
            margin-top: -1rem;
        }
        .mb-0 {
            margin-bottom: 0px;
        }
        .mb-1 {
            margin-bottom: 0.25rem;
        }
        .mb-12 {
            margin-bottom: 3rem;
        }
        .mb-2 {
            margin-bottom: 0.5rem;
        }
        .mb-3 {
            margin-bottom: 0.75rem;
        }
        .mb-4 {
            margin-bottom: 1rem;
        }
        .mb-6 {
            margin-bottom: 1.5rem;
        }
        .mb-8 {
            margin-bottom: 2rem;
        }
        .ml-1 {
            margin-left: 0.25rem;
        }
        .ml-2 {
            margin-left: 0.5rem;
        }
        .ml-3 {
            margin-left: 0.75rem;
        }
        .ml-4 {
            margin-left: 1rem;
        }
        .ml-6 {
            margin-left: 1.5rem;
        }
        .ml-\[calc\(-1rem-1px\)\] {
            margin-left: calc(-1rem - 1px);
        }
        .ml-auto {
            margin-left: auto;
        }
        .mr-1 {
            margin-right: 0.25rem;
        }
        .mr-2 {
            margin-right: 0.5rem;
        }
        .mr-4 {
            margin-right: 1rem;
        }
        .mr-auto {
            margin-right: auto;
        }
        .mt-0 {
            margin-top: 0px;
        }
        .mt-1 {
            margin-top: 0.25rem;
        }
        .mt-2 {
            margin-top: 0.5rem;
        }
        .mt-2\.5 {
            margin-top: 0.625rem;
        }
        .mt-4 {
            margin-top: 1rem;
        }
        .mt-5 {
            margin-top: 1.25rem;
        }
        .mt-6 {
            margin-top: 1.5rem;
        }
        .mt-\[2px\] {
            margin-top: 2px;
        }
        .mt-\[4\.75rem\] {
            margin-top: 4.75rem;
        }
        .mt-auto {
            margin-top: auto;
        }
        .block {
            display: block;
        }
        .inline-block {
            display: inline-block;
        }
        .\!inline {
            display: inline !important;
        }
        .inline {
            display: inline;
        }
        .flex {
            display: flex;
        }
        .grid {
            display: grid;
        }
        .inline-grid {
            display: inline-grid;
        }
        .hidden {
            display: none;
        }
        .aspect-\[1\/1\] {
            aspect-ratio: 1/1;
        }
        .aspect-\[2\/1\] {
            aspect-ratio: 2/1;
        }
        .aspect-\[4\/5\] {
            aspect-ratio: 4/5;
        }
        .aspect-\[5\/4\] {
            aspect-ratio: 5/4;
        }
        .aspect-video {
            aspect-ratio: 16 / 9;
        }
        .\!h-12 {
            height: 3rem !important;
        }
        .h-0 {
            height: 0px;
        }
        .h-1\/4 {
            height: 25%;
        }
        .h-11 {
            height: 2.75rem;
        }
        .h-12 {
            height: 3rem;
        }
        .h-16 {
            height: 4rem;
        }
        .h-2 {
            height: 0.5rem;
        }
        .h-2\/3 {
            height: 66.666667%;
        }
        .h-20 {
            height: 5rem;
        }
        .h-3\/4 {
            height: 75%;
        }
        .h-32 {
            height: 8rem;
        }
        .h-4 {
            height: 1rem;
        }
        .h-40 {
            height: 10rem;
        }
        .h-6 {
            height: 1.5rem;
        }
        .h-64 {
            height: 16rem;
        }
        .h-72 {
            height: 18rem;
        }
        .h-\[106\%\] {
            height: 106%;
        }
        .h-\[24px\] {
            height: 24px;
        }
        .h-\[25rem\] {
            height: 25rem;
        }
        .h-\[28rem\] {
            height: 28rem;
        }
        .h-\[30px\] {
            height: 30px;
        }
        .h-\[30rem\] {
            height: 30rem;
        }
        .h-\[32rem\] {
            height: 32rem;
        }
        .h-\[3rem\] {
            height: 3rem;
        }
        .h-\[4\.125rem\] {
            height: 4.125rem;
        }
        .h-\[4\.625rem\] {
            height: 4.625rem;
        }
        .h-\[50px\] {
            height: 50px;
        }
        .h-auto {
            height: auto;
        }
        .h-fit {
            height: -moz-fit-content;
            height: fit-content;
        }
        .h-full {
            height: 100%;
        }
        .h-min {
            height: -moz-min-content;
            height: min-content;
        }
        .h-px {
            height: 1px;
        }
        .h-screen {
            height: 100vh;
        }
        .max-h-0 {
            max-height: 0px;
        }
        .max-h-12 {
            max-height: 3rem;
        }
        .max-h-fit {
            max-height: -moz-fit-content;
            max-height: fit-content;
        }
        .max-h-full {
            max-height: 100%;
        }
        .min-h-12 {
            min-height: 3rem;
        }
        .min-h-16 {
            min-height: 4rem;
        }
        .min-h-6 {
            min-height: 1.5rem;
        }
        .min-h-\[21\.5rem\] {
            min-height: 21.5rem;
        }
        .min-h-\[30rem\] {
            min-height: 30rem;
        }
        .min-h-\[64px\] {
            min-height: 64px;
        }
        .min-h-\[75px\] {
            min-height: 75px;
        }
        .\!w-12 {
            width: 3rem !important;
        }
        .\!w-\[408px\] {
            width: 408px !important;
        }
        .\!w-auto {
            width: auto !important;
        }
        .\!w-full {
            width: 100% !important;
        }
        .w-0 {
            width: 0px;
        }
        .w-0\.5 {
            width: 0.125rem;
        }
        .w-1\/2 {
            width: 50%;
        }
        .w-12 {
            width: 3rem;
        }
        .w-32 {
            width: 8rem;
        }
        .w-48 {
            width: 12rem;
        }
        .w-6 {
            width: 1.5rem;
        }
        .w-6\/12 {
            width: 50%;
        }
        .w-\[100px\] {
            width: 100px;
        }
        .w-\[16px\] {
            width: 16px;
        }
        .w-\[24px\] {
            width: 24px;
        }
        .w-\[28rem\] {
            width: 28rem;
        }
        .w-\[30px\] {
            width: 30px;
        }
        .w-\[36rem\] {
            width: 36rem;
        }
        .w-\[5\.25rem\] {
            width: 5.25rem;
        }
        .w-\[50rem\] {
            width: 50rem;
        }
        .w-\[calc\(100\%-3rem\)\] {
            width: calc(100% - 3rem);
        }
        .w-fit {
            width: -moz-fit-content;
            width: fit-content;
        }
        .w-full {
            width: 100%;
        }
        .w-max {
            width: -moz-max-content;
            width: max-content;
        }
        .w-min {
            width: -moz-min-content;
            width: min-content;
        }
        .w-screen {
            width: 100vw;
        }
        .min-w-\[21\.75rem\] {
            min-width: 21.75rem;
        }
        .\!max-w-max {
            max-width: -moz-max-content !important;
            max-width: max-content !important;
        }
        .max-w-\[120rem\] {
            max-width: 120rem;
        }
        .max-w-\[2576px\] {
            max-width: 2576px;
        }
        .max-w-\[26\.25rem\] {
            max-width: 26.25rem;
        }
        .max-w-\[400px\] {
            max-width: 400px;
        }
        .max-w-fit {
            max-width: -moz-fit-content;
            max-width: fit-content;
        }
        .max-w-min {
            max-width: -moz-min-content;
            max-width: min-content;
        }
        .max-w-none {
            max-width: none;
        }
        .flex-1 {
            flex: 1 1 0%;
        }
        .shrink-0 {
            flex-shrink: 0;
        }
        .basis-1\/4 {
            flex-basis: 25%;
        }
        .-translate-x-2\/4 {
            --tw-translate-x: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
                skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .-translate-y-2\/4 {
            --tw-translate-y: -50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
                skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .scale-105 {
            --tw-scale-x: 1.05;
            --tw-scale-y: 1.05;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
                skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .cursor-auto {
            cursor: auto;
        }
        .cursor-pointer {
            cursor: pointer;
        }
        .select-text {
            -webkit-user-select: text;
            -moz-user-select: text;
            user-select: text;
        }
        .resize {
            resize: both;
        }
        .list-none {
            list-style-type: none;
        }
        .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
        }
        .grid-cols-12 {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
        .flex-row {
            flex-direction: row;
        }
        .flex-row-reverse {
            flex-direction: row-reverse;
        }
        .flex-col {
            flex-direction: column;
        }
        .flex-col-reverse {
            flex-direction: column-reverse;
        }
        .flex-wrap {
            flex-wrap: wrap;
        }
        .content-center {
            align-content: center;
        }
        .items-start {
            align-items: flex-start;
        }
        .items-center {
            align-items: center;
        }
        .items-baseline {
            align-items: baseline;
        }
        .justify-start {
            justify-content: flex-start;
        }
        .justify-end {
            justify-content: flex-end;
        }
        .justify-center {
            justify-content: center;
        }
        .justify-between {
            justify-content: space-between;
        }
        .gap-1 {
            gap: 0.25rem;
        }
        .gap-12 {
            gap: 3rem;
        }
        .gap-2 {
            gap: 0.5rem;
        }
        .gap-4 {
            gap: 1rem;
        }
        .gap-x-4 {
            -moz-column-gap: 1rem;
            column-gap: 1rem;
        }
        .gap-x-6 {
            -moz-column-gap: 1.5rem;
            column-gap: 1.5rem;
        }
        .gap-y-1\.5 {
            row-gap: 0.375rem;
        }
        .gap-y-12 {
            row-gap: 3rem;
        }
        .gap-y-4 {
            row-gap: 1rem;
        }
        .gap-y-8 {
            row-gap: 2rem;
        }
        .self-start {
            align-self: flex-start;
        }
        .self-stretch {
            align-self: stretch;
        }
        .overflow-hidden {
            overflow: hidden;
        }
        .overflow-visible {
            overflow: visible;
        }
        .overflow-scroll {
            overflow: scroll;
        }
        .overflow-x-auto {
            overflow-x: auto;
        }
        .overflow-y-hidden {
            overflow-y: hidden;
        }
        .overflow-x-scroll {
            overflow-x: scroll;
        }
        .truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .whitespace-nowrap {
            white-space: nowrap;
        }
        .text-wrap {
            text-wrap: wrap;
        }
        .rounded {
            border-radius: 0.25rem;
        }
        .rounded-none {
            border-radius: 0px;
        }
        .rounded-sm {
            border-radius: 0.125rem;
        }
        .rounded-b {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }
        .rounded-t {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
        }
        .border {
            border-width: 1px;
        }
        .border-0 {
            border-width: 0px;
        }
        .border-2 {
            border-width: 2px;
        }
        .border-y-8 {
            border-top-width: 8px;
            border-bottom-width: 8px;
        }
        .border-b {
            border-bottom-width: 1px;
        }
        .border-r {
            border-right-width: 1px;
        }
        .border-t {
            border-top-width: 1px;
        }
        .border-solid {
            border-style: solid;
        }
        .border-none {
            border-style: none;
        }
        .border-blue-100 {
            --tw-border-opacity: 1;
            border-color: rgb(204 218 232 / var(--tw-border-opacity, 1));
        }
        .border-blue-50 {
            --tw-border-opacity: 1;
            border-color: rgb(242 246 249 / var(--tw-border-opacity, 1));
        }
        .border-blue-500 {
            --tw-border-opacity: 1;
            border-color: rgb(0 72 142 / var(--tw-border-opacity, 1));
        }
        .border-blue-700 {
            --tw-border-opacity: 1;
            border-color: rgb(0 48 94 / var(--tw-border-opacity, 1));
        }
        .border-green-500 {
            --tw-border-opacity: 1;
            border-color: rgb(75 166 67 / var(--tw-border-opacity, 1));
        }
        .border-primary-100 {
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-border-opacity, 1)), transparent);
        }
        .border-primary-300 {
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-300) calc(100% * var(--tw-border-opacity, 1)), transparent);
        }
        .border-primary-50 {
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-border-opacity, 1)), transparent);
        }
        .border-primary-500 {
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-border-opacity, 1)), transparent);
        }
        .border-red-500 {
            --tw-border-opacity: 1;
            border-color: rgb(236 80 84 / var(--tw-border-opacity, 1));
        }
        .border-red-600 {
            --tw-border-opacity: 1;
            border-color: rgb(189 64 67 / var(--tw-border-opacity, 1));
        }
        .border-teal-500 {
            --tw-border-opacity: 1;
            border-color: rgb(26 164 173 / var(--tw-border-opacity, 1));
        }
        .border-transparent {
            border-color: transparent;
        }
        .border-violet-500 {
            --tw-border-opacity: 1;
            border-color: rgb(139 74 150 / var(--tw-border-opacity, 1));
        }
        .border-white {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
        }
        .border-yellow-500 {
            --tw-border-opacity: 1;
            border-color: rgb(211 129 7 / var(--tw-border-opacity, 1));
        }
        .\!border-b-transparent {
            border-bottom-color: transparent !important;
        }
        .bg-blue-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(204 218 232 / var(--tw-bg-opacity, 1));
        }
        .bg-blue-300 {
            --tw-bg-opacity: 1;
            background-color: rgb(102 145 187 / var(--tw-bg-opacity, 1));
        }
        .bg-blue-400 {
            --tw-bg-opacity: 1;
            background-color: rgb(51 109 165 / var(--tw-bg-opacity, 1));
        }
        .bg-blue-50 {
            --tw-bg-opacity: 1;
            background-color: rgb(242 246 249 / var(--tw-bg-opacity, 1));
        }
        .bg-blue-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(0 72 142 / var(--tw-bg-opacity, 1));
        }
        .bg-blue-700 {
            --tw-bg-opacity: 1;
            background-color: rgb(0 48 94 / var(--tw-bg-opacity, 1));
        }
        .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
        }
        .bg-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgb(229 229 229 / var(--tw-bg-opacity, 1));
        }
        .bg-green-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(75 166 67 / var(--tw-bg-opacity, 1));
        }
        .bg-primary-100 {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .bg-primary-300 {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-300) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .bg-primary-50 {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .bg-primary-500 {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .bg-red-100 {
            --tw-bg-opacity: 1;
            background-color: rgb(251 220 221 / var(--tw-bg-opacity, 1));
        }
        .bg-red-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(236 80 84 / var(--tw-bg-opacity, 1));
        }
        .bg-teal-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(26 164 173 / var(--tw-bg-opacity, 1));
        }
        .bg-transparent {
            background-color: transparent;
        }
        .bg-violet-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(139 74 150 / var(--tw-bg-opacity, 1));
        }
        .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        }
        .bg-yellow-500 {
            --tw-bg-opacity: 1;
            background-color: rgb(211 129 7 / var(--tw-bg-opacity, 1));
        }
        .bg-cover {
            background-size: cover;
        }
        .bg-bottom {
            background-position: bottom;
        }
        .bg-no-repeat {
            background-repeat: no-repeat;
        }
        .object-contain {
            -o-object-fit: contain;
            object-fit: contain;
        }
        .object-cover {
            -o-object-fit: cover;
            object-fit: cover;
        }
        .\!p-3 {
            padding: 0.75rem !important;
        }
        .p-0 {
            padding: 0px;
        }
        .p-1 {
            padding: 0.25rem;
        }
        .p-2 {
            padding: 0.5rem;
        }
        .p-3 {
            padding: 0.75rem;
        }
        .p-3\.5 {
            padding: 0.875rem;
        }
        .p-4 {
            padding: 1rem;
        }
        .p-\[15px\] {
            padding: 15px;
        }
        .px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .px-3 {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }
        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem;
        }
        .px-8 {
            padding-left: 2rem;
            padding-right: 2rem;
        }
        .py-1 {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
        }
        .py-1\.5 {
            padding-top: 0.375rem;
            padding-bottom: 0.375rem;
        }
        .py-2 {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        .py-2\.5 {
            padding-top: 0.625rem;
            padding-bottom: 0.625rem;
        }
        .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }
        .py-5 {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
        }
        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }
        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem;
        }
        .py-px {
            padding-top: 1px;
            padding-bottom: 1px;
        }
        .\!pt-0 {
            padding-top: 0px !important;
        }
        .pb-0 {
            padding-bottom: 0px;
        }
        .pb-2 {
            padding-bottom: 0.5rem;
        }
        .pb-4 {
            padding-bottom: 1rem;
        }
        .pb-\[260px\] {
            padding-bottom: 260px;
        }
        .pl-1\.5 {
            padding-left: 0.375rem;
        }
        .pl-2 {
            padding-left: 0.5rem;
        }
        .pl-\[4rem\] {
            padding-left: 4rem;
        }
        .pr-0 {
            padding-right: 0px;
        }
        .pr-1 {
            padding-right: 0.25rem;
        }
        .pr-1\.5 {
            padding-right: 0.375rem;
        }
        .pr-14 {
            padding-right: 3.5rem;
        }
        .pr-2 {
            padding-right: 0.5rem;
        }
        .pr-3 {
            padding-right: 0.75rem;
        }
        .pr-6 {
            padding-right: 1.5rem;
        }
        .pt-12 {
            padding-top: 3rem;
        }
        .pt-2 {
            padding-top: 0.5rem;
        }
        .pt-3 {
            padding-top: 0.75rem;
        }
        .pt-4 {
            padding-top: 1rem;
        }
        .pt-8 {
            padding-top: 2rem;
        }
        .pt-\[6px\] {
            padding-top: 6px;
        }
        .text-left {
            text-align: left;
        }
        .text-center {
            text-align: center;
        }
        .font-linotype {
            font-family:
                Linotype Univers,
                Helvetica Neue,
                Helvetica,
                Arial,
                sans-serif;
        }
        .font-utopia {
            font-family:
                Utopia Std,
                Georgia,
                Times New Roman,
                serif;
        }
        .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem;
        }
        .text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }
        .text-\[1\.25rem\] {
            font-size: 1.25rem;
        }
        .text-\[13px\] {
            font-size: 13px;
        }
        .text-\[2rem\] {
            font-size: 2rem;
        }
        .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem;
        }
        .text-sm {
            font-size: 0.875rem;
            line-height: 1.25rem;
        }
        .text-xs {
            font-size: 0.75rem;
            line-height: 1rem;
        }
        .\!font-normal {
            font-weight: 400 !important;
        }
        .font-bold {
            font-weight: 700;
        }
        .font-medium {
            font-weight: 500;
        }
        .font-normal {
            font-weight: 400;
        }
        .leading-\[100\%\] {
            line-height: 100%;
        }
        .leading-\[148\%\] {
            line-height: 148%;
        }
        .leading-\[42px\] {
            line-height: 42px;
        }
        .leading-none {
            line-height: 1;
        }
        .leading-normal {
            line-height: 1.5;
        }
        .leading-tight {
            line-height: 1.25;
        }
        .text-blue-100 {
            --tw-text-opacity: 1;
            color: rgb(204 218 232 / var(--tw-text-opacity, 1));
        }
        .text-blue-50 {
            --tw-text-opacity: 1;
            color: rgb(242 246 249 / var(--tw-text-opacity, 1));
        }
        .text-blue-500 {
            --tw-text-opacity: 1;
            color: rgb(0 72 142 / var(--tw-text-opacity, 1));
        }
        .text-blue-700 {
            --tw-text-opacity: 1;
            color: rgb(0 48 94 / var(--tw-text-opacity, 1));
        }
        .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgb(152 152 152 / var(--tw-text-opacity, 1));
        }
        .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
        }
        .text-gray-700 {
            --tw-text-opacity: 1;
            color: rgb(100 100 100 / var(--tw-text-opacity, 1));
        }
        .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgb(48 48 48 / var(--tw-text-opacity, 1));
        }
        .text-gray-950 {
            --tw-text-opacity: 1;
            color: rgb(26 26 26 / var(--tw-text-opacity, 1));
        }
        .text-green-500 {
            --tw-text-opacity: 1;
            color: rgb(75 166 67 / var(--tw-text-opacity, 1));
        }
        .text-primary {
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .text-primary-500 {
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .text-red-500 {
            --tw-text-opacity: 1;
            color: rgb(236 80 84 / var(--tw-text-opacity, 1));
        }
        .text-red-600 {
            --tw-text-opacity: 1;
            color: rgb(189 64 67 / var(--tw-text-opacity, 1));
        }
        .text-teal-500 {
            --tw-text-opacity: 1;
            color: rgb(26 164 173 / var(--tw-text-opacity, 1));
        }
        .text-violet-500 {
            --tw-text-opacity: 1;
            color: rgb(139 74 150 / var(--tw-text-opacity, 1));
        }
        .text-white {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        .text-yellow-500 {
            --tw-text-opacity: 1;
            color: rgb(211 129 7 / var(--tw-text-opacity, 1));
        }
        .underline {
            text-decoration-line: underline;
        }
        .no-underline {
            text-decoration-line: none;
        }
        .decoration-blue-500 {
            text-decoration-color: #00488e;
        }
        .underline-offset-4 {
            text-underline-offset: 4px;
        }
        .opacity-0 {
            opacity: 0;
        }
        .opacity-100 {
            opacity: 1;
        }
        .outline {
            outline-style: solid;
        }
        .outline-2 {
            outline-width: 2px;
        }
        .outline-teal-500 {
            outline-color: #1aa4ad;
        }
        .filter {
            filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
                var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
        }
        .transition {
            transition-property:
                color,
                background-color,
                border-color,
                text-decoration-color,
                fill,
                stroke,
                opacity,
                box-shadow,
                transform,
                filter,
                -webkit-backdrop-filter;
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform,
                filter, backdrop-filter;
            transition-property:
                color,
                background-color,
                border-color,
                text-decoration-color,
                fill,
                stroke,
                opacity,
                box-shadow,
                transform,
                filter,
                backdrop-filter,
                -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        .transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        .transition-opacity {
            transition-property: opacity;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        .transition-transform {
            transition-property: transform;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }
        .delay-\[250ms\] {
            transition-delay: 250ms;
        }
        .duration-500 {
            transition-duration: 500ms;
        }
        .ease-in-out {
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }
    }

    .hover\:border-blue-100:hover {
        --tw-border-opacity: 1;
        border-color: rgb(204 218 232 / var(--tw-border-opacity, 1));
    }

    .hover\:border-blue-50:hover {
        --tw-border-opacity: 1;
        border-color: rgb(242 246 249 / var(--tw-border-opacity, 1));
    }

    .hover\:border-blue-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(0 72 142 / var(--tw-border-opacity, 1));
    }

    .hover\:border-blue-700:hover {
        --tw-border-opacity: 1;
        border-color: rgb(0 48 94 / var(--tw-border-opacity, 1));
    }

    .hover\:border-green-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(75 166 67 / var(--tw-border-opacity, 1));
    }

    .hover\:border-primary-500:hover {
        --tw-border-opacity: 1;
        border-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-border-opacity, 1)), transparent);
    }

    .hover\:border-red-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(236 80 84 / var(--tw-border-opacity, 1));
    }

    .hover\:border-teal-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(26 164 173 / var(--tw-border-opacity, 1));
    }

    .hover\:border-violet-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(139 74 150 / var(--tw-border-opacity, 1));
    }

    .hover\:border-white:hover {
        --tw-border-opacity: 1;
        border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
    }

    .hover\:border-yellow-500:hover {
        --tw-border-opacity: 1;
        border-color: rgb(211 129 7 / var(--tw-border-opacity, 1));
    }

    .hover\:bg-blue-100:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(204 218 232 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-blue-50:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(242 246 249 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-blue-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 72 142 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-blue-700:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(0 48 94 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-green-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(75 166 67 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-primary-100:hover {
        --tw-bg-opacity: 1;
        background-color: color-mix(in srgb, var(--p-primary-100) calc(100% * var(--tw-bg-opacity, 1)), transparent);
    }

    .hover\:bg-primary-600:hover {
        --tw-bg-opacity: 1;
        background-color: color-mix(in srgb, var(--p-primary-600) calc(100% * var(--tw-bg-opacity, 1)), transparent);
    }

    .hover\:bg-red-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(236 80 84 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-teal-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(26 164 173 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-violet-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(139 74 150 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-white:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }

    .hover\:bg-yellow-500:hover {
        --tw-bg-opacity: 1;
        background-color: rgb(211 129 7 / var(--tw-bg-opacity, 1));
    }

    .hover\:text-blue-100:hover {
        --tw-text-opacity: 1;
        color: rgb(204 218 232 / var(--tw-text-opacity, 1));
    }

    .hover\:text-blue-50:hover {
        --tw-text-opacity: 1;
        color: rgb(242 246 249 / var(--tw-text-opacity, 1));
    }

    .hover\:text-blue-500:hover {
        --tw-text-opacity: 1;
        color: rgb(0 72 142 / var(--tw-text-opacity, 1));
    }

    .hover\:text-blue-700:hover {
        --tw-text-opacity: 1;
        color: rgb(0 48 94 / var(--tw-text-opacity, 1));
    }

    .hover\:text-green-500:hover {
        --tw-text-opacity: 1;
        color: rgb(75 166 67 / var(--tw-text-opacity, 1));
    }

    .hover\:text-primary:hover {
        --tw-text-opacity: 1;
        color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
    }

    .hover\:text-red-500:hover {
        --tw-text-opacity: 1;
        color: rgb(236 80 84 / var(--tw-text-opacity, 1));
    }

    .hover\:text-teal-500:hover {
        --tw-text-opacity: 1;
        color: rgb(26 164 173 / var(--tw-text-opacity, 1));
    }

    .hover\:text-violet-500:hover {
        --tw-text-opacity: 1;
        color: rgb(139 74 150 / var(--tw-text-opacity, 1));
    }

    .hover\:text-white:hover {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }

    .hover\:text-yellow-500:hover {
        --tw-text-opacity: 1;
        color: rgb(211 129 7 / var(--tw-text-opacity, 1));
    }

    .focus\:outline:focus {
        outline-style: solid;
    }

    .focus\:outline-2:focus {
        outline-width: 2px;
    }

    .focus\:outline-offset-2:focus {
        outline-offset: 2px;
    }

    .focus\:outline-teal-500:focus {
        outline-color: #1aa4ad;
    }

    @media (min-width: 768px) {
        .md\:absolute {
            position: absolute;
        }

        .md\:\!left-5 {
            left: 1.25rem !important;
        }

        .md\:\!right-5 {
            right: 1.25rem !important;
        }

        .md\:-top-16 {
            top: -4rem;
        }

        .md\:bottom-\[2rem\] {
            bottom: 2rem;
        }

        .md\:left-2 {
            left: 0.5rem;
        }

        .md\:left-2\/3 {
            left: 66.666667%;
        }

        .md\:left-\[4\.5rem\] {
            left: 4.5rem;
        }

        .md\:right-2\/3 {
            right: 66.666667%;
        }

        .md\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .md\:col-span-10 {
            grid-column: span 10 / span 10;
        }

        .md\:col-span-11 {
            grid-column: span 11 / span 11;
        }

        .md\:col-span-12 {
            grid-column: span 12 / span 12;
        }

        .md\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .md\:col-span-3 {
            grid-column: span 3 / span 3;
        }

        .md\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .md\:col-span-5 {
            grid-column: span 5 / span 5;
        }

        .md\:col-span-6 {
            grid-column: span 6 / span 6;
        }

        .md\:col-span-7 {
            grid-column: span 7 / span 7;
        }

        .md\:col-span-8 {
            grid-column: span 8 / span 8;
        }

        .md\:col-span-9 {
            grid-column: span 9 / span 9;
        }

        .md\:-col-start-1 {
            grid-column-start: -1;
        }

        .md\:-col-start-10 {
            grid-column-start: -10;
        }

        .md\:-col-start-11 {
            grid-column-start: -11;
        }

        .md\:-col-start-12 {
            grid-column-start: -12;
        }

        .md\:-col-start-13 {
            grid-column-start: -13;
        }

        .md\:-col-start-2 {
            grid-column-start: -2;
        }

        .md\:-col-start-3 {
            grid-column-start: -3;
        }

        .md\:-col-start-4 {
            grid-column-start: -4;
        }

        .md\:-col-start-5 {
            grid-column-start: -5;
        }

        .md\:-col-start-6 {
            grid-column-start: -6;
        }

        .md\:-col-start-7 {
            grid-column-start: -7;
        }

        .md\:-col-start-8 {
            grid-column-start: -8;
        }

        .md\:-col-start-9 {
            grid-column-start: -9;
        }

        .md\:col-start-1 {
            grid-column-start: 1;
        }

        .md\:col-start-10 {
            grid-column-start: 10;
        }

        .md\:col-start-11 {
            grid-column-start: 11;
        }

        .md\:col-start-12 {
            grid-column-start: 12;
        }

        .md\:col-start-13 {
            grid-column-start: 13;
        }

        .md\:col-start-2 {
            grid-column-start: 2;
        }

        .md\:col-start-3 {
            grid-column-start: 3;
        }

        .md\:col-start-4 {
            grid-column-start: 4;
        }

        .md\:col-start-5 {
            grid-column-start: 5;
        }

        .md\:col-start-6 {
            grid-column-start: 6;
        }

        .md\:col-start-7 {
            grid-column-start: 7;
        }

        .md\:col-start-8 {
            grid-column-start: 8;
        }

        .md\:col-start-9 {
            grid-column-start: 9;
        }

        .md\:mx-4 {
            margin-left: 1rem;
            margin-right: 1rem;
        }

        .md\:my-0 {
            margin-top: 0px;
            margin-bottom: 0px;
        }

        .md\:-mt-4 {
            margin-top: -1rem;
        }

        .md\:mb-0 {
            margin-bottom: 0px;
        }

        .md\:mb-4 {
            margin-bottom: 1rem;
        }

        .md\:mb-\[5rem\] {
            margin-bottom: 5rem;
        }

        .md\:mb-auto {
            margin-bottom: auto;
        }

        .md\:ml-24 {
            margin-left: 6rem;
        }

        .md\:ml-36 {
            margin-left: 9rem;
        }

        .md\:ml-auto {
            margin-left: auto;
        }

        .md\:mr-10 {
            margin-right: 2.5rem;
        }

        .md\:mr-4 {
            margin-right: 1rem;
        }

        .md\:mr-8 {
            margin-right: 2rem;
        }

        .md\:mt-0 {
            margin-top: 0px;
        }

        .md\:mt-20 {
            margin-top: 5rem;
        }

        .md\:block {
            display: block;
        }

        .md\:flex {
            display: flex;
        }

        .md\:grid {
            display: grid;
        }

        .md\:hidden {
            display: none;
        }

        .md\:aspect-\[16\/9\] {
            aspect-ratio: 16/9;
        }

        .md\:aspect-\[4\.5\/5\] {
            aspect-ratio: 4.5/5;
        }

        .md\:h-16 {
            height: 4rem;
        }

        .md\:h-3\/4 {
            height: 75%;
        }

        .md\:h-32 {
            height: 8rem;
        }

        .md\:h-48 {
            height: 12rem;
        }

        .md\:h-56 {
            height: 14rem;
        }

        .md\:h-96 {
            height: 24rem;
        }

        .md\:h-\[1\.5rem\] {
            height: 1.5rem;
        }

        .md\:h-\[135px\] {
            height: 135px;
        }

        .md\:h-\[26rem\] {
            height: 26rem;
        }

        .md\:h-\[3rem\] {
            height: 3rem;
        }

        .md\:h-\[4\.5rem\] {
            height: 4.5rem;
        }

        .md\:h-\[40rem\] {
            height: 40rem;
        }

        .md\:h-\[45px\] {
            height: 45px;
        }

        .md\:h-\[90px\] {
            height: 90px;
        }

        .md\:h-full {
            height: 100%;
        }

        .md\:\!w-\[339px\] {
            width: 339px !important;
        }

        .md\:w-1\/2 {
            width: 50%;
        }

        .md\:w-1\/3 {
            width: 33.333333%;
        }

        .md\:w-16 {
            width: 4rem;
        }

        .md\:w-2\/3 {
            width: 66.666667%;
        }

        .md\:w-5\/12 {
            width: 41.666667%;
        }

        .md\:w-6\/12 {
            width: 50%;
        }

        .md\:w-60 {
            width: 15rem;
        }

        .md\:w-7\/12 {
            width: 58.333333%;
        }

        .md\:w-\[23\.5rem\] {
            width: 23.5rem;
        }

        .md\:w-\[26\.25rem\] {
            width: 26.25rem;
        }

        .md\:w-\[calc\(23\.5rem\+1px\)\] {
            width: calc(23.5rem + 1px);
        }

        .md\:w-auto {
            width: auto;
        }

        .md\:w-fit {
            width: -moz-fit-content;
            width: fit-content;
        }

        .md\:w-full {
            width: 100%;
        }

        .md\:\!max-w-\[32rem\] {
            max-width: 32rem !important;
        }

        .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .md\:flex-row {
            flex-direction: row;
        }

        .md\:flex-row-reverse {
            flex-direction: row-reverse;
        }

        .md\:items-center {
            align-items: center;
        }

        .md\:justify-end {
            justify-content: flex-end;
        }

        .md\:justify-center {
            justify-content: center;
        }

        .md\:justify-between {
            justify-content: space-between;
        }

        .md\:gap-4 {
            gap: 1rem;
        }

        .md\:gap-8 {
            gap: 2rem;
        }

        .md\:gap-x-8 {
            -moz-column-gap: 2rem;
            column-gap: 2rem;
        }

        .md\:gap-y-16 {
            row-gap: 4rem;
        }

        .md\:overflow-visible {
            overflow: visible;
        }

        .md\:px-16 {
            padding-left: 4rem;
            padding-right: 4rem;
        }

        .md\:px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

        .md\:px-8 {
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .md\:pt-32 {
            padding-top: 8rem;
        }

        .md\:text-left {
            text-align: left;
        }

        .md\:text-4xl {
            font-size: 2.25rem;
            line-height: 2.5rem;
        }
    }

    @media (min-width: 1440px) {
        .lg\:absolute {
            position: absolute;
        }

        .lg\:-left-0 {
            left: -0px;
        }

        .lg\:-right-0 {
            right: -0px;
        }

        .lg\:left-auto {
            left: auto;
        }

        .lg\:right-2\/4 {
            right: 50%;
        }

        .lg\:top-\[20\%\] {
            top: 20%;
        }

        .lg\:top-\[97px\] {
            top: 97px;
        }

        .lg\:top-full {
            top: 100%;
        }

        .lg\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .lg\:col-span-10 {
            grid-column: span 10 / span 10;
        }

        .lg\:col-span-11 {
            grid-column: span 11 / span 11;
        }

        .lg\:col-span-12 {
            grid-column: span 12 / span 12;
        }

        .lg\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .lg\:col-span-3 {
            grid-column: span 3 / span 3;
        }

        .lg\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .lg\:col-span-5 {
            grid-column: span 5 / span 5;
        }

        .lg\:col-span-6 {
            grid-column: span 6 / span 6;
        }

        .lg\:col-span-7 {
            grid-column: span 7 / span 7;
        }

        .lg\:col-span-8 {
            grid-column: span 8 / span 8;
        }

        .lg\:col-span-9 {
            grid-column: span 9 / span 9;
        }

        .lg\:-col-start-1 {
            grid-column-start: -1;
        }

        .lg\:-col-start-10 {
            grid-column-start: -10;
        }

        .lg\:-col-start-11 {
            grid-column-start: -11;
        }

        .lg\:-col-start-12 {
            grid-column-start: -12;
        }

        .lg\:-col-start-13 {
            grid-column-start: -13;
        }

        .lg\:-col-start-2 {
            grid-column-start: -2;
        }

        .lg\:-col-start-3 {
            grid-column-start: -3;
        }

        .lg\:-col-start-4 {
            grid-column-start: -4;
        }

        .lg\:-col-start-5 {
            grid-column-start: -5;
        }

        .lg\:-col-start-6 {
            grid-column-start: -6;
        }

        .lg\:-col-start-7 {
            grid-column-start: -7;
        }

        .lg\:-col-start-8 {
            grid-column-start: -8;
        }

        .lg\:-col-start-9 {
            grid-column-start: -9;
        }

        .lg\:col-start-1 {
            grid-column-start: 1;
        }

        .lg\:col-start-10 {
            grid-column-start: 10;
        }

        .lg\:col-start-11 {
            grid-column-start: 11;
        }

        .lg\:col-start-12 {
            grid-column-start: 12;
        }

        .lg\:col-start-13 {
            grid-column-start: 13;
        }

        .lg\:col-start-2 {
            grid-column-start: 2;
        }

        .lg\:col-start-3 {
            grid-column-start: 3;
        }

        .lg\:col-start-4 {
            grid-column-start: 4;
        }

        .lg\:col-start-5 {
            grid-column-start: 5;
        }

        .lg\:col-start-6 {
            grid-column-start: 6;
        }

        .lg\:col-start-7 {
            grid-column-start: 7;
        }

        .lg\:col-start-8 {
            grid-column-start: 8;
        }

        .lg\:col-start-9 {
            grid-column-start: 9;
        }

        .lg\:m-4 {
            margin: 1rem;
        }

        .lg\:m-8 {
            margin: 2rem;
        }

        .lg\:mx-0 {
            margin-left: 0px;
            margin-right: 0px;
        }

        .lg\:mx-4 {
            margin-left: 1rem;
            margin-right: 1rem;
        }

        .lg\:mx-auto {
            margin-left: auto;
            margin-right: auto;
        }

        .lg\:mb-0 {
            margin-bottom: 0px;
        }

        .lg\:mb-12 {
            margin-bottom: 3rem;
        }

        .lg\:ml-4 {
            margin-left: 1rem;
        }

        .lg\:ml-8 {
            margin-left: 2rem;
        }

        .lg\:mr-4 {
            margin-right: 1rem;
        }

        .lg\:mr-8 {
            margin-right: 2rem;
        }

        .lg\:mt-0 {
            margin-top: 0px;
        }

        .lg\:mt-8 {
            margin-top: 2rem;
        }

        .lg\:block {
            display: block;
        }

        .lg\:flex {
            display: flex;
        }

        .lg\:grid {
            display: grid;
        }

        .lg\:hidden {
            display: none;
        }

        .lg\:aspect-\[3\/1\] {
            aspect-ratio: 3/1;
        }

        .lg\:aspect-\[3304\/3753\] {
            aspect-ratio: 3304/3753;
        }

        .lg\:h-96 {
            height: 24rem;
        }

        .lg\:h-\[48rem\] {
            height: 48rem;
        }

        .lg\:h-auto {
            height: auto;
        }

        .lg\:h-full {
            height: 100%;
        }

        .lg\:\!w-\[400px\] {
            width: 400px !important;
        }

        .lg\:w-1\/2 {
            width: 50%;
        }

        .lg\:w-24 {
            width: 6rem;
        }

        .lg\:w-3\/4 {
            width: 75%;
        }

        .lg\:w-\[10rem\] {
            width: 10rem;
        }

        .lg\:w-\[55\.25rem\] {
            width: 55.25rem;
        }

        .lg\:w-auto {
            width: auto;
        }

        .lg\:translate-x-2\/4 {
            --tw-translate-x: 50%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
                skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr));
        }

        .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr));
        }

        .lg\:grid-cols-\[repeat\(4\2c 192px\)\] {
            grid-template-columns: repeat(4, 192px);
        }

        .lg\:grid-cols-subgrid {
            grid-template-columns: subgrid;
        }

        .lg\:flex-row {
            flex-direction: row;
        }

        .lg\:flex-col {
            flex-direction: column;
        }

        .lg\:justify-start {
            justify-content: flex-start;
        }

        .lg\:justify-center {
            justify-content: center;
        }

        .lg\:justify-between {
            justify-content: space-between;
        }

        .lg\:border {
            border-width: 1px;
        }

        .lg\:border-b-0 {
            border-bottom-width: 0px;
        }

        .lg\:border-r {
            border-right-width: 1px;
        }

        .lg\:p-4 {
            padding: 1rem;
        }

        .lg\:p-8 {
            padding: 2rem;
        }

        .lg\:px-8 {
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .lg\:py-16 {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }

        .lg\:pt-32 {
            padding-top: 8rem;
        }
    }

    @media (min-width: 2560px) {
        .xl\:col-span-1 {
            grid-column: span 1 / span 1;
        }

        .xl\:col-span-10 {
            grid-column: span 10 / span 10;
        }

        .xl\:col-span-11 {
            grid-column: span 11 / span 11;
        }

        .xl\:col-span-12 {
            grid-column: span 12 / span 12;
        }

        .xl\:col-span-2 {
            grid-column: span 2 / span 2;
        }

        .xl\:col-span-3 {
            grid-column: span 3 / span 3;
        }

        .xl\:col-span-4 {
            grid-column: span 4 / span 4;
        }

        .xl\:col-span-5 {
            grid-column: span 5 / span 5;
        }

        .xl\:col-span-6 {
            grid-column: span 6 / span 6;
        }

        .xl\:col-span-7 {
            grid-column: span 7 / span 7;
        }

        .xl\:col-span-8 {
            grid-column: span 8 / span 8;
        }

        .xl\:col-span-9 {
            grid-column: span 9 / span 9;
        }

        .xl\:-col-start-1 {
            grid-column-start: -1;
        }

        .xl\:-col-start-10 {
            grid-column-start: -10;
        }

        .xl\:-col-start-11 {
            grid-column-start: -11;
        }

        .xl\:-col-start-12 {
            grid-column-start: -12;
        }

        .xl\:-col-start-13 {
            grid-column-start: -13;
        }

        .xl\:-col-start-2 {
            grid-column-start: -2;
        }

        .xl\:-col-start-3 {
            grid-column-start: -3;
        }

        .xl\:-col-start-4 {
            grid-column-start: -4;
        }

        .xl\:-col-start-5 {
            grid-column-start: -5;
        }

        .xl\:-col-start-6 {
            grid-column-start: -6;
        }

        .xl\:-col-start-7 {
            grid-column-start: -7;
        }

        .xl\:-col-start-8 {
            grid-column-start: -8;
        }

        .xl\:-col-start-9 {
            grid-column-start: -9;
        }

        .xl\:col-start-1 {
            grid-column-start: 1;
        }

        .xl\:col-start-10 {
            grid-column-start: 10;
        }

        .xl\:col-start-11 {
            grid-column-start: 11;
        }

        .xl\:col-start-12 {
            grid-column-start: 12;
        }

        .xl\:col-start-13 {
            grid-column-start: 13;
        }

        .xl\:col-start-2 {
            grid-column-start: 2;
        }

        .xl\:col-start-3 {
            grid-column-start: 3;
        }

        .xl\:col-start-4 {
            grid-column-start: 4;
        }

        .xl\:col-start-5 {
            grid-column-start: 5;
        }

        .xl\:col-start-6 {
            grid-column-start: 6;
        }

        .xl\:col-start-7 {
            grid-column-start: 7;
        }

        .xl\:col-start-8 {
            grid-column-start: 8;
        }

        .xl\:col-start-9 {
            grid-column-start: 9;
        }

        .xl\:w-1\/2 {
            width: 50%;
        }
    }

    /**************************************************
primeicons.css
**************************************************/
    /**
    - for updating this primeicons css file, copy css from browser and delete @font-face blocks
    - need to be updated if npm package primeicons is updated
**/

    .pi {
        font-family: 'primeicons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .pi:before {
        --webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .pi-fw {
        width: 1.28571429em;
        text-align: center;
    }

    .pi-spin {
        -webkit-animation: fa-spin 2s infinite linear;
        animation: fa-spin 2s infinite linear;
    }

    @media (prefers-reduced-motion: reduce) {
        .pi-spin {
            -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
            -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }
    }

    @-webkit-keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }

    @keyframes fa-spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
        100% {
            -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
        }
    }

    .pi-folder-plus:before {
        content: '\ea05';
    }

    .pi-receipt:before {
        content: '\ea06';
    }

    .pi-asterisk:before {
        content: '\ea07';
    }

    .pi-face-smile:before {
        content: '\ea08';
    }

    .pi-pinterest:before {
        content: '\ea09';
    }

    .pi-expand:before {
        content: '\ea0a';
    }

    .pi-pen-to-square:before {
        content: '\ea0b';
    }

    .pi-wave-pulse:before {
        content: '\ea0c';
    }

    .pi-turkish-lira:before {
        content: '\ea0d';
    }

    .pi-spinner-dotted:before {
        content: '\ea0e';
    }

    .pi-crown:before {
        content: '\ea0f';
    }

    .pi-pause-circle:before {
        content: '\ea10';
    }

    .pi-warehouse:before {
        content: '\ea11';
    }

    .pi-objects-column:before {
        content: '\ea12';
    }

    .pi-clipboard:before {
        content: '\ea13';
    }

    .pi-play-circle:before {
        content: '\ea14';
    }

    .pi-venus:before {
        content: '\ea15';
    }

    .pi-cart-minus:before {
        content: '\ea16';
    }

    .pi-file-plus:before {
        content: '\ea17';
    }

    .pi-microchip:before {
        content: '\ea18';
    }

    .pi-twitch:before {
        content: '\ea19';
    }

    .pi-building-columns:before {
        content: '\ea1a';
    }

    .pi-file-check:before {
        content: '\ea1b';
    }

    .pi-microchip-ai:before {
        content: '\ea1c';
    }

    .pi-trophy:before {
        content: '\ea1d';
    }

    .pi-barcode:before {
        content: '\ea1e';
    }

    .pi-file-arrow-up:before {
        content: '\ea1f';
    }

    .pi-mars:before {
        content: '\ea20';
    }

    .pi-tiktok:before {
        content: '\ea21';
    }

    .pi-arrow-up-right-and-arrow-down-left-from-center:before {
        content: '\ea22';
    }

    .pi-ethereum:before {
        content: '\ea23';
    }

    .pi-list-check:before {
        content: '\ea24';
    }

    .pi-thumbtack:before {
        content: '\ea25';
    }

    .pi-arrow-down-left-and-arrow-up-right-to-center:before {
        content: '\ea26';
    }

    .pi-equals:before {
        content: '\ea27';
    }

    .pi-lightbulb:before {
        content: '\ea28';
    }

    .pi-star-half:before {
        content: '\ea29';
    }

    .pi-address-book:before {
        content: '\ea2a';
    }

    .pi-chart-scatter:before {
        content: '\ea2b';
    }

    .pi-indian-rupee:before {
        content: '\ea2c';
    }

    .pi-star-half-fill:before {
        content: '\ea2d';
    }

    .pi-cart-arrow-down:before {
        content: '\ea2e';
    }

    .pi-calendar-clock:before {
        content: '\ea2f';
    }

    .pi-sort-up-fill:before {
        content: '\ea30';
    }

    .pi-sparkles:before {
        content: '\ea31';
    }

    .pi-bullseye:before {
        content: '\ea32';
    }

    .pi-sort-down-fill:before {
        content: '\ea33';
    }

    .pi-graduation-cap:before {
        content: '\ea34';
    }

    .pi-hammer:before {
        content: '\ea35';
    }

    .pi-bell-slash:before {
        content: '\ea36';
    }

    .pi-gauge:before {
        content: '\ea37';
    }

    .pi-shop:before {
        content: '\ea38';
    }

    .pi-headphones:before {
        content: '\ea39';
    }

    .pi-eraser:before {
        content: '\ea04';
    }

    .pi-stopwatch:before {
        content: '\ea01';
    }

    .pi-verified:before {
        content: '\ea02';
    }

    .pi-delete-left:before {
        content: '\ea03';
    }

    .pi-hourglass:before {
        content: '\e9fe';
    }

    .pi-truck:before {
        content: '\ea00';
    }

    .pi-wrench:before {
        content: '\e9ff';
    }

    .pi-microphone:before {
        content: '\e9fa';
    }

    .pi-megaphone:before {
        content: '\e9fb';
    }

    .pi-arrow-right-arrow-left:before {
        content: '\e9fc';
    }

    .pi-bitcoin:before {
        content: '\e9fd';
    }

    .pi-file-edit:before {
        content: '\e9f6';
    }

    .pi-language:before {
        content: '\e9f7';
    }

    .pi-file-export:before {
        content: '\e9f8';
    }

    .pi-file-import:before {
        content: '\e9f9';
    }

    .pi-file-word:before {
        content: '\e9f1';
    }

    .pi-gift:before {
        content: '\e9f2';
    }

    .pi-cart-plus:before {
        content: '\e9f3';
    }

    .pi-thumbs-down-fill:before {
        content: '\e9f4';
    }

    .pi-thumbs-up-fill:before {
        content: '\e9f5';
    }

    .pi-arrows-alt:before {
        content: '\e9f0';
    }

    .pi-calculator:before {
        content: '\e9ef';
    }

    .pi-sort-alt-slash:before {
        content: '\e9ee';
    }

    .pi-arrows-h:before {
        content: '\e9ec';
    }

    .pi-arrows-v:before {
        content: '\e9ed';
    }

    .pi-pound:before {
        content: '\e9eb';
    }

    .pi-prime:before {
        content: '\e9ea';
    }

    .pi-chart-pie:before {
        content: '\e9e9';
    }

    .pi-reddit:before {
        content: '\e9e8';
    }

    .pi-code:before {
        content: '\e9e7';
    }

    .pi-sync:before {
        content: '\e9e6';
    }

    .pi-shopping-bag:before {
        content: '\e9e5';
    }

    .pi-server:before {
        content: '\e9e4';
    }

    .pi-database:before {
        content: '\e9e3';
    }

    .pi-hashtag:before {
        content: '\e9e2';
    }

    .pi-bookmark-fill:before {
        content: '\e9df';
    }

    .pi-filter-fill:before {
        content: '\e9e0';
    }

    .pi-heart-fill:before {
        content: '\e9e1';
    }

    .pi-flag-fill:before {
        content: '\e9de';
    }

    .pi-circle:before {
        content: '\e9dc';
    }

    .pi-circle-fill:before {
        content: '\e9dd';
    }

    .pi-bolt:before {
        content: '\e9db';
    }

    .pi-history:before {
        content: '\e9da';
    }

    .pi-box:before {
        content: '\e9d9';
    }

    .pi-at:before {
        content: '\e9d8';
    }

    .pi-arrow-up-right:before {
        content: '\e9d4';
    }

    .pi-arrow-up-left:before {
        content: '\e9d5';
    }

    .pi-arrow-down-left:before {
        content: '\e9d6';
    }

    .pi-arrow-down-right:before {
        content: '\e9d7';
    }

    .pi-telegram:before {
        content: '\e9d3';
    }

    .pi-stop-circle:before {
        content: '\e9d2';
    }

    .pi-stop:before {
        content: '\e9d1';
    }

    .pi-whatsapp:before {
        content: '\e9d0';
    }

    .pi-building:before {
        content: '\e9cf';
    }

    .pi-qrcode:before {
        content: '\e9ce';
    }

    .pi-car:before {
        content: '\e9cd';
    }

    .pi-instagram:before {
        content: '\e9cc';
    }

    .pi-linkedin:before {
        content: '\e9cb';
    }

    .pi-send:before {
        content: '\e9ca';
    }

    .pi-slack:before {
        content: '\e9c9';
    }

    .pi-sun:before {
        content: '\e9c8';
    }

    .pi-moon:before {
        content: '\e9c7';
    }

    .pi-vimeo:before {
        content: '\e9c6';
    }

    .pi-youtube:before {
        content: '\e9c5';
    }

    .pi-flag:before {
        content: '\e9c4';
    }

    .pi-wallet:before {
        content: '\e9c3';
    }

    .pi-map:before {
        content: '\e9c2';
    }

    .pi-link:before {
        content: '\e9c1';
    }

    .pi-credit-card:before {
        content: '\e9bf';
    }

    .pi-discord:before {
        content: '\e9c0';
    }

    .pi-percentage:before {
        content: '\e9be';
    }

    .pi-euro:before {
        content: '\e9bd';
    }

    .pi-book:before {
        content: '\e9ba';
    }

    .pi-shield:before {
        content: '\e9b9';
    }

    .pi-paypal:before {
        content: '\e9bb';
    }

    .pi-amazon:before {
        content: '\e9bc';
    }

    .pi-phone:before {
        content: '\e9b8';
    }

    .pi-filter-slash:before {
        content: '\e9b7';
    }

    .pi-facebook:before {
        content: '\e9b4';
    }

    .pi-github:before {
        content: '\e9b5';
    }

    .pi-twitter:before {
        content: '\e9b6';
    }

    .pi-step-backward-alt:before {
        content: '\e9ac';
    }

    .pi-step-forward-alt:before {
        content: '\e9ad';
    }

    .pi-forward:before {
        content: '\e9ae';
    }

    .pi-backward:before {
        content: '\e9af';
    }

    .pi-fast-backward:before {
        content: '\e9b0';
    }

    .pi-fast-forward:before {
        content: '\e9b1';
    }

    .pi-pause:before {
        content: '\e9b2';
    }

    .pi-play:before {
        content: '\e9b3';
    }

    .pi-compass:before {
        content: '\e9ab';
    }

    .pi-id-card:before {
        content: '\e9aa';
    }

    .pi-ticket:before {
        content: '\e9a9';
    }

    .pi-file-o:before {
        content: '\e9a8';
    }

    .pi-reply:before {
        content: '\e9a7';
    }

    .pi-directions-alt:before {
        content: '\e9a5';
    }

    .pi-directions:before {
        content: '\e9a6';
    }

    .pi-thumbs-up:before {
        content: '\e9a3';
    }

    .pi-thumbs-down:before {
        content: '\e9a4';
    }

    .pi-sort-numeric-down-alt:before {
        content: '\e996';
    }

    .pi-sort-numeric-up-alt:before {
        content: '\e997';
    }

    .pi-sort-alpha-down-alt:before {
        content: '\e998';
    }

    .pi-sort-alpha-up-alt:before {
        content: '\e999';
    }

    .pi-sort-numeric-down:before {
        content: '\e99a';
    }

    .pi-sort-numeric-up:before {
        content: '\e99b';
    }

    .pi-sort-alpha-down:before {
        content: '\e99c';
    }

    .pi-sort-alpha-up:before {
        content: '\e99d';
    }

    .pi-sort-alt:before {
        content: '\e99e';
    }

    .pi-sort-amount-up:before {
        content: '\e99f';
    }

    .pi-sort-amount-down:before {
        content: '\e9a0';
    }

    .pi-sort-amount-down-alt:before {
        content: '\e9a1';
    }

    .pi-sort-amount-up-alt:before {
        content: '\e9a2';
    }

    .pi-palette:before {
        content: '\e995';
    }

    .pi-undo:before {
        content: '\e994';
    }

    .pi-desktop:before {
        content: '\e993';
    }

    .pi-sliders-v:before {
        content: '\e991';
    }

    .pi-sliders-h:before {
        content: '\e992';
    }

    .pi-search-plus:before {
        content: '\e98f';
    }

    .pi-search-minus:before {
        content: '\e990';
    }

    .pi-file-excel:before {
        content: '\e98e';
    }

    .pi-file-pdf:before {
        content: '\e98d';
    }

    .pi-check-square:before {
        content: '\e98c';
    }

    .pi-chart-line:before {
        content: '\e98b';
    }

    .pi-user-edit:before {
        content: '\e98a';
    }

    .pi-exclamation-circle:before {
        content: '\e989';
    }

    .pi-android:before {
        content: '\e985';
    }

    .pi-google:before {
        content: '\e986';
    }

    .pi-apple:before {
        content: '\e987';
    }

    .pi-microsoft:before {
        content: '\e988';
    }

    .pi-heart:before {
        content: '\e984';
    }

    .pi-mobile:before {
        content: '\e982';
    }

    .pi-tablet:before {
        content: '\e983';
    }

    .pi-key:before {
        content: '\e981';
    }

    .pi-shopping-cart:before {
        content: '\e980';
    }

    .pi-comments:before {
        content: '\e97e';
    }

    .pi-comment:before {
        content: '\e97f';
    }

    .pi-briefcase:before {
        content: '\e97d';
    }

    .pi-bell:before {
        content: '\e97c';
    }

    .pi-paperclip:before {
        content: '\e97b';
    }

    .pi-share-alt:before {
        content: '\e97a';
    }

    .pi-envelope:before {
        content: '\e979';
    }

    .pi-volume-down:before {
        content: '\e976';
    }

    .pi-volume-up:before {
        content: '\e977';
    }

    .pi-volume-off:before {
        content: '\e978';
    }

    .pi-eject:before {
        content: '\e975';
    }

    .pi-money-bill:before {
        content: '\e974';
    }

    .pi-images:before {
        content: '\e973';
    }

    .pi-image:before {
        content: '\e972';
    }

    .pi-sign-in:before {
        content: '\e970';
    }

    .pi-sign-out:before {
        content: '\e971';
    }

    .pi-wifi:before {
        content: '\e96f';
    }

    .pi-sitemap:before {
        content: '\e96e';
    }

    .pi-chart-bar:before {
        content: '\e96d';
    }

    .pi-camera:before {
        content: '\e96c';
    }

    .pi-dollar:before {
        content: '\e96b';
    }

    .pi-lock-open:before {
        content: '\e96a';
    }

    .pi-table:before {
        content: '\e969';
    }

    .pi-map-marker:before {
        content: '\e968';
    }

    .pi-list:before {
        content: '\e967';
    }

    .pi-eye-slash:before {
        content: '\e965';
    }

    .pi-eye:before {
        content: '\e966';
    }

    .pi-folder-open:before {
        content: '\e964';
    }

    .pi-folder:before {
        content: '\e963';
    }

    .pi-video:before {
        content: '\e962';
    }

    .pi-inbox:before {
        content: '\e961';
    }

    .pi-lock:before {
        content: '\e95f';
    }

    .pi-unlock:before {
        content: '\e960';
    }

    .pi-tags:before {
        content: '\e95d';
    }

    .pi-tag:before {
        content: '\e95e';
    }

    .pi-power-off:before {
        content: '\e95c';
    }

    .pi-save:before {
        content: '\e95b';
    }

    .pi-question-circle:before {
        content: '\e959';
    }

    .pi-question:before {
        content: '\e95a';
    }

    .pi-copy:before {
        content: '\e957';
    }

    .pi-file:before {
        content: '\e958';
    }

    .pi-clone:before {
        content: '\e955';
    }

    .pi-calendar-times:before {
        content: '\e952';
    }

    .pi-calendar-minus:before {
        content: '\e953';
    }

    .pi-calendar-plus:before {
        content: '\e954';
    }

    .pi-ellipsis-v:before {
        content: '\e950';
    }

    .pi-ellipsis-h:before {
        content: '\e951';
    }

    .pi-bookmark:before {
        content: '\e94e';
    }

    .pi-globe:before {
        content: '\e94f';
    }

    .pi-replay:before {
        content: '\e94d';
    }

    .pi-filter:before {
        content: '\e94c';
    }

    .pi-print:before {
        content: '\e94b';
    }

    .pi-align-right:before {
        content: '\e946';
    }

    .pi-align-left:before {
        content: '\e947';
    }

    .pi-align-center:before {
        content: '\e948';
    }

    .pi-align-justify:before {
        content: '\e949';
    }

    .pi-cog:before {
        content: '\e94a';
    }

    .pi-cloud-download:before {
        content: '\e943';
    }

    .pi-cloud-upload:before {
        content: '\e944';
    }

    .pi-cloud:before {
        content: '\e945';
    }

    .pi-pencil:before {
        content: '\e942';
    }

    .pi-users:before {
        content: '\e941';
    }

    .pi-clock:before {
        content: '\e940';
    }

    .pi-user-minus:before {
        content: '\e93e';
    }

    .pi-user-plus:before {
        content: '\e93f';
    }

    .pi-trash:before {
        content: '\e93d';
    }

    .pi-external-link:before {
        content: '\e93c';
    }

    .pi-window-maximize:before {
        content: '\e93b';
    }

    .pi-window-minimize:before {
        content: '\e93a';
    }

    .pi-refresh:before {
        content: '\e938';
    }

    .pi-user:before {
        content: '\e939';
    }

    .pi-exclamation-triangle:before {
        content: '\e922';
    }

    .pi-calendar:before {
        content: '\e927';
    }

    .pi-chevron-circle-left:before {
        content: '\e928';
    }

    .pi-chevron-circle-down:before {
        content: '\e929';
    }

    .pi-chevron-circle-right:before {
        content: '\e92a';
    }

    .pi-chevron-circle-up:before {
        content: '\e92b';
    }

    .pi-angle-double-down:before {
        content: '\e92c';
    }

    .pi-angle-double-left:before {
        content: '\e92d';
    }

    .pi-angle-double-right:before {
        content: '\e92e';
    }

    .pi-angle-double-up:before {
        content: '\e92f';
    }

    .pi-angle-down:before {
        content: '\e930';
    }

    .pi-angle-left:before {
        content: '\e931';
    }

    .pi-angle-right:before {
        content: '\e932';
    }

    .pi-angle-up:before {
        content: '\e933';
    }

    .pi-upload:before {
        content: '\e934';
    }

    .pi-download:before {
        content: '\e956';
    }

    .pi-ban:before {
        content: '\e935';
    }

    .pi-star-fill:before {
        content: '\e936';
    }

    .pi-star:before {
        content: '\e937';
    }

    .pi-chevron-left:before {
        content: '\e900';
    }

    .pi-chevron-right:before {
        content: '\e901';
    }

    .pi-chevron-down:before {
        content: '\e902';
    }

    .pi-chevron-up:before {
        content: '\e903';
    }

    .pi-caret-left:before {
        content: '\e904';
    }

    .pi-caret-right:before {
        content: '\e905';
    }

    .pi-caret-down:before {
        content: '\e906';
    }

    .pi-caret-up:before {
        content: '\e907';
    }

    .pi-search:before {
        content: '\e908';
    }

    .pi-check:before {
        content: '\e909';
    }

    .pi-check-circle:before {
        content: '\e90a';
    }

    .pi-times:before {
        content: '\e90b';
    }

    .pi-times-circle:before {
        content: '\e90c';
    }

    .pi-plus:before {
        content: '\e90d';
    }

    .pi-plus-circle:before {
        content: '\e90e';
    }

    .pi-minus:before {
        content: '\e90f';
    }

    .pi-minus-circle:before {
        content: '\e910';
    }

    .pi-circle-on:before {
        content: '\e911';
    }

    .pi-circle-off:before {
        content: '\e912';
    }

    .pi-sort-down:before {
        content: '\e913';
    }

    .pi-sort-up:before {
        content: '\e914';
    }

    .pi-sort:before {
        content: '\e915';
    }

    .pi-step-backward:before {
        content: '\e916';
    }

    .pi-step-forward:before {
        content: '\e917';
    }

    .pi-th-large:before {
        content: '\e918';
    }

    .pi-arrow-down:before {
        content: '\e919';
    }

    .pi-arrow-left:before {
        content: '\e91a';
    }

    .pi-arrow-right:before {
        content: '\e91b';
    }

    .pi-arrow-up:before {
        content: '\e91c';
    }

    .pi-bars:before {
        content: '\e91d';
    }

    .pi-arrow-circle-down:before {
        content: '\e91e';
    }

    .pi-arrow-circle-left:before {
        content: '\e91f';
    }

    .pi-arrow-circle-right:before {
        content: '\e920';
    }

    .pi-arrow-circle-up:before {
        content: '\e921';
    }

    .pi-info:before {
        content: '\e923';
    }

    .pi-info-circle:before {
        content: '\e924';
    }

    .pi-home:before {
        content: '\e925';
    }

    .pi-spinner:before {
        content: '\e926';
    }

    /**************************************************
base.scss
our custom styles
fully generated css
**************************************************/
    @layer tailwind-base, primevue, frontend-base, frontend-utilities, tailwind-utilities;
    @layer frontend-utilities {
        /* spacing zero */
        .spacing-inner-zero {
            padding: 0px;
        }
        .spacing-x-inner-zero {
            padding-left: 0px;
            padding-right: 0px;
        }
        .spacing-y-inner-zero {
            padding-top: 0px;
            padding-bottom: 0px;
        }
        .spacing-bottom-inner-zero {
            padding-bottom: 0px;
        }
        .spacing-top-inner-zero {
            padding-top: 0px;
        }
        .spacing-left-inner-zero {
            padding-left: 0px;
        }
        .spacing-right-inner-zero {
            padding-right: 0px;
        }
        .spacing-outer-zero {
            margin: 0px;
        }
        .spacing-x-outer-zero {
            margin-left: 0px;
            margin-right: 0px;
        }
        .spacing-y-outer-zero {
            margin-top: 0px;
            margin-bottom: 0px;
        }
        .spacing-bottom-outer-zero {
            margin-bottom: 0px;
        }
        .spacing-top-outer-zero {
            margin-top: 0px;
        }
        .spacing-left-outer-zero {
            margin-left: 0px;
        }
        .spacing-right-outer-zero {
            margin-right: 0px;
        }
        .spacing-gap-zero {
            gap: 0px;
        } /* spacing XXS */
        .spacing-inner-xxs {
            padding: 0.25rem;
        }
        .spacing-x-inner-xxs {
            padding-left: 0.25rem;
            padding-right: 0.25rem;
        }
        .spacing-y-inner-xxs {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
        }
        .spacing-bottom-inner-xxs {
            padding-bottom: 0.25rem;
        }
        .spacing-top-inner-xxs {
            padding-top: 0.25rem;
        }
        .spacing-left-inner-xxs {
            padding-left: 0.25rem;
        }
        .spacing-right-inner-xxs {
            padding-right: 0.25rem;
        }
        .spacing-outer-xxs {
            margin: 0.25rem;
        }
        .spacing-x-outer-xxs {
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }
        .spacing-y-outer-xxs {
            margin-top: 0.25rem;
            margin-bottom: 0.25rem;
        }
        .spacing-bottom-outer-xxs {
            margin-bottom: 0.25rem;
        }
        .spacing-top-outer-xxs {
            margin-top: 0.25rem;
        }
        .spacing-left-outer-xxs {
            margin-left: 0.25rem;
        }
        .spacing-right-outer-xxs {
            margin-right: 0.25rem;
        }
        .spacing-gap-xxs {
            gap: 0.25rem;
        } /* spacing XS */
        .spacing-inner-xs {
            padding: 0.5rem;
        }
        .spacing-x-inner-xs {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
        .spacing-y-inner-xs {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
        .spacing-bottom-inner-xs {
            padding-bottom: 0.5rem;
        }
        .spacing-top-inner-xs {
            padding-top: 0.5rem;
        }
        .spacing-left-inner-xs {
            padding-left: 0.5rem;
        }
        .spacing-right-inner-xs {
            padding-right: 0.5rem;
        }
        .spacing-outer-xs {
            margin: 0.5rem;
        }
        .spacing-x-outer-xs {
            margin-left: 0.5rem;
            margin-right: 0.5rem;
        }
        .spacing-y-outer-xs {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }
        .spacing-bottom-outer-xs {
            margin-bottom: 0.5rem;
        }
        .spacing-top-outer-xs {
            margin-top: 0.5rem;
        }
        .spacing-left-outer-xs {
            margin-left: 0.5rem;
        }
        .spacing-right-outer-xs {
            margin-right: 0.5rem;
        }
        .spacing-gap-xs {
            gap: 0.5rem;
        } /* spacing S */
        .spacing-inner-s {
            padding: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-inner-s {
                padding: 1rem;
            }
        }
        .spacing-x-inner-s {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-x-inner-s {
                padding-left: 1rem;
                padding-right: 1rem;
            }
        }
        .spacing-y-inner-s {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-y-inner-s {
                padding-top: 1rem;
                padding-bottom: 1rem;
            }
        }
        .spacing-bottom-inner-s {
            padding-bottom: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-inner-s {
                padding-bottom: 1rem;
            }
        }
        .spacing-top-inner-s {
            padding-top: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-top-inner-s {
                padding-top: 1rem;
            }
        }
        .spacing-left-inner-s {
            padding-left: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-left-inner-s {
                padding-left: 1rem;
            }
        }
        .spacing-right-inner-s {
            padding-right: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-right-inner-s {
                padding-right: 1rem;
            }
        }
        .spacing-outer-s {
            margin: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-outer-s {
                margin: 1rem;
            }
        }
        .spacing-x-outer-s {
            margin-left: 0.75rem;
            margin-right: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-x-outer-s {
                margin-left: 1rem;
                margin-right: 1rem;
            }
        }
        .spacing-y-outer-s {
            margin-top: 0.75rem;
            margin-bottom: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-y-outer-s {
                margin-top: 1rem;
                margin-bottom: 1rem;
            }
        }
        .spacing-bottom-outer-s {
            margin-bottom: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-outer-s {
                margin-bottom: 1rem;
            }
        }
        .spacing-top-outer-s {
            margin-top: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-top-outer-s {
                margin-top: 1rem;
            }
        }
        .spacing-left-outer-s {
            margin-left: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-left-outer-s {
                margin-left: 1rem;
            }
        }
        .spacing-right-outer-s {
            margin-right: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-right-outer-s {
                margin-right: 1rem;
            }
        }
        .spacing-gap-s {
            gap: 0.75rem;
        }
        @media (min-width: 768px) {
            .spacing-gap-s {
                gap: 1rem;
            }
        } /* spacing M */
        .spacing-inner-m {
            padding: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-inner-m {
                padding: 2rem;
            }
        }
        .spacing-x-inner-m {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-x-inner-m {
                padding-left: 2rem;
                padding-right: 2rem;
            }
        }
        .spacing-y-inner-m {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-y-inner-m {
                padding-top: 2rem;
                padding-bottom: 2rem;
            }
        }
        .spacing-bottom-inner-m {
            padding-bottom: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-inner-m {
                padding-bottom: 2rem;
            }
        }
        .spacing-top-inner-m {
            padding-top: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-top-inner-m {
                padding-top: 2rem;
            }
        }
        .spacing-left-inner-m {
            padding-left: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-left-inner-m {
                padding-left: 2rem;
            }
        }
        .spacing-right-inner-m {
            padding-right: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-right-inner-m {
                padding-right: 2rem;
            }
        }
        .spacing-outer-m {
            margin: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-outer-m {
                margin: 2rem;
            }
        }
        .spacing-x-outer-m {
            margin-left: 1.5rem;
            margin-right: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-x-outer-m {
                margin-left: 2rem;
                margin-right: 2rem;
            }
        }
        .spacing-y-outer-m {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-y-outer-m {
                margin-top: 2rem;
                margin-bottom: 2rem;
            }
        }
        .spacing-bottom-outer-m {
            margin-bottom: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-outer-m {
                margin-bottom: 2rem;
            }
        }
        .spacing-top-outer-m {
            margin-top: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-top-outer-m {
                margin-top: 2rem;
            }
        }
        .spacing-left-outer-m {
            margin-left: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-left-outer-m {
                margin-left: 2rem;
            }
        }
        .spacing-right-outer-m {
            margin-right: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-right-outer-m {
                margin-right: 2rem;
            }
        }
        .spacing-gap-m {
            gap: 1.5rem;
        }
        @media (min-width: 768px) {
            .spacing-gap-m {
                gap: 2rem;
            }
        } /* /spacing L */
        .spacing-inner-l {
            padding: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-inner-l {
                padding: 4rem;
            }
        }
        .spacing-x-inner-l {
            padding-left: 3rem;
            padding-right: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-x-inner-l {
                padding-left: 4rem;
                padding-right: 4rem;
            }
        }
        .spacing-y-inner-l {
            padding-top: 3rem;
            padding-bottom: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-y-inner-l {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
        }
        .spacing-bottom-inner-l {
            padding-bottom: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-inner-l {
                padding-bottom: 4rem;
            }
        }
        .spacing-top-inner-l {
            padding-top: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-top-inner-l {
                padding-top: 4rem;
            }
        }
        .spacing-left-inner-l {
            padding-left: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-left-inner-l {
                padding-left: 4rem;
            }
        }
        .spacing-right-inner-l {
            padding-right: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-right-inner-l {
                padding-right: 4rem;
            }
        }
        .spacing-outer-l {
            margin: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-outer-l {
                margin: 4rem;
            }
        }
        .spacing-x-outer-l {
            margin-left: 3rem;
            margin-right: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-x-outer-l {
                margin-left: 4rem;
                margin-right: 4rem;
            }
        }
        .spacing-y-outer-l {
            margin-top: 3rem;
            margin-bottom: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-y-outer-l {
                margin-top: 4rem;
                margin-bottom: 4rem;
            }
        }
        .spacing-bottom-outer-l {
            margin-bottom: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-outer-l {
                margin-bottom: 4rem;
            }
        }
        .spacing-top-outer-l {
            margin-top: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-top-outer-l {
                margin-top: 4rem;
            }
        }
        .spacing-left-outer-l {
            margin-left: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-left-outer-l {
                margin-left: 4rem;
            }
        }
        .spacing-right-outer-l {
            margin-right: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-right-outer-l {
                margin-right: 4rem;
            }
        }
        .spacing-gap-l {
            gap: 3rem;
        }
        @media (min-width: 768px) {
            .spacing-gap-l {
                gap: 4rem;
            }
        } /* /spacing XL */
        .spacing-bottom-outer-xl {
            margin-bottom: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-outer-xl {
                margin-bottom: 8rem;
            }
        }
        .spacing-top-outer-xl {
            margin-top: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-top-outer-xl {
                margin-top: 8rem;
            }
        }
        .spacing-left-outer-xl {
            margin-left: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-left-outer-xl {
                margin-left: 8rem;
            }
        }
        .spacing-right-outer-xl {
            margin-right: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-right-outer-xl {
                margin-right: 8rem;
            }
        }
        .spacing-x-outer-xl {
            margin-left: 4rem;
            margin-right: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-x-outer-xl {
                margin-left: 8rem;
                margin-right: 8rem;
            }
        }
        .spacing-y-outer-xl {
            margin-top: 4rem;
            margin-bottom: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-y-outer-xl {
                margin-top: 8rem;
                margin-bottom: 8rem;
            }
        }
        .spacing-outer-xl {
            margin: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-outer-xl {
                margin: 8rem;
            }
        }
        .spacing-bottom-inner-xl {
            padding-bottom: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-bottom-inner-xl {
                padding-bottom: 8rem;
            }
        }
        .spacing-top-inner-xl {
            padding-top: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-top-inner-xl {
                padding-top: 8rem;
            }
        }
        .spacing-left-inner-xl {
            padding-left: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-left-inner-xl {
                padding-left: 8rem;
            }
        }
        .spacing-right-inner-xl {
            padding-right: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-right-inner-xl {
                padding-right: 8rem;
            }
        }
        .spacing-x-inner-xl {
            padding-left: 4rem;
            padding-right: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-x-inner-xl {
                padding-left: 8rem;
                padding-right: 8rem;
            }
        }
        .spacing-y-inner-xl {
            padding-top: 4rem;
            padding-bottom: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-y-inner-xl {
                padding-top: 8rem;
                padding-bottom: 8rem;
            }
        }
        .spacing-inner-xl {
            padding: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-inner-xl {
                padding: 8rem;
            }
        }
        .spacing-gap-xl {
            gap: 4rem;
        }
        @media (min-width: 768px) {
            .spacing-gap-xl {
                gap: 8rem;
            }
        }
        input:-moz-read-only {
            --tw-bg-opacity: 1;
            background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
        }
        input:read-only {
            --tw-bg-opacity: 1;
            background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
        }
        input:-moz-read-only.p-inputtext {
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
            opacity: 1;
        }
        input:read-only.p-inputtext {
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
            opacity: 1;
        }
        .p-error {
            --tw-text-opacity: 1;
            color: rgb(236 80 84 / var(--tw-text-opacity, 1));
        }
        .p-select-list-container ul,
        .p-autocomplete-overlay ul {
            padding-left: 0.25rem;
        }
        .p-select-list-container ul .p-focus,
        .p-autocomplete-overlay ul .p-focus {
            border-width: 2px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-color: rgb(26 164 173 / var(--tw-border-opacity, 1));
        }
        .p-select-list-container li {
            flex-direction: row-reverse;
            justify-content: space-between;
        }
        .input-label-text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            text-wrap: nowrap;
        }
        .input-label-text:hover {
            overflow: hidden;
            text-overflow: clip;
            text-wrap: wrap;
            word-break: break-all;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .p-checkbox-box,
        .p-radiobutton-box {
            border-width: 2px;
        }
        .p-datepicker-day-view {
            font-weight: 500;
        }
        .p-datepicker-day-view .p-datepicker-day:focus-visible:not(.p-datepicker-day-selected) {
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .upload-field .p-fileupload {
            display: flex;
            flex-direction: column-reverse;
        }
        .upload-field .p-fileupload-choose-button .p-button-label {
            font-size: 1rem;
            line-height: 1.5rem;
            font-weight: 400;
            color: var(--p-text-color);
        }
        .upload-field .p-fileupload-choose-button:not(.file-selected) .p-button-label {
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
        }
        .upload-field .p-message {
            margin: 0px;
        }
        .upload-field .p-message.p-message-error {
            margin-top: 0.5rem;
            display: flex;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
            --tw-text-opacity: 1;
            color: rgb(236 80 84 / var(--tw-text-opacity, 1));
        }
        .upload-field .p-message.p-message-error .p-message-wrapper {
            padding: 0px;
        }
        .upload-field .p-message.p-message-error .p-message-text {
            font-weight: 400;
        }
        .upload-field .p-message.p-message-error svg {
            display: none;
        }
        body,
        :host {
            font-family:
                Linotype Univers,
                Helvetica Neue,
                Helvetica,
                Arial,
                sans-serif;
            line-height: 1.5;
            font-size: 16px;
            font-weight: 400;
            color: var(--p-text-color);
        }
        body .dark-mode,
        :host .dark-mode {
            color: var(--p-text-color);
        }
        @layer frontend-utilities {
            *:not(h1, h2, h3, h4, h5, h6):has(+ h1, + h2, + h3, + h4, + h5, + h6) {
                margin-bottom: 1.5rem;
            }
            @media (min-width: 768px) {
                *:not(h1, h2, h3, h4, h5, h6):has(+ h1, + h2, + h3, + h4, + h5, + h6) {
                    margin-bottom: 2rem;
                }
            }
        }
        h1:has(+ h1),
        h2:has(+ h2),
        h3:has(+ h3),
        h4:has(+ h4),
        h5:has(+ h5),
        h6:has(+ h6) {
            margin-bottom: 0px;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        *[class*='-lookalike'] {
            margin-top: 0px;
            font-family:
                Utopia Std,
                Georgia,
                Times New Roman,
                serif;
            letter-spacing: -0.03em;
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        @layer frontend-utilities {
            h1,
            h2,
            h3,
            h4,
            h5,
            h6,
            *[class*='-lookalike'] {
                margin-bottom: 0.75rem;
            }
            @media (min-width: 768px) {
                h1,
                h2,
                h3,
                h4,
                h5,
                h6,
                *[class*='-lookalike'] {
                    margin-bottom: 1rem;
                }
            }
        }
        h2,
        h3,
        h4,
        h5,
        h6 {
            line-height: 125% !important;
        }
        h1,
        .h1-lookalike {
            font-size: 2.5rem;
        }
        @media (min-width: 768px) {
            h1,
            .h1-lookalike {
                font-size: 3rem;
            }
        }
        @media (min-width: 1440px) {
            h1,
            .h1-lookalike {
                font-size: 4rem;
            }
        }
        h1,
        .h1-lookalike {
            line-height: 120% !important;
        }
        h2,
        .h2-lookalike {
            font-size: 2rem;
        }
        @media (min-width: 768px) {
            h2,
            .h2-lookalike {
                font-size: 2.25rem;
            }
        }
        @media (min-width: 1440px) {
            h2,
            .h2-lookalike {
                font-size: 3rem;
            }
        }
        h3,
        .h3-lookalike {
            font-size: 1.75rem;
        }
        @media (min-width: 1440px) {
            h3,
            .h3-lookalike {
                font-size: 2.25rem;
            }
        }
        h4,
        .h4-lookalike {
            font-size: 1.5rem;
        }
        @media (min-width: 1440px) {
            h4,
            .h4-lookalike {
                font-size: 1.75rem;
            }
        }
        h5,
        .h5-lookalike {
            font-size: 1.375rem;
        }
        @media (min-width: 1440px) {
            h5,
            .h5-lookalike {
                font-size: 1.5rem;
            }
        }
        h6,
        .h6-lookalike {
            font-size: 1rem;
            line-height: 1.5rem;
        }
        p:not([class*='-lookalike']) {
            margin-top: 0px;
            min-height: 1rem;
        }
        p:not([class*='-lookalike']):last-of-type {
            margin-bottom: 0px;
        }
        ol {
            list-style-type: decimal;
        }
        ul:not(.p-carousel-indicator-list):not(.p-panelmenu-submenu) {
            list-style-type: disc;
        }
        ol,
        ul:not(.p-carousel-indicator-list):not(.p-multiselect-list):not(.p-panelmenu-submenu) {
            margin-top: 0px;
            margin-bottom: 0px;
            padding-left: 1.25rem;
        }
        ol ::marker,
        ul:not(.p-carousel-indicator-list):not(.p-multiselect-list):not(.p-panelmenu-submenu) ::marker {
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .dark-mode ol ::marker,
        .dark-mode ul:not(.p-carousel-indicator-list) ::marker {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        .dark-mode a:not(.p-button):not(.icon-text-module) {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        .dark-mode a:not(.p-button):not(.icon-text-module).nav-link:hover,
        .dark-mode a:not(.p-button):not(.icon-text-module):not(nav-link):not(:has(img)):hover {
            --tw-border-opacity: 1;
            border-color: rgb(204 218 232 / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(204 218 232 / var(--tw-text-opacity, 1));
        }
        .dark-mode a:not(.p-button):not(.icon-text-module):not(nav-link):not(:has(img)) {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
        }
        .dark-mode a:not(.p-button):not(.icon-text-module):not(nav-link):not(:has(img)):visited {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
        }
        .dark-mode a:not(.p-button):not(.icon-text-module):not(nav-link):not(:has(img)):visited:hover {
            --tw-border-opacity: 1;
            border-color: rgb(204 218 232 / var(--tw-border-opacity, 1));
        }
        .dark-mode a:not(.p-button):not(.icon-text-module):visited {
            --tw-text-opacity: 1;
            color: rgb(255 255 255 / var(--tw-text-opacity, 1));
        }
        a:not(.p-button):not(.icon-text-module) {
            width: -moz-fit-content;
            width: fit-content;
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-text-opacity, 1)), transparent);
            text-decoration-line: none;
        }
        a:not(.p-button):not(.icon-text-module).nav-link,
        a:not(.p-button):not(.icon-text-module):not(:has(img)) {
            border-bottom-width: 1px;
            border-style: solid;
        }
        a:not(.p-button):not(.icon-text-module).nav-link:hover,
        a:not(.p-button):not(.icon-text-module):not(:has(img)):hover {
            --tw-border-opacity: 1;
            border-color: rgb(0 48 94 / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(0 48 94 / var(--tw-text-opacity, 1));
        }
        a:not(.p-button):not(.icon-text-module).nav-link {
            border-color: transparent;
        }
        a:not(.p-button):not(.icon-text-module):not(:has(img)) {
            --tw-border-opacity: 1;
            border-color: rgb(0 72 142 / var(--tw-border-opacity, 1));
        }
        a:not(.p-button):not(.icon-text-module):not(:has(img)):visited {
            --tw-border-opacity: 1;
            border-color: rgb(0 48 94 / var(--tw-border-opacity, 1));
        }
        a:not(.p-button):not(.icon-text-module):visited {
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .footnote {
            position: relative;
            top: -0.375rem;
            font-size: 0.75rem;
            line-height: 1rem;
        }
        .footnote + p {
            display: inline;
        }
        .no-new-line-for-footnote:has(+ .footnote) {
            display: inline;
        }
        h1 + .footnote {
            top: -2.75rem;
        }
        h2 + .footnote {
            top: -1.75rem;
        }
        h3 + .footnote {
            top: -1.25rem;
        }
        h4 + .footnote {
            top: -1rem;
        }
        h5 + .footnote {
            top: -0.75rem;
        }
        .sr-only {
            border: 0 !important;
            clip: rect(1px, 1px, 1px, 1px) !important;
            clip-path: inset(50%) !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            width: 1px !important;
            white-space: nowrap !important;
        }
        .sr-only-focusable:focus,
        .sr-only-focusable:active {
            clip: auto !important;
            clip-path: none !important;
            height: auto !important;
            margin: auto !important;
            overflow: visible !important;
            width: auto !important;
            white-space: normal !important;
        }
        .boxed {
            max-width: 1440px;
        }
        * > .boxed {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .growing {
            max-width: 2560px;
        }
        @layer frontend-utilities {
            .page-container,
            .page-container-with-sidebar {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
            @media (min-width: 768px) {
                .page-container,
                .page-container-with-sidebar {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }
            }
            .page-container,
            .page-container-with-sidebar {
                margin-bottom: 4rem;
            }
            @media (min-width: 768px) {
                .page-container,
                .page-container-with-sidebar {
                    margin-bottom: 8rem;
                }
            }
        }
        @media ((min-width: 0px)) {
            .page-container,
            .page-container-with-sidebar {
                min-height: 90vh;
                width: 100%;
            }
            .page-container-with-sidebar .content {
                display: flex;
                flex-direction: row-reverse;
            }
            .page-container-with-sidebar .main-content {
                margin-top: 0px;
                margin-bottom: 0px;
                margin-left: auto;
                margin-right: auto;
                height: -moz-min-content;
                height: min-content;
                flex-grow: 1;
            }
            .page-container-with-sidebar .sidebar {
                top: 0px;
                box-sizing: border-box;
                overflow-y: auto;
            }
            .page-container-with-sidebar .sidebar.closed {
                display: none;
            }
            .page-container-with-sidebar .sidebar.open {
                position: fixed;
                top: 60px;
                left: 0px;
                z-index: 1001;
                width: 100%;
                --tw-bg-opacity: 1;
                background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
                padding: 1rem;
            }
            @layer frontend-utilities {
                .p-button:not(.p-button-rounded):not([class*='p-fileupload']).page-container-with-sidebar .sidebar.open {
                    width: calc(100vw - 1.5rem);
                }
                @media (min-width: 768px) {
                    .p-button:not(.p-button-rounded):not([class*='p-fileupload']).page-container-with-sidebar .sidebar.open {
                        width: calc(100vw - 2rem);
                    }
                }
            }
            .page-container-with-sidebar .sidebar.open {
                height: calc(100% - 60px);
            }
        }
        @media ((min-width: 768px)) {
            .page-container-with-sidebar .main-content {
                max-width: 840px;
            }
        }
        @media ((min-width: 1440px)) {
            .p-overflow-hidden {
                margin-right: 1rem;
            }
            * > .page-container,
            * > .page-container-with-sidebar {
                margin-left: auto;
                margin-right: auto;
            }
            .page-container {
                max-width: 2560px;
            }
            .page-container-with-sidebar {
                max-width: 1440px;
            }
            .page-container-with-sidebar .main-content {
                width: calc(100% - 400px);
            }
            .page-container-with-sidebar .sidebar.closed,
            .page-container-with-sidebar .sidebar.open {
                position: sticky;
                top: 114px;
                margin-left: auto;
                margin-right: -1rem;
                width: 404px;
                padding: 1rem;
                display: unset;
                height: calc(100vh - 100px);
            }
        }
        .p-button {
            font-size: 0.875rem;
            line-height: 1.25rem;
            line-height: 1;
        }
        .p-button:not(.p-button-rounded):not([class*='p-fileupload']) {
            width: 100%;
            flex-shrink: 0;
        }
        @media (min-width: 768px) {
            .p-button:not(.p-button-rounded):not([class*='p-fileupload']) {
                width: -moz-fit-content;
                width: fit-content;
            }
        }
        .p-button:not(.p-button-rounded):not([class*='p-fileupload']).fixed {
            width: calc(100vw - 1.5rem);
        }
        @media (min-width: 768px) {
            .p-button:not(.p-button-rounded):not([class*='p-fileupload']).fixed {
                width: calc(100vw - 2rem);
            }
        }
        .p-button:disabled {
            --tw-border-opacity: 1;
            border-color: rgb(236 236 236 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: rgb(236 236 236 / var(--tw-bg-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
            opacity: 1;
        }
        .p-button:disabled.p-button-secondary {
            --tw-border-opacity: 1;
            border-color: rgb(115 115 115 / var(--tw-border-opacity, 1));
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
            --tw-text-opacity: 1;
            color: rgb(115 115 115 / var(--tw-text-opacity, 1));
        }
        .p-button:active .p-button-label {
            text-decoration-line: underline;
        }
        .p-button-link {
            border-radius: 0px;
            border-width: 0px;
            border-bottom-width: 1px;
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-border-opacity, 1)), transparent);
            padding: 0px;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }
        .p-button-link:hover {
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent);
        }
        .p-button-link:focus {
            border-radius: 0.25rem;
        }
        .p-button-link:active {
            border-radius: 0.25rem;
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-border-opacity, 1)), transparent);
        }
        @media (min-width: 768px) {
            .p-button-link {
                padding-top: 1rem;
                padding-bottom: 1rem;
            }
        }
        .p-button-link {
            width: -moz-max-content !important;
            width: max-content !important;
            height: -moz-fit-content;
            height: fit-content;
        }
        .p-button-link svg,
        .p-button-link .p-button-icon {
            padding-left: 0.25rem;
        }
        .p-button-link .p-button-label {
            text-decoration: none !important;
        }
        .dark-mode .p-button:disabled {
            --tw-border-opacity: 1;
            border-color: color-mix(in srgb, var(--p-primary-300) calc(100% * var(--tw-border-opacity, 1)), transparent);
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-200) calc(100% * var(--tw-bg-opacity, 1)), transparent);
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-300) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .dark-mode .p-button:disabled.p-button-secondary {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .dark-mode .p-button-link {
            --tw-border-opacity: 1;
            border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
        }
        .dark-mode a.p-button-link:hover {
            --tw-border-opacity: 1;
            border-color: rgb(204 218 232 / var(--tw-border-opacity, 1));
            --tw-text-opacity: 1;
            color: rgb(204 218 232 / var(--tw-text-opacity, 1));
        }
        .p-togglebutton-checked:hover,
        .p-togglebutton-checked:hover::before {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-700) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .skip-to-menu {
            top: -37px !important;
        }
        .skip-to-menu .skip-link:focus {
            top: 10px;
        }
        .skip-to-menu .level {
            visibility: hidden !important;
        }
        .sidebar-content {
            margin-top: 0.25rem;
            margin-bottom: 0.25rem;
        }
        .sidebar-content .non-commodity-positions .p-accordionheader-toggle-icon {
            position: absolute;
            right: 1rem;
            top: 1.5rem;
            --tw-text-opacity: 1;
            color: color-mix(in srgb, var(--p-primary-color) calc(100% * var(--tw-text-opacity, 1)), transparent);
        }
        .sidebar-content .non-commodity-positions .p-accordionpanel {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
            border-style: none;
            border-radius: 0.25rem;
        }
        .sidebar-content .non-commodity-positions .p-accordionheader {
            font-weight: 400;
            position: relative;
            border-radius: 0.25rem;
        }
        .sidebar-content .non-commodity-positions .p-accordioncontent {
            padding-top: 0px;
            font-weight: 400;
        }
        .sidebar-content .non-commodity-positions .p-toggleable-content-enter-active {
            transition-delay: 500ms;
        }
        .theme-primary {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .theme-secondary {
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .dark-mode.theme-primary {
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-500) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .dark-mode.theme-secondary {
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-400) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        .paragraph-standard {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        @layer frontend-utilities {
            .paragraph-standard {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
            @media (min-width: 768px) {
                .paragraph-standard {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }
            }
            .paragraph-standard {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
            }
            @media (min-width: 768px) {
                .paragraph-standard {
                    padding-top: 2rem;
                    padding-bottom: 2rem;
                }
            }
        }
        .paragraph-standard-blue {
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        @layer frontend-utilities {
            .paragraph-standard-blue {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
            @media (min-width: 768px) {
                .paragraph-standard-blue {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }
            }
            .paragraph-standard-blue {
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
            }
            @media (min-width: 768px) {
                .paragraph-standard-blue {
                    padding-top: 2rem;
                    padding-bottom: 2rem;
                }
            }
        }
        .paragraph-highlight {
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-surface-0) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        @layer frontend-utilities {
            .paragraph-highlight {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
            @media (min-width: 768px) {
                .paragraph-highlight {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }
            }
            .paragraph-highlight {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
            @media (min-width: 768px) {
                .paragraph-highlight {
                    padding-top: 8rem;
                    padding-bottom: 8rem;
                }
            }
        }
        .paragraph-highlight-blue {
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: color-mix(in srgb, var(--p-primary-50) calc(100% * var(--tw-bg-opacity, 1)), transparent);
        }
        @layer frontend-utilities {
            .paragraph-highlight-blue {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
            @media (min-width: 768px) {
                .paragraph-highlight-blue {
                    padding-left: 1rem;
                    padding-right: 1rem;
                }
            }
            .paragraph-highlight-blue {
                padding-top: 4rem;
                padding-bottom: 4rem;
            }
            @media (min-width: 768px) {
                .paragraph-highlight-blue {
                    padding-top: 8rem;
                    padding-bottom: 8rem;
                }
            }
        }
        .boxed {
            max-width: 1440px;
        }
        * > .boxed {
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .growing {
            max-width: 2560px;
        }
        .grid-with-12-cols {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 0.75rem;
        }
        @media (min-width: 768px) {
            .grid-with-12-cols {
                gap: 1rem;
            }
        }
        .grid-with-2-cols {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.75rem;
        }
        @media (min-width: 768px) {
            .grid-with-2-cols {
                gap: 1rem;
            }
        }
        a:focus-visible:not([class*='datepicker-day']):not([class*='button-rounded']):not([class*='p-toast']),
        [tabindex=\"0\"]:focus-visible:not([class*='datepicker-day']):not([class*='button-rounded']):not([class*='p-toast']) {
            border-radius: 0.25rem;
            outline-style: solid;
            outline-width: 2px;
            outline-offset: 2px;
            outline-color: #1aa4ad;
        }
        .overlay-white {
            border-radius: 0.25rem;
            background: radial-gradient(233.64% 71.33% at 7.69% 0%, rgba(255, 255, 255, 0.85) 65.75%, rgba(255, 255, 255, 0) 100%);
        }
        @media ((min-width: 768px)) {
            .overlay-white[class*='o-left'] {
                background: radial-gradient(61.61% 106.78% at -2.27% 13.26%, rgba(255, 255, 255, 0.9) 51.29%, rgba(255, 255, 255, 0) 100%);
            }
            .overlay-white[class*='o-right'] {
                background: radial-gradient(61.61% 106.78% at 102.27% 13.26%, rgba(255, 255, 255, 0.9) 51.29%, rgba(255, 255, 255, 0) 100%);
            }
        }
        .overlay-light-blue {
            border-radius: 0.25rem;
            background: radial-gradient(233.64% 71.33% at 7.69% 0%, rgba(242, 246, 249, 0.85) 65.75%, rgba(242, 246, 249, 0) 100%);
        }
        @media ((min-width: 768px)) {
            .overlay-light-blue[class*='o-left'] {
                background: radial-gradient(61.61% 106.78% at -2.27% 13.26%, rgba(242, 246, 249, 0.9) 51.29%, rgba(242, 246, 249, 0) 100%);
            }
            .overlay-light-blue[class*='o-right'] {
                background: radial-gradient(61.61% 106.78% at 102.27% 13.26%, rgba(242, 246, 249, 0.9) 51.29%, rgba(242, 246, 249, 0) 100%);
            }
        }
        .overlay-dark-blue {
            border-radius: 0.25rem;
            background: radial-gradient(233.64% 71.33% at 7.69% 0%, rgba(0, 72, 142, 0.85) 65.75%, rgba(0, 72, 142, 0) 100%);
        }
        @media ((min-width: 768px)) {
            .overlay-dark-blue[class*='o-left'] {
                background: radial-gradient(61.61% 106.78% at -2.27% 13.26%, rgba(0, 72, 142, 0.9) 51.29%, rgba(0, 72, 142, 0) 100%);
            }
            .overlay-dark-blue[class*='o-right'] {
                background: radial-gradient(61.61% 106.78% at 102.27% 13.26%, rgba(0, 72, 142, 0.9) 51.29%, rgba(0, 72, 142, 0) 100%);
            }
        }
        .p-drawer-mask {
            top: 7rem !important;
            z-index: 90 !important;
            height: calc(100% - 7rem) !important;
        }
        .p-drawer-mask .p-drawer-content {
            border-top-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(204 218 232 / var(--tw-border-opacity, 1));
        }
        .hero-sites .active,
        .hero-sites a:hover {
            text-decoration-line: underline !important;
        }
        .hero-sites .active {
            --tw-bg-opacity: 1;
            background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        }
        .hero-sites a span {
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .hero-sites a span::after {
            content: attr(data-text);
            pointer-events: none;
            visibility: hidden;
            height: 0px;
            font-weight: 500;
        }
        .nav-level-two {
            width: auto;
        }
        @media (min-width: 1440px) {
            .nav-level-two {
                width: calc(100vw - 3rem);
            }
        }
        @layer frontend-utilities {
            .nav-panelmenu .p-panelmenu-content-container {
                padding-left: 0.25rem;
                padding-right: 0.25rem;
            }
        }
        .nav-panelmenu .p-panelmenu-header-content,
        .nav-panelmenu .p-panelmenu-header-content:hover,
        .nav-panelmenu .p-panelmenu-header-content:focus-visible {
            background-color: var(--p-panelmenu-panel-background);
            outline-color: var(--p-panelmenu-panel-background);
        }
        .nav-panelmenu .p-panelmenu-header-content div,
        .nav-panelmenu .p-panelmenu-header-content:hover div,
        .nav-panelmenu .p-panelmenu-header-content:focus-visible div {
            background-color: var(--p-panelmenu-panel-background);
            outline-color: var(--p-panelmenu-panel-background);
        }
        .nav-panelmenu .p-panelmenu-item:not(.p-disabled) .p-panelmenu-item-content,
        .nav-panelmenu .p-panelmenu-item:not(.p-disabled) .p-panelmenu-item-content:hover,
        .nav-panelmenu .p-panelmenu-item:not(.p-disabled) .p-panelmenu-item-content:focus-visible {
            border-radius: 0.125rem;
        }
        .nav-panelmenu .p-panelmenu-panel {
            border-radius: 4px;
        }
        .nav-panelmenu.open .p-panelmenu-header-content i {
            --tw-rotate: 180deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
                skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
        .functional-menu-button:hover {
            background-color: transparent;
            border-color: transparent;
        }
    }
    @layer frontend-base {
        body,
        :host {
            margin: 0;
            min-height: 100vh;
            background: var(--p-color-background);
            transition:
                color 0.5s,
                background-color 0.5s;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        .root,
        .root * {
            max-width: 100%;
        }
        *[id] {
            scroll-margin-top: 6rem;
        }
        header {
            position: sticky;
            top: 0px;
            z-index: 100;
            width: 100%;
        }
    }

    /**************************************************
primevue - base.css
**************************************************/
    .p-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        white-space: nowrap;
        width: 1px;
    }
    .p-overflow-hidden {
        overflow: hidden;
        padding-right: var(--p-scrollbar-width);
    }

    /**************************************************
primevue - primitiveVariables.css
**************************************************/
    @layer primevue {
        --p-border-radius-none: 0;
        --p-border-radius-xs: 2px;
        --p-border-radius-sm: 4px;
        --p-border-radius-md: 6px;
        --p-border-radius-lg: 8px;
        --p-border-radius-xl: 12px;
        --p-emerald-50: #ecfdf5;
        --p-emerald-100: #d1fae5;
        --p-emerald-200: #a7f3d0;
        --p-emerald-300: #6ee7b7;
        --p-emerald-400: #34d399;
        --p-emerald-500: #10b981;
        --p-emerald-600: #059669;
        --p-emerald-700: #047857;
        --p-emerald-800: #065f46;
        --p-emerald-900: #064e3b;
        --p-emerald-950: #022c22;
        --p-green-50: #edf6ec;
        --p-green-100: #dbedd9;
        --p-green-200: #b7dbb4;
        --p-green-300: #93ca8e;
        --p-green-400: #6fb869;
        --p-green-500: #4ba643;
        --p-green-600: #3c8536;
        --p-green-700: #2d6428;
        --p-green-800: #2e421b;
        --p-green-900: #0f210d;
        --p-green-950: #081107;
        --p-lime-50: #f7fee7;
        --p-lime-100: #ecfccb;
        --p-lime-200: #d9f99d;
        --p-lime-300: #bef264;
        --p-lime-400: #a3e635;
        --p-lime-500: #84cc16;
        --p-lime-600: #65a30d;
        --p-lime-700: #4d7c0f;
        --p-lime-800: #3f6212;
        --p-lime-900: #365314;
        --p-lime-950: #1a2e05;
        --p-red-50: #fdeeee;
        --p-red-100: #fbdcdd;
        --p-red-200: #f7b9bb;
        --p-red-300: #f49698;
        --p-red-400: #f07376;
        --p-red-500: #ec5054;
        --p-red-600: #bd4043;
        --p-red-700: #8e3032;
        --p-red-800: #5e2022;
        --p-red-900: #2f1011;
        --p-red-950: #180808;
        --p-orange-50: #fff7ed;
        --p-orange-100: #ffedd5;
        --p-orange-200: #fed7aa;
        --p-orange-300: #fdba74;
        --p-orange-400: #fb923c;
        --p-orange-500: #f97316;
        --p-orange-600: #ea580c;
        --p-orange-700: #c2410c;
        --p-orange-800: #9a3412;
        --p-orange-900: #7c2d12;
        --p-orange-950: #431407;
        --p-amber-50: #fffbeb;
        --p-amber-100: #fef3c7;
        --p-amber-200: #fde68a;
        --p-amber-300: #fcd34d;
        --p-amber-400: #fbbf24;
        --p-amber-500: #f59e0b;
        --p-amber-600: #d97706;
        --p-amber-700: #b45309;
        --p-amber-800: #92400e;
        --p-amber-900: #78350f;
        --p-amber-950: #451a03;
        --p-yellow-50: #fbf2e6;
        --p-yellow-100: #f6e6cd;
        --p-yellow-200: #edcd9c;
        --p-yellow-300: #e5b36a;
        --p-yellow-400: #dc9a39;
        --p-yellow-500: #d38107;
        --p-yellow-600: #a96706;
        --p-yellow-700: #7f4d04;
        --p-yellow-800: #543403;
        --p-yellow-900: #2a1a01;
        --p-yellow-950: #150d01;
        --p-teal-50: #e8f6f7;
        --p-teal-100: #d1edef;
        --p-teal-200: #a3dbde;
        --p-teal-300: #76c8ce;
        --p-teal-400: #48b6bd;
        --p-teal-500: #1aa4ad;
        --p-teal-600: #15838a;
        --p-teal-700: #106268;
        --p-teal-800: #0a4245;
        --p-teal-900: #052123;
        --p-teal-950: #031011;
        --p-cyan-50: #ecfeff;
        --p-cyan-100: #cffafe;
        --p-cyan-200: #a5f3fc;
        --p-cyan-300: #67e8f9;
        --p-cyan-400: #22d3ee;
        --p-cyan-500: #06b6d4;
        --p-cyan-600: #0891b2;
        --p-cyan-700: #0e7490;
        --p-cyan-800: #155e75;
        --p-cyan-900: #164e63;
        --p-cyan-950: #083344;
        --p-sky-50: #f0f9ff;
        --p-sky-100: #e0f2fe;
        --p-sky-200: #bae6fd;
        --p-sky-300: #7dd3fc;
        --p-sky-400: #38bdf8;
        --p-sky-500: #0ea5e9;
        --p-sky-600: #0284c7;
        --p-sky-700: #0369a1;
        --p-sky-800: #075985;
        --p-sky-900: #0c4a6e;
        --p-sky-950: #082f49;
        --p-blue-50: #f2f6f9;
        --p-blue-100: #ccdae8;
        --p-blue-200: #99b6d2;
        --p-blue-300: #6691bb;
        --p-blue-400: #336da5;
        --p-blue-500: #00488e;
        --p-blue-600: #003c76;
        --p-blue-700: #00305e;
        --p-blue-800: #002447;
        --p-blue-900: #00182f;
        --p-blue-950: #001223;
        --p-indigo-50: #eef2ff;
        --p-indigo-100: #e0e7ff;
        --p-indigo-200: #c7d2fe;
        --p-indigo-300: #a5b4fc;
        --p-indigo-400: #818cf8;
        --p-indigo-500: #6366f1;
        --p-indigo-600: #4f46e5;
        --p-indigo-700: #4338ca;
        --p-indigo-800: #3730a3;
        --p-indigo-900: #312e81;
        --p-indigo-950: #1e1b4b;
        --p-violet-50: #f3edf5;
        --p-violet-100: #e8dbea;
        --p-violet-200: #d1b7d5;
        --p-violet-300: #b992c0;
        --p-violet-400: #a26eab;
        --p-violet-500: #8b4a96;
        --p-violet-600: #6f3b78;
        --p-violet-700: #532c5a;
        --p-violet-800: #381e3c;
        --p-violet-900: #1c0f1e;
        --p-violet-950: #0e070f;
        --p-purple-50: #faf5ff;
        --p-purple-100: #f3e8ff;
        --p-purple-200: #e9d5ff;
        --p-purple-300: #d8b4fe;
        --p-purple-400: #c084fc;
        --p-purple-500: #a855f7;
        --p-purple-600: #9333ea;
        --p-purple-700: #7e22ce;
        --p-purple-800: #6b21a8;
        --p-purple-900: #581c87;
        --p-purple-950: #3b0764;
        --p-fuchsia-50: #fdf4ff;
        --p-fuchsia-100: #fae8ff;
        --p-fuchsia-200: #f5d0fe;
        --p-fuchsia-300: #f0abfc;
        --p-fuchsia-400: #e879f9;
        --p-fuchsia-500: #d946ef;
        --p-fuchsia-600: #c026d3;
        --p-fuchsia-700: #a21caf;
        --p-fuchsia-800: #86198f;
        --p-fuchsia-900: #701a75;
        --p-fuchsia-950: #4a044e;
        --p-pink-50: #fdf2f8;
        --p-pink-100: #fce7f3;
        --p-pink-200: #fbcfe8;
        --p-pink-300: #f9a8d4;
        --p-pink-400: #f472b6;
        --p-pink-500: #ec4899;
        --p-pink-600: #db2777;
        --p-pink-700: #be185d;
        --p-pink-800: #9d174d;
        --p-pink-900: #831843;
        --p-pink-950: #500724;
        --p-rose-50: #fff1f2;
        --p-rose-100: #ffe4e6;
        --p-rose-200: #fecdd3;
        --p-rose-300: #fda4af;
        --p-rose-400: #fb7185;
        --p-rose-500: #f43f5e;
        --p-rose-600: #e11d48;
        --p-rose-700: #be123c;
        --p-rose-800: #9f1239;
        --p-rose-900: #881337;
        --p-rose-950: #4c0519;
        --p-slate-50: #f8fafc;
        --p-slate-100: #f1f5f9;
        --p-slate-200: #e2e8f0;
        --p-slate-300: #cbd5e1;
        --p-slate-400: #94a3b8;
        --p-slate-500: #64748b;
        --p-slate-600: #475569;
        --p-slate-700: #334155;
        --p-slate-800: #1e293b;
        --p-slate-900: #0f172a;
        --p-slate-950: #020617;
        --p-gray-50: #f6f6f6;
        --p-gray-100: #ececec;
        --p-gray-200: #e5e5e5;
        --p-gray-300: #cbcbcb;
        --p-gray-400: #b1b1b1;
        --p-gray-500: #989898;
        --p-gray-600: #737373;
        --p-gray-700: #646464;
        --p-gray-800: #4d4d4d;
        --p-gray-900: #303030;
        --p-gray-950: #1a1a1a;
        --p-zinc-50: #fafafa;
        --p-zinc-100: #f4f4f5;
        --p-zinc-200: #e4e4e7;
        --p-zinc-300: #d4d4d8;
        --p-zinc-400: #a1a1aa;
        --p-zinc-500: #71717a;
        --p-zinc-600: #52525b;
        --p-zinc-700: #3f3f46;
        --p-zinc-800: #27272a;
        --p-zinc-900: #18181b;
        --p-zinc-950: #09090b;
        --p-neutral-50: #fafafa;
        --p-neutral-100: #f5f5f5;
        --p-neutral-200: #e5e5e5;
        --p-neutral-300: #d4d4d4;
        --p-neutral-400: #a3a3a3;
        --p-neutral-500: #737373;
        --p-neutral-600: #525252;
        --p-neutral-700: #404040;
        --p-neutral-800: #262626;
        --p-neutral-900: #171717;
        --p-neutral-950: #0a0a0a;
        --p-stone-50: #fafaf9;
        --p-stone-100: #f5f5f4;
        --p-stone-200: #e7e5e4;
        --p-stone-300: #d6d3d1;
        --p-stone-400: #a8a29e;
        --p-stone-500: #78716c;
        --p-stone-600: #57534e;
        --p-stone-700: #44403c;
        --p-stone-800: #292524;
        --p-stone-900: #1c1917;
        --p-stone-950: #0c0a09;
    }

    /**************************************************
primevue - semanticVariables.css
**************************************************/
    @layer primevue {
        --p-transition-duration: 0.2s;
        --p-focus-ring-width: 1px;
        --p-focus-ring-style: solid;
        --p-focus-ring-color: var(--p-primary-color);
        --p-focus-ring-offset: 2px;
        --p-focus-ring-shadow: none;
        --p-disabled-opacity: 0.6;
        --p-icon-size: 1rem;
        --p-anchor-gutter: 2px;
        --p-primary-50: var(--p-emerald-50);
        --p-primary-100: var(--p-emerald-100);
        --p-primary-200: var(--p-emerald-200);
        --p-primary-300: var(--p-emerald-300);
        --p-primary-400: var(--p-emerald-400);
        --p-primary-500: var(--p-emerald-500);
        --p-primary-600: var(--p-emerald-600);
        --p-primary-700: var(--p-emerald-700);
        --p-primary-800: var(--p-emerald-800);
        --p-primary-900: var(--p-emerald-900);
        --p-primary-950: var(--p-emerald-950);
        --p-form-field-padding-x: 0.75rem;
        --p-form-field-padding-y: 0.5rem;
        --p-form-field-sm-font-size: 0.875rem;
        --p-form-field-sm-padding-x: 0.625rem;
        --p-form-field-sm-padding-y: 0.375rem;
        --p-form-field-lg-font-size: 1.125rem;
        --p-form-field-lg-padding-x: 0.875rem;
        --p-form-field-lg-padding-y: 0.625rem;
        --p-form-field-border-radius: var(--p-border-radius-md);
        --p-form-field-focus-ring-width: 0;
        --p-form-field-focus-ring-style: none;
        --p-form-field-focus-ring-color: transparent;
        --p-form-field-focus-ring-offset: 0;
        --p-form-field-focus-ring-shadow: none;
        --p-form-field-transition-duration: var(--p-transition-duration);
        --p-list-padding: 0.25rem 0.25rem;
        --p-list-gap: 2px;
        --p-list-header-padding: 0.5rem 1rem 0.25rem 1rem;
        --p-list-option-padding: 0.5rem 0.75rem;
        --p-list-option-border-radius: var(--p-border-radius-sm);
        --p-list-option-group-padding: 0.5rem 0.75rem;
        --p-list-option-group-font-weight: 600;
        --p-content-border-radius: var(--p-border-radius-md);
        --p-mask-transition-duration: 0.15s;
        --p-navigation-list-padding: 0.25rem 0.25rem;
        --p-navigation-list-gap: 2px;
        --p-navigation-item-padding: 0.5rem 0.75rem;
        --p-navigation-item-border-radius: var(--p-border-radius-sm);
        --p-navigation-item-gap: 0.5rem;
        --p-navigation-submenu-label-padding: 0.5rem 0.75rem;
        --p-navigation-submenu-label-font-weight: 600;
        --p-navigation-submenu-icon-size: 0.875rem;
        --p-overlay-select-border-radius: var(--p-border-radius-md);
        --p-overlay-select-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --p-overlay-popover-border-radius: var(--p-border-radius-md);
        --p-overlay-popover-padding: 0.75rem;
        --p-overlay-popover-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --p-overlay-modal-border-radius: var(--p-border-radius-xl);
        --p-overlay-modal-padding: 1.25rem;
        --p-overlay-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        --p-overlay-navigation-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
        --p-surface-0: #ffffff;
        --p-surface-50: var(--p-gray-50);
        --p-surface-100: var(--p-gray-100);
        --p-surface-200: var(--p-gray-200);
        --p-surface-300: var(--p-gray-300);
        --p-surface-400: var(--p-gray-400);
        --p-surface-500: var(--p-gray-500);
        --p-surface-600: var(--p-gray-600);
        --p-surface-700: var(--p-gray-700);
        --p-surface-800: var(--p-gray-800);
        --p-surface-900: var(--p-gray-900);
        --p-surface-950: var(--p-gray-950);
        --p-primary-50: var(--p-blue-50);
        --p-primary-100: var(--p-blue-100);
        --p-primary-200: var(--p-blue-200);
        --p-primary-300: var(--p-blue-300);
        --p-primary-400: var(--p-blue-400);
        --p-primary-500: var(--p-blue-500);
        --p-primary-600: var(--p-blue-600);
        --p-primary-700: var(--p-blue-700);
        --p-primary-800: var(--p-blue-800);
        --p-primary-900: var(--p-blue-900);
        --p-primary-950: var(--p-blue-950);
        --p-primary-color: var(--p-primary-500);
        --p-primary-contrast-color: #ffffff;
        --p-primary-hover-color: var(--p-primary-600);
        --p-primary-active-color: var(--p-primary-700);
        --p-highlight-background: var(--p-primary-50);
        --p-highlight-focus-background: var(--p-primary-100);
        --p-highlight-color: var(--p-primary-700);
        --p-highlight-focus-color: var(--p-primary-800);
        --p-mask-background: rgba(0, 48, 94, 0.2);
        --p-mask-color: var(--p-surface-200);
        --p-form-field-background: var(--p-surface-0);
        --p-form-field-disabled-background: var(--p-surface-100);
        --p-form-field-filled-background: var(--p-surface-50);
        --p-form-field-filled-hover-background: var(--p-surface-50);
        --p-form-field-filled-focus-background: var(--p-surface-0);
        --p-form-field-border-color: var(--p-primary-300);
        --p-form-field-hover-border-color: var(--p-blue-500);
        --p-form-field-focus-border-color: var(--p-blue-500);
        --p-form-field-invalid-border-color: var(--p-red-400);
        --p-form-field-color: var(--p-surface-950);
        --p-form-field-disabled-color: var(--p-surface-600);
        --p-form-field-placeholder-color: var(--p-surface-600);
        --p-form-field-invalid-placeholder-color: var(--p-red-600);
        --p-form-field-float-label-color: var(--p-surface-500);
        --p-form-field-float-label-focus-color: var(--p-surface-500);
        --p-form-field-float-label-active-color: var(--p-surface-500);
        --p-form-field-float-label-invalid-color: var(--p-red-400);
        --p-form-field-icon-color: var(--p-surface-400);
        --p-form-field-shadow: none;
        --p-form-field-box-shadow: none;
        --p-form-field-icon-color: var(--p-blue-500);
        --p-form-field-focus-ring-width: 2px;
        --p-form-field-focus-ring-style: solid;
        --p-form-field-focus-ring-color: var(--p-teal-500);
        --p-form-field-focus-ring-offset: 2px;
        --p-form-field-padding-x: 1rem;
        --p-text-color: var(--p-surface-700);
        --p-text-hover-color: var(--p-surface-800);
        --p-text-muted-color: var(--p-surface-500);
        --p-text-hover-muted-color: var(--p-surface-600);
        --p-content-background: var(--p-surface-0);
        --p-content-hover-background: var(--p-surface-100);
        --p-content-border-color: var(--p-surface-200);
        --p-content-color: var(--p-text-color);
        --p-content-hover-color: var(--p-text-hover-color);
        --p-overlay-select-background: var(--p-surface-0);
        --p-overlay-select-border-color: var(--p-surface-200);
        --p-overlay-select-color: var(--p-text-color);
        --p-overlay-popover-background: var(--p-surface-0);
        --p-overlay-popover-border-color: var(--p-surface-200);
        --p-overlay-popover-color: var(--p-text-color);
        --p-overlay-modal-background: var(--p-surface-0);
        --p-overlay-modal-border-color: var(--p-surface-200);
        --p-overlay-modal-color: var(--p-text-color);
        --p-list-option-focus-background: var(--p-surface-100);
        --p-list-option-selected-background: var(--p-highlight-background);
        --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
        --p-list-option-color: var(--p-text-color);
        --p-list-option-focus-color: var(--p-text-hover-color);
        --p-list-option-selected-color: var(--p-highlight-color);
        --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
        --p-list-option-icon-color: var(--p-surface-400);
        --p-list-option-icon-focus-color: var(--p-surface-500);
        --p-list-option-group-background: transparent;
        --p-list-option-group-color: var(--p-text-muted-color);
        --p-navigation-item-focus-background: var(--p-surface-100);
        --p-navigation-item-active-background: var(--p-surface-100);
        --p-navigation-item-color: var(--p-text-color);
        --p-navigation-item-focus-color: var(--p-text-hover-color);
        --p-navigation-item-active-color: var(--p-text-hover-color);
        --p-navigation-item-icon-color: var(--p-surface-400);
        --p-navigation-item-icon-focus-color: var(--p-surface-500);
        --p-navigation-item-icon-active-color: var(--p-surface-500);
        --p-navigation-submenu-label-background: transparent;
        --p-navigation-submenu-label-color: var(--p-text-muted-color);
        --p-navigation-submenu-icon-color: var(--p-surface-400);
        --p-navigation-submenu-icon-focus-color: var(--p-surface-500);
        --p-navigation-submenu-icon-active-color: var(--p-surface-500);
        --p-text-color: var(--p-gray-950);
        --p-focus-ring-width: 2px;
        --p-focus-ring-style: solid;
        --p-focus-ring-offset: 2px;
        --p-focus-ring-color: var(--p-teal-500);
        --p-list-option-focus-background: var(--p-blue-50);
    }
    @layer primevue {
        .dark-mode {
            --p-surface-0: #ffffff;
            --p-surface-50: var(--p-zinc-50);
            --p-surface-100: var(--p-zinc-100);
            --p-surface-200: var(--p-zinc-200);
            --p-surface-300: var(--p-zinc-300);
            --p-surface-400: var(--p-zinc-400);
            --p-surface-500: var(--p-zinc-500);
            --p-surface-600: var(--p-zinc-600);
            --p-surface-700: var(--p-zinc-700);
            --p-surface-800: var(--p-zinc-800);
            --p-surface-900: var(--p-zinc-900);
            --p-surface-950: var(--p-zinc-950);
            --p-primary-color: var(--p-surface-0);
            --p-primary-contrast-color: var(--p-surface-900);
            --p-primary-hover-color: var(--p-primary-300);
            --p-primary-active-color: var(--p-primary-200);
            --p-highlight-background: color-mix(in srgb, var(--p-primary-400), transparent 84%);
            --p-highlight-focus-background: color-mix(in srgb, var(--p-primary-400), transparent 76%);
            --p-highlight-color: rgba(255, 255, 255, 0.87);
            --p-highlight-focus-color: rgba(255, 255, 255, 0.87);
            --p-mask-background: rgba(0, 0, 0, 0.6);
            --p-mask-color: var(--p-surface-200);
            --p-form-field-background: var(--p-surface-950);
            --p-form-field-disabled-background: var(--p-surface-700);
            --p-form-field-filled-background: var(--p-surface-800);
            --p-form-field-filled-hover-background: var(--p-surface-800);
            --p-form-field-filled-focus-background: var(--p-surface-800);
            --p-form-field-border-color: var(--p-surface-600);
            --p-form-field-hover-border-color: var(--p-surface-500);
            --p-form-field-focus-border-color: var(--p-primary-color);
            --p-form-field-invalid-border-color: var(--p-red-300);
            --p-form-field-color: var(--p-surface-0);
            --p-form-field-disabled-color: var(--p-surface-400);
            --p-form-field-placeholder-color: var(--p-surface-400);
            --p-form-field-invalid-placeholder-color: var(--p-red-400);
            --p-form-field-float-label-color: var(--p-surface-400);
            --p-form-field-float-label-focus-color: var(--p-primary-color);
            --p-form-field-float-label-active-color: var(--p-surface-400);
            --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
            --p-form-field-icon-color: var(--p-surface-400);
            --p-form-field-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
            --p-text-color: var(--p-surface-0);
            --p-text-hover-color: var(--p-surface-0);
            --p-text-muted-color: var(--p-surface-400);
            --p-text-hover-muted-color: var(--p-surface-300);
            --p-content-background: var(--p-surface-900);
            --p-content-hover-background: var(--p-surface-800);
            --p-content-border-color: var(--p-surface-700);
            --p-content-color: var(--p-text-color);
            --p-content-hover-color: var(--p-text-hover-color);
            --p-overlay-select-background: var(--p-surface-900);
            --p-overlay-select-border-color: var(--p-surface-700);
            --p-overlay-select-color: var(--p-text-color);
            --p-overlay-popover-background: var(--p-surface-900);
            --p-overlay-popover-border-color: var(--p-surface-700);
            --p-overlay-popover-color: var(--p-text-color);
            --p-overlay-modal-background: var(--p-surface-900);
            --p-overlay-modal-border-color: var(--p-surface-700);
            --p-overlay-modal-color: var(--p-text-color);
            --p-list-option-focus-background: var(--p-surface-800);
            --p-list-option-selected-background: var(--p-highlight-background);
            --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
            --p-list-option-color: var(--p-text-color);
            --p-list-option-focus-color: var(--p-text-hover-color);
            --p-list-option-selected-color: var(--p-highlight-color);
            --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
            --p-list-option-icon-color: var(--p-surface-500);
            --p-list-option-icon-focus-color: var(--p-surface-400);
            --p-list-option-group-background: transparent;
            --p-list-option-group-color: var(--p-text-muted-color);
            --p-navigation-item-focus-background: var(--p-surface-800);
            --p-navigation-item-active-background: var(--p-surface-800);
            --p-navigation-item-color: var(--p-text-color);
            --p-navigation-item-focus-color: var(--p-text-hover-color);
            --p-navigation-item-active-color: var(--p-text-hover-color);
            --p-navigation-item-icon-color: var(--p-surface-500);
            --p-navigation-item-icon-focus-color: var(--p-surface-400);
            --p-navigation-item-icon-active-color: var(--p-surface-400);
            --p-navigation-submenu-label-background: transparent;
            --p-navigation-submenu-label-color: var(--p-text-muted-color);
            --p-navigation-submenu-icon-color: var(--p-surface-500);
            --p-navigation-submenu-icon-focus-color: var(--p-surface-400);
            --p-navigation-submenu-icon-active-color: var(--p-surface-400);
            --p-text-color: var(--p-surface-0);
        }
    }

    /**************************************************
primevue - globalVariables.css
**************************************************/
    @layer primevue {
        color-scheme: light;
    }
    @layer primevue {
        .dark-mode {
            color-scheme: dark;
        }
    }

    /**************************************************
primevue - globalStyle.css
**************************************************/
    @layer primevue {
        *,
        ::before,
        ::after {
            box-sizing: border-box;
        }
        .p-connected-overlay {
            opacity: 0;
            transform: scaleY(0.8);
            transition:
                transform 0.12s cubic-bezier(0, 0, 0.2, 1),
                opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
        }
        .p-connected-overlay-visible {
            opacity: 1;
            transform: scaleY(1);
        }
        .p-connected-overlay-hidden {
            opacity: 0;
            transform: scaleY(1);
            transition: opacity 0.1s linear;
        }
        .p-connected-overlay-enter-from {
            opacity: 0;
            transform: scaleY(0.8);
        }
        .p-connected-overlay-leave-to {
            opacity: 0;
        }
        .p-connected-overlay-enter-active {
            transition:
                transform 0.12s cubic-bezier(0, 0, 0.2, 1),
                opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
        }
        .p-connected-overlay-leave-active {
            transition: opacity 0.1s linear;
        }
        .p-toggleable-content-enter-from,
        .p-toggleable-content-leave-to {
            max-height: 0;
        }
        .p-toggleable-content-enter-to,
        .p-toggleable-content-leave-from {
            max-height: 1000px;
        }
        .p-toggleable-content-leave-active {
            overflow: hidden;
            transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);
        }
        .p-toggleable-content-enter-active {
            overflow: hidden;
            transition: max-height 1s ease-in-out;
        }
        .p-disabled,
        .p-disabled * {
            cursor: default;
            pointer-events: none;
            user-select: none;
        }
        .p-disabled,
        .p-component:disabled {
            opacity: var(--p-disabled-opacity);
        }
        .pi {
            font-size: var(--p-icon-size);
        }
        .p-icon {
            width: var(--p-icon-size);
            height: var(--p-icon-size);
        }
        .p-overlay-mask {
            background: var(--p-mask-background);
            color: var(--p-mask-color);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .p-overlay-mask-enter {
            animation: p-overlay-mask-enter-animation var(--p-mask-transition-duration) forwards;
        }
        .p-overlay-mask-leave {
            animation: p-overlay-mask-leave-animation var(--p-mask-transition-duration) forwards;
        }
        @keyframes p-overlay-mask-enter-animation {
            from {
                background: transparent;
            }
            to {
                background: var(--p-mask-background);
            }
        }
        @keyframes p-overlay-mask-leave-animation {
            from {
                background: var(--p-mask-background);
            }
            to {
                background: transparent;
            }
        }
    }

    /**************************************************
primevue - buttonVariables.css
**************************************************/
    @layer primevue {
        --p-button-border-radius: var(--p-form-field-border-radius);
        --p-button-rounded-border-radius: 2rem;
        --p-button-gap: 0.5rem;
        --p-button-padding-x: var(--p-form-field-padding-x);
        --p-button-padding-y: var(--p-form-field-padding-y);
        --p-button-icon-only-width: 2.5rem;
        --p-button-sm-font-size: var(--p-form-field-sm-font-size);
        --p-button-sm-padding-x: var(--p-form-field-sm-padding-x);
        --p-button-sm-padding-y: var(--p-form-field-sm-padding-y);
        --p-button-sm-icon-only-width: 2rem;
        --p-button-lg-font-size: var(--p-form-field-lg-font-size);
        --p-button-lg-padding-x: var(--p-form-field-lg-padding-x);
        --p-button-lg-padding-y: var(--p-form-field-lg-padding-y);
        --p-button-lg-icon-only-width: 3rem;
        --p-button-label-font-weight: 500;
        --p-button-raised-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        --p-button-focus-ring-width: var(--p-focus-ring-width);
        --p-button-focus-ring-style: var(--p-focus-ring-style);
        --p-button-focus-ring-offset: var(--p-focus-ring-offset);
        --p-button-badge-size: 1rem;
        --p-button-transition-duration: var(--p-form-field-transition-duration);
        --p-button-primary-background: var(--p-primary-color);
        --p-button-primary-hover-background: var(--p-primary-hover-color);
        --p-button-primary-active-background: var(--p-primary-active-color);
        --p-button-primary-border-color: var(--p-primary-color);
        --p-button-primary-hover-border-color: var(--p-primary-hover-color);
        --p-button-primary-active-border-color: var(--p-primary-active-color);
        --p-button-primary-color: var(--p-primary-contrast-color);
        --p-button-primary-hover-color: var(--p-primary-contrast-color);
        --p-button-primary-active-color: var(--p-primary-contrast-color);
        --p-button-primary-focus-ring-color: var(--p-primary-color);
        --p-button-primary-focus-ring-shadow: none;
        --p-button-secondary-background: var(--p-surface-100);
        --p-button-secondary-hover-background: var(--p-surface-200);
        --p-button-secondary-active-background: var(--p-surface-300);
        --p-button-secondary-border-color: var(--p-surface-100);
        --p-button-secondary-hover-border-color: var(--p-surface-200);
        --p-button-secondary-active-border-color: var(--p-surface-300);
        --p-button-secondary-color: var(--p-surface-600);
        --p-button-secondary-hover-color: var(--p-surface-700);
        --p-button-secondary-active-color: var(--p-surface-800);
        --p-button-secondary-focus-ring-color: var(--p-surface-600);
        --p-button-secondary-focus-ring-shadow: none;
        --p-button-info-background: var(--p-sky-500);
        --p-button-info-hover-background: var(--p-sky-600);
        --p-button-info-active-background: var(--p-sky-700);
        --p-button-info-border-color: var(--p-sky-500);
        --p-button-info-hover-border-color: var(--p-sky-600);
        --p-button-info-active-border-color: var(--p-sky-700);
        --p-button-info-color: #ffffff;
        --p-button-info-hover-color: #ffffff;
        --p-button-info-active-color: #ffffff;
        --p-button-info-focus-ring-color: var(--p-sky-500);
        --p-button-info-focus-ring-shadow: none;
        --p-button-success-background: var(--p-green-500);
        --p-button-success-hover-background: var(--p-green-600);
        --p-button-success-active-background: var(--p-green-700);
        --p-button-success-border-color: var(--p-green-500);
        --p-button-success-hover-border-color: var(--p-green-600);
        --p-button-success-active-border-color: var(--p-green-700);
        --p-button-success-color: #ffffff;
        --p-button-success-hover-color: #ffffff;
        --p-button-success-active-color: #ffffff;
        --p-button-success-focus-ring-color: var(--p-green-500);
        --p-button-success-focus-ring-shadow: none;
        --p-button-warn-background: var(--p-orange-500);
        --p-button-warn-hover-background: var(--p-orange-600);
        --p-button-warn-active-background: var(--p-orange-700);
        --p-button-warn-border-color: var(--p-orange-500);
        --p-button-warn-hover-border-color: var(--p-orange-600);
        --p-button-warn-active-border-color: var(--p-orange-700);
        --p-button-warn-color: #ffffff;
        --p-button-warn-hover-color: #ffffff;
        --p-button-warn-active-color: #ffffff;
        --p-button-warn-focus-ring-color: var(--p-orange-500);
        --p-button-warn-focus-ring-shadow: none;
        --p-button-help-background: var(--p-purple-500);
        --p-button-help-hover-background: var(--p-purple-600);
        --p-button-help-active-background: var(--p-purple-700);
        --p-button-help-border-color: var(--p-purple-500);
        --p-button-help-hover-border-color: var(--p-purple-600);
        --p-button-help-active-border-color: var(--p-purple-700);
        --p-button-help-color: #ffffff;
        --p-button-help-hover-color: #ffffff;
        --p-button-help-active-color: #ffffff;
        --p-button-help-focus-ring-color: var(--p-purple-500);
        --p-button-help-focus-ring-shadow: none;
        --p-button-danger-background: var(--p-red-500);
        --p-button-danger-hover-background: var(--p-red-600);
        --p-button-danger-active-background: var(--p-red-700);
        --p-button-danger-border-color: var(--p-red-500);
        --p-button-danger-hover-border-color: var(--p-red-600);
        --p-button-danger-active-border-color: var(--p-red-700);
        --p-button-danger-color: #ffffff;
        --p-button-danger-hover-color: #ffffff;
        --p-button-danger-active-color: #ffffff;
        --p-button-danger-focus-ring-color: var(--p-red-500);
        --p-button-danger-focus-ring-shadow: none;
        --p-button-contrast-background: var(--p-surface-950);
        --p-button-contrast-hover-background: var(--p-surface-900);
        --p-button-contrast-active-background: var(--p-surface-800);
        --p-button-contrast-border-color: var(--p-surface-950);
        --p-button-contrast-hover-border-color: var(--p-surface-900);
        --p-button-contrast-active-border-color: var(--p-surface-800);
        --p-button-contrast-color: var(--p-surface-0);
        --p-button-contrast-hover-color: var(--p-surface-0);
        --p-button-contrast-active-color: var(--p-surface-0);
        --p-button-contrast-focus-ring-color: var(--p-surface-950);
        --p-button-contrast-focus-ring-shadow: none;
        --p-button-outlined-primary-hover-background: var(--p-primary-50);
        --p-button-outlined-primary-active-background: var(--p-primary-100);
        --p-button-outlined-primary-border-color: var(--p-primary-200);
        --p-button-outlined-primary-color: var(--p-primary-color);
        --p-button-outlined-secondary-hover-background: var(--p-surface-50);
        --p-button-outlined-secondary-active-background: var(--p-surface-100);
        --p-button-outlined-secondary-border-color: var(--p-surface-200);
        --p-button-outlined-secondary-color: var(--p-surface-500);
        --p-button-outlined-success-hover-background: var(--p-green-50);
        --p-button-outlined-success-active-background: var(--p-green-100);
        --p-button-outlined-success-border-color: var(--p-green-200);
        --p-button-outlined-success-color: var(--p-green-500);
        --p-button-outlined-info-hover-background: var(--p-sky-50);
        --p-button-outlined-info-active-background: var(--p-sky-100);
        --p-button-outlined-info-border-color: var(--p-sky-200);
        --p-button-outlined-info-color: var(--p-sky-500);
        --p-button-outlined-warn-hover-background: var(--p-orange-50);
        --p-button-outlined-warn-active-background: var(--p-orange-100);
        --p-button-outlined-warn-border-color: var(--p-orange-200);
        --p-button-outlined-warn-color: var(--p-orange-500);
        --p-button-outlined-help-hover-background: var(--p-purple-50);
        --p-button-outlined-help-active-background: var(--p-purple-100);
        --p-button-outlined-help-border-color: var(--p-purple-200);
        --p-button-outlined-help-color: var(--p-purple-500);
        --p-button-outlined-danger-hover-background: var(--p-red-50);
        --p-button-outlined-danger-active-background: var(--p-red-100);
        --p-button-outlined-danger-border-color: var(--p-red-200);
        --p-button-outlined-danger-color: var(--p-red-500);
        --p-button-outlined-contrast-hover-background: var(--p-surface-50);
        --p-button-outlined-contrast-active-background: var(--p-surface-100);
        --p-button-outlined-contrast-border-color: var(--p-surface-700);
        --p-button-outlined-contrast-color: var(--p-surface-950);
        --p-button-outlined-plain-hover-background: var(--p-surface-50);
        --p-button-outlined-plain-active-background: var(--p-surface-100);
        --p-button-outlined-plain-border-color: var(--p-surface-200);
        --p-button-outlined-plain-color: var(--p-surface-700);
        --p-button-text-primary-hover-background: var(--p-primary-50);
        --p-button-text-primary-active-background: var(--p-primary-100);
        --p-button-text-primary-color: var(--p-primary-color);
        --p-button-text-secondary-hover-background: var(--p-surface-50);
        --p-button-text-secondary-active-background: var(--p-surface-100);
        --p-button-text-secondary-color: var(--p-surface-500);
        --p-button-text-success-hover-background: var(--p-green-50);
        --p-button-text-success-active-background: var(--p-green-100);
        --p-button-text-success-color: var(--p-green-500);
        --p-button-text-info-hover-background: var(--p-sky-50);
        --p-button-text-info-active-background: var(--p-sky-100);
        --p-button-text-info-color: var(--p-sky-500);
        --p-button-text-warn-hover-background: var(--p-orange-50);
        --p-button-text-warn-active-background: var(--p-orange-100);
        --p-button-text-warn-color: var(--p-orange-500);
        --p-button-text-help-hover-background: var(--p-purple-50);
        --p-button-text-help-active-background: var(--p-purple-100);
        --p-button-text-help-color: var(--p-purple-500);
        --p-button-text-danger-hover-background: var(--p-red-50);
        --p-button-text-danger-active-background: var(--p-red-100);
        --p-button-text-danger-color: var(--p-red-500);
        --p-button-text-contrast-hover-background: var(--p-surface-50);
        --p-button-text-contrast-active-background: var(--p-surface-100);
        --p-button-text-contrast-color: var(--p-surface-950);
        --p-button-text-plain-hover-background: var(--p-surface-50);
        --p-button-text-plain-active-background: var(--p-surface-100);
        --p-button-text-plain-color: var(--p-surface-700);
        --p-button-link-color: var(--p-primary-color);
        --p-button-link-hover-color: var(--p-blue-700);
        --p-button-link-active-color: var(--p-blue-700);
        --p-button-primary-focus-ring-color: var(--p-teal-500);
        --p-button-secondary-color: var(--p-blue-500);
        --p-button-secondary-border-color: var(--p-blue-500);
        --p-button-secondary-background: transparent;
        --p-button-secondary-hover-color: var(--p-blue-500);
        --p-button-secondary-hover-border-color: var(--p-blue-500);
        --p-button-secondary-hover-background: var(--p-blue-100);
        --p-button-secondary-active-color: var(--p-blue-500);
        --p-button-secondary-active-border-color: var(--p-blue-500);
        --p-button-secondary-active-background: var(--p-blue-100);
        --p-button-secondary-focus-ring-color: var(--p-teal-500);
        --p-button-padding-x: 2rem;
        --p-button-padding-y: 1rem;
        --p-button-text-secondary-color: var(--p-blue-500);
        --p-button-text-secondary-hover-background: var(--p-surface-0);
    }
    @layer primevue {
        .dark-mode {
            --p-button-primary-background: var(--p-primary-color);
            --p-button-primary-hover-background: var(--p-primary-hover-color);
            --p-button-primary-active-background: var(--p-primary-active-color);
            --p-button-primary-border-color: var(--p-primary-color);
            --p-button-primary-hover-border-color: var(--p-primary-hover-color);
            --p-button-primary-active-border-color: var(--p-primary-active-color);
            --p-button-primary-color: var(--p-primary-contrast-color);
            --p-button-primary-hover-color: var(--p-primary-contrast-color);
            --p-button-primary-active-color: var(--p-primary-contrast-color);
            --p-button-primary-focus-ring-color: var(--p-primary-color);
            --p-button-primary-focus-ring-shadow: none;
            --p-button-secondary-background: var(--p-surface-800);
            --p-button-secondary-hover-background: var(--p-surface-700);
            --p-button-secondary-active-background: var(--p-surface-600);
            --p-button-secondary-border-color: var(--p-surface-800);
            --p-button-secondary-hover-border-color: var(--p-surface-700);
            --p-button-secondary-active-border-color: var(--p-surface-600);
            --p-button-secondary-color: var(--p-surface-300);
            --p-button-secondary-hover-color: var(--p-surface-200);
            --p-button-secondary-active-color: var(--p-surface-100);
            --p-button-secondary-focus-ring-color: var(--p-surface-300);
            --p-button-secondary-focus-ring-shadow: none;
            --p-button-info-background: var(--p-sky-400);
            --p-button-info-hover-background: var(--p-sky-300);
            --p-button-info-active-background: var(--p-sky-200);
            --p-button-info-border-color: var(--p-sky-400);
            --p-button-info-hover-border-color: var(--p-sky-300);
            --p-button-info-active-border-color: var(--p-sky-200);
            --p-button-info-color: var(--p-sky-950);
            --p-button-info-hover-color: var(--p-sky-950);
            --p-button-info-active-color: var(--p-sky-950);
            --p-button-info-focus-ring-color: var(--p-sky-400);
            --p-button-info-focus-ring-shadow: none;
            --p-button-success-background: var(--p-green-400);
            --p-button-success-hover-background: var(--p-green-300);
            --p-button-success-active-background: var(--p-green-200);
            --p-button-success-border-color: var(--p-green-400);
            --p-button-success-hover-border-color: var(--p-green-300);
            --p-button-success-active-border-color: var(--p-green-200);
            --p-button-success-color: var(--p-green-950);
            --p-button-success-hover-color: var(--p-green-950);
            --p-button-success-active-color: var(--p-green-950);
            --p-button-success-focus-ring-color: var(--p-green-400);
            --p-button-success-focus-ring-shadow: none;
            --p-button-warn-background: var(--p-orange-400);
            --p-button-warn-hover-background: var(--p-orange-300);
            --p-button-warn-active-background: var(--p-orange-200);
            --p-button-warn-border-color: var(--p-orange-400);
            --p-button-warn-hover-border-color: var(--p-orange-300);
            --p-button-warn-active-border-color: var(--p-orange-200);
            --p-button-warn-color: var(--p-orange-950);
            --p-button-warn-hover-color: var(--p-orange-950);
            --p-button-warn-active-color: var(--p-orange-950);
            --p-button-warn-focus-ring-color: var(--p-orange-400);
            --p-button-warn-focus-ring-shadow: none;
            --p-button-help-background: var(--p-purple-400);
            --p-button-help-hover-background: var(--p-purple-300);
            --p-button-help-active-background: var(--p-purple-200);
            --p-button-help-border-color: var(--p-purple-400);
            --p-button-help-hover-border-color: var(--p-purple-300);
            --p-button-help-active-border-color: var(--p-purple-200);
            --p-button-help-color: var(--p-purple-950);
            --p-button-help-hover-color: var(--p-purple-950);
            --p-button-help-active-color: var(--p-purple-950);
            --p-button-help-focus-ring-color: var(--p-purple-400);
            --p-button-help-focus-ring-shadow: none;
            --p-button-danger-background: var(--p-red-400);
            --p-button-danger-hover-background: var(--p-red-300);
            --p-button-danger-active-background: var(--p-red-200);
            --p-button-danger-border-color: var(--p-red-400);
            --p-button-danger-hover-border-color: var(--p-red-300);
            --p-button-danger-active-border-color: var(--p-red-200);
            --p-button-danger-color: var(--p-red-950);
            --p-button-danger-hover-color: var(--p-red-950);
            --p-button-danger-active-color: var(--p-red-950);
            --p-button-danger-focus-ring-color: var(--p-red-400);
            --p-button-danger-focus-ring-shadow: none;
            --p-button-contrast-background: var(--p-surface-0);
            --p-button-contrast-hover-background: var(--p-surface-100);
            --p-button-contrast-active-background: var(--p-surface-200);
            --p-button-contrast-border-color: var(--p-surface-0);
            --p-button-contrast-hover-border-color: var(--p-surface-100);
            --p-button-contrast-active-border-color: var(--p-surface-200);
            --p-button-contrast-color: var(--p-surface-950);
            --p-button-contrast-hover-color: var(--p-surface-950);
            --p-button-contrast-active-color: var(--p-surface-950);
            --p-button-contrast-focus-ring-color: var(--p-surface-0);
            --p-button-contrast-focus-ring-shadow: none;
            --p-button-outlined-primary-hover-background: color-mix(in srgb, var(--p-primary-color), transparent 96%);
            --p-button-outlined-primary-active-background: color-mix(in srgb, var(--p-primary-color), transparent 84%);
            --p-button-outlined-primary-border-color: var(--p-primary-700);
            --p-button-outlined-primary-color: var(--p-primary-color);
            --p-button-outlined-secondary-hover-background: rgba(255, 255, 255, 0.04);
            --p-button-outlined-secondary-active-background: rgba(255, 255, 255, 0.16);
            --p-button-outlined-secondary-border-color: var(--p-surface-700);
            --p-button-outlined-secondary-color: var(--p-surface-400);
            --p-button-outlined-success-hover-background: color-mix(in srgb, var(--p-green-400), transparent 96%);
            --p-button-outlined-success-active-background: color-mix(in srgb, var(--p-green-400), transparent 84%);
            --p-button-outlined-success-border-color: var(--p-green-700);
            --p-button-outlined-success-color: var(--p-green-400);
            --p-button-outlined-info-hover-background: color-mix(in srgb, var(--p-sky-400), transparent 96%);
            --p-button-outlined-info-active-background: color-mix(in srgb, var(--p-sky-400), transparent 84%);
            --p-button-outlined-info-border-color: var(--p-sky-700);
            --p-button-outlined-info-color: var(--p-sky-400);
            --p-button-outlined-warn-hover-background: color-mix(in srgb, var(--p-orange-400), transparent 96%);
            --p-button-outlined-warn-active-background: color-mix(in srgb, var(--p-orange-400), transparent 84%);
            --p-button-outlined-warn-border-color: var(--p-orange-700);
            --p-button-outlined-warn-color: var(--p-orange-400);
            --p-button-outlined-help-hover-background: color-mix(in srgb, var(--p-purple-400), transparent 96%);
            --p-button-outlined-help-active-background: color-mix(in srgb, var(--p-purple-400), transparent 84%);
            --p-button-outlined-help-border-color: var(--p-purple-700);
            --p-button-outlined-help-color: var(--p-purple-400);
            --p-button-outlined-danger-hover-background: color-mix(in srgb, var(--p-red-400), transparent 96%);
            --p-button-outlined-danger-active-background: color-mix(in srgb, var(--p-red-400), transparent 84%);
            --p-button-outlined-danger-border-color: var(--p-red-700);
            --p-button-outlined-danger-color: var(--p-red-400);
            --p-button-outlined-contrast-hover-background: var(--p-surface-800);
            --p-button-outlined-contrast-active-background: var(--p-surface-700);
            --p-button-outlined-contrast-border-color: var(--p-surface-500);
            --p-button-outlined-contrast-color: var(--p-surface-0);
            --p-button-outlined-plain-hover-background: var(--p-surface-800);
            --p-button-outlined-plain-active-background: var(--p-surface-700);
            --p-button-outlined-plain-border-color: var(--p-surface-600);
            --p-button-outlined-plain-color: var(--p-surface-0);
            --p-button-text-primary-hover-background: color-mix(in srgb, var(--p-primary-color), transparent 96%);
            --p-button-text-primary-active-background: color-mix(in srgb, var(--p-primary-color), transparent 84%);
            --p-button-text-primary-color: var(--p-primary-color);
            --p-button-text-secondary-hover-background: var(--p-surface-800);
            --p-button-text-secondary-active-background: var(--p-surface-700);
            --p-button-text-secondary-color: var(--p-surface-400);
            --p-button-text-success-hover-background: color-mix(in srgb, var(--p-green-400), transparent 96%);
            --p-button-text-success-active-background: color-mix(in srgb, var(--p-green-400), transparent 84%);
            --p-button-text-success-color: var(--p-green-400);
            --p-button-text-info-hover-background: color-mix(in srgb, var(--p-sky-400), transparent 96%);
            --p-button-text-info-active-background: color-mix(in srgb, var(--p-sky-400), transparent 84%);
            --p-button-text-info-color: var(--p-sky-400);
            --p-button-text-warn-hover-background: color-mix(in srgb, var(--p-orange-400), transparent 96%);
            --p-button-text-warn-active-background: color-mix(in srgb, var(--p-orange-400), transparent 84%);
            --p-button-text-warn-color: var(--p-orange-400);
            --p-button-text-help-hover-background: color-mix(in srgb, var(--p-purple-400), transparent 96%);
            --p-button-text-help-active-background: color-mix(in srgb, var(--p-purple-400), transparent 84%);
            --p-button-text-help-color: var(--p-purple-400);
            --p-button-text-danger-hover-background: color-mix(in srgb, var(--p-red-400), transparent 96%);
            --p-button-text-danger-active-background: color-mix(in srgb, var(--p-red-400), transparent 84%);
            --p-button-text-danger-color: var(--p-red-400);
            --p-button-text-contrast-hover-background: var(--p-surface-800);
            --p-button-text-contrast-active-background: var(--p-surface-700);
            --p-button-text-contrast-color: var(--p-surface-0);
            --p-button-text-plain-hover-background: var(--p-surface-800);
            --p-button-text-plain-active-background: var(--p-surface-700);
            --p-button-text-plain-color: var(--p-surface-0);
            --p-button-link-color: var(--p-primary-color);
            --p-button-link-hover-color: var(--p-primary-color);
            --p-button-link-active-color: var(--p-primary-color);
            --p-button-primary-color: var(--p-blue-500);
            --p-button-primary-border-color: var(--p-blue-500);
            --p-button-primary-background: var(--p-surface-0);
            --p-button-primary-hover-color: var(--p-blue-500);
            --p-button-primary-hover-border-color: var(--p-blue-500);
            --p-button-primary-hover-background: var(--p-blue-100);
            --p-button-primary-active-color: var(--p-blue-500);
            --p-button-primary-active-border-color: var(--p-blue-500);
            --p-button-primary-active-background: var(--p-blue-100);
            --p-button-primary-focus-ring-color: var(--p-teal-500);
            --p-button-secondary-color: var(--p-surface-0);
            --p-button-secondary-border-color: var(--p-surface-0);
            --p-button-secondary-background: transparent;
            --p-button-secondary-hover-color: var(--p-blue-500);
            --p-button-secondary-hover-border-color: var(--p-blue-500);
            --p-button-secondary-hover-background: var(--p-blue-100);
            --p-button-secondary-active-color: var(--p-blue-500);
            --p-button-secondary-active-border-color: var(--p-blue-500);
            --p-button-secondary-active-background: var(--p-blue-100);
            --p-button-secondary-focus-ring-color: var(--p-teal-500);
        }
    }

    /**************************************************
primevue - buttonStyle.css
**************************************************/
    @layer primevue {
        .p-button {
            display: inline-flex;
            cursor: pointer;
            user-select: none;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative;
            color: var(--p-button-primary-color);
            background: var(--p-button-primary-background);
            border: 1px solid var(--p-button-primary-border-color);
            padding: var(--p-button-padding-y) var(--p-button-padding-x);
            font-size: 1rem;
            font-family: inherit;
            font-feature-settings: inherit;
            transition:
                background var(--p-button-transition-duration),
                color var(--p-button-transition-duration),
                border-color var(--p-button-transition-duration),
                outline-color var(--p-button-transition-duration),
                box-shadow var(--p-button-transition-duration);
            border-radius: var(--p-button-border-radius);
            outline-color: transparent;
            gap: var(--p-button-gap);
        }
        .p-button:disabled {
            cursor: default;
        }
        .p-button-icon-right {
            order: 1;
        }
        .p-button-icon-right:dir(rtl) {
            order: -1;
        }
        .p-button:not(.p-button-vertical) .p-button-icon:not(.p-button-icon-right):dir(rtl) {
            order: 1;
        }
        .p-button-icon-bottom {
            order: 2;
        }
        .p-button-icon-only {
            width: var(--p-button-icon-only-width);
            padding-inline-start: 0 !important;
            padding-inline-end: 0 !important;
            gap: 0;
        }
        .p-button-icon-only.p-button-rounded {
            border-radius: 50%;
            height: var(--p-button-icon-only-width);
        }
        .p-button-icon-only .p-button-label {
            visibility: hidden;
            width: 0;
        }
        .p-button-sm {
            font-size: var(--p-button-sm-font-size);
            padding: var(--p-button-sm-padding-y) var(--p-button-sm-padding-x);
        }
        .p-button-sm .p-button-icon {
            font-size: var(--p-button-sm-font-size);
        }
        .p-button-sm.p-button-icon-only {
            width: var(--p-button-sm-icon-only-width);
        }
        .p-button-sm.p-button-icon-only.p-button-rounded {
            height: var(--p-button-sm-icon-only-width);
        }
        .p-button-lg {
            font-size: var(--p-button-lg-font-size);
            padding: var(--p-button-lg-padding-y) var(--p-button-lg-padding-x);
        }
        .p-button-lg .p-button-icon {
            font-size: var(--p-button-lg-font-size);
        }
        .p-button-lg.p-button-icon-only {
            width: var(--p-button-lg-icon-only-width);
        }
        .p-button-lg.p-button-icon-only.p-button-rounded {
            height: var(--p-button-lg-icon-only-width);
        }
        .p-button-vertical {
            flex-direction: column;
        }
        .p-button-label {
            font-weight: var(--p-button-label-font-weight);
        }
        .p-button-fluid {
            width: 100%;
        }
        .p-button-fluid.p-button-icon-only {
            width: var(--p-button-icon-only-width);
        }
        .p-button:not(:disabled):hover {
            background: var(--p-button-primary-hover-background);
            border: 1px solid var(--p-button-primary-hover-border-color);
            color: var(--p-button-primary-hover-color);
        }
        .p-button:not(:disabled):active {
            background: var(--p-button-primary-active-background);
            border: 1px solid var(--p-button-primary-active-border-color);
            color: var(--p-button-primary-active-color);
        }
        .p-button:focus-visible {
            box-shadow: var(--p-button-primary-focus-ring-shadow);
            outline: var(--p-button-focus-ring-width) var(--p-button-focus-ring-style) var(--p-button-primary-focus-ring-color);
            outline-offset: var(--p-button-focus-ring-offset);
        }
        .p-button .p-badge {
            min-width: var(--p-button-badge-size);
            height: var(--p-button-badge-size);
            line-height: var(--p-button-badge-size);
        }
        .p-button-raised {
            box-shadow: var(--p-button-raised-shadow);
        }
        .p-button-rounded {
            border-radius: var(--p-button-rounded-border-radius);
        }
        .p-button-secondary {
            background: var(--p-button-secondary-background);
            border: 1px solid var(--p-button-secondary-border-color);
            color: var(--p-button-secondary-color);
        }
        .p-button-secondary:not(:disabled):hover {
            background: var(--p-button-secondary-hover-background);
            border: 1px solid var(--p-button-secondary-hover-border-color);
            color: var(--p-button-secondary-hover-color);
        }
        .p-button-secondary:not(:disabled):active {
            background: var(--p-button-secondary-active-background);
            border: 1px solid var(--p-button-secondary-active-border-color);
            color: var(--p-button-secondary-active-color);
        }
        .p-button-secondary:focus-visible {
            outline-color: var(--p-button-secondary-focus-ring-color);
            box-shadow: var(--p-button-secondary-focus-ring-shadow);
        }
        .p-button-success {
            background: var(--p-button-success-background);
            border: 1px solid var(--p-button-success-border-color);
            color: var(--p-button-success-color);
        }
        .p-button-success:not(:disabled):hover {
            background: var(--p-button-success-hover-background);
            border: 1px solid var(--p-button-success-hover-border-color);
            color: var(--p-button-success-hover-color);
        }
        .p-button-success:not(:disabled):active {
            background: var(--p-button-success-active-background);
            border: 1px solid var(--p-button-success-active-border-color);
            color: var(--p-button-success-active-color);
        }
        .p-button-success:focus-visible {
            outline-color: var(--p-button-success-focus-ring-color);
            box-shadow: var(--p-button-success-focus-ring-shadow);
        }
        .p-button-info {
            background: var(--p-button-info-background);
            border: 1px solid var(--p-button-info-border-color);
            color: var(--p-button-info-color);
        }
        .p-button-info:not(:disabled):hover {
            background: var(--p-button-info-hover-background);
            border: 1px solid var(--p-button-info-hover-border-color);
            color: var(--p-button-info-hover-color);
        }
        .p-button-info:not(:disabled):active {
            background: var(--p-button-info-active-background);
            border: 1px solid var(--p-button-info-active-border-color);
            color: var(--p-button-info-active-color);
        }
        .p-button-info:focus-visible {
            outline-color: var(--p-button-info-focus-ring-color);
            box-shadow: var(--p-button-info-focus-ring-shadow);
        }
        .p-button-warn {
            background: var(--p-button-warn-background);
            border: 1px solid var(--p-button-warn-border-color);
            color: var(--p-button-warn-color);
        }
        .p-button-warn:not(:disabled):hover {
            background: var(--p-button-warn-hover-background);
            border: 1px solid var(--p-button-warn-hover-border-color);
            color: var(--p-button-warn-hover-color);
        }
        .p-button-warn:not(:disabled):active {
            background: var(--p-button-warn-active-background);
            border: 1px solid var(--p-button-warn-active-border-color);
            color: var(--p-button-warn-active-color);
        }
        .p-button-warn:focus-visible {
            outline-color: var(--p-button-warn-focus-ring-color);
            box-shadow: var(--p-button-warn-focus-ring-shadow);
        }
        .p-button-help {
            background: var(--p-button-help-background);
            border: 1px solid var(--p-button-help-border-color);
            color: var(--p-button-help-color);
        }
        .p-button-help:not(:disabled):hover {
            background: var(--p-button-help-hover-background);
            border: 1px solid var(--p-button-help-hover-border-color);
            color: var(--p-button-help-hover-color);
        }
        .p-button-help:not(:disabled):active {
            background: var(--p-button-help-active-background);
            border: 1px solid var(--p-button-help-active-border-color);
            color: var(--p-button-help-active-color);
        }
        .p-button-help:focus-visible {
            outline-color: var(--p-button-help-focus-ring-color);
            box-shadow: var(--p-button-help-focus-ring-shadow);
        }
        .p-button-danger {
            background: var(--p-button-danger-background);
            border: 1px solid var(--p-button-danger-border-color);
            color: var(--p-button-danger-color);
        }
        .p-button-danger:not(:disabled):hover {
            background: var(--p-button-danger-hover-background);
            border: 1px solid var(--p-button-danger-hover-border-color);
            color: var(--p-button-danger-hover-color);
        }
        .p-button-danger:not(:disabled):active {
            background: var(--p-button-danger-active-background);
            border: 1px solid var(--p-button-danger-active-border-color);
            color: var(--p-button-danger-active-color);
        }
        .p-button-danger:focus-visible {
            outline-color: var(--p-button-danger-focus-ring-color);
            box-shadow: var(--p-button-danger-focus-ring-shadow);
        }
        .p-button-contrast {
            background: var(--p-button-contrast-background);
            border: 1px solid var(--p-button-contrast-border-color);
            color: var(--p-button-contrast-color);
        }
        .p-button-contrast:not(:disabled):hover {
            background: var(--p-button-contrast-hover-background);
            border: 1px solid var(--p-button-contrast-hover-border-color);
            color: var(--p-button-contrast-hover-color);
        }
        .p-button-contrast:not(:disabled):active {
            background: var(--p-button-contrast-active-background);
            border: 1px solid var(--p-button-contrast-active-border-color);
            color: var(--p-button-contrast-active-color);
        }
        .p-button-contrast:focus-visible {
            outline-color: var(--p-button-contrast-focus-ring-color);
            box-shadow: var(--p-button-contrast-focus-ring-shadow);
        }
        .p-button-outlined {
            background: transparent;
            border-color: var(--p-button-outlined-primary-border-color);
            color: var(--p-button-outlined-primary-color);
        }
        .p-button-outlined:not(:disabled):hover {
            background: var(--p-button-outlined-primary-hover-background);
            border-color: var(--p-button-outlined-primary-border-color);
            color: var(--p-button-outlined-primary-color);
        }
        .p-button-outlined:not(:disabled):active {
            background: var(--p-button-outlined-primary-active-background);
            border-color: var(--p-button-outlined-primary-border-color);
            color: var(--p-button-outlined-primary-color);
        }
        .p-button-outlined.p-button-secondary {
            border-color: var(--p-button-outlined-secondary-border-color);
            color: var(--p-button-outlined-secondary-color);
        }
        .p-button-outlined.p-button-secondary:not(:disabled):hover {
            background: var(--p-button-outlined-secondary-hover-background);
            border-color: var(--p-button-outlined-secondary-border-color);
            color: var(--p-button-outlined-secondary-color);
        }
        .p-button-outlined.p-button-secondary:not(:disabled):active {
            background: var(--p-button-outlined-secondary-active-background);
            border-color: var(--p-button-outlined-secondary-border-color);
            color: var(--p-button-outlined-secondary-color);
        }
        .p-button-outlined.p-button-success {
            border-color: var(--p-button-outlined-success-border-color);
            color: var(--p-button-outlined-success-color);
        }
        .p-button-outlined.p-button-success:not(:disabled):hover {
            background: var(--p-button-outlined-success-hover-background);
            border-color: var(--p-button-outlined-success-border-color);
            color: var(--p-button-outlined-success-color);
        }
        .p-button-outlined.p-button-success:not(:disabled):active {
            background: var(--p-button-outlined-success-active-background);
            border-color: var(--p-button-outlined-success-border-color);
            color: var(--p-button-outlined-success-color);
        }
        .p-button-outlined.p-button-info {
            border-color: var(--p-button-outlined-info-border-color);
            color: var(--p-button-outlined-info-color);
        }
        .p-button-outlined.p-button-info:not(:disabled):hover {
            background: var(--p-button-outlined-info-hover-background);
            border-color: var(--p-button-outlined-info-border-color);
            color: var(--p-button-outlined-info-color);
        }
        .p-button-outlined.p-button-info:not(:disabled):active {
            background: var(--p-button-outlined-info-active-background);
            border-color: var(--p-button-outlined-info-border-color);
            color: var(--p-button-outlined-info-color);
        }
        .p-button-outlined.p-button-warn {
            border-color: var(--p-button-outlined-warn-border-color);
            color: var(--p-button-outlined-warn-color);
        }
        .p-button-outlined.p-button-warn:not(:disabled):hover {
            background: var(--p-button-outlined-warn-hover-background);
            border-color: var(--p-button-outlined-warn-border-color);
            color: var(--p-button-outlined-warn-color);
        }
        .p-button-outlined.p-button-warn:not(:disabled):active {
            background: var(--p-button-outlined-warn-active-background);
            border-color: var(--p-button-outlined-warn-border-color);
            color: var(--p-button-outlined-warn-color);
        }
        .p-button-outlined.p-button-help {
            border-color: var(--p-button-outlined-help-border-color);
            color: var(--p-button-outlined-help-color);
        }
        .p-button-outlined.p-button-help:not(:disabled):hover {
            background: var(--p-button-outlined-help-hover-background);
            border-color: var(--p-button-outlined-help-border-color);
            color: var(--p-button-outlined-help-color);
        }
        .p-button-outlined.p-button-help:not(:disabled):active {
            background: var(--p-button-outlined-help-active-background);
            border-color: var(--p-button-outlined-help-border-color);
            color: var(--p-button-outlined-help-color);
        }
        .p-button-outlined.p-button-danger {
            border-color: var(--p-button-outlined-danger-border-color);
            color: var(--p-button-outlined-danger-color);
        }
        .p-button-outlined.p-button-danger:not(:disabled):hover {
            background: var(--p-button-outlined-danger-hover-background);
            border-color: var(--p-button-outlined-danger-border-color);
            color: var(--p-button-outlined-danger-color);
        }
        .p-button-outlined.p-button-danger:not(:disabled):active {
            background: var(--p-button-outlined-danger-active-background);
            border-color: var(--p-button-outlined-danger-border-color);
            color: var(--p-button-outlined-danger-color);
        }
        .p-button-outlined.p-button-contrast {
            border-color: var(--p-button-outlined-contrast-border-color);
            color: var(--p-button-outlined-contrast-color);
        }
        .p-button-outlined.p-button-contrast:not(:disabled):hover {
            background: var(--p-button-outlined-contrast-hover-background);
            border-color: var(--p-button-outlined-contrast-border-color);
            color: var(--p-button-outlined-contrast-color);
        }
        .p-button-outlined.p-button-contrast:not(:disabled):active {
            background: var(--p-button-outlined-contrast-active-background);
            border-color: var(--p-button-outlined-contrast-border-color);
            color: var(--p-button-outlined-contrast-color);
        }
        .p-button-outlined.p-button-plain {
            border-color: var(--p-button-outlined-plain-border-color);
            color: var(--p-button-outlined-plain-color);
        }
        .p-button-outlined.p-button-plain:not(:disabled):hover {
            background: var(--p-button-outlined-plain-hover-background);
            border-color: var(--p-button-outlined-plain-border-color);
            color: var(--p-button-outlined-plain-color);
        }
        .p-button-outlined.p-button-plain:not(:disabled):active {
            background: var(--p-button-outlined-plain-active-background);
            border-color: var(--p-button-outlined-plain-border-color);
            color: var(--p-button-outlined-plain-color);
        }
        .p-button-text {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-primary-color);
        }
        .p-button-text:not(:disabled):hover {
            background: var(--p-button-text-primary-hover-background);
            border-color: transparent;
            color: var(--p-button-text-primary-color);
        }
        .p-button-text:not(:disabled):active {
            background: var(--p-button-text-primary-active-background);
            border-color: transparent;
            color: var(--p-button-text-primary-color);
        }
        .p-button-text.p-button-secondary {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-secondary-color);
        }
        .p-button-text.p-button-secondary:not(:disabled):hover {
            background: var(--p-button-text-secondary-hover-background);
            border-color: transparent;
            color: var(--p-button-text-secondary-color);
        }
        .p-button-text.p-button-secondary:not(:disabled):active {
            background: var(--p-button-text-secondary-active-background);
            border-color: transparent;
            color: var(--p-button-text-secondary-color);
        }
        .p-button-text.p-button-success {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-success-color);
        }
        .p-button-text.p-button-success:not(:disabled):hover {
            background: var(--p-button-text-success-hover-background);
            border-color: transparent;
            color: var(--p-button-text-success-color);
        }
        .p-button-text.p-button-success:not(:disabled):active {
            background: var(--p-button-text-success-active-background);
            border-color: transparent;
            color: var(--p-button-text-success-color);
        }
        .p-button-text.p-button-info {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-info-color);
        }
        .p-button-text.p-button-info:not(:disabled):hover {
            background: var(--p-button-text-info-hover-background);
            border-color: transparent;
            color: var(--p-button-text-info-color);
        }
        .p-button-text.p-button-info:not(:disabled):active {
            background: var(--p-button-text-info-active-background);
            border-color: transparent;
            color: var(--p-button-text-info-color);
        }
        .p-button-text.p-button-warn {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-warn-color);
        }
        .p-button-text.p-button-warn:not(:disabled):hover {
            background: var(--p-button-text-warn-hover-background);
            border-color: transparent;
            color: var(--p-button-text-warn-color);
        }
        .p-button-text.p-button-warn:not(:disabled):active {
            background: var(--p-button-text-warn-active-background);
            border-color: transparent;
            color: var(--p-button-text-warn-color);
        }
        .p-button-text.p-button-help {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-help-color);
        }
        .p-button-text.p-button-help:not(:disabled):hover {
            background: var(--p-button-text-help-hover-background);
            border-color: transparent;
            color: var(--p-button-text-help-color);
        }
        .p-button-text.p-button-help:not(:disabled):active {
            background: var(--p-button-text-help-active-background);
            border-color: transparent;
            color: var(--p-button-text-help-color);
        }
        .p-button-text.p-button-danger {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-danger-color);
        }
        .p-button-text.p-button-danger:not(:disabled):hover {
            background: var(--p-button-text-danger-hover-background);
            border-color: transparent;
            color: var(--p-button-text-danger-color);
        }
        .p-button-text.p-button-danger:not(:disabled):active {
            background: var(--p-button-text-danger-active-background);
            border-color: transparent;
            color: var(--p-button-text-danger-color);
        }
        .p-button-text.p-button-contrast {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-contrast-color);
        }
        .p-button-text.p-button-contrast:not(:disabled):hover {
            background: var(--p-button-text-contrast-hover-background);
            border-color: transparent;
            color: var(--p-button-text-contrast-color);
        }
        .p-button-text.p-button-contrast:not(:disabled):active {
            background: var(--p-button-text-contrast-active-background);
            border-color: transparent;
            color: var(--p-button-text-contrast-color);
        }
        .p-button-text.p-button-plain {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-text-plain-color);
        }
        .p-button-text.p-button-plain:not(:disabled):hover {
            background: var(--p-button-text-plain-hover-background);
            border-color: transparent;
            color: var(--p-button-text-plain-color);
        }
        .p-button-text.p-button-plain:not(:disabled):active {
            background: var(--p-button-text-plain-active-background);
            border-color: transparent;
            color: var(--p-button-text-plain-color);
        }
        .p-button-link {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-link-color);
        }
        .p-button-link:not(:disabled):hover {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-link-hover-color);
        }
        .p-button-link:not(:disabled):hover .p-button-label {
            text-decoration: underline;
        }
        .p-button-link:not(:disabled):active {
            background: transparent;
            border-color: transparent;
            color: var(--p-button-link-active-color);
        }
    }

    /**************************************************
primevue - datepickerVariables.css
**************************************************/
    @layer primevue {
        --p-datepicker-transition-duration: var(--p-transition-duration);
        --p-datepicker-panel-background: var(--p-content-background);
        --p-datepicker-panel-border-color: var(--p-content-border-color);
        --p-datepicker-panel-color: var(--p-content-color);
        --p-datepicker-panel-border-radius: var(--p-content-border-radius);
        --p-datepicker-panel-shadow: var(--p-overlay-popover-shadow);
        --p-datepicker-panel-padding: var(--p-overlay-popover-padding);
        --p-datepicker-header-background: var(--p-content-background);
        --p-datepicker-header-border-color: var(--p-content-border-color);
        --p-datepicker-header-color: var(--p-content-color);
        --p-datepicker-header-padding: 0 0 0.5rem 0;
        --p-datepicker-title-gap: 0.5rem;
        --p-datepicker-title-font-weight: 500;
        --p-datepicker-dropdown-width: 2.5rem;
        --p-datepicker-dropdown-sm-width: 2rem;
        --p-datepicker-dropdown-lg-width: 3rem;
        --p-datepicker-dropdown-border-color: var(--p-form-field-border-color);
        --p-datepicker-dropdown-hover-border-color: var(--p-form-field-border-color);
        --p-datepicker-dropdown-active-border-color: var(--p-form-field-border-color);
        --p-datepicker-dropdown-border-radius: var(--p-form-field-border-radius);
        --p-datepicker-dropdown-focus-ring-width: var(--p-focus-ring-width);
        --p-datepicker-dropdown-focus-ring-style: var(--p-focus-ring-style);
        --p-datepicker-dropdown-focus-ring-color: var(--p-focus-ring-color);
        --p-datepicker-dropdown-focus-ring-offset: var(--p-focus-ring-offset);
        --p-datepicker-dropdown-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datepicker-input-icon-color: var(--p-form-field-icon-color);
        --p-datepicker-select-month-hover-background: var(--p-content-hover-background);
        --p-datepicker-select-month-color: var(--p-content-color);
        --p-datepicker-select-month-hover-color: var(--p-content-hover-color);
        --p-datepicker-select-month-padding: 0.25rem 0.5rem;
        --p-datepicker-select-month-border-radius: var(--p-content-border-radius);
        --p-datepicker-select-year-hover-background: var(--p-content-hover-background);
        --p-datepicker-select-year-color: var(--p-content-color);
        --p-datepicker-select-year-hover-color: var(--p-content-hover-color);
        --p-datepicker-select-year-padding: 0.25rem 0.5rem;
        --p-datepicker-select-year-border-radius: var(--p-content-border-radius);
        --p-datepicker-group-border-color: var(--p-content-border-color);
        --p-datepicker-group-gap: var(--p-overlay-popover-padding);
        --p-datepicker-day-view-margin: 0.5rem 0 0 0;
        --p-datepicker-week-day-padding: 0.25rem;
        --p-datepicker-week-day-font-weight: 500;
        --p-datepicker-week-day-color: var(--p-content-color);
        --p-datepicker-date-hover-background: var(--p-content-hover-background);
        --p-datepicker-date-selected-background: var(--p-primary-color);
        --p-datepicker-date-range-selected-background: var(--p-highlight-background);
        --p-datepicker-date-color: var(--p-content-color);
        --p-datepicker-date-hover-color: var(--p-content-hover-color);
        --p-datepicker-date-selected-color: var(--p-primary-contrast-color);
        --p-datepicker-date-range-selected-color: var(--p-highlight-color);
        --p-datepicker-date-width: 2rem;
        --p-datepicker-date-height: 2rem;
        --p-datepicker-date-border-radius: 50%;
        --p-datepicker-date-padding: 0.25rem;
        --p-datepicker-date-focus-ring-width: 1px;
        --p-datepicker-date-focus-ring-style: var(--p-focus-ring-style);
        --p-datepicker-date-focus-ring-color: var(--p-blue-400);
        --p-datepicker-date-focus-ring-offset: var(--p-focus-ring-offset);
        --p-datepicker-date-focus-ring-shadow: var(--p-focus-ring-shadow);
        --p-datepicker-month-view-margin: 0.5rem 0 0 0;
        --p-datepicker-month-padding: 0.375rem;
        --p-datepicker-month-border-radius: var(--p-content-border-radius);
        --p-datepicker-year-view-margin: 0.5rem 0 0 0;
        --p-datepicker-year-padding: 0.375rem;
        --p-datepicker-year-border-radius: var(--p-content-border-radius);
        --p-datepicker-buttonbar-padding: 0.5rem 0 0 0;
        --p-datepicker-buttonbar-border-color: var(--p-content-border-color);
        --p-datepicker-time-picker-padding: 0.5rem 0 0 0;
        --p-datepicker-time-picker-border-color: var(--p-content-border-color);
        --p-datepicker-time-picker-gap: 0.5rem;
        --p-datepicker-time-picker-button-gap: 0.25rem;
        --p-datepicker-week-day-color: var(--p-gray-600);
        --p-datepicker-dropdown-background: var(--p-surface-100);
        --p-datepicker-dropdown-hover-background: var(--p-surface-200);
        --p-datepicker-dropdown-active-background: var(--p-surface-300);
        --p-datepicker-dropdown-color: var(--p-surface-600);
        --p-datepicker-dropdown-hover-color: var(--p-surface-700);
        --p-datepicker-dropdown-active-color: var(--p-surface-800);
        --p-datepicker-today-background: var(--p-surface-200);
        --p-datepicker-today-color: var(--p-surface-900);
        --p-datepicker-today-background: var(--p-blue-100);
    }
    @layer primevue {
        .dark-mode {
            --p-datepicker-dropdown-background: var(--p-surface-800);
            --p-datepicker-dropdown-hover-background: var(--p-surface-700);
            --p-datepicker-dropdown-active-background: var(--p-surface-600);
            --p-datepicker-dropdown-color: var(--p-surface-300);
            --p-datepicker-dropdown-hover-color: var(--p-surface-200);
            --p-datepicker-dropdown-active-color: var(--p-surface-100);
            --p-datepicker-today-background: var(--p-surface-700);
            --p-datepicker-today-color: var(--p-surface-0);
        }
    }

    /**************************************************
primevue - datepickerStyle.css
**************************************************/
    @layer primevue {
        .p-datepicker {
            display: inline-flex;
            max-width: 100%;
        }
        .p-datepicker-input {
            flex: 1 1 auto;
            width: 1%;
        }
        .p-datepicker:has(.p-datepicker-dropdown) .p-datepicker-input {
            border-start-end-radius: 0;
            border-end-end-radius: 0;
        }
        .p-datepicker-dropdown {
            cursor: pointer;
            display: inline-flex;
            user-select: none;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            position: relative;
            width: var(--p-datepicker-dropdown-width);
            border-start-end-radius: var(--p-datepicker-dropdown-border-radius);
            border-end-end-radius: var(--p-datepicker-dropdown-border-radius);
            background: var(--p-datepicker-dropdown-background);
            border: 1px solid var(--p-datepicker-dropdown-border-color);
            border-inline-start: 0 none;
            color: var(--p-datepicker-dropdown-color);
            transition:
                background var(--p-datepicker-transition-duration),
                color var(--p-datepicker-transition-duration),
                border-color var(--p-datepicker-transition-duration),
                outline-color var(--p-datepicker-transition-duration);
            outline-color: transparent;
        }
        .p-datepicker-dropdown:not(:disabled):hover {
            background: var(--p-datepicker-dropdown-hover-background);
            border-color: var(--p-datepicker-dropdown-hover-border-color);
            color: var(--p-datepicker-dropdown-hover-color);
        }
        .p-datepicker-dropdown:not(:disabled):active {
            background: var(--p-datepicker-dropdown-active-background);
            border-color: var(--p-datepicker-dropdown-active-border-color);
            color: var(--p-datepicker-dropdown-active-color);
        }
        .p-datepicker-dropdown:focus-visible {
            box-shadow: var(--p-datepicker-dropdown-focus-ring-shadow);
            outline: var(--p-datepicker-dropdown-focus-ring-width) var(--p-datepicker-dropdown-focus-ring-style)
                var(--p-datepicker-dropdown-focus-ring-color);
            outline-offset: var(--p-datepicker-dropdown-focus-ring-offset);
        }
        .p-datepicker:has(.p-datepicker-input-icon-container) {
            position: relative;
        }
        .p-datepicker:has(.p-datepicker-input-icon-container) .p-datepicker-input {
            padding-inline-end: calc((var(--p-form-field-padding-x) * 2) + var(--p-icon-size));
        }
        .p-datepicker-input-icon-container {
            cursor: pointer;
            position: absolute;
            top: 50%;
            inset-inline-end: var(--p-form-field-padding-x);
            margin-block-start: calc(-1 * (var(--p-icon-size) / 2));
            color: var(--p-datepicker-input-icon-color);
            line-height: 1;
        }
        .p-datepicker-fluid {
            display: flex;
        }
        .p-datepicker-fluid .p-datepicker-input {
            width: 1%;
        }
        .p-datepicker .p-datepicker-panel {
            min-width: 100%;
        }
        .p-datepicker-panel {
            width: auto;
            padding: var(--p-datepicker-panel-padding);
            background: var(--p-datepicker-panel-background);
            color: var(--p-datepicker-panel-color);
            border: 1px solid var(--p-datepicker-panel-border-color);
            border-radius: var(--p-datepicker-panel-border-radius);
            box-shadow: var(--p-datepicker-panel-shadow);
        }
        .p-datepicker-panel-inline {
            display: inline-block;
            overflow-x: auto;
            box-shadow: none;
        }
        .p-datepicker-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: var(--p-datepicker-header-padding);
            background: var(--p-datepicker-header-background);
            color: var(--p-datepicker-header-color);
            border-block-end: 1px solid var(--p-datepicker-header-border-color);
        }
        .p-datepicker-next-button:dir(rtl) {
            order: -1;
        }
        .p-datepicker-prev-button:dir(rtl) {
            order: 1;
        }
        .p-datepicker-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--p-datepicker-title-gap);
            font-weight: var(--p-datepicker-title-font-weight);
        }
        .p-datepicker-select-year,
        .p-datepicker-select-month {
            border: none;
            background: transparent;
            margin: 0;
            cursor: pointer;
            font-weight: inherit;
            transition:
                background var(--p-datepicker-transition-duration),
                color var(--p-datepicker-transition-duration),
                border-color var(--p-datepicker-transition-duration),
                outline-color var(--p-datepicker-transition-duration),
                box-shadow var(--p-datepicker-transition-duration);
        }
        .p-datepicker-select-month {
            padding: var(--p-datepicker-select-month-padding) !important;
            color: var(--p-datepicker-select-month-color) !important;
            border-radius: var(--p-datepicker-select-month-border-radius) !important;
        }
        .p-datepicker-select-year {
            padding: var(--p-datepicker-select-year-padding);
            color: var(--p-datepicker-select-year-color);
            border-radius: var(--p-datepicker-select-year-border-radius);
        }
        .p-datepicker-select-month:enabled:hover {
            background: var(--p-datepicker-select-month-hover-background);
            color: var(--p-datepicker-select-month-hover-color);
        }
        .p-datepicker-select-year:enabled:hover {
            background: var(--p-datepicker-select-year-hover-background);
            color: var(--p-datepicker-select-year-hover-color);
        }
        .p-datepicker-select-month:focus-visible,
        .p-datepicker-select-year:focus-visible {
            box-shadow: var(--p-datepicker-date-focus-ring-shadow);
            outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style)
                var(--p-datepicker-date-focus-ring-color);
            outline-offset: var(--p-datepicker-date-focus-ring-offset);
        }
        .p-datepicker-calendar-container {
            display: flex;
        }
        .p-datepicker-calendar-container .p-datepicker-calendar {
            flex: 1 1 auto;
            border-inline-start: 1px solid var(--p-datepicker-group-border-color);
            padding-inline-end: var(--p-datepicker-group-gap);
            padding-inline-start: var(--p-datepicker-group-gap);
        }
        .p-datepicker-calendar-container .p-datepicker-calendar:first-child {
            padding-inline-start: 0;
            border-inline-start: 0 none;
        }
        .p-datepicker-calendar-container .p-datepicker-calendar:last-child {
            padding-inline-end: 0;
        }
        .p-datepicker-day-view {
            width: 100%;
            border-collapse: collapse;
            font-size: 1rem;
            margin: var(--p-datepicker-day-view-margin);
        }
        .p-datepicker-weekday-cell {
            padding: var(--p-datepicker-week-day-padding);
        }
        .p-datepicker-weekday {
            font-weight: var(--p-datepicker-week-day-font-weight);
            color: var(--p-datepicker-week-day-color);
        }
        .p-datepicker-day-cell {
            padding: var(--p-datepicker-date-padding);
        }
        .p-datepicker-day {
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            margin: 0 auto;
            overflow: hidden;
            position: relative;
            width: var(--p-datepicker-date-width);
            height: var(--p-datepicker-date-height);
            border-radius: var(--p-datepicker-date-border-radius);
            transition:
                background var(--p-datepicker-transition-duration),
                color var(--p-datepicker-transition-duration),
                border-color var(--p-datepicker-transition-duration),
                box-shadow var(--p-datepicker-transition-duration),
                outline-color var(--p-datepicker-transition-duration);
            border: 1px solid transparent;
            outline-color: transparent;
            color: var(--p-datepicker-date-color);
        }
        .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {
            background: var(--p-datepicker-date-hover-background);
            color: var(--p-datepicker-date-hover-color);
        }
        .p-datepicker-day:focus-visible {
            box-shadow: var(--p-datepicker-date-focus-ring-shadow);
            outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style)
                var(--p-datepicker-date-focus-ring-color);
            outline-offset: var(--p-datepicker-date-focus-ring-offset);
        }
        .p-datepicker-day-selected {
            background: var(--p-datepicker-date-selected-background);
            color: var(--p-datepicker-date-selected-color);
        }
        .p-datepicker-day-selected-range {
            background: var(--p-datepicker-date-range-selected-background);
            color: var(--p-datepicker-date-range-selected-color);
        }
        .p-datepicker-today > .p-datepicker-day {
            background: var(--p-datepicker-today-background);
            color: var(--p-datepicker-today-color);
        }
        .p-datepicker-today > .p-datepicker-day-selected {
            background: var(--p-datepicker-date-selected-background);
            color: var(--p-datepicker-date-selected-color);
        }
        .p-datepicker-today > .p-datepicker-day-selected-range {
            background: var(--p-datepicker-date-range-selected-background);
            color: var(--p-datepicker-date-range-selected-color);
        }
        .p-datepicker-weeknumber {
            text-align: center;
        }
        .p-datepicker-month-view {
            margin: var(--p-datepicker-month-view-margin);
        }
        .p-datepicker-month {
            width: 33.3%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            overflow: hidden;
            position: relative;
            padding: var(--p-datepicker-month-padding);
            transition:
                background var(--p-datepicker-transition-duration),
                color var(--p-datepicker-transition-duration),
                border-color var(--p-datepicker-transition-duration),
                box-shadow var(--p-datepicker-transition-duration),
                outline-color var(--p-datepicker-transition-duration);
            border-radius: var(--p-datepicker-month-border-radius);
            outline-color: transparent;
            color: var(--p-datepicker-date-color);
        }
        .p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover {
            color: var(--p-datepicker-date-hover-color);
            background: var(--p-datepicker-date-hover-background);
        }
        .p-datepicker-month-selected {
            color: var(--p-datepicker-date-selected-color);
            background: var(--p-datepicker-date-selected-background);
        }
        .p-datepicker-month:not(.p-disabled):focus-visible {
            box-shadow: var(--p-datepicker-date-focus-ring-shadow);
            outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style)
                var(--p-datepicker-date-focus-ring-color);
            outline-offset: var(--p-datepicker-date-focus-ring-offset);
        }
        .p-datepicker-year-view {
            margin: var(--p-datepicker-year-view-margin);
        }
        .p-datepicker-year {
            width: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            overflow: hidden;
            position: relative;
            padding: var(--p-datepicker-year-padding);
            transition:
                background var(--p-datepicker-transition-duration),
                color var(--p-datepicker-transition-duration),
                border-color var(--p-datepicker-transition-duration),
                box-shadow var(--p-datepicker-transition-duration),
                outline-color var(--p-datepicker-transition-duration);
            border-radius: var(--p-datepicker-year-border-radius);
            outline-color: transparent;
            color: var(--p-datepicker-date-color);
        }
        .p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {
            color: var(--p-datepicker-date-hover-color);
            background: var(--p-datepicker-date-hover-background);
        }
        .p-datepicker-year-selected {
            color: var(--p-datepicker-date-selected-color);
            background: var(--p-datepicker-date-selected-background);
        }
        .p-datepicker-year:not(.p-disabled):focus-visible {
            box-shadow: var(--p-datepicker-date-focus-ring-shadow);
            outline: var(--p-datepicker-date-focus-ring-width) var(--p-datepicker-date-focus-ring-style)
                var(--p-datepicker-date-focus-ring-color);
            outline-offset: var(--p-datepicker-date-focus-ring-offset);
        }
        .p-datepicker-buttonbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: var(--p-datepicker-buttonbar-padding);
            border-block-start: 1px solid var(--p-datepicker-buttonbar-border-color);
        }
        .p-datepicker-buttonbar .p-button {
            width: auto;
        }
        .p-datepicker-time-picker {
            display: flex;
            justify-content: center;
            align-items: center;
            border-block-start: 1px solid var(--p-datepicker-time-picker-border-color);
            padding: 0;
            gap: var(--p-datepicker-time-picker-gap);
        }
        .p-datepicker-calendar-container + .p-datepicker-time-picker {
            padding: var(--p-datepicker-time-picker-padding);
        }
        .p-datepicker-time-picker > div {
            display: flex;
            align-items: center;
            flex-direction: column;
            gap: var(--p-datepicker-time-picker-button-gap);
        }
        .p-datepicker-time-picker span {
            font-size: 1rem;
        }
        .p-datepicker-timeonly .p-datepicker-time-picker {
            border-block-start: 0 none;
        }
        .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown {
            width: var(--p-datepicker-dropdown-sm-width);
        }
        .p-datepicker:has(.p-inputtext-sm) .p-datepicker-dropdown .p-icon,
        .p-datepicker:has(.p-inputtext-sm) .p-datepicker-input-icon {
            font-size: var(--p-form-field-sm-font-size);
            width: var(--p-form-field-sm-font-size);
            height: var(--p-form-field-sm-font-size);
        }
        .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown {
            width: var(--p-datepicker-dropdown-lg-width);
        }
        .p-datepicker:has(.p-inputtext-lg) .p-datepicker-dropdown .p-icon,
        .p-datepicker:has(.p-inputtext-lg) .p-datepicker-input-icon {
            font-size: var(--p-form-field-lg-font-size);
            width: var(--p-form-field-lg-font-size);
            height: var(--p-form-field-lg-font-size);
        }
    }
}

/**************************************************
additional styles customized because of
- directly same html element as vec-webcomponents
- styling on html, body or :host
**************************************************/
@layer primevue {
    .p-datepicker .vec-webcomponents.p-datepicker-panel {
        min-width: 100%;
    }
    .vec-webcomponents.p-datepicker-panel {
        width: auto;
        padding: var(--p-datepicker-panel-padding);
        background: var(--p-datepicker-panel-background);
        color: var(--p-datepicker-panel-color);
        border: 1px solid var(--p-datepicker-panel-border-color);
        border-radius: var(--p-datepicker-panel-border-radius);
        box-shadow: var(--p-datepicker-panel-shadow);
    }
    .vec-webcomponents.p-datepicker-panel-inline {
        display: inline-block;
        overflow-x: auto;
        box-shadow: none;
    }
}

@layer tailwind-base {
    /*html,
    :host,*/
    .vec-webcomponents {
        line-height: 1.5; /* 1 */
        -webkit-text-size-adjust: 100%; /* 2 */
        -moz-tab-size: 4; /* 3 */
        -o-tab-size: 4;
        tab-size: 4; /* 3 */
        font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* 4 */
        font-feature-settings: normal; /* 5 */
        font-variation-settings: normal; /* 6 */
        -webkit-tap-highlight-color: transparent; /* 7 */
    }
}

@layer frontend-utilities {
    /*body,
    :host,*/
    .vec-webcomponents {
        font-family:
            Linotype Univers,
            Helvetica Neue,
            Helvetica,
            Arial,
            sans-serif;
        line-height: 1.5;
        font-size: 16px;
        font-weight: 400;
        color: var(--p-text-color);
    }
    /*body .dark-mode,
    :host .dark-mode,*/
    .vec-webcomponents .dark-mode {
        color: var(--p-text-color);
    }
}

@layer frontend-base {
    /*body,
    :host,*/
    .vec-webcomponents {
        margin: 0;
        /* min-height: 100vh; */
        background: var(--p-color-background);
        transition:
            color 0.5s,
            background-color 0.5s;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/**************************************************
styles we need because they are overwritten by umbraco
**************************************************/
.vec-webcomponents {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;

    img,
    svg,
    picture {
        max-width: unset !important;
        max-height: unset !important;
    }

    button {
        padding: var(--p-button-padding-y) var(--p-button-padding-x);
        font-size: 100% !important;
        text-transform: none !important;
    }

    .p-datepicker-select-month {
        padding: var(--p-datepicker-select-month-padding) !important;
        color: var(--p-datepicker-select-month-color) !important;
        border-radius: var(--p-datepicker-select-month-border-radius) !important;
    }

    .p-button-icon-only {
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
    }
}