.app-header-controller {
            background: rgba(255,255,255,.9) !important;
            border-radius: 16px;
            margin: 1rem auto auto;
            max-width: 90%
}
        
        .landing-banner-controller{
            background: rgba(0,0,0,.3);
                        border-radius: 16px;
            color: #fff;
            display: flex;
            flex-wrap: wrap;
            overflow: hidden;
            padding: 1rem 2rem;
            width: 100%
        }

        @media (max-width:756px) {
            .landing-banner-controller {
                padding: 2rem
            }
        }

        .landing-banner-controller .gray {
            color: var(--lineBg) !important
        }
        #nextpay[data-v-915b71ec] {
            margin: auto
        }

        #nextpay img[data-v-915b71ec] {
            width: 80px
        }
        :root {
            --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            --surface-a: #1e1e1e;
            --surface-b: #121212;
            --surface-c: hsla(0, 0%, 100%, .03);
            --surface-d: #383838;
            --surface-e: #1e1e1e;
            --surface-f: #1e1e1e;
            --text-color: hsla(0, 0%, 100%, .87);
            --text-color-secondary: hsla(0, 0%, 100%, .6);
            --primary-color: #ffd54f;
            --primary-color-text: #212529;
            --surface-0: #121212;
            --surface-50: #2a2a2a;
            --surface-100: #414141;
            --surface-200: #595959;
            --surface-300: #717171;
            --surface-400: #898989;
            --surface-500: #a0a0a0;
            --surface-600: #b8b8b8;
            --surface-700: #d0d0d0;
            --surface-800: #e7e7e7;
            --surface-900: #fff;
            --gray-50: #e7e7e7;
            --gray-100: #d0d0d0;
            --gray-200: #b8b8b8;
            --gray-300: #a0a0a0;
            --gray-400: #898989;
            --gray-500: #717171;
            --gray-600: #595959;
            --gray-700: #414141;
            --gray-800: #2a2a2a;
            --gray-900: #121212;
            --content-padding: 1rem;
            --inline-spacing: 0.5rem;
            --border-radius: 3px;
            --surface-ground: #121212;
            --surface-section: #121212;
            --surface-card: #1e1e1e;
            --surface-overlay: #1e1e1e;
            --surface-border: #383838;
            --surface-hover: hsla(0, 0%, 100%, .03);
            --focus-ring: 0 0 0 1px #ffe284;
            --maskbg: rgba(0, 0, 0, .4);
            --highlight-bg: rgba(255, 213, 79, .16);
            --highlight-text-color: hsla(0, 0%, 100%, .87);
            --blue-50: #f4fafe;
            --blue-100: #cae6fc;
            --blue-200: #a0d2fa;
            --blue-300: #75bef8;
            --blue-400: #4baaf5;
            --blue-500: #2196f3;
            --blue-600: #1c80cf;
            --blue-700: #1769aa;
            --blue-800: #125386;
            --blue-900: #0d3c61;
            --green-50: #f6fbf6;
            --green-100: #d4ecd5;
            --green-200: #b2ddb4;
            --green-300: #90cd93;
            --green-400: #6ebe71;
            --green-500: #4caf50;
            --green-600: #419544;
            --green-700: #357b38;
            --green-800: #2a602c;
            --green-900: #1e4620;
            --yellow-50: #fffcf5;
            --yellow-100: #fef0cd;
            --yellow-200: #fde4a5;
            --yellow-300: #fdd87d;
            --yellow-400: #fccc55;
            --yellow-500: #fbc02d;
            --yellow-600: #d5a326;
            --yellow-700: #b08620;
            --yellow-800: #8a6a19;
            --yellow-900: #644d12;
            --cyan-50: #f2fcfd;
            --cyan-100: #c2eff5;
            --cyan-200: #91e2ed;
            --cyan-300: #61d5e4;
            --cyan-400: #30c9dc;
            --cyan-500: #00bcd4;
            --cyan-600: #00a0b4;
            --cyan-700: #008494;
            --cyan-800: #006775;
            --cyan-900: #004b55;
            --pink-50: #fef4f7;
            --pink-100: #fac9da;
            --pink-200: #f69ebc;
            --pink-300: #f1749e;
            --pink-400: #ed4981;
            --pink-500: #e91e63;
            --pink-600: #c61a54;
            --pink-700: #a31545;
            --pink-800: #801136;
            --pink-900: #5d0c28;
            --indigo-50: #f5f6fb;
            --indigo-100: #d1d5ed;
            --indigo-200: #acb4df;
            --indigo-300: #8893d1;
            --indigo-400: #6372c3;
            --indigo-500: #3f51b5;
            --indigo-600: #36459a;
            --indigo-700: #2c397f;
            --indigo-800: #232d64;
            --indigo-900: #192048;
            --teal-50: #f2faf9;
            --teal-100: #c2e6e2;
            --teal-200: #91d2cc;
            --teal-300: #61beb5;
            --teal-400: #30aa9f;
            --teal-500: #009688;
            --teal-600: #008074;
            --teal-700: #00695f;
            --teal-800: #00534b;
            --teal-900: #003c36;
            --orange-50: #fff8f2;
            --orange-100: #fde0c2;
            --orange-200: #fbc791;
            --orange-300: #f9ae61;
            --orange-400: #f79530;
            --orange-500: #f57c00;
            --orange-600: #d06900;
            --orange-700: #ac5700;
            --orange-800: #874400;
            --orange-900: #623200;
            --bluegray-50: #f7f9f9;
            --bluegray-100: #d9e0e3;
            --bluegray-200: #bbc7cd;
            --bluegray-300: #9caeb7;
            --bluegray-400: #7e96a1;
            --bluegray-500: #607d8b;
            --bluegray-600: #526a76;
            --bluegray-700: #435861;
            --bluegray-800: #35454c;
            --bluegray-900: #263238;
            --purple-50: #faf4fb;
            --purple-100: #e7cbec;
            --purple-200: #d4a2dd;
            --purple-300: #c279ce;
            --purple-400: #af50bf;
            --purple-500: #9c27b0;
            --purple-600: #852196;
            --purple-700: #6d1b7b;
            --purple-800: #561561;
            --purple-900: #3e1046;
            --red-50: #fff5f5;
            --red-100: #ffd1ce;
            --red-200: #ffada7;
            --red-300: #ff8980;
            --red-400: #ff6459;
            --red-500: #ff4032;
            --red-600: #d9362b;
            --red-700: #b32d23;
            --red-800: #8c231c;
            --red-900: #661a14;
            --primary-50: #fffdf6;
            --primary-100: #fff5d5;
            --primary-200: #ffedb3;
            --primary-300: #ffe592;
            --primary-400: #ffdd70;
            --primary-500: #ffd54f;
            --primary-600: #d9b543;
            --primary-700: #b39537;
            --primary-800: #8c752b;
            --primary-900: #665520;
            color-scheme: dark;
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
        }

        .p-editor-container .p-editor-toolbar {
            background: #1e1e1e;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .p-editor-container .p-editor-toolbar.ql-snow {
            border: 1px solid #383838
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
            stroke: hsla(0, 0%, 100%, .6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
            fill: hsla(0, 0%, 100%, .6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
            border: 0;
            color: hsla(0, 0%, 100%, .6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
            stroke: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
            fill: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
            stroke: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
            fill: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            padding: .5rem 0
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
            padding: .5rem 1rem
        }

        .p-editor-container .p-editor-content {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .p-editor-container .p-editor-content.ql-snow {
            border: 1px solid #383838
        }

        .p-editor-container .p-editor-content .ql-editor {
            background: #121212;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar button:focus,
        .p-editor-container .ql-snow.ql-toolbar button:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke,
        .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke {
            stroke: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill,
        .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill {
            fill: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active {
            color: #ffd54f
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke {
            stroke: #ffd54f
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill {
            fill: #ffd54f
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label {
            color: #ffd54f
        }

        @layer primevue {
            * {
                box-sizing: border-box
            }

            .p-component {
                font-feature-settings: var(--font-feature-settings, normal);
                font-family: var(--font-family);
                font-size: 1rem;
                font-weight: 400
            }

            .p-component-overlay {
                background-color: rgba(0, 0, 0, .4);
                transition-duration: .2s
            }

            .p-component:disabled,
            .p-disabled {
                opacity: .4
            }

            .p-error {
                color: #ef9a9a
            }

            .p-text-secondary {
                color: hsla(0, 0%, 100%, .6)
            }

            .pi {
                font-size: 1rem
            }

            .p-icon {
                height: 1rem;
                width: 1rem
            }

            .p-link {
                font-feature-settings: var(--font-feature-settings, normal);
                border-radius: 3px;
                font-family: var(--font-family);
                font-size: 1rem
            }

            .p-link:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-component-overlay-enter {
                animation: p-component-overlay-enter-animation .15s forwards
            }

            .p-component-overlay-leave {
                animation: p-component-overlay-leave-animation .15s forwards
            }

            @keyframes p-component-overlay-enter-animation {
                0% {
                    background-color: transparent
                }

                to {
                    background-color: var(--maskbg)
                }
            }

            @keyframes p-component-overlay-leave-animation {
                0% {
                    background-color: var(--maskbg)
                }

                to {
                    background-color: transparent
                }
            }

            .p-autocomplete .p-autocomplete-loader {
                right: .5rem
            }

            .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
                right: 2.857rem
            }

            .p-autocomplete:not(.p-disabled):hover .p-autocomplete-multiple-container {
                border-color: #ffd54f
            }

            .p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-multiple-container {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-autocomplete .p-autocomplete-multiple-container {
                gap: .5rem;
                padding: .25rem .5rem
            }

            .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
                padding: .25rem 0
            }

            .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
                font-feature-settings: var(--font-feature-settings, normal);
                color: hsla(0, 0%, 100%, .87);
                font-family: var(--font-family);
                font-size: 1rem;
                margin: 0;
                padding: 0
            }

            .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
                background: #383838;
                border-radius: 16px;
                color: hsla(0, 0%, 100%, .87);
                padding: .25rem .5rem
            }

            .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
                margin-left: .5rem
            }

            .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus {
                background: #464646;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-autocomplete.p-invalid.p-component>.p-inputtext {
                border-color: #ef9a9a
            }

            .p-autocomplete-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-autocomplete-panel .p-autocomplete-items {
                padding: .5rem 0
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
                background: transparent;
                border: 0;
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: box-shadow .2s
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .75rem 1rem
            }

            .p-calendar.p-invalid.p-component>.p-inputtext {
                border-color: #ef9a9a
            }

            .p-calendar:not(.p-calendar-disabled).p-focus>.p-inputtext {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datepicker {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem
            }

            .p-datepicker:not(.p-datepicker-inline) {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
            }

            .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
                background: #1e1e1e
            }

            .p-datepicker .p-datepicker-header {
                background: #1e1e1e;
                border-bottom: 1px solid #383838;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .5rem
            }

            .p-datepicker .p-datepicker-header .p-datepicker-next,
            .p-datepicker .p-datepicker-header .p-datepicker-prev {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover,
            .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible,
            .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datepicker .p-datepicker-header .p-datepicker-title {
                line-height: 2rem
            }

            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s
            }

            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover,
            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover {
                color: #ffd54f
            }

            .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
                margin-right: .5rem
            }

            .p-datepicker table {
                font-size: 1rem;
                margin: .5rem 0
            }

            .p-datepicker table th {
                padding: .5rem
            }

            .p-datepicker table th>span {
                height: 2.5rem;
                width: 2.5rem
            }

            .p-datepicker table td {
                padding: .5rem
            }

            .p-datepicker table td>span {
                border: 1px solid transparent;
                border-radius: 50%;
                height: 2.5rem;
                transition: box-shadow .2s;
                width: 2.5rem
            }

            .p-datepicker table td>span.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datepicker table td>span:focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datepicker table td.p-datepicker-today>span {
                background: transparent;
                border-color: transparent;
                color: #ffd54f
            }

            .p-datepicker table td.p-datepicker-today>span.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datepicker .p-datepicker-buttonbar {
                border-top: 1px solid #383838;
                padding: 1rem 0
            }

            .p-datepicker .p-datepicker-buttonbar .p-button {
                width: auto
            }

            .p-datepicker .p-timepicker {
                border-top: 1px solid #383838;
                padding: .5rem
            }

            .p-datepicker .p-timepicker button {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-datepicker .p-timepicker button:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datepicker .p-timepicker button:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datepicker .p-timepicker button:last-child {
                margin-top: .2em
            }

            .p-datepicker .p-timepicker span {
                font-size: 1.25rem
            }

            .p-datepicker .p-timepicker>div {
                padding: 0 .5rem
            }

            .p-datepicker.p-datepicker-timeonly .p-timepicker {
                border-top: 0
            }

            .p-datepicker .p-monthpicker {
                margin: .5rem 0
            }

            .p-datepicker .p-monthpicker .p-monthpicker-month {
                border-radius: 3px;
                padding: .5rem;
                transition: box-shadow .2s
            }

            .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datepicker .p-yearpicker {
                margin: .5rem 0
            }

            .p-datepicker .p-yearpicker .p-yearpicker-year {
                border-radius: 3px;
                padding: .5rem;
                transition: box-shadow .2s
            }

            .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
                border-left: 1px solid #383838;
                padding: 0 .5rem
            }

            .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
                border-left: 0;
                padding-left: 0
            }

            .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
                padding-right: 0
            }

            .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            @media screen and (max-width:769px) {

                .p-datepicker table td,
                .p-datepicker table th {
                    padding: 0
                }
            }

            .p-cascadeselect {
                background: #121212;
                border: 1px solid #383838;
                border-radius: 3px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-cascadeselect:not(.p-disabled):hover {
                border-color: #ffd54f
            }

            .p-cascadeselect:not(.p-disabled).p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-cascadeselect .p-cascadeselect-label {
                background: transparent;
                border: 0;
                padding: .5rem
            }

            .p-cascadeselect .p-cascadeselect-label.p-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-cascadeselect .p-cascadeselect-label:enabled:focus {
                box-shadow: none;
                outline: 0 none
            }

            .p-cascadeselect .p-cascadeselect-trigger {
                background: transparent;
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                width: 2.357rem
            }

            .p-cascadeselect.p-invalid.p-component {
                border-color: #ef9a9a
            }

            .p-cascadeselect-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-cascadeselect-panel .p-cascadeselect-items {
                padding: .5rem 0
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
                background: transparent;
                border: 0;
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                transition: box-shadow .2s
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
                padding: .5rem 1rem
            }

            .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
                font-size: .875rem
            }

            .p-input-filled .p-cascadeselect {
                background: #383838
            }

            .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus,
            .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
                background-color: #383838
            }

            .p-checkbox {
                height: 20px;
                width: 20px
            }

            .p-checkbox .p-checkbox-box {
                background: #121212;
                border: 2px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                height: 20px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
                width: 20px
            }

            .p-checkbox .p-checkbox-box .p-checkbox-icon {
                color: #212529;
                font-size: 14px;
                transition-duration: .2s
            }

            .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
                height: 14px;
                width: 14px
            }

            .p-checkbox .p-checkbox-box.p-highlight {
                background: #ffd54f;
                border-color: #ffd54f
            }

            .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
                border-color: #ffd54f
            }

            .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
                background: #ffc50c;
                border-color: #ffc50c;
                color: #212529
            }

            .p-checkbox.p-invalid>.p-checkbox-box {
                border-color: #ef9a9a
            }

            .p-input-filled .p-checkbox .p-checkbox-box {
                background-color: #383838
            }

            .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
                background: #ffd54f
            }

            .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
                background-color: #383838
            }

            .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
                background: #ffc50c
            }

            .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
                border-color: #ffd54f
            }

            .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-chips .p-chips-multiple-container {
                padding: .25rem .5rem
            }

            .p-chips .p-chips-multiple-container .p-chips-token {
                background: #383838;
                border-radius: 16px;
                color: hsla(0, 0%, 100%, .87);
                margin-right: .5rem;
                padding: .25rem .5rem
            }

            .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
                background: #464646;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
                margin-left: .5rem
            }

            .p-chips .p-chips-multiple-container .p-chips-input-token {
                padding: .25rem 0
            }

            .p-chips .p-chips-multiple-container .p-chips-input-token input {
                font-feature-settings: var(--font-feature-settings, normal);
                color: hsla(0, 0%, 100%, .87);
                font-family: var(--font-family);
                font-size: 1rem;
                margin: 0;
                padding: 0
            }

            .p-chips.p-invalid.p-component>.p-inputtext {
                border-color: #ef9a9a
            }

            .p-colorpicker-preview {
                height: 2rem;
                width: 2rem
            }

            .p-colorpicker-panel {
                background: #1e1e1e;
                border: 1px solid #383838
            }

            .p-colorpicker-panel .p-colorpicker-color-handle,
            .p-colorpicker-panel .p-colorpicker-hue-handle {
                border-color: hsla(0, 0%, 100%, .87)
            }

            .p-colorpicker-overlay-panel {
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
            }

            .p-dropdown {
                background: #121212;
                border: 1px solid #383838;
                border-radius: 3px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-dropdown:not(.p-disabled):hover {
                border-color: #ffd54f
            }

            .p-dropdown:not(.p-disabled).p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-dropdown.p-dropdown-clearable .p-dropdown-label {
                padding-right: 1.5rem
            }

            .p-dropdown .p-dropdown-label {
                background: transparent;
                border: 0
            }

            .p-dropdown .p-dropdown-label.p-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-dropdown .p-dropdown-label:enabled:focus,
            .p-dropdown .p-dropdown-label:focus {
                box-shadow: none;
                outline: 0 none
            }

            .p-dropdown .p-dropdown-trigger {
                background: transparent;
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                width: 2.357rem
            }

            .p-dropdown .p-dropdown-clear-icon {
                color: hsla(0, 0%, 100%, .6);
                right: 2.357rem
            }

            .p-dropdown.p-invalid.p-component {
                border-color: #ef9a9a
            }

            .p-dropdown-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-dropdown-panel .p-dropdown-header {
                background: #1e1e1e;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem
            }

            .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
                margin-right: -1.5rem;
                padding-right: 1.5rem
            }

            .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
                color: hsla(0, 0%, 100%, .6);
                right: .5rem
            }

            .p-dropdown-panel .p-dropdown-items {
                padding: .5rem 0
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
                background: transparent;
                border: 0;
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: box-shadow .2s
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .75rem 1rem
            }

            .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
                background: transparent;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem 1rem
            }

            .p-input-filled .p-dropdown {
                background: #383838
            }

            .p-input-filled .p-dropdown:not(.p-disabled).p-focus,
            .p-input-filled .p-dropdown:not(.p-disabled):hover {
                background-color: #383838
            }

            .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
                background-color: transparent
            }

            .p-inputgroup-addon {
                background: #1e1e1e;
                border-bottom: 1px solid #383838;
                border-left: 1px solid #383838;
                border-top: 1px solid #383838;
                color: hsla(0, 0%, 100%, .6);
                min-width: 2.357rem;
                padding: .5rem
            }

            .p-inputgroup-addon:last-child {
                border-right: 1px solid #383838
            }

            .p-inputgroup>.p-component,
            .p-inputgroup>.p-float-label>.p-component,
            .p-inputgroup>.p-inputwrapper>.p-inputtext {
                border-radius: 0;
                margin: 0
            }

            .p-inputgroup>.p-component+.p-inputgroup-addon,
            .p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon,
            .p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon {
                border-left: 0
            }

            .p-inputgroup>.p-component:focus,
            .p-inputgroup>.p-component:focus~label,
            .p-inputgroup>.p-float-label>.p-component:focus,
            .p-inputgroup>.p-float-label>.p-component:focus~label,
            .p-inputgroup>.p-inputwrapper>.p-inputtext:focus,
            .p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label {
                z-index: 1
            }

            .p-inputgroup .p-float-label:first-child input,
            .p-inputgroup button:first-child,
            .p-inputgroup input:first-child,
            .p-inputgroup-addon:first-child,
            .p-inputgroup>.p-inputwrapper:first-child,
            .p-inputgroup>.p-inputwrapper:first-child>.p-inputtext {
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px
            }

            .p-inputgroup .p-float-label:last-child input,
            .p-inputgroup button:last-child,
            .p-inputgroup input:last-child,
            .p-inputgroup-addon:last-child,
            .p-inputgroup>.p-inputwrapper:last-child,
            .p-inputgroup>.p-inputwrapper:last-child>.p-inputtext {
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px
            }

            .p-fluid .p-inputgroup .p-button {
                width: auto
            }

            .p-fluid .p-inputgroup .p-button.p-button-icon-only {
                width: 2.357rem
            }

            .p-inputnumber.p-invalid.p-component>.p-inputtext {
                border-color: #ef9a9a
            }

            .p-inputswitch {
                height: 1.75rem;
                width: 3rem
            }

            .p-inputswitch .p-inputswitch-slider {
                background: #383838;
                border-radius: 30px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-inputswitch .p-inputswitch-slider:before {
                background: hsla(0, 0%, 100%, .6);
                border-radius: 50%;
                height: 1.25rem;
                left: .25rem;
                margin-top: -.625rem;
                transition-duration: .2s;
                width: 1.25rem
            }

            .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
                transform: translateX(1.25rem)
            }

            .p-inputswitch.p-focus .p-inputswitch-slider {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
                background: #ffd54f
            }

            .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
                background: hsla(0, 0%, 100%, .87)
            }

            .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
                background: #ffcd2e
            }

            .p-inputswitch.p-invalid .p-inputswitch-slider {
                border-color: #ef9a9a
            }

            .p-inputtext {
                font-feature-settings: var(--font-feature-settings, normal);
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: #121212;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-family: var(--font-family);
                font-size: 1rem;
                padding: .5rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-inputtext:enabled:hover {
                border-color: #ffd54f
            }

            .p-inputtext:enabled:focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-inputtext.p-invalid.p-component {
                border-color: #ef9a9a
            }

            .p-inputtext.p-inputtext-sm {
                font-size: .875rem;
                padding: .4375rem
            }

            .p-inputtext.p-inputtext-lg {
                font-size: 1.25rem;
                padding: .625rem
            }

            .p-float-label>label {
                color: hsla(0, 0%, 100%, .6);
                left: .5rem;
                transition-duration: .2s
            }

            .p-float-label>.p-invalid+label {
                color: #ef9a9a
            }

            .p-input-icon-left>i:first-of-type,
            .p-input-icon-left>svg:first-of-type {
                color: hsla(0, 0%, 100%, .6);
                left: .5rem
            }

            .p-input-icon-left>.p-inputtext {
                padding-left: 2rem
            }

            .p-input-icon-left.p-float-label>label {
                left: 2rem
            }

            .p-input-icon-right>i:last-of-type,
            .p-input-icon-right>svg:last-of-type {
                color: hsla(0, 0%, 100%, .6);
                right: .5rem
            }

            .p-input-icon-right>.p-inputtext {
                padding-right: 2rem
            }

            ::-webkit-input-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            :-moz-placeholder,
            ::-moz-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            :-ms-input-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-input-filled .p-inputtext,
            .p-input-filled .p-inputtext:enabled:focus,
            .p-input-filled .p-inputtext:enabled:hover {
                background-color: #383838
            }

            .p-inputtext-sm .p-inputtext {
                font-size: .875rem;
                padding: .4375rem
            }

            .p-inputtext-lg .p-inputtext {
                font-size: 1.25rem;
                padding: .625rem
            }

            .p-listbox {
                border: 1px solid #383838;
                border-radius: 3px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-listbox,
            .p-listbox .p-listbox-header {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-listbox .p-listbox-header {
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                margin: 0;
                padding: .5rem 1rem
            }

            .p-listbox .p-listbox-header .p-listbox-filter {
                padding-right: 1.5rem
            }

            .p-listbox .p-listbox-header .p-listbox-filter-icon {
                color: hsla(0, 0%, 100%, .6);
                right: .5rem
            }

            .p-listbox .p-listbox-list {
                outline: 0 none;
                padding: .5rem 0
            }

            .p-listbox .p-listbox-list .p-listbox-item {
                border: 0;
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: box-shadow .2s
            }

            .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-listbox .p-listbox-list .p-listbox-item-group {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .75rem 1rem
            }

            .p-listbox .p-listbox-list .p-listbox-empty-message {
                background: transparent;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem 1rem
            }

            .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-listbox.p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-listbox.p-invalid {
                border-color: #ef9a9a
            }

            .p-multiselect {
                background: #121212;
                border: 1px solid #383838;
                border-radius: 3px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-multiselect:not(.p-disabled):hover {
                border-color: #ffd54f
            }

            .p-multiselect:not(.p-disabled).p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-multiselect .p-multiselect-label {
                padding: .5rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-multiselect .p-multiselect-label.p-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-multiselect.p-multiselect-chip .p-multiselect-token {
                background: #383838;
                border-radius: 16px;
                color: hsla(0, 0%, 100%, .87);
                margin-right: .5rem;
                padding: .25rem .5rem
            }

            .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
                margin-left: .5rem
            }

            .p-multiselect .p-multiselect-trigger {
                background: transparent;
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                width: 2.357rem
            }

            .p-multiselect.p-invalid.p-component {
                border-color: #ef9a9a
            }

            .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
                padding: .25rem .5rem
            }

            .p-multiselect-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-multiselect-panel .p-multiselect-header {
                background: #1e1e1e;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem
            }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
                padding-right: 1.5rem
            }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
                color: hsla(0, 0%, 100%, .6);
                right: .5rem
            }

            .p-multiselect-panel .p-multiselect-header .p-checkbox {
                margin-right: .5rem
            }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                margin-left: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-multiselect-panel .p-multiselect-items {
                padding: .5rem 0
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
                background: transparent;
                border: 0;
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: box-shadow .2s
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
                margin-right: .5rem
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .75rem 1rem
            }

            .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
                background: transparent;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem 1rem
            }

            .p-input-filled .p-multiselect {
                background: #383838
            }

            .p-input-filled .p-multiselect:not(.p-disabled).p-focus,
            .p-input-filled .p-multiselect:not(.p-disabled):hover {
                background-color: #383838
            }

            .p-password.p-invalid.p-component>.p-inputtext {
                border-color: #ef9a9a
            }

            .p-password-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-password-panel .p-password-meter {
                background: #383838;
                margin-bottom: .5rem
            }

            .p-password-panel .p-password-meter .p-password-strength.weak {
                background: #f48fb1
            }

            .p-password-panel .p-password-meter .p-password-strength.medium {
                background: #ffe082
            }

            .p-password-panel .p-password-meter .p-password-strength.strong {
                background: #c5e1a5
            }

            .p-radiobutton {
                height: 20px;
                width: 20px
            }

            .p-radiobutton .p-radiobutton-box {
                background: #121212;
                border: 2px solid #383838;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .87);
                height: 20px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
                width: 20px
            }

            .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
                border-color: #ffd54f
            }

            .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
                background-color: #212529;
                height: 12px;
                transition-duration: .2s;
                width: 12px
            }

            .p-radiobutton .p-radiobutton-box.p-highlight {
                background: #ffd54f;
                border-color: #ffd54f
            }

            .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
                background: #ffc50c;
                border-color: #ffc50c;
                color: #212529
            }

            .p-radiobutton.p-invalid>.p-radiobutton-box {
                border-color: #ef9a9a
            }

            .p-radiobutton:focus {
                outline: 0 none
            }

            .p-input-filled .p-radiobutton .p-radiobutton-box,
            .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
                background-color: #383838
            }

            .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
                background: #ffd54f
            }

            .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
                background: #ffc50c
            }

            .p-rating {
                gap: .5rem
            }

            .p-rating .p-rating-item .p-rating-icon {
                color: hsla(0, 0%, 100%, .87);
                font-size: 1.143rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-rating .p-rating-item .p-rating-icon.p-icon {
                height: 1.143rem;
                width: 1.143rem
            }

            .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
                color: #f48fb1
            }

            .p-rating .p-rating-item.p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-rating .p-rating-item.p-rating-item-active .p-rating-icon,
            .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
                color: #ffd54f
            }

            .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
                color: #f48fb1
            }

            .p-selectbutton .p-button {
                background: #1e1e1e;
                border: 1px solid #383838;
                color: hsla(0, 0%, 100%, .87);
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-selectbutton .p-button .p-button-icon-left,
            .p-selectbutton .p-button .p-button-icon-right {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
            .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-selectbutton .p-button.p-highlight {
                background: #ffd54f;
                border-color: #ffd54f;
                color: #212529
            }

            .p-selectbutton .p-button.p-highlight .p-button-icon-left,
            .p-selectbutton .p-button.p-highlight .p-button-icon-right {
                color: #212529
            }

            .p-selectbutton .p-button.p-highlight:hover {
                background: #ffcd2e;
                border-color: #ffcd2e;
                color: #212529
            }

            .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
            .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
                color: #212529
            }

            .p-selectbutton.p-invalid>.p-button {
                border-color: #ef9a9a
            }

            .p-slider {
                background: #383838;
                border: 0;
                border-radius: 3px
            }

            .p-slider.p-slider-horizontal {
                height: .286rem
            }

            .p-slider.p-slider-horizontal .p-slider-handle {
                margin-left: -.5715rem;
                margin-top: -.5715rem
            }

            .p-slider.p-slider-vertical {
                width: .286rem
            }

            .p-slider.p-slider-vertical .p-slider-handle {
                margin-bottom: -.5715rem;
                margin-left: -.5715rem
            }

            .p-slider .p-slider-handle {
                background: #383838;
                border: 2px solid #ffd54f;
                border-radius: 50%;
                height: 1.143rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
                width: 1.143rem
            }

            .p-slider .p-slider-handle:focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-slider .p-slider-range {
                background: #ffd54f
            }

            .p-slider:not(.p-disabled) .p-slider-handle:hover {
                background: #ffd54f;
                border-color: #ffd54f
            }

            .p-treeselect {
                background: #121212;
                border: 1px solid #383838;
                border-radius: 3px;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-treeselect:not(.p-disabled):hover {
                border-color: #ffd54f
            }

            .p-treeselect:not(.p-disabled).p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-treeselect .p-treeselect-label {
                padding: .5rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-treeselect .p-treeselect-label.p-placeholder {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-treeselect.p-treeselect-chip .p-treeselect-token {
                background: #383838;
                border-radius: 16px;
                color: hsla(0, 0%, 100%, .87);
                margin-right: .5rem;
                padding: .25rem .5rem
            }

            .p-treeselect .p-treeselect-trigger {
                background: transparent;
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                width: 2.357rem
            }

            .p-treeselect.p-invalid.p-component {
                border-color: #ef9a9a
            }

            .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
                padding: .25rem .5rem
            }

            .p-treeselect-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
                border: 0
            }

            .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
                background: transparent;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem 1rem
            }

            .p-input-filled .p-treeselect {
                background: #383838
            }

            .p-input-filled .p-treeselect:not(.p-disabled).p-focus,
            .p-input-filled .p-treeselect:not(.p-disabled):hover {
                background-color: #383838
            }

            .p-togglebutton.p-button {
                background: #1e1e1e;
                border: 1px solid #383838;
                color: hsla(0, 0%, 100%, .87);
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-togglebutton.p-button .p-button-icon-left,
            .p-togglebutton.p-button .p-button-icon-right {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-togglebutton.p-button:not(.p-disabled).p-focus {
                border-color: #ffd54f;
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
            .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-togglebutton.p-button.p-highlight {
                background: #ffd54f;
                border-color: #ffd54f;
                color: #212529
            }

            .p-togglebutton.p-button.p-highlight .p-button-icon-left,
            .p-togglebutton.p-button.p-highlight .p-button-icon-right {
                color: #212529
            }

            .p-togglebutton.p-button.p-highlight:hover {
                background: #ffcd2e;
                border-color: #ffcd2e;
                color: #212529
            }

            .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
            .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
                color: #212529
            }

            .p-togglebutton.p-button.p-invalid>.p-button {
                border-color: #ef9a9a
            }

            .p-button {
                background: #ffd54f;
                border: 1px solid #ffd54f;
                border-radius: 3px;
                color: #212529;
                font-size: 1rem;
                padding: .5rem 1rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-button:enabled:hover {
                background: #ffcd2e;
                border-color: #ffcd2e;
                color: #212529
            }

            .p-button:enabled:active {
                background: #ffc50c;
                border-color: #ffc50c;
                color: #212529
            }

            .p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #ffd54f
            }

            .p-button.p-button-outlined:enabled:hover {
                background: rgba(255, 213, 79, .04);
                border: 1px solid;
                color: #ffd54f
            }

            .p-button.p-button-outlined:enabled:active {
                background: rgba(255, 213, 79, .16);
                border: 1px solid;
                color: #ffd54f
            }

            .p-button.p-button-outlined.p-button-plain {
                border-color: hsla(0, 0%, 100%, .6);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-button.p-button-outlined.p-button-plain:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-button.p-button-outlined.p-button-plain:enabled:active {
                background: hsla(0, 0%, 100%, .16);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #ffd54f
            }

            .p-button.p-button-text:enabled:hover {
                background: rgba(255, 213, 79, .04);
                border-color: transparent;
                color: #ffd54f
            }

            .p-button.p-button-text:enabled:active {
                background: rgba(255, 213, 79, .16);
                border-color: transparent;
                color: #ffd54f
            }

            .p-button.p-button-text.p-button-plain {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-button.p-button-text.p-button-plain:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-button.p-button-text.p-button-plain:enabled:active {
                background: hsla(0, 0%, 100%, .16);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-button:focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-button .p-button-label {
                transition-duration: .2s
            }

            .p-button .p-button-icon-left {
                margin-right: .5rem
            }

            .p-button .p-button-icon-right {
                margin-left: .5rem
            }

            .p-button .p-button-icon-bottom {
                margin-top: .5rem
            }

            .p-button .p-button-icon-top {
                margin-bottom: .5rem
            }

            .p-button .p-badge {
                background-color: #212529;
                color: #ffd54f;
                height: 1rem;
                line-height: 1rem;
                margin-left: .5rem;
                min-width: 1rem
            }

            .p-button.p-button-raised {
                box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
            }

            .p-button.p-button-rounded {
                border-radius: 2rem
            }

            .p-button.p-button-icon-only {
                padding: .5rem 0;
                width: 2.357rem
            }

            .p-button.p-button-icon-only .p-button-icon-left,
            .p-button.p-button-icon-only .p-button-icon-right {
                margin: 0
            }

            .p-button.p-button-icon-only.p-button-rounded {
                border-radius: 50%;
                height: 2.357rem
            }

            .p-button.p-button-sm {
                font-size: .875rem;
                padding: .4375rem .875rem
            }

            .p-button.p-button-sm .p-button-icon {
                font-size: .875rem
            }

            .p-button.p-button-lg {
                font-size: 1.25rem;
                padding: .625rem 1.25rem
            }

            .p-button.p-button-lg .p-button-icon {
                font-size: 1.25rem
            }

            .p-button.p-button-loading-label-only .p-button-label {
                margin-left: .5rem
            }

            .p-button.p-button-loading-label-only .p-button-loading-icon {
                margin-right: 0
            }

            .p-fluid .p-button {
                width: 100%
            }

            .p-fluid .p-button-icon-only {
                width: 2.357rem
            }

            .p-fluid .p-buttonset {
                display: flex
            }

            .p-fluid .p-buttonset .p-button {
                flex: 1
            }

            .p-button.p-button-secondary,
            .p-buttonset.p-button-secondary>.p-button,
            .p-splitbutton.p-button-secondary>.p-button {
                background: #78909c;
                border: 1px solid #78909c;
                color: #fff
            }

            .p-button.p-button-secondary:enabled:hover,
            .p-buttonset.p-button-secondary>.p-button:enabled:hover,
            .p-splitbutton.p-button-secondary>.p-button:enabled:hover {
                background: #69838f;
                border-color: #69838f;
                color: #fff
            }

            .p-button.p-button-secondary:enabled:focus,
            .p-buttonset.p-button-secondary>.p-button:enabled:focus,
            .p-splitbutton.p-button-secondary>.p-button:enabled:focus {
                box-shadow: 0 0 0 1px #a1b1ba
            }

            .p-button.p-button-secondary:enabled:active,
            .p-buttonset.p-button-secondary>.p-button:enabled:active,
            .p-splitbutton.p-button-secondary>.p-button:enabled:active {
                background: #5d747f;
                border-color: #5d747f;
                color: #fff
            }

            .p-button.p-button-secondary.p-button-outlined,
            .p-buttonset.p-button-secondary>.p-button.p-button-outlined,
            .p-splitbutton.p-button-secondary>.p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #78909c
            }

            .p-button.p-button-secondary.p-button-outlined:enabled:hover,
            .p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:hover,
            .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:hover {
                background: rgba(120, 144, 156, .04);
                border: 1px solid;
                color: #78909c
            }

            .p-button.p-button-secondary.p-button-outlined:enabled:active,
            .p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:active,
            .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:active {
                background: rgba(120, 144, 156, .16);
                border: 1px solid;
                color: #78909c
            }

            .p-button.p-button-secondary.p-button-text,
            .p-buttonset.p-button-secondary>.p-button.p-button-text,
            .p-splitbutton.p-button-secondary>.p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #78909c
            }

            .p-button.p-button-secondary.p-button-text:enabled:hover,
            .p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:hover,
            .p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:hover {
                background: rgba(120, 144, 156, .04);
                border-color: transparent;
                color: #78909c
            }

            .p-button.p-button-secondary.p-button-text:enabled:active,
            .p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:active,
            .p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:active {
                background: rgba(120, 144, 156, .16);
                border-color: transparent;
                color: #78909c
            }

            .p-button.p-button-info,
            .p-buttonset.p-button-info>.p-button,
            .p-splitbutton.p-button-info>.p-button {
                background: #81d4fa;
                border: 1px solid #81d4fa;
                color: #121212
            }

            .p-button.p-button-info:enabled:hover,
            .p-buttonset.p-button-info>.p-button:enabled:hover,
            .p-splitbutton.p-button-info>.p-button:enabled:hover {
                background: #5dc8f9;
                border-color: #5dc8f9;
                color: #121212
            }

            .p-button.p-button-info:enabled:focus,
            .p-buttonset.p-button-info>.p-button:enabled:focus,
            .p-splitbutton.p-button-info>.p-button:enabled:focus {
                box-shadow: 0 0 0 1px #a7e1fc
            }

            .p-button.p-button-info:enabled:active,
            .p-buttonset.p-button-info>.p-button:enabled:active,
            .p-splitbutton.p-button-info>.p-button:enabled:active {
                background: #38bbf7;
                border-color: #38bbf7;
                color: #121212
            }

            .p-button.p-button-info.p-button-outlined,
            .p-buttonset.p-button-info>.p-button.p-button-outlined,
            .p-splitbutton.p-button-info>.p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #81d4fa
            }

            .p-button.p-button-info.p-button-outlined:enabled:hover,
            .p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:hover,
            .p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:hover {
                background: rgba(129, 212, 250, .04);
                border: 1px solid;
                color: #81d4fa
            }

            .p-button.p-button-info.p-button-outlined:enabled:active,
            .p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:active,
            .p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:active {
                background: rgba(129, 212, 250, .16);
                border: 1px solid;
                color: #81d4fa
            }

            .p-button.p-button-info.p-button-text,
            .p-buttonset.p-button-info>.p-button.p-button-text,
            .p-splitbutton.p-button-info>.p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #81d4fa
            }

            .p-button.p-button-info.p-button-text:enabled:hover,
            .p-buttonset.p-button-info>.p-button.p-button-text:enabled:hover,
            .p-splitbutton.p-button-info>.p-button.p-button-text:enabled:hover {
                background: rgba(129, 212, 250, .04);
                border-color: transparent;
                color: #81d4fa
            }

            .p-button.p-button-info.p-button-text:enabled:active,
            .p-buttonset.p-button-info>.p-button.p-button-text:enabled:active,
            .p-splitbutton.p-button-info>.p-button.p-button-text:enabled:active {
                background: rgba(129, 212, 250, .16);
                border-color: transparent;
                color: #81d4fa
            }

            .p-button.p-button-success,
            .p-buttonset.p-button-success>.p-button,
            .p-splitbutton.p-button-success>.p-button {
                background: #c5e1a5;
                border: 1px solid #c5e1a5;
                color: #121212
            }

            .p-button.p-button-success:enabled:hover,
            .p-buttonset.p-button-success>.p-button:enabled:hover,
            .p-splitbutton.p-button-success>.p-button:enabled:hover {
                background: #b2d788;
                border-color: #b2d788;
                color: #121212
            }

            .p-button.p-button-success:enabled:focus,
            .p-buttonset.p-button-success>.p-button:enabled:focus,
            .p-splitbutton.p-button-success>.p-button:enabled:focus {
                box-shadow: 0 0 0 1px #d6eac0
            }

            .p-button.p-button-success:enabled:active,
            .p-buttonset.p-button-success>.p-button:enabled:active,
            .p-splitbutton.p-button-success>.p-button:enabled:active {
                background: #9fce6b;
                border-color: #9fce6b;
                color: #121212
            }

            .p-button.p-button-success.p-button-outlined,
            .p-buttonset.p-button-success>.p-button.p-button-outlined,
            .p-splitbutton.p-button-success>.p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #c5e1a5
            }

            .p-button.p-button-success.p-button-outlined:enabled:hover,
            .p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:hover,
            .p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:hover {
                background: hsla(88, 50%, 76%, .04);
                border: 1px solid;
                color: #c5e1a5
            }

            .p-button.p-button-success.p-button-outlined:enabled:active,
            .p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:active,
            .p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:active {
                background: hsla(88, 50%, 76%, .16);
                border: 1px solid;
                color: #c5e1a5
            }

            .p-button.p-button-success.p-button-text,
            .p-buttonset.p-button-success>.p-button.p-button-text,
            .p-splitbutton.p-button-success>.p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #c5e1a5
            }

            .p-button.p-button-success.p-button-text:enabled:hover,
            .p-buttonset.p-button-success>.p-button.p-button-text:enabled:hover,
            .p-splitbutton.p-button-success>.p-button.p-button-text:enabled:hover {
                background: hsla(88, 50%, 76%, .04);
                border-color: transparent;
                color: #c5e1a5
            }

            .p-button.p-button-success.p-button-text:enabled:active,
            .p-buttonset.p-button-success>.p-button.p-button-text:enabled:active,
            .p-splitbutton.p-button-success>.p-button.p-button-text:enabled:active {
                background: hsla(88, 50%, 76%, .16);
                border-color: transparent;
                color: #c5e1a5
            }

            .p-button.p-button-warning,
            .p-buttonset.p-button-warning>.p-button,
            .p-splitbutton.p-button-warning>.p-button {
                background: #ffe082;
                border: 1px solid #ffe082;
                color: #121212
            }

            .p-button.p-button-warning:enabled:hover,
            .p-buttonset.p-button-warning>.p-button:enabled:hover,
            .p-splitbutton.p-button-warning>.p-button:enabled:hover {
                background: #ffd65c;
                border-color: #ffd65c;
                color: #121212
            }

            .p-button.p-button-warning:enabled:focus,
            .p-buttonset.p-button-warning>.p-button:enabled:focus,
            .p-splitbutton.p-button-warning>.p-button:enabled:focus {
                box-shadow: 0 0 0 1px #ffe9a8
            }

            .p-button.p-button-warning:enabled:active,
            .p-buttonset.p-button-warning>.p-button:enabled:active,
            .p-splitbutton.p-button-warning>.p-button:enabled:active {
                background: #ffcd35;
                border-color: #ffcd35;
                color: #121212
            }

            .p-button.p-button-warning.p-button-outlined,
            .p-buttonset.p-button-warning>.p-button.p-button-outlined,
            .p-splitbutton.p-button-warning>.p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #ffe082
            }

            .p-button.p-button-warning.p-button-outlined:enabled:hover,
            .p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:hover,
            .p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:hover {
                background: rgba(255, 224, 130, .04);
                border: 1px solid;
                color: #ffe082
            }

            .p-button.p-button-warning.p-button-outlined:enabled:active,
            .p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:active,
            .p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:active {
                background: rgba(255, 224, 130, .16);
                border: 1px solid;
                color: #ffe082
            }

            .p-button.p-button-warning.p-button-text,
            .p-buttonset.p-button-warning>.p-button.p-button-text,
            .p-splitbutton.p-button-warning>.p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #ffe082
            }

            .p-button.p-button-warning.p-button-text:enabled:hover,
            .p-buttonset.p-button-warning>.p-button.p-button-text:enabled:hover,
            .p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:hover {
                background: rgba(255, 224, 130, .04);
                border-color: transparent;
                color: #ffe082
            }

            .p-button.p-button-warning.p-button-text:enabled:active,
            .p-buttonset.p-button-warning>.p-button.p-button-text:enabled:active,
            .p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:active {
                background: rgba(255, 224, 130, .16);
                border-color: transparent;
                color: #ffe082
            }

            .p-button.p-button-help,
            .p-buttonset.p-button-help>.p-button,
            .p-splitbutton.p-button-help>.p-button {
                background: #ce93d8;
                border: 1px solid #ce93d8;
                color: #121212
            }

            .p-button.p-button-help:enabled:hover,
            .p-buttonset.p-button-help>.p-button:enabled:hover,
            .p-splitbutton.p-button-help>.p-button:enabled:hover {
                background: #c278ce;
                border-color: #c278ce;
                color: #121212
            }

            .p-button.p-button-help:enabled:focus,
            .p-buttonset.p-button-help>.p-button:enabled:focus,
            .p-splitbutton.p-button-help>.p-button:enabled:focus {
                box-shadow: 0 0 0 1px #ddb3e4
            }

            .p-button.p-button-help:enabled:active,
            .p-buttonset.p-button-help>.p-button:enabled:active,
            .p-splitbutton.p-button-help>.p-button:enabled:active {
                background: #b65ec5;
                border-color: #b65ec5;
                color: #121212
            }

            .p-button.p-button-help.p-button-outlined,
            .p-buttonset.p-button-help>.p-button.p-button-outlined,
            .p-splitbutton.p-button-help>.p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #ce93d8
            }

            .p-button.p-button-help.p-button-outlined:enabled:hover,
            .p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:hover,
            .p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:hover {
                background: rgba(206, 147, 216, .04);
                border: 1px solid;
                color: #ce93d8
            }

            .p-button.p-button-help.p-button-outlined:enabled:active,
            .p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:active,
            .p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:active {
                background: rgba(206, 147, 216, .16);
                border: 1px solid;
                color: #ce93d8
            }

            .p-button.p-button-help.p-button-text,
            .p-buttonset.p-button-help>.p-button.p-button-text,
            .p-splitbutton.p-button-help>.p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #ce93d8
            }

            .p-button.p-button-help.p-button-text:enabled:hover,
            .p-buttonset.p-button-help>.p-button.p-button-text:enabled:hover,
            .p-splitbutton.p-button-help>.p-button.p-button-text:enabled:hover {
                background: rgba(206, 147, 216, .04);
                border-color: transparent;
                color: #ce93d8
            }

            .p-button.p-button-help.p-button-text:enabled:active,
            .p-buttonset.p-button-help>.p-button.p-button-text:enabled:active,
            .p-splitbutton.p-button-help>.p-button.p-button-text:enabled:active {
                background: rgba(206, 147, 216, .16);
                border-color: transparent;
                color: #ce93d8
            }

            .p-button.p-button-danger,
            .p-buttonset.p-button-danger>.p-button,
            .p-splitbutton.p-button-danger>.p-button {
                background: #f48fb1;
                border: 1px solid #f48fb1;
                color: #121212
            }

            .p-button.p-button-danger:enabled:hover,
            .p-buttonset.p-button-danger>.p-button:enabled:hover,
            .p-splitbutton.p-button-danger>.p-button:enabled:hover {
                background: #f16c98;
                border-color: #f16c98;
                color: #121212
            }

            .p-button.p-button-danger:enabled:focus,
            .p-buttonset.p-button-danger>.p-button:enabled:focus,
            .p-splitbutton.p-button-danger>.p-button:enabled:focus {
                box-shadow: 0 0 0 1px #f7b1c8
            }

            .p-button.p-button-danger:enabled:active,
            .p-buttonset.p-button-danger>.p-button:enabled:active,
            .p-splitbutton.p-button-danger>.p-button:enabled:active {
                background: #ed4980;
                border-color: #ed4980;
                color: #121212
            }

            .p-button.p-button-danger.p-button-outlined,
            .p-buttonset.p-button-danger>.p-button.p-button-outlined,
            .p-splitbutton.p-button-danger>.p-button.p-button-outlined {
                background-color: transparent;
                border: 1px solid;
                color: #f48fb1
            }

            .p-button.p-button-danger.p-button-outlined:enabled:hover,
            .p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:hover,
            .p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:hover {
                background: rgba(244, 143, 177, .04);
                border: 1px solid;
                color: #f48fb1
            }

            .p-button.p-button-danger.p-button-outlined:enabled:active,
            .p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:active,
            .p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:active {
                background: rgba(244, 143, 177, .16);
                border: 1px solid;
                color: #f48fb1
            }

            .p-button.p-button-danger.p-button-text,
            .p-buttonset.p-button-danger>.p-button.p-button-text,
            .p-splitbutton.p-button-danger>.p-button.p-button-text {
                background-color: transparent;
                border-color: transparent;
                color: #f48fb1
            }

            .p-button.p-button-danger.p-button-text:enabled:hover,
            .p-buttonset.p-button-danger>.p-button.p-button-text:enabled:hover,
            .p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:hover {
                background: rgba(244, 143, 177, .04);
                border-color: transparent;
                color: #f48fb1
            }

            .p-button.p-button-danger.p-button-text:enabled:active,
            .p-buttonset.p-button-danger>.p-button.p-button-text:enabled:active,
            .p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:active {
                background: rgba(244, 143, 177, .16);
                border-color: transparent;
                color: #f48fb1
            }

            .p-button.p-button-link {
                background: transparent;
                border: transparent;
                color: #ffd54f
            }

            .p-button.p-button-link:enabled:hover {
                background: transparent;
                border-color: transparent;
                color: #ffd54f
            }

            .p-button.p-button-link:enabled:hover .p-button-label {
                text-decoration: underline
            }

            .p-button.p-button-link:enabled:focus {
                background: transparent;
                border-color: transparent;
                box-shadow: 0 0 0 1px #ffe284
            }

            .p-button.p-button-link:enabled:active {
                background: transparent;
                border-color: transparent;
                color: #ffd54f
            }

            .p-speeddial-button.p-button.p-button-icon-only {
                height: 4rem;
                width: 4rem
            }

            .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
                font-size: 1.3rem
            }

            .p-speeddial-button.p-button.p-button-icon-only .p-icon {
                height: 1.3rem;
                width: 1.3rem
            }

            .p-speeddial-list {
                outline: 0 none
            }

            .p-speeddial-item.p-focus>.p-speeddial-action {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-speeddial-action {
                background: hsla(0, 0%, 100%, .87);
                color: #121212;
                height: 3rem;
                width: 3rem
            }

            .p-speeddial-action:hover {
                background: hsla(0, 0%, 100%, .6);
                color: #121212
            }

            .p-speeddial-direction-up .p-speeddial-item {
                margin: .25rem 0
            }

            .p-speeddial-direction-up .p-speeddial-item:first-child {
                margin-bottom: .5rem
            }

            .p-speeddial-direction-down .p-speeddial-item {
                margin: .25rem 0
            }

            .p-speeddial-direction-down .p-speeddial-item:first-child {
                margin-top: .5rem
            }

            .p-speeddial-direction-left .p-speeddial-item {
                margin: 0 .25rem
            }

            .p-speeddial-direction-left .p-speeddial-item:first-child {
                margin-right: .5rem
            }

            .p-speeddial-direction-right .p-speeddial-item {
                margin: 0 .25rem
            }

            .p-speeddial-direction-right .p-speeddial-item:first-child {
                margin-left: .5rem
            }

            .p-speeddial-circle .p-speeddial-item,
            .p-speeddial-circle .p-speeddial-item:first-child,
            .p-speeddial-circle .p-speeddial-item:last-child,
            .p-speeddial-quarter-circle .p-speeddial-item,
            .p-speeddial-quarter-circle .p-speeddial-item:first-child,
            .p-speeddial-quarter-circle .p-speeddial-item:last-child,
            .p-speeddial-semi-circle .p-speeddial-item,
            .p-speeddial-semi-circle .p-speeddial-item:first-child,
            .p-speeddial-semi-circle .p-speeddial-item:last-child {
                margin: 0
            }

            .p-speeddial-mask {
                background-color: rgba(0, 0, 0, .4)
            }

            .p-splitbutton {
                border-radius: 3px
            }

            .p-splitbutton.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #ffd54f
            }

            .p-splitbutton.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(255, 213, 79, .04);
                color: #ffd54f
            }

            .p-splitbutton.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(255, 213, 79, .16);
                color: #ffd54f
            }

            .p-splitbutton.p-button-outlined.p-button-plain>.p-button {
                border-color: hsla(0, 0%, 100%, .6);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-splitbutton.p-button-outlined.p-button-plain>.p-button:enabled:hover,
            .p-splitbutton.p-button-outlined.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-splitbutton.p-button-outlined.p-button-plain>.p-button:enabled:active,
            .p-splitbutton.p-button-outlined.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):active {
                background: hsla(0, 0%, 100%, .16);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-splitbutton.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #ffd54f
            }

            .p-splitbutton.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(255, 213, 79, .04);
                border-color: transparent;
                color: #ffd54f
            }

            .p-splitbutton.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(255, 213, 79, .16);
                border-color: transparent;
                color: #ffd54f
            }

            .p-splitbutton.p-button-text.p-button-plain>.p-button {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-splitbutton.p-button-text.p-button-plain>.p-button:enabled:hover,
            .p-splitbutton.p-button-text.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-splitbutton.p-button-text.p-button-plain>.p-button:enabled:active,
            .p-splitbutton.p-button-text.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):active {
                background: hsla(0, 0%, 100%, .16);
                color: hsla(0, 0%, 100%, .6)
            }

            .p-splitbutton.p-button-raised {
                box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
            }

            .p-splitbutton.p-button-rounded,
            .p-splitbutton.p-button-rounded>.p-button {
                border-radius: 2rem
            }

            .p-splitbutton.p-button-sm>.p-button {
                font-size: .875rem;
                padding: .4375rem .875rem
            }

            .p-splitbutton.p-button-sm>.p-button .p-button-icon {
                font-size: .875rem
            }

            .p-splitbutton.p-button-lg>.p-button {
                font-size: 1.25rem;
                padding: .625rem 1.25rem
            }

            .p-splitbutton.p-button-lg>.p-button.p-button-icon-only {
                width: auto
            }

            .p-splitbutton.p-button-lg>.p-button .p-button-icon {
                font-size: 1.25rem
            }

            .p-splitbutton.p-button-lg>.p-button .p-icon {
                height: 1.25rem;
                width: 1.25rem
            }

            .p-splitbutton.p-button-secondary.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #78909c
            }

            .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(120, 144, 156, .04);
                color: #78909c
            }

            .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(120, 144, 156, .16);
                color: #78909c
            }

            .p-splitbutton.p-button-secondary.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #78909c
            }

            .p-splitbutton.p-button-secondary.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-secondary.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(120, 144, 156, .04);
                border-color: transparent;
                color: #78909c
            }

            .p-splitbutton.p-button-secondary.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-secondary.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(120, 144, 156, .16);
                border-color: transparent;
                color: #78909c
            }

            .p-splitbutton.p-button-info.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #81d4fa
            }

            .p-splitbutton.p-button-info.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-info.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(129, 212, 250, .04);
                color: #81d4fa
            }

            .p-splitbutton.p-button-info.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-info.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(129, 212, 250, .16);
                color: #81d4fa
            }

            .p-splitbutton.p-button-info.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #81d4fa
            }

            .p-splitbutton.p-button-info.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-info.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(129, 212, 250, .04);
                border-color: transparent;
                color: #81d4fa
            }

            .p-splitbutton.p-button-info.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-info.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(129, 212, 250, .16);
                border-color: transparent;
                color: #81d4fa
            }

            .p-splitbutton.p-button-success.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #c5e1a5
            }

            .p-splitbutton.p-button-success.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-success.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: hsla(88, 50%, 76%, .04);
                color: #c5e1a5
            }

            .p-splitbutton.p-button-success.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-success.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: hsla(88, 50%, 76%, .16);
                color: #c5e1a5
            }

            .p-splitbutton.p-button-success.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #c5e1a5
            }

            .p-splitbutton.p-button-success.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-success.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: hsla(88, 50%, 76%, .04);
                border-color: transparent;
                color: #c5e1a5
            }

            .p-splitbutton.p-button-success.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-success.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: hsla(88, 50%, 76%, .16);
                border-color: transparent;
                color: #c5e1a5
            }

            .p-splitbutton.p-button-warning.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #ffe082
            }

            .p-splitbutton.p-button-warning.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(255, 224, 130, .04);
                color: #ffe082
            }

            .p-splitbutton.p-button-warning.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(255, 224, 130, .16);
                color: #ffe082
            }

            .p-splitbutton.p-button-warning.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #ffe082
            }

            .p-splitbutton.p-button-warning.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-warning.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(255, 224, 130, .04);
                border-color: transparent;
                color: #ffe082
            }

            .p-splitbutton.p-button-warning.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-warning.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(255, 224, 130, .16);
                border-color: transparent;
                color: #ffe082
            }

            .p-splitbutton.p-button-help.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #ce93d8
            }

            .p-splitbutton.p-button-help.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-help.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(206, 147, 216, .04);
                color: #ce93d8
            }

            .p-splitbutton.p-button-help.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-help.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(206, 147, 216, .16);
                color: #ce93d8
            }

            .p-splitbutton.p-button-help.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #ce93d8
            }

            .p-splitbutton.p-button-help.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-help.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(206, 147, 216, .04);
                border-color: transparent;
                color: #ce93d8
            }

            .p-splitbutton.p-button-help.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-help.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(206, 147, 216, .16);
                border-color: transparent;
                color: #ce93d8
            }

            .p-splitbutton.p-button-danger.p-button-outlined>.p-button {
                background-color: transparent;
                border: 1px solid;
                color: #f48fb1
            }

            .p-splitbutton.p-button-danger.p-button-outlined>.p-button:enabled:hover,
            .p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(244, 143, 177, .04);
                color: #f48fb1
            }

            .p-splitbutton.p-button-danger.p-button-outlined>.p-button:enabled:active,
            .p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(244, 143, 177, .16);
                color: #f48fb1
            }

            .p-splitbutton.p-button-danger.p-button-text>.p-button {
                background-color: transparent;
                border-color: transparent;
                color: #f48fb1
            }

            .p-splitbutton.p-button-danger.p-button-text>.p-button:enabled:hover,
            .p-splitbutton.p-button-danger.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
                background: rgba(244, 143, 177, .04);
                border-color: transparent;
                color: #f48fb1
            }

            .p-splitbutton.p-button-danger.p-button-text>.p-button:enabled:active,
            .p-splitbutton.p-button-danger.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
                background: rgba(244, 143, 177, .16);
                border-color: transparent;
                color: #f48fb1
            }

            .p-carousel .p-carousel-content .p-carousel-next,
            .p-carousel .p-carousel-content .p-carousel-prev {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                margin: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-carousel .p-carousel-content .p-carousel-next:enabled:hover,
            .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-carousel .p-carousel-content .p-carousel-next:focus-visible,
            .p-carousel .p-carousel-content .p-carousel-prev:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-carousel .p-carousel-indicators {
                padding: 1rem
            }

            .p-carousel .p-carousel-indicators .p-carousel-indicator {
                margin-bottom: .5rem;
                margin-right: .5rem
            }

            .p-carousel .p-carousel-indicators .p-carousel-indicator button {
                background-color: #383838;
                border-radius: 0;
                height: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
                background: #4c4c4c
            }

            .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-paginator-top {
                border-radius: 0;
                border-width: 1px 0
            }

            .p-datatable .p-paginator-bottom {
                border-radius: 0;
                border-width: 0 0 1px
            }

            .p-datatable .p-datatable-header {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-datatable .p-datatable-footer,
            .p-datatable .p-datatable-header {
                background: #1e1e1e;
                border: solid #383838;
                border-width: 0 0 1px;
                font-weight: 600;
                padding: 1rem
            }

            .p-datatable .p-datatable-footer {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-datatable-thead>tr>th {
                transition: box-shadow .2s
            }

            .p-datatable .p-datatable-tfoot>tr>td,
            .p-datatable .p-datatable-thead>tr>th {
                background: #1e1e1e;
                border: solid #383838;
                border-width: 0 0 1px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem;
                text-align: left
            }

            .p-datatable .p-sortable-column .p-sortable-column-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-left: .5rem
            }

            .p-datatable .p-sortable-column .p-sortable-column-badge {
                background: rgba(255, 213, 79, .16);
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .87);
                height: 1.143rem;
                line-height: 1.143rem;
                margin-left: .5rem;
                min-width: 1.143rem
            }

            .p-datatable .p-sortable-column:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-sortable-column.p-highlight {
                background: #1e1e1e;
                color: #ffd54f
            }

            .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
                color: #ffd54f
            }

            .p-datatable .p-sortable-column.p-highlight:hover {
                background: hsla(0, 0%, 100%, .03);
                color: #ffd54f
            }

            .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
                color: #ffd54f
            }

            .p-datatable .p-sortable-column:focus-visible {
                box-shadow: inset 0 0 0 .15rem #ffe284;
                outline: 0 none
            }

            .p-datatable .p-datatable-tbody>tr {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-datatable .p-datatable-tbody>tr>td {
                border: solid #383838;
                border-width: 0 0 1px;
                padding: 1rem;
                text-align: left
            }

            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel,
            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,
            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,
            .p-datatable .p-datatable-tbody>tr>td .p-row-toggler {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover,
            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,
            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,
            .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus-visible,
            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus-visible,
            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus-visible,
            .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save {
                margin-right: .5rem
            }

            .p-datatable .p-datatable-tbody>tr>td>.p-column-title {
                font-weight: 600
            }

            .p-datatable .p-datatable-tbody>tr:focus-visible {
                outline: .15rem solid #ffe284;
                outline-offset: -.15rem
            }

            .p-datatable .p-datatable-tbody>tr.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
                box-shadow: inset 0 2px 0 0 rgba(255, 213, 79, .16)
            }

            .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
                box-shadow: inset 0 -2px 0 0 rgba(255, 213, 79, .16)
            }

            .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable .p-column-resizer-helper {
                background: #ffd54f
            }

            .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,
            .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,
            .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot,
            .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead {
                background-color: #1e1e1e
            }

            .p-datatable .p-datatable-loading-icon {
                font-size: 2rem
            }

            .p-datatable .p-datatable-loading-icon.p-icon {
                height: 2rem;
                width: 2rem
            }

            .p-datatable.p-datatable-gridlines .p-datatable-header {
                border-width: 1px 1px 0
            }

            .p-datatable.p-datatable-gridlines .p-datatable-footer {
                border-width: 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines .p-paginator-top {
                border-width: 0 1px
            }

            .p-datatable.p-datatable-gridlines .p-paginator-bottom {
                border-width: 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th {
                border-width: 1px 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th:last-child {
                border-width: 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td {
                border-width: 1px 0 0 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td:last-child {
                border-width: 1px 1px 0
            }

            .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td {
                border-width: 1px 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr:last-child>td:last-child {
                border-width: 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td {
                border-width: 1px 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td:last-child {
                border-width: 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td {
                border-width: 0 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines .p-datatable-thead+.p-datatable-tfoot>tr>td:last-child {
                border-width: 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td {
                border-width: 0 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody>tr>td:last-child {
                border-width: 0 1px 1px
            }

            .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td {
                border-width: 0 0 0 1px
            }

            .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody>tr:last-child>td:last-child {
                border-width: 0 1px
            }

            .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n) {
                background: #242424
            }

            .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n).p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n).p-highlight .p-row-toggler,
            .p-datatable.p-datatable-striped .p-datatable-tbody>tr:nth-child(2n).p-highlight .p-row-toggler:hover {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-datatable.p-datatable-sm .p-datatable-footer,
            .p-datatable.p-datatable-sm .p-datatable-header,
            .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td,
            .p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td,
            .p-datatable.p-datatable-sm .p-datatable-thead>tr>th {
                padding: .5rem
            }

            .p-datatable.p-datatable-lg .p-datatable-footer,
            .p-datatable.p-datatable-lg .p-datatable-header,
            .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td,
            .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td,
            .p-datatable.p-datatable-lg .p-datatable-thead>tr>th {
                padding: 1.25rem
            }

            .p-dataview .p-paginator-top {
                border-radius: 0;
                border-width: 1px 0
            }

            .p-dataview .p-paginator-bottom {
                border-radius: 0;
                border-width: 0 0 1px
            }

            .p-dataview .p-dataview-header {
                background: #1e1e1e;
                border: solid #383838;
                border-width: 0 0 1px;
                color: hsla(0, 0%, 100%, .6);
                font-weight: 600;
                padding: 1rem
            }

            .p-dataview .p-dataview-content {
                background: #1e1e1e;
                border: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: 0
            }

            .p-dataview .p-dataview-footer,
            .p-dataview.p-dataview-list .p-dataview-content>.p-grid>div {
                border: solid #383838;
                border-width: 0 0 1px
            }

            .p-dataview .p-dataview-footer {
                background: #1e1e1e;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem
            }

            .p-column-filter-row .p-column-filter-clear-button,
            .p-column-filter-row .p-column-filter-menu-button {
                margin-left: .5rem
            }

            .p-column-filter-menu-button {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-column-filter-menu-button:hover {
                border-color: transparent
            }

            .p-column-filter-menu-button.p-column-filter-menu-button-open,
            .p-column-filter-menu-button.p-column-filter-menu-button-open:hover,
            .p-column-filter-menu-button:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-column-filter-menu-button.p-column-filter-menu-button-active,
            .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-column-filter-menu-button:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-column-filter-clear-button {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-column-filter-clear-button:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-column-filter-clear-button:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-column-filter-overlay {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87);
                min-width: 12.5rem
            }

            .p-column-filter-overlay .p-column-filter-row-items {
                padding: .5rem 0
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
                background: transparent;
                border: 0;
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: box-shadow .2s
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
                box-shadow: inset 0 0 0 .15rem #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-column-filter-overlay-menu .p-column-filter-operator {
                background: #1e1e1e;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem
            }

            .p-column-filter-overlay-menu .p-column-filter-constraint {
                border-bottom: 1px solid #383838;
                padding: 1rem
            }

            .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
                margin-bottom: .5rem
            }

            .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
                margin-top: .5rem
            }

            .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
                border-bottom: 0
            }

            .p-column-filter-overlay-menu .p-column-filter-add-rule {
                padding: .5rem 1rem
            }

            .p-column-filter-overlay-menu .p-column-filter-buttonbar,
            .p-orderlist .p-orderlist-controls {
                padding: 1rem
            }

            .p-orderlist .p-orderlist-controls .p-button {
                margin-bottom: .5rem
            }

            .p-orderlist .p-orderlist-header {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem
            }

            .p-orderlist .p-orderlist-list {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                outline: 0 none;
                padding: .5rem 0
            }

            .p-orderlist .p-orderlist-list .p-orderlist-item {
                background: transparent;
                border: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: transform .2s, box-shadow .2s
            }

            .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(2n) {
                background: hsla(0, 0%, 100%, .01)
            }

            .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(2n):hover {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-organizationchart .p-organizationchart-node-content.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
                color: rgba(207, 157, 0, .16)
            }

            .p-organizationchart .p-organizationchart-line-down {
                background: #383838
            }

            .p-organizationchart .p-organizationchart-line-left {
                border-right: 1px solid;
                border-color: #383838
            }

            .p-organizationchart .p-organizationchart-line-top {
                border-color: #383838;
                border-top: 1px solid #383838
            }

            .p-organizationchart .p-organizationchart-node-content {
                background: #1e1e1e;
                border: 1px solid #383838;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
                background: inherit;
                border-radius: 50%;
                color: inherit
            }

            .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-paginator {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                padding: .5rem 1rem
            }

            .p-paginator .p-paginator-first,
            .p-paginator .p-paginator-last,
            .p-paginator .p-paginator-next,
            .p-paginator .p-paginator-prev {
                background-color: transparent;
                border: 0;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                height: 2.286em;
                margin: .143rem;
                min-width: 2.286em;
                transition: box-shadow .2s
            }

            .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
            .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,
            .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
            .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-paginator .p-paginator-first {
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px
            }

            .p-paginator .p-paginator-last {
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px
            }

            .p-paginator .p-dropdown {
                height: 2.286em;
                margin-left: .5rem;
                margin-right: .5rem
            }

            .p-paginator .p-dropdown .p-dropdown-label {
                padding-right: 0
            }

            .p-paginator .p-paginator-page-input {
                margin-left: .5rem;
                margin-right: .5rem
            }

            .p-paginator .p-paginator-page-input .p-inputtext {
                max-width: 2.286em
            }

            .p-paginator .p-paginator-current {
                padding: 0 .5rem
            }

            .p-paginator .p-paginator-current,
            .p-paginator .p-paginator-pages .p-paginator-page {
                background-color: transparent;
                border: 0;
                color: hsla(0, 0%, 100%, .6);
                height: 2.286em;
                margin: .143rem;
                min-width: 2.286em
            }

            .p-paginator .p-paginator-pages .p-paginator-page {
                border-radius: 3px;
                transition: box-shadow .2s
            }

            .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
                background: rgba(255, 213, 79, .16);
                border-color: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-picklist .p-picklist-buttons {
                padding: 1rem
            }

            .p-picklist .p-picklist-buttons .p-button {
                margin-bottom: .5rem
            }

            .p-picklist .p-picklist-header {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem
            }

            .p-picklist .p-picklist-list {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                outline: 0 none;
                padding: .5rem 0
            }

            .p-picklist .p-picklist-list .p-picklist-item {
                background: transparent;
                border: 0;
                color: hsla(0, 0%, 100%, .87);
                margin: 0;
                padding: .5rem 1rem;
                transition: transform .2s, box-shadow .2s
            }

            .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-picklist .p-picklist-list .p-picklist-item.p-focus {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
                background: rgba(255, 213, 79, .24)
            }

            .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(2n) {
                background: hsla(0, 0%, 100%, .01)
            }

            .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(2n):hover {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-timeline .p-timeline-event-marker {
                background-color: #1e1e1e;
                border: 2px solid #ffd54f;
                border-radius: 50%;
                height: 1rem;
                width: 1rem
            }

            .p-timeline .p-timeline-event-connector {
                background-color: #383838
            }

            .p-timeline.p-timeline-vertical .p-timeline-event-content,
            .p-timeline.p-timeline-vertical .p-timeline-event-opposite {
                padding: 0 1rem
            }

            .p-timeline.p-timeline-vertical .p-timeline-event-connector {
                width: 2px
            }

            .p-timeline.p-timeline-horizontal .p-timeline-event-content,
            .p-timeline.p-timeline-horizontal .p-timeline-event-opposite {
                padding: 1rem 0
            }

            .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
                height: 2px
            }

            .p-tree {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-tree .p-tree-container .p-treenode {
                outline: 0 none;
                padding: .143rem
            }

            .p-tree .p-tree-container .p-treenode:focus>.p-treenode-content {
                box-shadow: inset 0 0 0 .15rem #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content {
                border-radius: 3px;
                padding: 0;
                transition: box-shadow .2s
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                margin-right: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
                margin-right: .5rem
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon,
            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tree .p-tree-filter-container {
                margin-bottom: .5rem
            }

            .p-tree .p-tree-filter-container .p-tree-filter {
                padding-right: 1.5rem;
                width: 100%
            }

            .p-tree .p-tree-filter-container .p-tree-filter-icon {
                color: hsla(0, 0%, 100%, .6);
                right: .5rem
            }

            .p-tree .p-treenode-children {
                padding: 0 0 0 1rem
            }

            .p-tree .p-tree-loading-icon {
                font-size: 2rem
            }

            .p-tree .p-tree-loading-icon.p-icon {
                height: 2rem;
                width: 2rem
            }

            .p-treetable .p-paginator-top {
                border-radius: 0;
                border-width: 1px 0
            }

            .p-treetable .p-paginator-bottom {
                border-radius: 0;
                border-width: 0 0 1px
            }

            .p-treetable .p-treetable-header {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-treetable .p-treetable-footer,
            .p-treetable .p-treetable-header {
                background: #1e1e1e;
                border: solid #383838;
                border-width: 0 0 1px;
                font-weight: 600;
                padding: 1rem
            }

            .p-treetable .p-treetable-footer {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-treetable-thead>tr>th {
                transition: box-shadow .2s
            }

            .p-treetable .p-treetable-tfoot>tr>td,
            .p-treetable .p-treetable-thead>tr>th {
                background: #1e1e1e;
                border: solid #383838;
                border-width: 0 0 1px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem;
                text-align: left
            }

            .p-treetable .p-sortable-column {
                outline-color: #ffe284
            }

            .p-treetable .p-sortable-column .p-sortable-column-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-left: .5rem
            }

            .p-treetable .p-sortable-column .p-sortable-column-badge {
                background: rgba(255, 213, 79, .16);
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .87);
                height: 1.143rem;
                line-height: 1.143rem;
                margin-left: .5rem;
                min-width: 1.143rem
            }

            .p-treetable .p-sortable-column:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-sortable-column.p-highlight {
                background: #1e1e1e;
                color: #ffd54f
            }

            .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
                color: #ffd54f
            }

            .p-treetable .p-treetable-tbody>tr {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-treetable .p-treetable-tbody>tr>td {
                border: solid #383838;
                border-width: 0 0 1px;
                padding: 1rem;
                text-align: left
            }

            .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                margin-right: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler+.p-checkbox {
                margin-right: .5rem
            }

            .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler+.p-checkbox .p-indeterminate .p-checkbox-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-treetable-tbody>tr:focus-visible {
                outline: .15rem solid #ffe284;
                outline-offset: -.15rem
            }

            .p-treetable .p-treetable-tbody>tr.p-highlight {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler,
            .p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler:hover {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover .p-treetable-toggler {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-treetable .p-column-resizer-helper {
                background: #ffd54f
            }

            .p-treetable .p-treetable-scrollable-footer,
            .p-treetable .p-treetable-scrollable-header {
                background: #1e1e1e
            }

            .p-treetable .p-treetable-loading-icon {
                font-size: 2rem
            }

            .p-treetable .p-treetable-loading-icon.p-icon {
                height: 2rem;
                width: 2rem
            }

            .p-treetable.p-treetable-gridlines .p-datatable-header {
                border-width: 1px 1px 0
            }

            .p-treetable.p-treetable-gridlines .p-treetable-footer {
                border-width: 0 1px 1px
            }

            .p-treetable.p-treetable-gridlines .p-treetable-top {
                border-width: 0 1px
            }

            .p-treetable.p-treetable-gridlines .p-treetable-bottom {
                border-width: 0 1px 1px
            }

            .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td,
            .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td,
            .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th {
                border-width: 1px
            }

            .p-treetable.p-treetable-sm .p-treetable-header {
                padding: .875rem
            }

            .p-treetable.p-treetable-sm .p-treetable-footer,
            .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td,
            .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td,
            .p-treetable.p-treetable-sm .p-treetable-thead>tr>th {
                padding: .5rem
            }

            .p-treetable.p-treetable-lg .p-treetable-footer,
            .p-treetable.p-treetable-lg .p-treetable-header,
            .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td,
            .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td,
            .p-treetable.p-treetable-lg .p-treetable-thead>tr>th {
                padding: 1.25rem
            }

            .p-accordion .p-accordion-header .p-accordion-header-link {
                background: #1e1e1e;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem;
                transition: box-shadow .2s;
                display: block;
            }

            .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
                margin-right: .5rem
            }

            .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
                box-shadow: inset 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
                background: #1e1e1e;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-accordion .p-accordion-content {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                border-top: 0;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-accordion .p-accordion-tab {
                margin-bottom: 0
            }

            .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
                border-radius: 0
            }

            .p-accordion .p-accordion-tab .p-accordion-content {
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0
            }

            .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link,
            .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link,
            .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
                border-top: 0
            }

            .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
                border-top-left-radius: 3px;
                border-top-right-radius: 3px
            }

            .p-accordion .p-accordion-tab:last-child .p-accordion-content,
            .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px
            }

            .p-card {
                background: #1e1e1e;
                border-radius: 3px;
                box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-card .p-card-body {
                padding: 1rem
            }

            .p-card .p-card-title {
                font-size: 1.5rem;
                font-weight: 700;
                margin-bottom: .5rem
            }

            .p-card .p-card-subtitle {
                color: hsla(0, 0%, 100%, .6);
                font-weight: 700;
                margin-bottom: .5rem
            }

            .p-card .p-card-content {
                padding: 1rem 0
            }

            .p-card .p-card-footer {
                padding: 1rem 0 0
            }

            .p-fieldset,
            .p-fieldset .p-fieldset-legend {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-fieldset .p-fieldset-legend {
                font-weight: 600;
                padding: 1rem
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
                padding: 0;
                transition: background-color .2s, color .2s, box-shadow .2s
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem;
                transition: box-shadow .2s
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
                margin-right: .5rem
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:hover {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-fieldset .p-fieldset-content {
                padding: 1rem
            }

            .p-divider .p-divider-content {
                background-color: #1e1e1e
            }

            .p-divider.p-divider-horizontal {
                margin: 1rem 0;
                padding: 0 1rem
            }

            .p-divider.p-divider-horizontal:before {
                border-top: 1px #383838
            }

            .p-divider.p-divider-horizontal .p-divider-content {
                padding: 0 .5rem
            }

            .p-divider.p-divider-vertical {
                margin: 0 1rem;
                padding: 1rem 0
            }

            .p-divider.p-divider-vertical:before {
                border-left: 1px #383838
            }

            .p-divider.p-divider-vertical .p-divider-content {
                padding: .5rem 0
            }

            .p-panel .p-panel-header {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-panel .p-panel-header .p-panel-title {
                font-weight: 600
            }

            .p-panel .p-panel-header .p-panel-header-icon {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-panel.p-panel-toggleable .p-panel-header {
                padding: .5rem 1rem
            }

            .p-panel .p-panel-content {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-top: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-panel .p-panel-content:last-child,
            .p-panel .p-panel-footer {
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px
            }

            .p-panel .p-panel-footer {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-top: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem 1rem
            }

            .p-scrollpanel .p-scrollpanel-bar {
                background: #383838;
                border: 0;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-scrollpanel .p-scrollpanel-bar:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-splitter {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-splitter .p-splitter-gutter {
                background: hsla(0, 0%, 100%, .03);
                transition: background-color .2s, color .2s, box-shadow .2s
            }

            .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
                background: #383838;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-splitter .p-splitter-gutter-resizing {
                background: #383838
            }

            .p-tabview .p-tabview-nav {
                background: transparent;
                border: solid #383838;
                border-width: 0 0 2px
            }

            .p-tabview .p-tabview-nav li {
                margin-right: 0
            }

            .p-tabview .p-tabview-nav li .p-tabview-nav-link {
                background: #1e1e1e;
                border: 0 solid transparent;
                border-bottom: 2px solid #383838;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                font-weight: 600;
                margin: 0 0 -2px;
                padding: 1rem;
                transition: box-shadow .2s
            }

            .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
                box-shadow: inset 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
                background: #1e1e1e;
                border-color: #ffd54f;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
                background: #1e1e1e;
                border-color: #ffd54f;
                color: #ffd54f
            }

            .p-tabview .p-tabview-nav-btn.p-link {
                background: #1e1e1e;
                border-radius: 0;
                box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
                color: #ffd54f;
                width: 2.357rem
            }

            .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
                box-shadow: inset 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-tabview .p-tabview-panels {
                background: #1e1e1e;
                border: 0;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-toolbar {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                gap: .5rem;
                padding: 1rem
            }

            .p-toolbar .p-toolbar-separator {
                margin: 0 .5rem
            }

            .p-confirm-popup {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-confirm-popup .p-confirm-popup-content {
                padding: 1rem
            }

            .p-confirm-popup .p-confirm-popup-footer {
                padding: 0 1rem 1rem;
                text-align: right
            }

            .p-confirm-popup .p-confirm-popup-footer button {
                margin: 0 .5rem 0 0;
                width: auto
            }

            .p-confirm-popup .p-confirm-popup-footer button:last-child {
                margin: 0
            }

            .p-confirm-popup:after {
                border: solid rgba(30, 30, 30, 0);
                border-bottom: solid #1e1e1e
            }

            .p-confirm-popup:before {
                border: solid rgba(56, 56, 56, 0);
                border-bottom: solid #383838
            }

            .p-confirm-popup.p-confirm-popup-flipped:after {
                border-top-color: #1e1e1e
            }

            .p-confirm-popup.p-confirm-popup-flipped:before {
                border-top-color: #383838
            }

            .p-confirm-popup .p-confirm-popup-icon {
                font-size: 1.5rem
            }

            .p-confirm-popup .p-confirm-popup-icon.p-icon {
                height: 1.5rem;
                width: 1.5rem
            }

            .p-confirm-popup .p-confirm-popup-message {
                margin-left: 1rem
            }

            .p-dialog {
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
            }

            .p-dialog .p-dialog-header {
                background: #1e1e1e;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: 1.5rem
            }

            .p-dialog .p-dialog-header .p-dialog-title {
                font-size: 1.25rem;
                font-weight: 600
            }

            .p-dialog .p-dialog-header .p-dialog-header-icon {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                margin-right: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
                margin-right: 0
            }

            .p-dialog .p-dialog-content {
                background: #1e1e1e;
                color: hsla(0, 0%, 100%, .87);
                padding: 0 1.5rem 2rem
            }

            .p-dialog .p-dialog-content:last-of-type {
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px
            }

            .p-dialog .p-dialog-footer {
                background: #1e1e1e;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                border-top: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: 0 1.5rem 1.5rem;
                text-align: right
            }

            .p-dialog .p-dialog-footer button {
                margin: 0 .5rem 0 0;
                width: auto
            }

            .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
                font-size: 2rem
            }

            .p-dialog.p-confirm-dialog .p-confirm-dialog-message:not(:first-child) {
                margin-left: 1rem
            }

            .p-overlaypanel {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-overlaypanel .p-overlaypanel-content {
                padding: 1rem
            }

            .p-overlaypanel .p-overlaypanel-close {
                background: #ffd54f;
                border-radius: 50%;
                color: #212529;
                height: 2rem;
                position: absolute;
                right: -1rem;
                top: -1rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-overlaypanel .p-overlaypanel-close:enabled:hover {
                background: #ffcd2e;
                color: #212529
            }

            .p-overlaypanel:after {
                border: solid rgba(30, 30, 30, 0);
                border-bottom: solid #1e1e1e
            }

            .p-overlaypanel:before {
                border: solid rgba(56, 56, 56, 0);
                border-bottom: solid #353535
            }

            .p-overlaypanel.p-overlaypanel-flipped:after {
                border-top-color: #1e1e1e
            }

            .p-overlaypanel.p-overlaypanel-flipped:before {
                border-top-color: #383838
            }

            .p-sidebar {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-sidebar .p-sidebar-header {
                padding: 1rem
            }

            .p-sidebar .p-sidebar-header .p-sidebar-close,
            .p-sidebar .p-sidebar-header .p-sidebar-icon {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
            .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
                background: hsla(0, 0%, 100%, .03);
                border-color: transparent;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
            .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-sidebar .p-sidebar-header+.p-sidebar-content {
                padding-top: 0
            }

            .p-sidebar .p-sidebar-content {
                padding: 1rem
            }

            .p-tooltip .p-tooltip-text {
                background: #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem
            }

            .p-tooltip.p-tooltip-right .p-tooltip-arrow {
                border-right-color: #383838
            }

            .p-tooltip.p-tooltip-left .p-tooltip-arrow {
                border-left-color: #383838
            }

            .p-tooltip.p-tooltip-top .p-tooltip-arrow {
                border-top-color: #383838
            }

            .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
                border-bottom-color: #383838
            }

            .p-fileupload .p-fileupload-buttonbar {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom: 0;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                gap: .5rem;
                padding: 1rem
            }

            .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-fileupload .p-fileupload-content {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: 2rem 1rem
            }

            .p-fileupload .p-fileupload-content.p-fileupload-highlight {
                background-color: rgba(255, 213, 79, .16);
                border: 1px dashed #ffd54f
            }

            .p-fileupload .p-fileupload-file {
                border: 1px solid #383838;
                border-radius: 3px;
                gap: .5rem;
                margin-bottom: .5rem;
                padding: 1rem
            }

            .p-fileupload .p-fileupload-file:last-child {
                margin-bottom: 0
            }

            .p-fileupload .p-fileupload-file-name {
                margin-bottom: .5rem
            }

            .p-fileupload .p-fileupload-file-size {
                margin-right: .5rem
            }

            .p-fileupload .p-progressbar {
                height: .25rem
            }

            .p-fileupload .p-fileupload-row>div {
                padding: 1rem
            }

            .p-fileupload.p-fileupload-advanced .p-message {
                margin-top: 0
            }

            .p-fileupload-choose:not(.p-disabled):hover {
                background: #ffcd2e;
                border-color: #ffcd2e;
                color: #212529
            }

            .p-fileupload-choose:not(.p-disabled):active {
                background: #ffc50c;
                border-color: #ffc50c;
                color: #212529
            }

            .p-breadcrumb {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                padding: 1rem
            }

            .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
                border-radius: 3px;
                transition: box-shadow .2s
            }

            .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
                color: hsla(0, 0%, 100%, .87);
                margin: 0 .5rem
            }

            .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-contextmenu {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87);
                padding: .25rem 0;
                width: 12.5rem
            }

            .p-contextmenu .p-contextmenu-root-list {
                outline: 0 none
            }

            .p-contextmenu .p-submenu-list {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                padding: .25rem 0
            }

            .p-contextmenu .p-menuitem>.p-menuitem-content {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-contextmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-contextmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-contextmenu .p-menuitem-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-contextmenu .p-submenu-icon {
                font-size: .875rem
            }

            .p-contextmenu .p-submenu-icon.p-icon {
                height: .875rem;
                width: .875rem
            }

            .p-dock .p-dock-list-container {
                background: hsla(0, 0%, 100%, .1);
                border: 1px solid hsla(0, 0%, 100%, .2);
                border-radius: .5rem;
                padding: .5rem
            }

            .p-dock .p-dock-list-container .p-dock-list {
                outline: 0 none
            }

            .p-dock .p-dock-item {
                border-radius: 3px;
                padding: .5rem
            }

            .p-dock .p-dock-item.p-focus {
                box-shadow: inset 0 0 0 .15rem #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-dock .p-dock-link {
                height: 4rem;
                width: 4rem
            }

            .p-dock.p-dock-bottom .p-dock-item-second-next,
            .p-dock.p-dock-bottom .p-dock-item-second-prev,
            .p-dock.p-dock-top .p-dock-item-second-next,
            .p-dock.p-dock-top .p-dock-item-second-prev {
                margin: 0 .9rem
            }

            .p-dock.p-dock-bottom .p-dock-item-next,
            .p-dock.p-dock-bottom .p-dock-item-prev,
            .p-dock.p-dock-top .p-dock-item-next,
            .p-dock.p-dock-top .p-dock-item-prev {
                margin: 0 1.3rem
            }

            .p-dock.p-dock-bottom .p-dock-item-current,
            .p-dock.p-dock-top .p-dock-item-current {
                margin: 0 1.5rem
            }

            .p-dock.p-dock-left .p-dock-item-second-next,
            .p-dock.p-dock-left .p-dock-item-second-prev,
            .p-dock.p-dock-right .p-dock-item-second-next,
            .p-dock.p-dock-right .p-dock-item-second-prev {
                margin: .9rem 0
            }

            .p-dock.p-dock-left .p-dock-item-next,
            .p-dock.p-dock-left .p-dock-item-prev,
            .p-dock.p-dock-right .p-dock-item-next,
            .p-dock.p-dock-right .p-dock-item-prev {
                margin: 1.3rem 0
            }

            .p-dock.p-dock-left .p-dock-item-current,
            .p-dock.p-dock-right .p-dock-item-current {
                margin: 1.5rem 0
            }

            @media screen and (max-width:960px) {

                .p-dock.p-dock-bottom .p-dock-list-container,
                .p-dock.p-dock-top .p-dock-list-container {
                    overflow-x: auto;
                    width: 100%
                }

                .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list,
                .p-dock.p-dock-top .p-dock-list-container .p-dock-list {
                    margin: 0 auto
                }

                .p-dock.p-dock-left .p-dock-list-container,
                .p-dock.p-dock-right .p-dock-list-container {
                    height: 100%;
                    overflow-y: auto
                }

                .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
                .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
                    margin: auto 0
                }

                .p-dock .p-dock-list .p-dock-item {
                    margin: 0;
                    transform: none
                }
            }

            .p-megamenu {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem
            }

            .p-megamenu .p-megamenu-root-list {
                outline: 0 none
            }

            .p-megamenu .p-menuitem>.p-menuitem-content {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-megamenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-megamenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-megamenu-panel {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu .p-submenu-header {
                background: #1e1e1e;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .75rem 1rem
            }

            .p-megamenu .p-submenu-list {
                padding: .25rem 0;
                width: 12.5rem
            }

            .p-megamenu .p-submenu-list .p-menuitem-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-megamenu.p-megamenu-vertical {
                padding: .25rem 0;
                width: 12.5rem
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content {
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link {
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-left: .5rem
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon,
            .p-menu {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                padding: .25rem 0;
                width: 12.5rem
            }

            .p-menu .p-menuitem>.p-menuitem-content {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link {
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-menu .p-menuitem.p-highlight>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-menu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menu.p-menu-overlay {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
            }

            .p-menu .p-submenu-header {
                background: #1e1e1e;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                margin: 0;
                padding: .75rem 1rem
            }

            .p-menu .p-menuitem-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-menubar {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: .5rem
            }

            .p-menubar .p-menubar-root-list {
                outline: 0 none
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content {
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link {
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-left: .5rem
            }

            .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-menubar .p-menubar-root-list>.p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem>.p-menuitem-content {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link {
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-menubar .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-menubar .p-menuitem.p-highlight>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-menubar .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-submenu-list {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                padding: .25rem 0;
                width: 12.5rem
            }

            .p-menubar .p-submenu-list .p-menuitem-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-menubar .p-submenu-list .p-submenu-icon {
                font-size: .875rem
            }

            @media screen and (max-width:960px) {
                .p-menubar {
                    position: relative
                }

                .p-menubar .p-menubar-button {
                    border-radius: 50%;
                    color: hsla(0, 0%, 100%, .6);
                    display: flex;
                    height: 2rem;
                    transition: background-color .2s, color .2s, box-shadow .2s;
                    width: 2rem
                }

                .p-menubar .p-menubar-button:hover {
                    background: hsla(0, 0%, 100%, .03);
                    color: hsla(0, 0%, 100%, .87)
                }

                .p-menubar .p-menubar-button:focus {
                    box-shadow: 0 0 0 1px #ffe284;
                    outline: 0 none;
                    outline-offset: 0
                }

                .p-menubar .p-menubar-root-list {
                    background: #1e1e1e;
                    border: 1px solid #383838;
                    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                    display: none;
                    padding: .25rem 0;
                    position: absolute;
                    width: 100%
                }

                .p-menubar .p-menubar-root-list .p-menuitem-separator {
                    border-top: 1px solid #383838;
                    margin: .25rem 0
                }

                .p-menubar .p-menubar-root-list .p-submenu-icon {
                    font-size: .875rem
                }

                .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
                    margin-left: auto;
                    transition: transform .2s
                }

                .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active>.p-menuitem-content>.p-menuitem-link>.p-submenu-icon {
                    transform: rotate(-180deg)
                }

                .p-menubar .p-menubar-root-list .p-submenu-list {
                    border: 0;
                    box-shadow: none;
                    position: static;
                    width: 100%
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
                    transform: rotate(90deg);
                    transition: transform .2s
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-content>.p-menuitem-link>.p-submenu-icon {
                    transform: rotate(-90deg)
                }

                .p-menubar .p-menubar-root-list .p-menuitem {
                    position: static;
                    width: 100%
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
                    padding-left: 2.25rem
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
                    padding-left: 3.75rem
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
                    padding-left: 5.25rem
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
                    padding-left: 6.75rem
                }

                .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-submenu-list .p-menuitem .p-menuitem-content .p-menuitem-link {
                    padding-left: 8.25rem
                }

                .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
                    display: flex;
                    flex-direction: column;
                    left: 0;
                    top: 100%;
                    z-index: 1
                }
            }

            .p-panelmenu .p-panelmenu-header {
                outline: 0 none
            }

            .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600;
                padding: 1rem
            }

            .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon,
            .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
                margin-right: .5rem
            }

            .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
                box-shadow: inset 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
                background: #1e1e1e;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87);
                margin-bottom: 0
            }

            .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
                background: hsla(0, 0%, 100%, .03);
                border-color: #383838;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
                border-top: 0;
                border-top-left-radius: 0;
                border-top-right-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: .25rem 0
            }

            .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
                outline: 0 none
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link {
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
                margin-right: .5rem
            }

            .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
                padding: 0 0 0 1rem
            }

            .p-panelmenu .p-panelmenu-panel {
                margin-bottom: 0
            }

            .p-panelmenu .p-panelmenu-panel .p-panelmenu-content,
            .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
                border-radius: 0
            }

            .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content,
            .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content,
            .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
                border-top: 0
            }

            .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
                border-top-left-radius: 3px;
                border-top-right-radius: 3px
            }

            .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content,
            .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px
            }

            .p-steps .p-steps-item .p-menuitem-link {
                background: transparent;
                border-radius: 3px;
                transition: box-shadow .2s
            }

            .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
                background: transparent;
                border: 0;
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .87);
                font-size: 1.143rem;
                height: 2rem;
                line-height: 2rem;
                min-width: 2rem;
                z-index: 1
            }

            .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
                color: hsla(0, 0%, 100%, .6);
                margin-top: .5rem
            }

            .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-steps .p-steps-item.p-highlight .p-steps-number {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-steps .p-steps-item.p-highlight .p-steps-title {
                color: hsla(0, 0%, 100%, .87);
                font-weight: 600
            }

            .p-steps .p-steps-item:before {
                border-top: 1px solid #383838;
                content: " ";
                display: block;
                left: 0;
                margin-top: -1rem;
                position: absolute;
                top: 50%;
                width: 100%
            }

            .p-tabmenu .p-tabmenu-nav {
                background: transparent;
                border: solid #383838;
                border-width: 0 0 2px
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
                margin-right: 0
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
                background: #1e1e1e;
                border: 0 solid transparent;
                border-bottom: 2px solid #383838;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
                color: hsla(0, 0%, 100%, .6);
                font-weight: 600;
                margin: 0 0 -2px;
                padding: 1rem;
                transition: box-shadow .2s
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
                margin-right: .5rem
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
                box-shadow: inset 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
                background: #1e1e1e;
                border-color: #ffd54f;
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
                background: #1e1e1e;
                border-color: #ffd54f;
                color: #ffd54f
            }

            .p-tieredmenu {
                background: #1e1e1e;
                border: 1px solid #383838;
                border-radius: 3px;
                color: hsla(0, 0%, 100%, .87);
                padding: .25rem 0;
                width: 12.5rem
            }

            .p-tieredmenu.p-tieredmenu-overlay {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
            }

            .p-tieredmenu .p-tieredmenu-root-list {
                outline: 0 none
            }

            .p-tieredmenu .p-submenu-list {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                padding: .25rem 0
            }

            .p-tieredmenu .p-menuitem>.p-menuitem-content {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                transition: box-shadow .2s
            }

            .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link {
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-tieredmenu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-tieredmenu .p-menuitem.p-highlight>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem.p-highlight.p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content {
                background: hsla(0, 0%, 100%, .09);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-icon,
            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-menuitem-text,
            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus>.p-menuitem-content .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-menuitem-text,
            .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled)>.p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-tieredmenu .p-menuitem-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-tieredmenu .p-submenu-icon {
                font-size: .875rem
            }

            .p-tieredmenu .p-submenu-icon.p-icon {
                height: .875rem;
                width: .875rem
            }

            .p-inline-message {
                border-radius: 3px;
                margin: 0;
                padding: .5rem
            }

            .p-inline-message.p-inline-message-info {
                background: #b3e5fc;
                border: 1px solid #0891cf;
                color: #044868
            }

            .p-inline-message.p-inline-message-info .p-inline-message-icon {
                color: #044868
            }

            .p-inline-message.p-inline-message-success {
                background: #c8e6c9;
                border: 1px solid #439446;
                color: #224a23
            }

            .p-inline-message.p-inline-message-success .p-inline-message-icon {
                color: #224a23
            }

            .p-inline-message.p-inline-message-warn {
                background: #ffecb3;
                border: 1px solid #d9a300;
                color: #6d5100
            }

            .p-inline-message.p-inline-message-warn .p-inline-message-icon {
                color: #6d5100
            }

            .p-inline-message.p-inline-message-error {
                background: #ffcdd2;
                border: 1px solid #e60017;
                color: #73000c
            }

            .p-inline-message.p-inline-message-error .p-inline-message-icon {
                color: #73000c
            }

            .p-inline-message .p-inline-message-icon {
                font-size: 1rem;
                margin-right: .5rem
            }

            .p-inline-message .p-inline-message-text {
                font-size: 1rem
            }

            .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
                margin-right: 0
            }

            .p-message {
                border-radius: 3px;
                margin: 1rem 0
            }

            .p-message .p-message-wrapper {
                padding: 1rem 1.5rem
            }

            .p-message .p-message-close {
                background: transparent;
                border-radius: 50%;
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-message .p-message-close:hover {
                background: hsla(0, 0%, 100%, .3)
            }

            .p-message .p-message-close:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-message.p-message-info {
                background: #b3e5fc;
                border: solid #0891cf;
                border-width: 0 0 0 6px;
                color: #044868
            }

            .p-message.p-message-info .p-message-close,
            .p-message.p-message-info .p-message-icon {
                color: #044868
            }

            .p-message.p-message-success {
                background: #c8e6c9;
                border: solid #439446;
                border-width: 0 0 0 6px;
                color: #224a23
            }

            .p-message.p-message-success .p-message-close,
            .p-message.p-message-success .p-message-icon {
                color: #224a23
            }

            .p-message.p-message-warn {
                background: #ffecb3;
                border: solid #d9a300;
                border-width: 0 0 0 6px;
                color: #6d5100
            }

            .p-message.p-message-warn .p-message-close,
            .p-message.p-message-warn .p-message-icon {
                color: #6d5100
            }

            .p-message.p-message-error {
                background: #ffcdd2;
                border: solid #e60017;
                border-width: 0 0 0 6px;
                color: #73000c
            }

            .p-message.p-message-error .p-message-close,
            .p-message.p-message-error .p-message-icon {
                color: #73000c
            }

            .p-message .p-message-text {
                font-size: 1rem;
                font-weight: 500
            }

            .p-message .p-message-icon {
                font-size: 1.5rem;
                margin-right: .5rem
            }

            .p-message .p-icon:not(.p-message-close-icon) {
                height: 1.5rem;
                width: 1.5rem
            }

            .p-toast {
                opacity: .9
            }

            .p-toast .p-toast-message {
                border-radius: 3px;
                box-shadow: none;
                margin: 0 0 1rem
            }

            .p-toast .p-toast-message .p-toast-message-content {
                border-width: 0 0 0 6px;
                padding: 1rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
                margin: 0 0 0 1rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
                font-size: 2rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
                height: 2rem;
                width: 2rem
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
                font-weight: 700
            }

            .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
                margin: .5rem 0 0
            }

            .p-toast .p-toast-message .p-toast-icon-close {
                background: transparent;
                border-radius: 50%;
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-toast .p-toast-message .p-toast-icon-close:hover {
                background: hsla(0, 0%, 100%, .3)
            }

            .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-toast .p-toast-message.p-toast-message-info {
                background: #b3e5fc;
                border: solid #0891cf;
                border-width: 0 0 0 6px;
                color: #044868
            }

            .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close,
            .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
                color: #044868
            }

            .p-toast .p-toast-message.p-toast-message-success {
                background: #c8e6c9;
                border: solid #439446;
                border-width: 0 0 0 6px;
                color: #224a23
            }

            .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close,
            .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
                color: #224a23
            }

            .p-toast .p-toast-message.p-toast-message-warn {
                background: #ffecb3;
                border: solid #d9a300;
                border-width: 0 0 0 6px;
                color: #6d5100
            }

            .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close,
            .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
                color: #6d5100
            }

            .p-toast .p-toast-message.p-toast-message-error {
                background: #ffcdd2;
                border: solid #e60017;
                border-width: 0 0 0 6px;
                color: #73000c
            }

            .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close,
            .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
                color: #73000c
            }

            .p-galleria .p-galleria-close {
                background: transparent;
                border-radius: 50%;
                color: #f8f9fa;
                height: 4rem;
                margin: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 4rem
            }

            .p-galleria .p-galleria-close .p-galleria-close-icon {
                font-size: 2rem
            }

            .p-galleria .p-galleria-close .p-icon {
                height: 2rem;
                width: 2rem
            }

            .p-galleria .p-galleria-close:hover {
                background: hsla(0, 0%, 100%, .1);
                color: #f8f9fa
            }

            .p-galleria .p-galleria-item-nav {
                background: transparent;
                border-radius: 3px;
                color: #f8f9fa;
                height: 4rem;
                margin: 0 .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 4rem
            }

            .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon,
            .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon {
                font-size: 2rem
            }

            .p-galleria .p-galleria-item-nav .p-icon {
                height: 2rem;
                width: 2rem
            }

            .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .1);
                color: #f8f9fa
            }

            .p-galleria .p-galleria-caption {
                background: rgba(0, 0, 0, .5);
                color: #f8f9fa;
                padding: 1rem
            }

            .p-galleria .p-galleria-indicators {
                padding: 1rem
            }

            .p-galleria .p-galleria-indicators .p-galleria-indicator button {
                background-color: #383838;
                border-radius: 50%;
                height: 1rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 1rem
            }

            .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
                background: #4c4c4c
            }

            .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
            .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
                margin-right: .5rem
            }

            .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
            .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
                margin-bottom: .5rem
            }

            .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
                background: rgba(0, 0, 0, .5)
            }

            .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
                background: hsla(0, 0%, 100%, .4)
            }

            .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
                background: hsla(0, 0%, 100%, .6)
            }

            .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
                background: rgba(255, 213, 79, .16);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-galleria .p-galleria-thumbnail-container {
                background: rgba(0, 0, 0, .9);
                padding: 1rem .25rem
            }

            .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next,
            .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev {
                background-color: transparent;
                border-radius: 50%;
                color: #f8f9fa;
                height: 2rem;
                margin: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover,
            .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover {
                background: hsla(0, 0%, 100%, .1);
                color: #f8f9fa
            }

            .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-galleria-mask,
            .p-image-mask {
                --maskbg: rgba(0, 0, 0, .9)
            }

            .p-image-preview-indicator {
                background-color: transparent;
                color: #f8f9fa;
                transition: background-color .2s, color .2s, box-shadow .2s
            }

            .p-image-preview-indicator .p-icon {
                height: 1.5rem;
                width: 1.5rem
            }

            .p-image-preview-container:hover>.p-image-preview-indicator {
                background-color: rgba(0, 0, 0, .5)
            }

            .p-image-toolbar {
                padding: 1rem
            }

            .p-image-action.p-link {
                background-color: transparent;
                border-radius: 50%;
                color: #f8f9fa;
                height: 3rem;
                margin-right: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 3rem
            }

            .p-image-action.p-link:last-child {
                margin-right: 0
            }

            .p-image-action.p-link:hover {
                background-color: hsla(0, 0%, 100%, .1);
                color: #f8f9fa
            }

            .p-image-action.p-link i {
                font-size: 1.5rem
            }

            .p-image-action.p-link .p-icon {
                height: 1.5rem;
                width: 1.5rem
            }

            .p-avatar {
                background-color: #383838;
                border-radius: 3px
            }

            .p-avatar.p-avatar-lg {
                font-size: 1.5rem;
                height: 3rem;
                width: 3rem
            }

            .p-avatar.p-avatar-lg .p-avatar-icon {
                font-size: 1.5rem
            }

            .p-avatar.p-avatar-xl {
                font-size: 2rem;
                height: 4rem;
                width: 4rem
            }

            .p-avatar.p-avatar-xl .p-avatar-icon {
                font-size: 2rem
            }

            .p-avatar-group .p-avatar {
                border: 2px solid #1e1e1e
            }

            .p-badge {
                background: #ffd54f;
                color: #212529;
                font-size: .75rem;
                font-weight: 700;
                height: 1.5rem;
                line-height: 1.5rem;
                min-width: 1.5rem
            }

            .p-badge.p-badge-secondary {
                background-color: #78909c;
                color: #fff
            }

            .p-badge.p-badge-success {
                background-color: #c5e1a5;
                color: #121212
            }

            .p-badge.p-badge-info {
                background-color: #81d4fa;
                color: #121212
            }

            .p-badge.p-badge-warning {
                background-color: #ffe082;
                color: #121212
            }

            .p-badge.p-badge-danger {
                background-color: #f48fb1;
                color: #121212
            }

            .p-badge.p-badge-lg {
                font-size: 1.125rem;
                height: 2.25rem;
                line-height: 2.25rem;
                min-width: 2.25rem
            }

            .p-badge.p-badge-xl {
                font-size: 1.5rem;
                height: 3rem;
                line-height: 3rem;
                min-width: 3rem
            }

            .p-chip {
                background-color: #383838;
                border-radius: 16px;
                color: hsla(0, 0%, 100%, .87);
                padding: 0 .5rem
            }

            .p-chip .p-chip-text {
                line-height: 1.5;
                margin-bottom: .25rem;
                margin-top: .25rem
            }

            .p-chip .p-chip-icon,
            .p-chip img {
                margin-right: .5rem
            }

            .p-chip img {
                height: 2rem;
                margin-left: -.5rem;
                width: 2rem
            }

            .p-chip .p-chip-remove-icon {
                border-radius: 3px;
                margin-left: .5rem;
                transition: background-color .2s, color .2s, box-shadow .2s
            }

            .p-chip .p-chip-remove-icon:focus-visible {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-chip .p-chip-remove-icon:focus {
                outline: 0 none
            }

            .p-inplace .p-inplace-display {
                border-radius: 3px;
                padding: .5rem;
                transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
            }

            .p-inplace .p-inplace-display:not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-inplace .p-inplace-display:focus {
                box-shadow: 0 0 0 1px #ffe284;
                outline: 0 none;
                outline-offset: 0
            }

            .p-progressbar {
                background: #383838;
                border: 0;
                border-radius: 3px;
                height: 1.5rem
            }

            .p-progressbar .p-progressbar-value {
                background: #ffd54f;
                border: 0;
                margin: 0
            }

            .p-progressbar .p-progressbar-label {
                color: #212529;
                line-height: 1.5rem
            }

            .p-progress-spinner-svg {
                animation: p-progress-spinner-rotate 2s linear infinite
            }

            .p-progress-spinner-circle {
                stroke-dasharray: 89, 200;
                stroke-dashoffset: 0;
                stroke: #73000c;
                stroke-linecap: round;
                animation: p-progress-spinner-dash 1.5s ease-in-out infinite, p-progress-spinner-color 6s ease-in-out infinite
            }

            @keyframes p-progress-spinner-rotate {
                to {
                    transform: rotate(1turn)
                }
            }

            @keyframes p-progress-spinner-dash {
                0% {
                    stroke-dasharray: 1, 200;
                    stroke-dashoffset: 0
                }

                50% {
                    stroke-dasharray: 89, 200;
                    stroke-dashoffset: -35px
                }

                to {
                    stroke-dasharray: 89, 200;
                    stroke-dashoffset: -124px
                }
            }

            @keyframes p-progress-spinner-color {

                0%,
                to {
                    stroke: #73000c
                }

                40% {
                    stroke: #044868
                }

                66% {
                    stroke: #224a23
                }

                80%,
                90% {
                    stroke: #6d5100
                }
            }

            .p-scrolltop {
                border-radius: 50%;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                height: 3rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 3rem
            }

            .p-scrolltop.p-link {
                background: rgba(255, 213, 79, .16)
            }

            .p-scrolltop.p-link:hover {
                background: rgba(255, 213, 79, .362)
            }

            .p-scrolltop .p-scrolltop-icon {
                color: hsla(0, 0%, 100%, .87);
                font-size: 1.5rem
            }

            .p-scrolltop .p-scrolltop-icon.p-icon {
                height: 1.5rem;
                width: 1.5rem
            }

            .p-skeleton {
                background-color: hsla(0, 0%, 100%, .06);
                border-radius: 3px
            }

            .p-skeleton:after {
                background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .04), hsla(0, 0%, 100%, 0))
            }

            .p-tag {
                background: #ffd54f;
                border-radius: 3px;
                color: #212529;
                font-size: .75rem;
                font-weight: 700;
                padding: .25rem .4rem
            }

            .p-tag.p-tag-success {
                background-color: #c5e1a5;
                color: #121212
            }

            .p-tag.p-tag-info {
                background-color: #81d4fa;
                color: #121212
            }

            .p-tag.p-tag-warning {
                background-color: #ffe082;
                color: #121212
            }

            .p-tag.p-tag-danger {
                background-color: #f48fb1;
                color: #121212
            }

            .p-tag .p-tag-icon {
                font-size: .75rem;
                margin-right: .25rem
            }

            .p-tag .p-tag-icon.p-icon {
                height: .75rem;
                width: .75rem
            }

            .p-terminal {
                background: #1e1e1e;
                border: 1px solid #383838;
                color: hsla(0, 0%, 100%, .87);
                padding: 1rem
            }

            .p-terminal .p-terminal-input {
                font-feature-settings: var(--font-feature-settings, normal);
                font-family: var(--font-family);
                font-size: 1rem
            }

            .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button,
            .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
                background-color: #ffd54f
            }

            .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
                background: #ffd54f
            }

            .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
                box-shadow: inset 0 2px 0 0 #ffd54f
            }

            .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
                box-shadow: inset 0 -2px 0 0 #ffd54f
            }
        }
        @font-face {
            font-display: block;
            font-family: primeicons;
            font-style: normal;
            font-weight: 400;
            src: url(_nuxt/primeicons.ce852338.eot);
            src: url(_nuxt/primeicons.ce852338.eot?#iefix) format("embedded-opentype"), url(_nuxt/primeicons.3824be50.woff2) format("woff2"), url(_nuxt/primeicons.90a58d3a.woff) format("woff"), url(_nuxt/primeicons.131bc3bf.ttf) format("truetype"), url(_nuxt/primeicons.5e10f102.svg?#primeicons) format("svg")
        }

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

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

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

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

        @keyframes fa-spin {
            0% {
                transform: rotate(0deg)
            }

            to {
                transform: rotate(359deg)
            }
        }

        .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"
        }
        @charset "UTF-8";

        .switch-button-controller {
            align-items: center;
            background: #1e4f3c;
            border-radius: 16px;
            color: #fff;
            direction: ltr;
            display: flex;
            flex-direction: row;
            height: 50px;
            justify-content: space-between;
            margin: 0 auto;
            position: relative;
            width: 100%
        }

        .switch-button-controller .tab {
            align-items: center;
            color: var(--gray);
            color: #fff;
            cursor: pointer;
            display: flex;
            height: 100%;
            justify-content: center;
            position: relative;
            transition: .6s;
            transition: .25s;
            z-index: 3
        }

        .switch-button-controller .tab:hover {
            opacity: .8
        }

        .switch-button-controller .tab .active {
            transition: .6s
        }

        .switch-button-controller .selected {
            background: #3fb088 !important;
            border-radius: 16px;
            height: 82%;
            left: 0;
            position: absolute;
            top: 10%;
            transition: width .25s cubic-bezier(.4, 0, .2, 1) 0ms, transform .25s cubic-bezier(.4, 0, .2, 1) 0ms;
            z-index: 2
        }

        .switch-button-controller .selected.one {
            transform: translateX(2%)
        }

        .switch-button-controller .selected.two {
            transform: translateX(98%)
        }

        .switch-button-controller .selected.three {
            transform: translateX(200%)
        }

        .switch-button-controller .selected.four {
            transform: translateX(300%)
        }

        .switch-button-controller .selected.five {
            transform: translateX(400%)
        }

        .balanceCard-list-controller {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            width: 100%
        }

        .balanceCard-list-controller .card-item {
            background: var(--card);
            border: var(var(--border));
            border-radius: 16px;
            display: flex;
            flex-direction: column;
            gap: .8rem;
            max-width: -moz-fit-content;
            max-width: fit-content;
            min-width: 300px;
            padding: .5rem .5rem .8rem
        }

        @media (min-width:1250px) {
            .balanceCard-list-controller .card-item {
                min-width: calc(25% - .8rem)
            }
        }

        .balanceCard-list-controller .card-item .controller {
            align-items: center;
            color: var(--text);
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between
        }

        .balanceCard-list-controller .card-item .controller .icon-controller {
            align-items: center;
            background: var(--inputBg);
            border-radius: 50%;
            display: flex;
            height: 45px;
            justify-content: center;
            padding: .5rem;
            width: 45px
        }

        .balanceCard-list-controller .card-item .controller .symbol {
            background: var(--inputBg);
            padding: .5rem
        }

        .balanceCard-list-controller .card-item .controller .price {
            font-family: BoldF !important;
            font-size: 1.3rem
        }

        .step3-rolls-controller {
            background: var(--card);
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            height: 100%;
            margin: 1rem 0 2rem;
            padding: 1rem 0
        }

        .step3-rolls-controller .title-controller {
            display: block;
            font-family: BoldF !important;
            font-size: 16px;
            margin-bottom: 1rem;
            text-align: center
        }

        .step3-rolls-controller p {
            color: var(--gray);
            font-size: 14px;
            line-height: 1.4;
            text-align: right
        }

        .step3-rolls-controller .rolls-controller {
            height: calc(90vh - 410px);
            overflow-y: scroll;
            padding: 1rem;
            width: 100%
        }

        .app-sidebar-controller {
            align-items: center;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            height: 100%;
            justify-content: space-between;
            margin: auto;
            max-width: 756px;
            min-height: 100vh;
            padding: .8rem .5rem .5rem;
            position: relative;
            width: 100%
        }

        .app-sidebar-controller .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
            box-shadow: none !important
        }

        .app-sidebar-controller .p-panelmenu-content {
            padding: 0 !important
        }

        .app-sidebar-controller .p-panelmenu .p-panelmenu-header>a {
            font-weight: 400 !important
        }

        .app-sidebar-controller .p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon {
            position: absolute;
            right: 0
        }

        .app-sidebar-controller .p-panelmenu .p-panelmenu-panel .p-panelmenu-header>a {
            border: none !important;
            box-shadow: none !important
        }

        .app-sidebar-controller .p-panelmenu .p-panelmenu-content {
            border: none !important
        }

        .app-sidebar-controller .p-panelmenu .p-submenu-list {
            left: 1rem;
            position: relative
        }

        .app-sidebar-controller .profile-information {
            background: transparent;
            border: none;
            width: 100%
        }

        .app-sidebar-controller .default-avatar {
            height: 90px;
            margin-top: 2rem;
            width: 90px
        }

        .app-sidebar-controller .logout-btn {
            background: #fc531c;
            color: var(--text);
            font-size: 20px;
            padding: 1rem;
            text-align: left;
            width: 100%
        }

        .avatar-swiper-controller {
            display: flex;
            flex-wrap: wrap
        }

        .avatar-swiper-controller img {
            border-radius: 50%;
            height: 90px;
            width: 90px
        }

        .profile-information {
            background: #1e4f3c;
            border: none;
            border-radius: 10px;
            border-radius: 4px;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            padding: 1rem
        }

        .profile-information .default-avatar {
            height: 65px;
            width: 65px
        }

        .education-Match-card-controller {
            background: #1e4f3c;
            border: none;
            border-radius: 10px;
            border-radius: 4px;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            margin-bottom: .5rem;
            max-width: 300px;
            padding: .5rem;
            width: 100%
        }

        .education-Match-card-controller .p-progressbar {
            height: .4rem
        }

        .education-Match-card-controller .p-progressbar .p-progressbar-value {
            background: #3fb088
        }

        @media (min-width:1200px) {
            .education-Match-card-controller {
                max-width: calc(33% - .3rem)
            }
        }

        .education-Match-card-controller .card-banner {
            border-radius: 16px;
            height: 235px;
            margin-bottom: 1rem;
            overflow: hidden;
            position: relative;
            width: 100%
        }

        .education-Match-card-controller .card-banner .card-submenu {
            -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
            background: rgba(3, 3, 3, .7);
            border-radius: 0 0 16px 16px;
            bottom: 0;
            left: 0;
            padding: .5rem;
            position: absolute;
            width: 100%
        }

        .education-Match-card-controller .card-banner .card-submenu i {
            cursor: pointer;
            transition: .6s
        }

        .education-Match-card-controller .card-banner .card-submenu i:hover {
            opacity: .8
        }

        .education-Match-card-controller .card-banner img {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: center;
            object-position: center;
            width: 100%
        }

        .teacher-item {
            align-items: center;
            background: #1e4f3c;
            border: none;
            border-radius: 10px;
            border-radius: 4px;
            box-shadow: none;
            cursor: pointer;
            padding: .8rem .5rem .5rem;
            transition: .6s;
            width: 300px
        }

        .teacher-item:hover {
            opacity: .8
        }

        @media (min-width:992px) {
            .teacher-item {
                width: calc(33% - .2rem)
            }
        }

        .live-chat-main-controller {
            background: #1e4f3c;
            border: none;
            border-radius: 10px;
            box-shadow: none;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-top: 1rem;
            padding: 1rem
        }

        .live-chat-main-controller .chat-item {
            border-bottom: var(--border);
            display: flex;
            flex-direction: row;
            gap: .5rem;
            padding-bottom: 1rem;
            width: 100%
        }

        .live-chat-main-controller .p-inputgroup {
            border-radius: 16px;
            overflow: hidden
        }

        .live-chat-main-controller .p-inputgroup input {
            height: 3.7rem !important
        }

        .footer-menu-controller {
            background: rgba(255,255,255,.9) !important;
            border-radius: 44px 44px 0 0;
            bottom: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            margin: auto;
            overflow: hidden;
            padding: 0 .5rem;
            width: 100%
        }

        .footer-menu-controller:not(.no-bg) {
            padding: 2rem 2rem 1rem;
            margin: 1rem auto auto;
            max-width: 90%;
        }

        .footer-menu-controller .child {
            position: relative;
            z-index: 2
        }

        .footer-menu-controller.no-bg:after {
            background-position: bottom;
            filter: brightness(.5);
            height: 100px
        }

        .plans-desktop-controller {
            align-items: flex-end;
            background: #1e4f3c;
            border: none;
            border-radius: 10px;
            box-shadow: none;
            display: flex;
            flex-direction: row;
            overflow-x: scroll;
            padding: 1rem;
            position: relative
        }

        .plans-desktop-controller .col-child {
            border-left: 1px solid hsla(0, 0%, 71%, .643);
            display: flex;
            flex-direction: column;
            gap: 1rem;
            height: 100%;
            justify-content: center;
            min-width: 176px
        }

        .plans-desktop-controller .col-child span {
            display: block;
            padding: 0 .5rem;
            text-align: center;
            width: 100%
        }

        .plans-desktop-controller .col-child .child {
            align-items: center
        }

        .profile-sidebar-controller {
            align-items: center;
            border-radius: 50%;
            display: flex;
            flex-direction: column;
            height: 55px;
            justify-content: center;
            padding-top: 1rem;
            position: relative;
            width: 55px
        }

        .profile-sidebar-controller .image-hasBorder {
            border: 3px solid #fc531c
        }

        .profile-sidebar-controller .image-hasBorder.gold-border {
            border-color: #f4bd21 !important
        }

        .profile-sidebar-controller .image-hasBorder.silver-border {
            border-color: #acacac !important
        }

        .profile-sidebar-controller .image-hasBorder.diamond-border {
            border-color: #2196f3 !important
        }

        .profile-sidebar-controller img {
            height: 54px;
            width: 54px
        }

        .profile-sidebar-controller .user-level {
            background: #fdca00;
            border-radius: 5px;
            bottom: 10px;
            font-size: 12px;
            padding: 2px 5px;
            position: relative;
            white-space: pre;
            width: -moz-max-content;
            width: max-content
        }

        .profile-sidebar-controller .user-level span {
            color: #212121 !important
        }

        .profile-sidebar-controller .user-level.gold {
            background: #f4bd21 !important
        }

        .profile-sidebar-controller .user-level.silver {
            background: #acacac !important
        }

        .profile-sidebar-controller .user-level.diamond {
            background: #2196f3 !important
        }

        .profile-sidebar-controller .user-level.diamond span {
            color: #fff !important
        }

        .otp-controller {
            direction: ltr;
            padding: 1rem
        }

        .otp-controller,
        .otp-controller div {
            display: flex;
            flex-direction: row;
            justify-content: center
        }

        .otp-controller div {
            max-width: -moz-fit-content;
            max-width: fit-content;
            padding: 0 .5rem;
            width: 100%
        }

        .otp-controller input {
            background: transparent !important;
            border: .15rem solid #237f6a !important;
            border-radius: 8px;
            box-shadow: none !important;
            color: #fff !important;
            font-size: 34px;
            font-weight: 400;
            height: 2.5rem !important;
            outline: none !important;
            padding-top: 1rem;
            text-align: center;
            width: 2.5rem !important
        }

        .otp-controller .p-invalid input {
            border: .15rem solid #fc531c !important
        }

        .video-box-controller {
            background: var(--card);
            border: .15rem dashed #237f6a !important;
            border-radius: 10px;
            display: flex;
            flex-direction: column;
            margin: auto;
            max-width: 576px;
            padding: 1rem
        }

        .eclipse-shape {
            -webkit-clip-path: ellipse(28% 50% at 50% 50%);
            clip-path: ellipse(28% 50% at 50% 50%);
            position: relative
        }

        .webcam-controller video {
            border: 4px solid var(--baseColor) !important;
            border-radius: 10px;
            overflow: hidden
        }

        .my-plan-controller {
            display: flex;
            flex-direction: column;
            max-width: 376px;
            position: relative;
            width: 100%
        }

        .my-plan-controller .title-controller {
            border-radius: 10px;
            font-size: 14px;
            margin: auto;
            max-width: -moz-fit-content;
            max-width: fit-content;
            padding: .5rem;
            position: relative;
            text-align: center;
            top: .5rem;
            width: 100%
        }

        .my-plan-controller .body-controller {
            border-radius: 10px;
            height: 75px;
            padding: 1rem
        }

        .my-plan-controller .body-controller img {
            width: 33px
        }

        .my-plan-controller .footer-controller {
            bottom: .5rem;
            justify-content: space-between;
            padding: 0 1rem;
            position: relative;
            width: 100%
        }

        .my-plan-controller .footer-controller button {
            min-width: 110px;
            padding: .5rem !important
        }

        .download-app-controller {
            align-items: center;
            background-position: 100%;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 10px;
            height: 320px
        }

        @media (min-width:860px) {
            .download-app-controller {
                background-image: url(_nuxt/downloadApp.8a7431e3.png)
            }
        }

        @media (max-width:860px) {
            .download-app-controller {
                background: #1ba385
            }

            .download-app-controller .child {
                align-items: center !important;
                justify-content: center !important
            }

            .download-app-controller .child .paragraph-controller {
                padding: 0 1rem
            }

            .download-app-controller .child .controller.mt-2.j-start.w-100 {
                justify-content: center !important
            }
        }

        @media (min-width:860px) and (max-width:1200px) {
            .download-app-controller .child {
                align-items: center !important;
                justify-content: center !important;
                margin-right: auto
            }

            .download-app-controller .child .paragraph-controller {
                padding: 0 1rem
            }

            .download-app-controller .child .controller.mt-2.j-start.w-100 {
                justify-content: center !important
            }
        }

        @media (max-width:576px) {
            .download-app-controller img {
                width: 56px
            }

            .download-app-controller span {
                font-size: 13px;
                text-align: center
            }
        }

        .notification-massage-controller {
            border-bottom: 1px solid var(--gray);
            display: flex;
            flex-direction: column;
            max-width: 560px;
            min-width: 300px;
            padding: 1rem;
            text-align: right;
            width: 100%
        }

        .notification-massage-controller:last-child {
            border: none
        }

        .custom-table-controller {
            display: flex;
            flex-direction: row;
            gap: 0
        }

        .custom-table-controller .table-item-main-controller {
            display: flex;
            flex-direction: column;
            min-width: -moz-fit-content;
            min-width: fit-content;
            width: -moz-fit-content;
            width: fit-content
        }

        .custom-table-controller .header-controller {
            background: var(--tableHeaderColor);
            border: 1px solid var(--tableBorderColor);
            font-family: BoldF !important
        }

        .custom-table-controller .table-item-controller .child {
            border: 1px solid var(--tableBorderColor);
            padding: .5rem
        }

        .contract-controller {
            display: flex;
            flex-direction: column;
            padding-top: 1rem
        }

        .contract-controller .contract {
            height: 70vh;
            margin-bottom: 1rem;
            overflow-y: scroll
        }

        .contract-controller .contract .contract-page {
            background: #fff;
            border-radius: 5px;
            color: #212121;
            display: flex;
            flex-direction: column;
            gap: .5rem;
            margin-bottom: 1rem;
            padding: 1rem 2rem
        }

        .contract-controller .contract .contract-page p {
            margin-bottom: 0
        }

        .sekebit-points-controller {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            justify-content: space-between
        }

        .sekebit-points-controller .card-box-controller {
            box-shadow: none !important;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-bottom: 1rem;
            padding: 1rem;
            width: 100%
        }

        @media (min-width:756px) {
            .sekebit-points-controller .card-box-controller {
                max-width: 48%
            }
        }

        .sekebit-points-controller .card-box-controller.no-shadow {
            box-shadow: 0 0 3px rgba(27, 31, 68, .28) !important
        }

        .sekebit-points-controller .card-box-controller.no-shadow:hover {
            background: #fff;
            transition: .4s;
            color:#333
        }

        .sekebit-points-controller .card-box-controller .paragraph-controller {
            font-size: 14px;
            line-height: 1.5
        }

        .sekebit-points-controller .card-box-controller .icon-controller {
            background: var(--card2);
            border-radius: 10px;
            padding: 1rem;
            width: -moz-fit-content;
            width: fit-content
        }

        .sekebit-points-controller .card-box-controller .icon-controller img {
            height: 35px !important;
            width: 35px !important
        }

        .analyze-card-controller {
            display: flex;
            flex-direction: column;
            position: relative
        }

        .analyze-card-controller .circle-controller {
            background: radial-gradient(38.46% 50% at 50% 50%, #8ad2b8 0, #529f84 100%);
            border-radius: 50%;
            height: 100px;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            z-index: 1
        }

        .analyze-card-controller img {
            height: 55px !important;
            left: 50%;
            margin: auto;
            position: absolute;
            top: 70px;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 55px !important;
            z-index: 3
        }

        .analyze-card-controller .mirror-box {
            align-items: center;
            -webkit-backdrop-filter: blur(22.6851844788px);
            backdrop-filter: blur(22.6851844788px);
            background: hsla(0, 0%, 100%, .1);
            border-radius: 12px;
            box-shadow: 0 7.77778px 27.22222px 0 rgba(0, 0, 0, .13);
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 3rem 1rem 1rem;
            position: relative;
            top: 4rem;
            z-index: 2
        }

        .p-inputgroup-addon {
            background: transparent !important;
            border: none !important;
            outline: none !important;
            padding: 0 .5rem !important
        }

        .p-inputgroup {
            border: 1px solid var(--gray) !important
        }

        .p-inputnumber-input,
        .p-inputtext {
            background: transparent !important
        }

        .p-dropdown .p-dropdown-label.p-placeholder {
            height: 100%;
            justify-content: flex-end
        }

        .p-component,
        .p-inputtext {
            direction: ltr !important;
            font-family: Lato !important
        }

        .p-component:enabled:active,
        .p-component:enabled:hover,
        .p-inputtext:enabled:active,
        .p-inputtext:enabled:hover {
            border-color: #237f6a;
            box-shadow: none !important;
            outline-color: #237f6a
        }

        .p-component.dl,
        .p-inputtext.dl {
            direction: ltr !important
        }

        .p-dropdown,
        .p-inputtext {
            background: var(--inputBg) !important;
            border: none !important;
            outline-color: var(--inputBg) !important
        }

        .p-dropdown:active,
        .p-dropdown:focus,
        .p-inputtext:active,
        .p-inputtext:focus {
            border-color: #1e4f3c !important;
            outline-color: #1e4f3c !important
        }

        .p-dropdown,
        .p-inputtext {
            height: 42px
        }

        .p-dropdown-label.p-inputtext.p-placeholder {
            align-items: center;
            display: flex
        }

        .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
            background: #1e4f3c !important
        }

        .p-datatable .p-datatable-tbody>tr>td,
        .p-datatable .p-datatable-thead>tr>th,
        .p-paginator {
            background: var(--card) !important;
            font-size: 1rem !important;
            font-weight: 400 !important
        }

        .p-button {
            color: #fff !important;
            font-size: .9rem !important
        }

        .p-button.outline-border {
            color: var(--text)
        }

        .p-button-plain:hover {
            color: var(--text) !important
        }

        .p-button-text,
        .p-button-text:hover {
            background: transparent !important;
            border: none !important;
            box-shadow: none !important;
            outline: none !important
        }

        .p-datepicker,
        .p-datepicker .p-datepicker-header {
            background: var(--card) !important
        }

        .p-dialog .p-dialog-header,
        .p-knob-text {
            color: var(--text) !important
        }

        .p-component-overlay {
            direction: ltr !important
        }

        .p-dialog {
            direction: rtl !important
        }

        .p-dialog .p-dialog-content,
        .p-dialog .p-dialog-header,
        .p-sidebar {
            background: #59269B !important;
        }

        .p-button-label {
            font-weight: 400 !important
        }

        .p-inputtext {
            color: var(--text) !important
        }

        .p-input-icon-right>.p-input-suffix,
        .p-input-icon-right>i:last-of-type,
        .p-input-icon-right>svg:last-of-type {
            cursor: pointer;
            transition: .6s;
            z-index: 2 !important
        }

        .p-input-icon-right>.p-input-suffix:hover,
        .p-input-icon-right>i:last-of-type:hover,
        .p-input-icon-right>svg:last-of-type:hover {
            opacity: .8
        }

        .p-confirm-popup {
            background: var(--card) !important;
            color: var(--text) !important
        }

        .p-sidebar,
        .p-sidebar .p-sidebar-header {
            background: #59269B !important;
        }

        .p-sidebar .p-sidebar-header {
            margin-bottom: 0;
            padding: 0 !important
        }

        .p-sidebar .p-sidebar-content {
            padding: 0 0 1rem !important
        }

        .p-sidebar-close.p-sidebar-icon.p-link {
            color: var(--text) !important
        }

        .css-1ws8119-MuiDivider-root:after,
        .css-1ws8119-MuiDivider-root:before {
            border-top: .13rem solid var(--gray) !important
        }

        .p-dialog .p-dialog-content:last-of-type,
        .p-dialog .p-dialog-header {
            color: #fff
        }

        .p-dropdown-empty-message {
            color: #fff !important;
            text-align: center !important
        }

        .p-dropdown-panel,
        .p-dropdown-panel .p-dropdown-header,
        .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
            background: #212121 !important;
            color: #fff !important
        }

        .p-dropdown-panel .p-dropdown-filter-icon,
        .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon,
        .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-filter-icon {
            left: 1rem !important;
            right: unset !important
        }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-filter,
        .p-dropdown-panel .p-dropdown-header .p-dropdown-header .p-dropdown-filter,
        .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-header .p-dropdown-filter {
            padding-left: 1.5rem !important;
            padding-right: .5rem !important
        }

        .p-dropdown-panel .p-dropdown-header input,
        .p-dropdown-panel .p-dropdown-items .p-dropdown-item input,
        .p-dropdown-panel input {
            border: .15rem dashed #fff !important;
            box-shadow: none !important;
            direction: rtl !important
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
            color: #fff !important
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item:hover {
            background: #171b24 !important;
            border: none !important;
            box-shadow: none !important;
            color: #fff !important
        }

        .p-dialog-mask.p-component-overlay {
            z-index: 110100000
        }

        .p-fluid .p-dropdown .p-dropdown-label {
            justify-content: flex-start !important
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
            text-align: right !important
        }

        .p-divider .p-divider-content {
            background: #192d24 !important;
            color: #fff !important
        }

        .p-divider.p-divider-horizontal:before {
            border-top: 2px dashed #1e4532 !important
        }

        .p-menu .p-submenu-header {
            padding: 0 !important
        }

        .p-menu .p-menuitem-link {
            direction: rtl !important
        }

        .p-menu .p-menuitem-link .pi {
            margin-left: .5rem;
            margin-right: unset !important
        }

        .p-confirm-popup {
            background: #59269B !important;
        }

        .p-confirm-popup .p-confirm-popup-content {
            direction: rtl !important
        }

        .p-confirm-popup .p-confirm-popup-icon {
            margin-left: 1rem !important
        }

        .p-message.p-message-error {
            direction: rtl !important
        }

        .p-message.p-message-error .p-message-icon {
            margin-left: .5rem;
            margin-right: unset !important
        }

        .p-dialog .p-dialog-footer {
            background: #59269B !important;
            direction: ltr;
            display: flex;
            justify-content: flex-end
        }

        .p-dialog .p-dialog-content {
            color: var(--text) !important
        }

        .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
            margin-left: .5rem
        }

        .p-dialog:not(.max-dialog) {
            max-width: 95% !important;
            width: 412px !important
        }

        .p-tabview .p-tabview-nav {
            direction: rtl !important
        }

        .p-tabview .p-tabview-nav,
        .p-tabview .p-tabview-nav li .p-tabview-nav-link,
        .p-tabview .p-tabview-panels {
            background: transparent !important;
            box-shadow: none !important
        }

        .p-tabview .p-tabview-panels {
            color: #fff !important;
            padding: .5rem !important
        }

        .p-tabview .p-tabview-nav li .p-tabview-nav-link {
            border: none !important;
            color: var(--gray) !important
        }

        .p-tabview .p-tabview-nav li {
            border: none !important
        }

        .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
            color: #fff !important
        }

        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider,
        .p-tabview .p-tabview-nav .p-tabview-ink-bar {
            background: #171b24 !important
        }

        .p-tag-value {
            font-weight: 400 !important
        }

        .p-tag.p-tag-success {
            background: var(--baseColor) !important
        }

        .p-steps .p-steps-item .p-menuitem-link {
            background: transparent !important
        }

        .p-steps .p-steps-item.p-highlight .p-steps-number {
            background: var(--baseColor) !important;
            color: #fff !important
        }

        .p-steps .p-steps-item:before {
            border-top: 1px solid #acacac !important
        }

        .p-steps-item.p-highlight.p-steps-current:before,
        .p-steps-item.p-highlight.p-steps-current:before.p-steps-item:before {
            border-top: 1px solid var(--baseColor) !important
        }

        .p-steps.p-component.p-readonly {
            direction: rtl !important
        }

        .p-tag.p-component.p-tag-success {
            color: #fff !important
        }

        .p-checkbox .p-checkbox-box.p-highlight {
            background: var(--baseColor) !important;
            border-color: var(--baseColor) !important;
            color: var(--baseColor) !important
        }

        .p-inline-message.p-inline-message-warn {
            direction: rtl !important;
            margin: auto
        }

        .p-inline-message.p-inline-message-warn .p-inline-message-icon {
            font-size: 1.5rem;
            margin: 0 .5rem !important
        }

        .p-dialog .p-dialog-header {
            padding-bottom: .5rem !important
        }

        .two-step-msg-controller {
            padding-top: 1rem
        }

        .two-step-msg-controller .p-inline-message {
            align-items: flex-start;
            background: rgba(252, 83, 28, .149) !important;
            border-radius: 0;
            border-bottom-left-radius: 5px;
            border-right: 5px solid #fc531c !important;
            border-top-left-radius: 5px;
            height: -moz-fit-content;
            height: fit-content;
            min-width: 100%;
            padding: 0 1rem;
            width: 100%
        }

        .two-step-msg-controller .p-inline-message .p-inline-message-icon {
            display: none !important
        }

        .two-step-msg-controller .p-inline-message span {
            color: #fc531c;
            font-size: 14px;
            padding: .5rem 0
        }

        .p-inputtext:enabled:focus {
            box-shadow: none !important
        }

        .p-accordion.p-component {
            display: flex;
            flex-direction: column;
            gap: .5rem
        }

        .p-divider .p-divider-content {
            background: #59269B !important;
            color: var(--text) !important
        }

        .steps-style-controller {
            color: #929292;
            direction: rtl;
            display: table;
            height: 4rem;
            list-style: none;
            margin: 0;
            padding: 0;
            table-layout: fixed;
            width: 100%
        }

        .steps-style-controller>.step {
            color: var(--gray);
            display: table-cell;
            font-size: .875rem;
            position: relative;
            text-align: center
        }

        .steps-style-controller>.step span {
            display: block;
            position: relative !important
        }

        .steps-style-controller>.step:before {
            background: #fff;
            border: 2px solid #e6e6e6;
            border-radius: 100%;
            color: #e6e6e6;
            content: attr(data-step);
            display: block;
            font-size: 1rem;
            font-weight: 700;
            height: 2rem;
            line-height: 1.9rem;
            margin: 0 auto;
            position: relative;
            text-align: center;
            width: 2rem;
            z-index: 1
        }

        .steps-style-controller>.step:after {
            background: #e6e6e6;
            content: "";
            display: block;
            height: .125rem;
            position: absolute;
            right: 50%;
            top: 1rem;
            width: 100%
        }

        .steps-style-controller>.step:last-child:after {
            display: none
        }

        .steps-style-controller>.step.is-complete {
            color: var(--gray)
        }

        .steps-style-controller>.step.is-complete:before {
            background: #fff;
            border: 2px solid var(--baseColor);
            color: var(--baseColor);
            content: "✓"
        }

        .steps-style-controller>.step.is-complete:after {
            background: var(--baseColor)
        }

        .steps-style-controller>.step.is-active:before {
            background: #fdca00;
            border: 2px solid #fdca00;
            color: var(--text) !important
        }

        :root {
            --surface-a: #1e1e1e;
            --surface-b: #121212;
            --surface-c: hsla(0, 0%, 100%, .03);
            --surface-d: #383838;
            --surface-e: #1e1e1e;
            --surface-f: #1e1e1e;
            --text-color: hsla(0, 0%, 100%, .87);
            --text-color-secondary: hsla(0, 0%, 100%, .6);
            --primary-color: #ba68c8;
            --primary-color-text: #fff;
            --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            --surface-0: #121212;
            --surface-50: #2a2a2a;
            --surface-100: #414141;
            --surface-200: #595959;
            --surface-300: #717171;
            --surface-400: #898989;
            --surface-500: #a0a0a0;
            --surface-600: #b8b8b8;
            --surface-700: #d0d0d0;
            --surface-800: #e7e7e7;
            --surface-900: #fff;
            --gray-50: #e7e7e7;
            --gray-100: #d0d0d0;
            --gray-200: #b8b8b8;
            --gray-300: #a0a0a0;
            --gray-400: #898989;
            --gray-500: #717171;
            --gray-600: #595959;
            --gray-700: #414141;
            --gray-800: #2a2a2a;
            --gray-900: #121212;
            --content-padding: 1rem;
            --inline-spacing: 0.5rem;
            --border-radius: 3px;
            --surface-ground: #121212;
            --surface-section: #121212;
            --surface-card: #1e1e1e;
            --surface-overlay: #1e1e1e;
            --surface-border: #383838;
            --surface-hover: hsla(0, 0%, 100%, .03);
            --maskbg: rgba(0, 0, 0, .4);
            --focus-ring: 0 0 0 1px #cf95d9;
            color-scheme: dark
        }

        * {
            box-sizing: border-box
        }

        .p-component {
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            font-size: 1rem;
            font-weight: 400
        }

        .p-component-overlay {
            background-color: rgba(0, 0, 0, .4);
            transition-duration: .2s
        }

        .p-component:disabled,
        .p-disabled {
            opacity: .4
        }

        .p-error {
            color: #ef9a9a
        }

        .p-text-secondary {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-link,
        .pi {
            font-size: 1rem
        }

        .p-link {
            border-radius: 3px;
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol
        }

        .p-link:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-component-overlay-enter {
            animation: p-component-overlay-enter-animation .15s forwards
        }

        .p-component-overlay-leave {
            animation: p-component-overlay-leave-animation .15s forwards
        }

        @keyframes p-component-overlay-enter-animation {
            0% {
                background-color: transparent
            }

            to {
                background-color: var(--maskbg)
            }
        }

        @keyframes p-component-overlay-leave-animation {
            0% {
                background-color: var(--maskbg)
            }

            to {
                background-color: transparent
            }
        }

        :root {
            --blue-50: #f4fafe;
            --blue-100: #cae6fc;
            --blue-200: #a0d2fa;
            --blue-300: #75bef8;
            --blue-400: #4baaf5;
            --blue-500: #2196f3;
            --blue-600: #1c80cf;
            --blue-700: #1769aa;
            --blue-800: #125386;
            --blue-900: #0d3c61;
            --green-50: #f6fbf6;
            --green-100: #d4ecd5;
            --green-200: #b2ddb4;
            --green-300: #90cd93;
            --green-400: #6ebe71;
            --green-500: #4caf50;
            --green-600: #419544;
            --green-700: #357b38;
            --green-800: #2a602c;
            --green-900: #1e4620;
            --yellow-50: #fffcf5;
            --yellow-100: #fef0cd;
            --yellow-200: #fde4a5;
            --yellow-300: #fdd87d;
            --yellow-400: #fccc55;
            --yellow-500: #fbc02d;
            --yellow-600: #d5a326;
            --yellow-700: #b08620;
            --yellow-800: #8a6a19;
            --yellow-900: #644d12;
            --cyan-50: #f2fcfd;
            --cyan-100: #c2eff5;
            --cyan-200: #91e2ed;
            --cyan-300: #61d5e4;
            --cyan-400: #30c9dc;
            --cyan-500: #00bcd4;
            --cyan-600: #00a0b4;
            --cyan-700: #008494;
            --cyan-800: #006775;
            --cyan-900: #004b55;
            --pink-50: #fef4f7;
            --pink-100: #fac9da;
            --pink-200: #f69ebc;
            --pink-300: #f1749e;
            --pink-400: #ed4981;
            --pink-500: #e91e63;
            --pink-600: #c61a54;
            --pink-700: #a31545;
            --pink-800: #801136;
            --pink-900: #5d0c28;
            --indigo-50: #f5f6fb;
            --indigo-100: #d1d5ed;
            --indigo-200: #acb4df;
            --indigo-300: #8893d1;
            --indigo-400: #6372c3;
            --indigo-500: #3f51b5;
            --indigo-600: #36459a;
            --indigo-700: #2c397f;
            --indigo-800: #232d64;
            --indigo-900: #192048;
            --teal-50: #f2faf9;
            --teal-100: #c2e6e2;
            --teal-200: #91d2cc;
            --teal-300: #61beb5;
            --teal-400: #30aa9f;
            --teal-500: #009688;
            --teal-600: #008074;
            --teal-700: #00695f;
            --teal-800: #00534b;
            --teal-900: #003c36;
            --orange-50: #fff8f2;
            --orange-100: #fde0c2;
            --orange-200: #fbc791;
            --orange-300: #f9ae61;
            --orange-400: #f79530;
            --orange-500: #f57c00;
            --orange-600: #d06900;
            --orange-700: #ac5700;
            --orange-800: #874400;
            --orange-900: #623200;
            --bluegray-50: #f7f9f9;
            --bluegray-100: #d9e0e3;
            --bluegray-200: #bbc7cd;
            --bluegray-300: #9caeb7;
            --bluegray-400: #7e96a1;
            --bluegray-500: #607d8b;
            --bluegray-600: #526a76;
            --bluegray-700: #435861;
            --bluegray-800: #35454c;
            --bluegray-900: #263238;
            --purple-50: #faf4fb;
            --purple-100: #e7cbec;
            --purple-200: #d4a2dd;
            --purple-300: #c279ce;
            --purple-400: #af50bf;
            --purple-500: #9c27b0;
            --purple-600: #852196;
            --purple-700: #6d1b7b;
            --purple-800: #561561;
            --purple-900: #3e1046;
            --red-50: #fff5f5;
            --red-100: #ffd1ce;
            --red-200: #ffada7;
            --red-300: #ff8980;
            --red-400: #ff6459;
            --red-500: #ff4032;
            --red-600: #d9362b;
            --red-700: #b32d23;
            --red-800: #8c231c;
            --red-900: #661a14;
            --primary-50: #fcf7fc;
            --primary-100: #eedbf2;
            --primary-200: #e1bee7;
            --primary-300: #d4a1dd;
            --primary-400: #c785d2;
            --primary-500: #ba68c8;
            --primary-600: #9e58aa;
            --primary-700: #82498c;
            --primary-800: #66396e;
            --primary-900: #4a2a50
        }

        .p-autocomplete .p-autocomplete-loader {
            right: .5rem
        }

        .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
            right: 2.857rem
        }

        .p-autocomplete .p-autocomplete-multiple-container {
            padding: .25rem .5rem
        }

        .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
            border-color: #ba68c8
        }

        .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
            padding: .25rem 0
        }

        .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
            color: hsla(0, 0%, 100%, .87);
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            font-size: 1rem;
            margin: 0;
            padding: 0
        }

        .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
            background: rgba(186, 104, 200, .16);
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin-right: .5rem;
            padding: .25rem .5rem
        }

        .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
            margin-left: .5rem
        }

        .p-autocomplete.p-invalid.p-component>.p-inputtext {
            border-color: #ef9a9a
        }

        .p-autocomplete-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-autocomplete-panel .p-autocomplete-items {
            padding: .5rem 0
        }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: box-shadow .2s
        }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .75rem 1rem
        }

        .p-calendar.p-invalid.p-component>.p-inputtext {
            border-color: #ef9a9a
        }

        .p-datepicker {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem
        }

        .p-datepicker:not(.p-datepicker-inline) {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
        }

        .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
            background: #1e1e1e
        }

        .p-datepicker .p-datepicker-header {
            background: #1e1e1e;
            border-bottom: 1px solid #383838;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .5rem
        }

        .p-datepicker .p-datepicker-header .p-datepicker-next,
        .p-datepicker .p-datepicker-header .p-datepicker-prev {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover,
        .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datepicker .p-datepicker-header .p-datepicker-next:focus,
        .p-datepicker .p-datepicker-header .p-datepicker-prev:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-datepicker .p-datepicker-header .p-datepicker-title {
            line-height: 2rem
        }

        .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month,
        .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year {
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s
        }

        .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover,
        .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover {
            color: #ba68c8
        }

        .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
            margin-right: .5rem
        }

        .p-datepicker table {
            font-size: 1rem;
            margin: .5rem 0
        }

        .p-datepicker table th {
            padding: .5rem
        }

        .p-datepicker table th>span {
            height: 2.5rem;
            width: 2.5rem
        }

        .p-datepicker table td {
            padding: .5rem
        }

        .p-datepicker table td>span {
            border: 1px solid transparent;
            border-radius: 50%;
            height: 2.5rem;
            transition: box-shadow .2s;
            width: 2.5rem
        }

        .p-datepicker table td>span.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datepicker table td>span:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-datepicker table td.p-datepicker-today>span {
            background: transparent;
            border-color: transparent;
            color: #ba68c8
        }

        .p-datepicker table td.p-datepicker-today>span.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datepicker .p-datepicker-buttonbar {
            border-top: 1px solid #383838;
            padding: 1rem 0
        }

        .p-datepicker .p-datepicker-buttonbar .p-button {
            width: auto
        }

        .p-datepicker .p-timepicker {
            border-top: 1px solid #383838;
            padding: .5rem
        }

        .p-datepicker .p-timepicker button {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-datepicker .p-timepicker button:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datepicker .p-timepicker button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-datepicker .p-timepicker button:last-child {
            margin-top: .2em
        }

        .p-datepicker .p-timepicker span {
            font-size: 1.25rem
        }

        .p-datepicker .p-timepicker>div {
            padding: 0 .5rem
        }

        .p-datepicker.p-datepicker-timeonly .p-timepicker {
            border-top: 0
        }

        .p-datepicker .p-monthpicker {
            margin: .5rem 0
        }

        .p-datepicker .p-monthpicker .p-monthpicker-month {
            border-radius: 3px;
            padding: .5rem;
            transition: box-shadow .2s
        }

        .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datepicker .p-yearpicker {
            margin: .5rem 0
        }

        .p-datepicker .p-yearpicker .p-yearpicker-year {
            border-radius: 3px;
            padding: .5rem;
            transition: box-shadow .2s
        }

        .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
            border-left: 1px solid #383838;
            padding: 0 .5rem
        }

        .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
            padding-left: 0
        }

        .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
            border-left: 0;
            padding-right: 0
        }

        .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        @media screen and (max-width:769px) {

            .p-datepicker table td,
            .p-datepicker table th {
                padding: 0
            }
        }

        .p-cascadeselect {
            background: #121212;
            border: 1px solid #383838;
            border-radius: 3px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-cascadeselect:not(.p-disabled):hover {
            border-color: #ba68c8
        }

        .p-cascadeselect:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-cascadeselect .p-cascadeselect-label {
            background: transparent;
            border: 0;
            padding: .5rem
        }

        .p-cascadeselect .p-cascadeselect-label.p-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-cascadeselect .p-cascadeselect-label:enabled:focus {
            box-shadow: none;
            outline: 0 none
        }

        .p-cascadeselect .p-cascadeselect-trigger {
            background: transparent;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            width: 2.357rem
        }

        .p-cascadeselect.p-invalid.p-component {
            border-color: #ef9a9a
        }

        .p-cascadeselect-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-cascadeselect-panel .p-cascadeselect-items {
            padding: .5rem 0
        }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            transition: box-shadow .2s
        }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
            padding: .5rem 1rem
        }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
            font-size: .875rem
        }

        .p-input-filled .p-cascadeselect {
            background: #383838
        }

        .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus,
        .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
            background-color: #383838
        }

        .p-checkbox {
            height: 20px;
            width: 20px
        }

        .p-checkbox .p-checkbox-box {
            background: #121212;
            border: 2px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            height: 20px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
            width: 20px
        }

        .p-checkbox .p-checkbox-box .p-checkbox-icon {
            color: #fff;
            font-size: 14px;
            transition-duration: .2s
        }

        .p-checkbox .p-checkbox-box.p-highlight {
            background: #ba68c8;
            border-color: #ba68c8
        }

        .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
            background: #a241b2;
            border-color: #a241b2;
            color: #fff
        }

        .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
            border-color: #ba68c8
        }

        .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
            background: #a241b2;
            border-color: #a241b2;
            color: #fff
        }

        .p-checkbox.p-invalid>.p-checkbox-box {
            border-color: #ef9a9a
        }

        .p-input-filled .p-checkbox .p-checkbox-box {
            background-color: #383838
        }

        .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
            background: #ba68c8
        }

        .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
            background-color: #383838
        }

        .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
            background: #a241b2
        }

        .p-chips .p-chips-multiple-container {
            padding: .25rem .5rem
        }

        .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
            border-color: #ba68c8
        }

        .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-chips .p-chips-multiple-container .p-chips-token {
            background: rgba(186, 104, 200, .16);
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin-right: .5rem;
            padding: .25rem .5rem
        }

        .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
            margin-left: .5rem
        }

        .p-chips .p-chips-multiple-container .p-chips-input-token {
            padding: .25rem 0
        }

        .p-chips .p-chips-multiple-container .p-chips-input-token input {
            color: hsla(0, 0%, 100%, .87);
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            font-size: 1rem;
            margin: 0;
            padding: 0
        }

        .p-chips.p-invalid.p-component>.p-inputtext {
            border-color: #ef9a9a
        }

        .p-colorpicker-preview {
            height: 2rem;
            width: 2rem
        }

        .p-colorpicker-panel {
            background: #1e1e1e;
            border: 1px solid #383838
        }

        .p-colorpicker-panel .p-colorpicker-color-handle,
        .p-colorpicker-panel .p-colorpicker-hue-handle {
            border-color: hsla(0, 0%, 100%, .87)
        }

        .p-colorpicker-overlay-panel {
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
        }

        .p-dropdown {
            background: #121212;
            border: 1px solid #383838;
            border-radius: 3px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-dropdown:not(.p-disabled):hover {
            border-color: #ba68c8
        }

        .p-dropdown:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-dropdown.p-dropdown-clearable .p-dropdown-label {
            padding-right: 1.5rem
        }

        .p-dropdown .p-dropdown-label {
            background: transparent;
            border: 0
        }

        .p-dropdown .p-dropdown-label.p-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-dropdown .p-dropdown-label:enabled:focus {
            box-shadow: none;
            outline: 0 none
        }

        .p-dropdown .p-dropdown-trigger {
            background: transparent;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            width: 2.357rem
        }

        .p-dropdown .p-dropdown-clear-icon {
            color: hsla(0, 0%, 100%, .6);
            right: 2.357rem
        }

        .p-dropdown.p-invalid.p-component {
            border-color: #ef9a9a
        }

        .p-dropdown-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-dropdown-panel .p-dropdown-header {
            background: #1e1e1e;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem
        }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
            margin-right: -1.5rem;
            padding-right: 1.5rem
        }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter {
            margin-right: -3rem;
            padding-right: 3rem
        }

        .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter-clear-icon {
            right: 2rem
        }

        .p-dropdown-panel .p-dropdown-items {
            padding: .5rem 0
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: box-shadow .2s
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .75rem 1rem
        }

        .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
            background: transparent;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem 1rem
        }

        .p-input-filled .p-dropdown {
            background: #383838
        }

        .p-input-filled .p-dropdown:not(.p-disabled).p-focus,
        .p-input-filled .p-dropdown:not(.p-disabled):hover {
            background-color: #383838
        }

        .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
            background-color: transparent
        }

        .p-editor-container .p-editor-toolbar {
            background: #1e1e1e;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .p-editor-container .p-editor-toolbar.ql-snow {
            border: 1px solid #383838
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
            stroke: hsla(0, 0%, 100%, .6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
            fill: hsla(0, 0%, 100%, .6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
            border: 0;
            color: hsla(0, 0%, 100%, .6)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
            stroke: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
            fill: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
            stroke: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
            fill: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            padding: .5rem 0
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
            padding: .5rem 1rem
        }

        .p-editor-container .p-editor-content {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .p-editor-container .p-editor-content.ql-snow {
            border: 1px solid #383838
        }

        .p-editor-container .p-editor-content .ql-editor {
            background: #121212;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar button:focus,
        .p-editor-container .ql-snow.ql-toolbar button:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke,
        .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke {
            stroke: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill,
        .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill {
            fill: hsla(0, 0%, 100%, .87)
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active {
            color: #ba68c8
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke {
            stroke: #ba68c8
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill {
            fill: #ba68c8
        }

        .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label,
        .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
        .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label {
            color: #ba68c8
        }

        .p-inputgroup-addon {
            background: #1e1e1e;
            border-bottom: 1px solid #383838;
            border-left: 1px solid #383838;
            border-top: 1px solid #383838;
            color: hsla(0, 0%, 100%, .6);
            min-width: 2.357rem;
            padding: .5rem
        }

        .p-inputgroup-addon:last-child {
            border-right: 1px solid #383838
        }

        .p-inputgroup>.p-component,
        .p-inputgroup>.p-float-label>.p-component,
        .p-inputgroup>.p-inputwrapper>.p-inputtext {
            border-radius: 0;
            margin: 0
        }

        .p-inputgroup>.p-component+.p-inputgroup-addon,
        .p-inputgroup>.p-float-label>.p-component+.p-inputgroup-addon,
        .p-inputgroup>.p-inputwrapper>.p-inputtext+.p-inputgroup-addon {
            border-left: 0
        }

        .p-inputgroup>.p-component:focus,
        .p-inputgroup>.p-component:focus~label,
        .p-inputgroup>.p-float-label>.p-component:focus,
        .p-inputgroup>.p-float-label>.p-component:focus~label,
        .p-inputgroup>.p-inputwrapper>.p-inputtext:focus,
        .p-inputgroup>.p-inputwrapper>.p-inputtext:focus~label {
            z-index: 1
        }

        .p-inputgroup .p-float-label:first-child input,
        .p-inputgroup button:first-child,
        .p-inputgroup input:first-child,
        .p-inputgroup-addon:first-child,
        .p-inputgroup>.p-inputwrapper:first-child,
        .p-inputgroup>.p-inputwrapper:first-child>.p-inputtext {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .p-inputgroup .p-float-label:last-child input,
        .p-inputgroup button:last-child,
        .p-inputgroup input:last-child,
        .p-inputgroup-addon:last-child,
        .p-inputgroup>.p-inputwrapper:last-child,
        .p-inputgroup>.p-inputwrapper:last-child>.p-inputtext {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .p-fluid .p-inputgroup .p-button {
            width: auto
        }

        .p-fluid .p-inputgroup .p-button.p-button-icon-only {
            width: 2.357rem
        }

        .p-inputnumber.p-invalid.p-component>.p-inputtext {
            border-color: #ef9a9a
        }

        .p-inputswitch {
            height: 1.75rem;
            width: 3rem
        }

        .p-inputswitch .p-inputswitch-slider {
            background: #383838;
            border-radius: 30px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-inputswitch .p-inputswitch-slider:before {
            background: hsla(0, 0%, 100%, .6);
            border-radius: 50%;
            height: 1.25rem;
            left: .25rem;
            margin-top: -.625rem;
            transition-duration: .2s;
            width: 1.25rem
        }

        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
            transform: translateX(1.25rem)
        }

        .p-inputswitch.p-focus .p-inputswitch-slider {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
            background: #ba68c8
        }

        .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
            background: hsla(0, 0%, 100%, .87)
        }

        .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
            background: #b052c0
        }

        .p-inputswitch.p-invalid .p-inputswitch-slider {
            border-color: #ef9a9a
        }

        .p-inputtext {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background: #121212;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            font-size: 1rem;
            padding: .5rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-inputtext:enabled:hover {
            border-color: #ba68c8
        }

        .p-inputtext:enabled:focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-inputtext.p-invalid.p-component {
            border-color: #ef9a9a
        }

        .p-inputtext.p-inputtext-sm {
            font-size: .875rem;
            padding: .4375rem
        }

        .p-inputtext.p-inputtext-lg {
            font-size: 1.25rem;
            padding: .625rem
        }

        .p-float-label>label {
            color: hsla(0, 0%, 100%, .6);
            left: .5rem;
            transition-duration: .2s
        }

        .p-float-label>label.p-error {
            color: #ef9a9a
        }

        .p-input-icon-left>.p-input-prefix,
        .p-input-icon-left>i:first-of-type,
        .p-input-icon-left>svg:first-of-type {
            color: hsla(0, 0%, 100%, .6);
            left: .5rem
        }

        .p-input-icon-left>.p-inputtext {
            padding-left: 2rem
        }

        .p-input-icon-left.p-float-label>label {
            left: 2rem
        }

        .p-input-icon-right>.p-input-suffix,
        .p-input-icon-right>i:last-of-type,
        .p-input-icon-right>svg:last-of-type {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-input-icon-right>.p-inputtext {
            padding-right: 2rem
        }

        ::-webkit-input-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        :-moz-placeholder,
        ::-moz-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        :-ms-input-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-input-filled .p-inputtext,
        .p-input-filled .p-inputtext:enabled:focus,
        .p-input-filled .p-inputtext:enabled:hover {
            background-color: #383838
        }

        .p-inputtext-sm .p-inputtext {
            font-size: .875rem;
            padding: .4375rem
        }

        .p-inputtext-lg .p-inputtext {
            font-size: 1.25rem;
            padding: .625rem
        }

        .p-listbox {
            border: 1px solid #383838;
            border-radius: 3px
        }

        .p-listbox,
        .p-listbox .p-listbox-header {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-listbox .p-listbox-header {
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            margin: 0;
            padding: .5rem 1rem
        }

        .p-listbox .p-listbox-header .p-listbox-filter {
            padding-right: 1.5rem
        }

        .p-listbox .p-listbox-header .p-listbox-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-listbox .p-listbox-list {
            padding: .5rem 0
        }

        .p-listbox .p-listbox-list .p-listbox-item {
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: box-shadow .2s
        }

        .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-listbox .p-listbox-list .p-listbox-item:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-listbox .p-listbox-list .p-listbox-item-group {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .75rem 1rem
        }

        .p-listbox .p-listbox-list .p-listbox-empty-message {
            background: transparent;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem 1rem
        }

        .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-listbox.p-invalid {
            border-color: #ef9a9a
        }

        .p-mention-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-mention-panel .p-mention-items {
            padding: .5rem 0
        }

        .p-mention-panel .p-mention-items .p-mention-item {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: box-shadow .2s
        }

        .p-mention-panel .p-mention-items .p-mention-item:hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-multiselect {
            background: #121212;
            border: 1px solid #383838;
            border-radius: 3px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-multiselect:not(.p-disabled):hover {
            border-color: #ba68c8
        }

        .p-multiselect:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-multiselect.p-multiselect-clearable .p-multiselect-label {
            padding-right: 1.5rem
        }

        .p-multiselect .p-multiselect-label {
            padding: .5rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-multiselect .p-multiselect-label.p-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-multiselect.p-multiselect-chip .p-multiselect-token {
            background: rgba(186, 104, 200, .16);
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin-right: .5rem;
            padding: .25rem .5rem
        }

        .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
            margin-left: .5rem
        }

        .p-multiselect .p-multiselect-trigger {
            background: transparent;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            width: 2.357rem
        }

        .p-multiselect .p-multiselect-clear-icon {
            color: hsla(0, 0%, 100%, .6);
            right: 2.357rem
        }

        .p-multiselect.p-invalid.p-component {
            border-color: #ef9a9a
        }

        .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
            padding: .25rem .5rem
        }

        .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label.p-multiselect-items-label {
            padding: .5rem
        }

        .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
            padding-right: 1.5rem
        }

        .p-multiselect-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-multiselect-panel .p-multiselect-header {
            background: #1e1e1e;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
            margin: 0 .5rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
            padding-right: 1.5rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-multiselect-panel .p-multiselect-items {
            padding: .5rem 0
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: box-shadow .2s
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
            margin-right: .5rem
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .75rem 1rem
        }

        .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
            background: transparent;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem 1rem
        }

        .p-input-filled .p-multiselect {
            background: #383838
        }

        .p-input-filled .p-multiselect:not(.p-disabled).p-focus,
        .p-input-filled .p-multiselect:not(.p-disabled):hover {
            background-color: #383838
        }

        .p-password.p-invalid.p-component>.p-inputtext {
            border-color: #ef9a9a
        }

        .p-password-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-password-panel .p-password-meter {
            background: #383838;
            margin-bottom: .5rem
        }

        .p-password-panel .p-password-meter .p-password-strength.weak {
            background: #fc531c
        }

        .p-password-panel .p-password-meter .p-password-strength.medium {
            background: #ffe082
        }

        .p-password-panel .p-password-meter .p-password-strength.strong {
            background: #c5e1a5
        }

        .p-password-panel .p-password-info.weak {
            color: #fc531c
        }

        .p-password-panel .p-password-info.medium {
            color: #ffe082
        }

        .p-password-panel .p-password-info.strong {
            color: #c5e1a5
        }

        .p-radiobutton {
            height: 20px;
            width: 20px
        }

        .p-radiobutton .p-radiobutton-box {
            background: #121212;
            border: 2px solid #383838;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .87);
            height: 20px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
            width: 20px
        }

        .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
            border-color: #ba68c8
        }

        .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
            background-color: #fff;
            height: 12px;
            transition-duration: .2s;
            width: 12px
        }

        .p-radiobutton .p-radiobutton-box.p-highlight {
            background: #ba68c8;
            border-color: #ba68c8
        }

        .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
            background: #a241b2;
            border-color: #a241b2;
            color: #fff
        }

        .p-radiobutton.p-invalid>.p-radiobutton-box {
            border-color: #ef9a9a
        }

        .p-radiobutton:focus {
            outline: 0 none
        }

        .p-input-filled .p-radiobutton .p-radiobutton-box,
        .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
            background-color: #383838
        }

        .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
            background: #ba68c8
        }

        .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
            background: #a241b2
        }

        .p-rating {
            gap: .5rem
        }

        .p-rating .p-rating-item .p-rating-icon {
            color: hsla(0, 0%, 100%, .87);
            font-size: 1.143rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
            color: #fc531c
        }

        .p-rating .p-rating-item:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-rating .p-rating-item.p-rating-item-active .p-rating-icon,
        .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
            color: #ba68c8
        }

        .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
            color: #fc531c
        }

        .p-selectbutton .p-button {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-selectbutton .p-button .p-button-icon-left,
        .p-selectbutton .p-button .p-button-icon-right {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
        .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-selectbutton .p-button.p-highlight {
            background: #ba68c8;
            border-color: #ba68c8;
            color: #fff
        }

        .p-selectbutton .p-button.p-highlight .p-button-icon-left,
        .p-selectbutton .p-button.p-highlight .p-button-icon-right {
            color: #fff
        }

        .p-selectbutton .p-button.p-highlight:hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
        .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
            color: #fff
        }

        .p-selectbutton.p-invalid>.p-button {
            border-color: #ef9a9a
        }

        .p-slider {
            background: #383838;
            border: 0;
            border-radius: 3px
        }

        .p-slider.p-slider-horizontal {
            height: .286rem
        }

        .p-slider.p-slider-horizontal .p-slider-handle {
            margin-left: -.5715rem;
            margin-top: -.5715rem
        }

        .p-slider.p-slider-vertical {
            width: .286rem
        }

        .p-slider.p-slider-vertical .p-slider-handle {
            margin-bottom: -.5715rem;
            margin-left: -.5715rem
        }

        .p-slider .p-slider-handle {
            background: #383838;
            border: 2px solid #ba68c8;
            border-radius: 50%;
            height: 1.143rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s;
            width: 1.143rem
        }

        .p-slider .p-slider-handle:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-slider .p-slider-range {
            background: #ba68c8
        }

        .p-slider:not(.p-disabled) .p-slider-handle:hover {
            background: #ba68c8;
            border-color: #ba68c8
        }

        .p-treeselect {
            background: #121212;
            border: 1px solid #383838;
            border-radius: 3px;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-treeselect:not(.p-disabled):hover {
            border-color: #ba68c8
        }

        .p-treeselect:not(.p-disabled).p-focus {
            border-color: #ba68c8;
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-treeselect .p-treeselect-label {
            padding: .5rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-treeselect .p-treeselect-label.p-placeholder {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-treeselect.p-treeselect-chip .p-treeselect-token {
            background: #383838;
            border-radius: 16px;
            color: hsla(0, 0%, 100%, .87);
            margin-right: .5rem;
            padding: .25rem .5rem
        }

        .p-treeselect .p-treeselect-trigger {
            background: transparent;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            width: 2.357rem
        }

        .p-treeselect.p-invalid.p-component {
            border-color: #ef9a9a
        }

        .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
            padding: .25rem .5rem
        }

        .p-treeselect-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treeselect-panel .p-treeselect-header {
            background: #1e1e1e;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
            margin-right: .5rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
            padding-right: 1.5rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
            padding-right: 3rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
            right: 2rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
            border: 0
        }

        .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
            background: transparent;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem 1rem
        }

        .p-input-filled .p-treeselect {
            background: #383838
        }

        .p-input-filled .p-treeselect:not(.p-disabled).p-focus,
        .p-input-filled .p-treeselect:not(.p-disabled):hover {
            background-color: #383838
        }

        .p-togglebutton.p-button {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-togglebutton.p-button .p-button-icon-left,
        .p-togglebutton.p-button .p-button-icon-right {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
        .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-togglebutton.p-button.p-highlight {
            background: #ba68c8;
            border-color: #ba68c8;
            color: #fff
        }

        .p-togglebutton.p-button.p-highlight .p-button-icon-left,
        .p-togglebutton.p-button.p-highlight .p-button-icon-right {
            color: #fff
        }

        .p-togglebutton.p-button.p-highlight:hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
        .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
            color: #fff
        }

        .p-togglebutton.p-button.p-invalid>.p-button {
            border-color: #ef9a9a
        }

        .p-button {
            background: #ba68c8;
            border: 1px solid #ba68c8;
            border-radius: 3px;
            color: #fff;
            font-size: 1rem;
            padding: .5rem 1rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-button:enabled:hover,
        .p-button:not(button):not(a):not(.p-disabled):hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .p-button:enabled:active,
        .p-button:not(button):not(a):not(.p-disabled):active {
            background: #a241b2;
            border-color: #a241b2;
            color: #fff
        }

        .p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #ba68c8
        }

        .p-button.p-button-outlined:enabled:hover,
        .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: rgba(186, 104, 200, .04);
            border: 1px solid;
            color: #ba68c8
        }

        .p-button.p-button-outlined:enabled:active,
        .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: rgba(186, 104, 200, .16);
            border: 1px solid;
            color: #ba68c8
        }

        .p-button.p-button-outlined.p-button-plain {
            border-color: hsla(0, 0%, 100%, .6);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-button.p-button-outlined.p-button-plain:enabled:hover,
        .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-button.p-button-outlined.p-button-plain:enabled:active,
        .p-button.p-button-outlined.p-button-plain:not(button):not(a):not(.p-disabled):active {
            background: hsla(0, 0%, 100%, .16);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #ba68c8
        }

        .p-button.p-button-text:enabled:hover,
        .p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: rgba(186, 104, 200, .04);
            border-color: transparent;
            color: #ba68c8
        }

        .p-button.p-button-text:enabled:active,
        .p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: rgba(186, 104, 200, .16);
            border-color: transparent;
            color: #ba68c8
        }

        .p-button.p-button-text.p-button-plain {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-button.p-button-text.p-button-plain:enabled:hover,
        .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-button.p-button-text.p-button-plain:enabled:active,
        .p-button.p-button-text.p-button-plain:not(button):not(a):not(.p-disabled):active {
            background: hsla(0, 0%, 100%, .16);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-button .p-button-icon-left {
            margin-right: .5rem
        }

        .p-button .p-button-icon-right {
            margin-left: .5rem
        }

        .p-button .p-button-icon-bottom {
            margin-top: .5rem
        }

        .p-button .p-button-icon-top {
            margin-bottom: .5rem
        }

        .p-button .p-badge {
            background-color: #fff;
            color: #ba68c8;
            height: 1rem;
            line-height: 1rem;
            margin-left: .5rem;
            min-width: 1rem
        }

        .p-button.p-button-raised {
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
        }

        .p-button.p-button-rounded {
            border-radius: 2rem
        }

        .p-button.p-button-icon-only {
            padding: .5rem 0;
            width: 2.357rem
        }

        .p-button.p-button-icon-only .p-button-icon-left,
        .p-button.p-button-icon-only .p-button-icon-right {
            margin: 0
        }

        .p-button.p-button-icon-only.p-button-rounded {
            border-radius: 50%;
            height: 2.357rem
        }

        .p-button.p-button-sm {
            font-size: .875rem;
            padding: .4375rem .875rem
        }

        .p-button.p-button-sm .p-button-icon {
            font-size: .875rem
        }

        .p-button.p-button-lg {
            font-size: 1.25rem;
            padding: .625rem 1.25rem
        }

        .p-button.p-button-lg .p-button-icon {
            font-size: 1.25rem
        }

        .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
            margin-left: .5rem
        }

        .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
            margin-right: .5rem
        }

        .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
            margin-top: .5rem
        }

        .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
            margin-bottom: .5rem
        }

        .p-button.p-button-loading-label-only .p-button-loading-icon {
            margin: 0
        }

        .p-fluid .p-button {
            width: 100%
        }

        .p-fluid .p-button-icon-only {
            width: 2.357rem
        }

        .p-fluid .p-buttonset {
            display: flex
        }

        .p-fluid .p-buttonset .p-button {
            flex: 1
        }

        .p-button.p-button-secondary,
        .p-buttonset.p-button-secondary>.p-button,
        .p-fileupload-choose.p-button-secondary,
        .p-splitbutton.p-button-secondary>.p-button {
            background: #78909c;
            border: 1px solid #78909c;
            color: #fff
        }

        .p-button.p-button-secondary:enabled:hover,
        .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-secondary>.p-button:enabled:hover,
        .p-buttonset.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-secondary:enabled:hover,
        .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-secondary>.p-button:enabled:hover,
        .p-splitbutton.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: #69838f;
            border-color: #69838f;
            color: #fff
        }

        .p-button.p-button-secondary:enabled:focus,
        .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):focus,
        .p-buttonset.p-button-secondary>.p-button:enabled:focus,
        .p-buttonset.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):focus,
        .p-fileupload-choose.p-button-secondary:enabled:focus,
        .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):focus,
        .p-splitbutton.p-button-secondary>.p-button:enabled:focus,
        .p-splitbutton.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #a1b1ba
        }

        .p-button.p-button-secondary:enabled:active,
        .p-button.p-button-secondary:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-secondary>.p-button:enabled:active,
        .p-buttonset.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-secondary:enabled:active,
        .p-fileupload-choose.p-button-secondary:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-secondary>.p-button:enabled:active,
        .p-splitbutton.p-button-secondary>.p-button:not(button):not(a):not(.p-disabled):active {
            background: #5d747f;
            border-color: #5d747f;
            color: #fff
        }

        .p-button.p-button-secondary.p-button-outlined,
        .p-buttonset.p-button-secondary>.p-button.p-button-outlined,
        .p-fileupload-choose.p-button-secondary.p-button-outlined,
        .p-splitbutton.p-button-secondary>.p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #78909c
        }

        .p-button.p-button-secondary.p-button-outlined:enabled:hover,
        .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:hover,
        .p-buttonset.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:hover,
        .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:hover,
        .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: rgba(120, 144, 156, .04);
            border: 1px solid;
            color: #78909c
        }

        .p-button.p-button-secondary.p-button-outlined:enabled:active,
        .p-button.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-secondary>.p-button.p-button-outlined:enabled:active,
        .p-buttonset.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-secondary.p-button-outlined:enabled:active,
        .p-fileupload-choose.p-button-secondary.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:enabled:active,
        .p-splitbutton.p-button-secondary>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: rgba(120, 144, 156, .16);
            border: 1px solid;
            color: #78909c
        }

        .p-button.p-button-secondary.p-button-text,
        .p-buttonset.p-button-secondary>.p-button.p-button-text,
        .p-fileupload-choose.p-button-secondary.p-button-text,
        .p-splitbutton.p-button-secondary>.p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #78909c
        }

        .p-button.p-button-secondary.p-button-text:enabled:hover,
        .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:hover,
        .p-buttonset.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-secondary.p-button-text:enabled:hover,
        .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:hover,
        .p-splitbutton.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: rgba(120, 144, 156, .04);
            border-color: transparent;
            color: #78909c
        }

        .p-button.p-button-secondary.p-button-text:enabled:active,
        .p-button.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-secondary>.p-button.p-button-text:enabled:active,
        .p-buttonset.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-secondary.p-button-text:enabled:active,
        .p-fileupload-choose.p-button-secondary.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-secondary>.p-button.p-button-text:enabled:active,
        .p-splitbutton.p-button-secondary>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: rgba(120, 144, 156, .16);
            border-color: transparent;
            color: #78909c
        }

        .p-button.p-button-info,
        .p-buttonset.p-button-info>.p-button,
        .p-fileupload-choose.p-button-info,
        .p-splitbutton.p-button-info>.p-button {
            background: #81d4fa;
            border: 1px solid #81d4fa;
            color: #121212
        }

        .p-button.p-button-info:enabled:hover,
        .p-button.p-button-info:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-info>.p-button:enabled:hover,
        .p-buttonset.p-button-info>.p-button:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-info:enabled:hover,
        .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-info>.p-button:enabled:hover,
        .p-splitbutton.p-button-info>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: #5dc8f9;
            border-color: #5dc8f9;
            color: #121212
        }

        .p-button.p-button-info:enabled:focus,
        .p-button.p-button-info:not(button):not(a):not(.p-disabled):focus,
        .p-buttonset.p-button-info>.p-button:enabled:focus,
        .p-buttonset.p-button-info>.p-button:not(button):not(a):not(.p-disabled):focus,
        .p-fileupload-choose.p-button-info:enabled:focus,
        .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):focus,
        .p-splitbutton.p-button-info>.p-button:enabled:focus,
        .p-splitbutton.p-button-info>.p-button:not(button):not(a):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #a7e1fc
        }

        .p-button.p-button-info:enabled:active,
        .p-button.p-button-info:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-info>.p-button:enabled:active,
        .p-buttonset.p-button-info>.p-button:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-info:enabled:active,
        .p-fileupload-choose.p-button-info:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-info>.p-button:enabled:active,
        .p-splitbutton.p-button-info>.p-button:not(button):not(a):not(.p-disabled):active {
            background: #38bbf7;
            border-color: #38bbf7;
            color: #121212
        }

        .p-button.p-button-info.p-button-outlined,
        .p-buttonset.p-button-info>.p-button.p-button-outlined,
        .p-fileupload-choose.p-button-info.p-button-outlined,
        .p-splitbutton.p-button-info>.p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #81d4fa
        }

        .p-button.p-button-info.p-button-outlined:enabled:hover,
        .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:hover,
        .p-buttonset.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-info.p-button-outlined:enabled:hover,
        .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:hover,
        .p-splitbutton.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: rgba(129, 212, 250, .04);
            border: 1px solid;
            color: #81d4fa
        }

        .p-button.p-button-info.p-button-outlined:enabled:active,
        .p-button.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-info>.p-button.p-button-outlined:enabled:active,
        .p-buttonset.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-info.p-button-outlined:enabled:active,
        .p-fileupload-choose.p-button-info.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-info>.p-button.p-button-outlined:enabled:active,
        .p-splitbutton.p-button-info>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: rgba(129, 212, 250, .16);
            border: 1px solid;
            color: #81d4fa
        }

        .p-button.p-button-info.p-button-text,
        .p-buttonset.p-button-info>.p-button.p-button-text,
        .p-fileupload-choose.p-button-info.p-button-text,
        .p-splitbutton.p-button-info>.p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #81d4fa
        }

        .p-button.p-button-info.p-button-text:enabled:hover,
        .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-info>.p-button.p-button-text:enabled:hover,
        .p-buttonset.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-info.p-button-text:enabled:hover,
        .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-info>.p-button.p-button-text:enabled:hover,
        .p-splitbutton.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: rgba(129, 212, 250, .04);
            border-color: transparent;
            color: #81d4fa
        }

        .p-button.p-button-info.p-button-text:enabled:active,
        .p-button.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-info>.p-button.p-button-text:enabled:active,
        .p-buttonset.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-info.p-button-text:enabled:active,
        .p-fileupload-choose.p-button-info.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-info>.p-button.p-button-text:enabled:active,
        .p-splitbutton.p-button-info>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: rgba(129, 212, 250, .16);
            border-color: transparent;
            color: #81d4fa
        }

        .p-button.p-button-success,
        .p-buttonset.p-button-success>.p-button,
        .p-fileupload-choose.p-button-success,
        .p-splitbutton.p-button-success>.p-button {
            background: #c5e1a5;
            border: 1px solid #c5e1a5;
            color: #121212
        }

        .p-button.p-button-success:enabled:hover,
        .p-button.p-button-success:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-success>.p-button:enabled:hover,
        .p-buttonset.p-button-success>.p-button:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-success:enabled:hover,
        .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-success>.p-button:enabled:hover,
        .p-splitbutton.p-button-success>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: #b2d788;
            border-color: #b2d788;
            color: #121212
        }

        .p-button.p-button-success:enabled:focus,
        .p-button.p-button-success:not(button):not(a):not(.p-disabled):focus,
        .p-buttonset.p-button-success>.p-button:enabled:focus,
        .p-buttonset.p-button-success>.p-button:not(button):not(a):not(.p-disabled):focus,
        .p-fileupload-choose.p-button-success:enabled:focus,
        .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):focus,
        .p-splitbutton.p-button-success>.p-button:enabled:focus,
        .p-splitbutton.p-button-success>.p-button:not(button):not(a):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #d6eac0
        }

        .p-button.p-button-success:enabled:active,
        .p-button.p-button-success:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-success>.p-button:enabled:active,
        .p-buttonset.p-button-success>.p-button:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-success:enabled:active,
        .p-fileupload-choose.p-button-success:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-success>.p-button:enabled:active,
        .p-splitbutton.p-button-success>.p-button:not(button):not(a):not(.p-disabled):active {
            background: #9fce6b;
            border-color: #9fce6b;
            color: #121212
        }

        .p-button.p-button-success.p-button-outlined,
        .p-buttonset.p-button-success>.p-button.p-button-outlined,
        .p-fileupload-choose.p-button-success.p-button-outlined,
        .p-splitbutton.p-button-success>.p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #c5e1a5
        }

        .p-button.p-button-success.p-button-outlined:enabled:hover,
        .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:hover,
        .p-buttonset.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-success.p-button-outlined:enabled:hover,
        .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:hover,
        .p-splitbutton.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: hsla(88, 50%, 76%, .04);
            border: 1px solid;
            color: #c5e1a5
        }

        .p-button.p-button-success.p-button-outlined:enabled:active,
        .p-button.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-success>.p-button.p-button-outlined:enabled:active,
        .p-buttonset.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-success.p-button-outlined:enabled:active,
        .p-fileupload-choose.p-button-success.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-success>.p-button.p-button-outlined:enabled:active,
        .p-splitbutton.p-button-success>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: hsla(88, 50%, 76%, .16);
            border: 1px solid;
            color: #c5e1a5
        }

        .p-button.p-button-success.p-button-text,
        .p-buttonset.p-button-success>.p-button.p-button-text,
        .p-fileupload-choose.p-button-success.p-button-text,
        .p-splitbutton.p-button-success>.p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #c5e1a5
        }

        .p-button.p-button-success.p-button-text:enabled:hover,
        .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-success>.p-button.p-button-text:enabled:hover,
        .p-buttonset.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-success.p-button-text:enabled:hover,
        .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-success>.p-button.p-button-text:enabled:hover,
        .p-splitbutton.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: hsla(88, 50%, 76%, .04);
            border-color: transparent;
            color: #c5e1a5
        }

        .p-button.p-button-success.p-button-text:enabled:active,
        .p-button.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-success>.p-button.p-button-text:enabled:active,
        .p-buttonset.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-success.p-button-text:enabled:active,
        .p-fileupload-choose.p-button-success.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-success>.p-button.p-button-text:enabled:active,
        .p-splitbutton.p-button-success>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: hsla(88, 50%, 76%, .16);
            border-color: transparent;
            color: #c5e1a5
        }

        .p-button.p-button-warning,
        .p-buttonset.p-button-warning>.p-button,
        .p-fileupload-choose.p-button-warning,
        .p-splitbutton.p-button-warning>.p-button {
            background: #ffe082;
            border: 1px solid #ffe082;
            color: #121212
        }

        .p-button.p-button-warning:enabled:hover,
        .p-button.p-button-warning:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-warning>.p-button:enabled:hover,
        .p-buttonset.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-warning:enabled:hover,
        .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-warning>.p-button:enabled:hover,
        .p-splitbutton.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: #ffd65c;
            border-color: #ffd65c;
            color: #121212
        }

        .p-button.p-button-warning:enabled:focus,
        .p-button.p-button-warning:not(button):not(a):not(.p-disabled):focus,
        .p-buttonset.p-button-warning>.p-button:enabled:focus,
        .p-buttonset.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):focus,
        .p-fileupload-choose.p-button-warning:enabled:focus,
        .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):focus,
        .p-splitbutton.p-button-warning>.p-button:enabled:focus,
        .p-splitbutton.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #ffe9a8
        }

        .p-button.p-button-warning:enabled:active,
        .p-button.p-button-warning:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-warning>.p-button:enabled:active,
        .p-buttonset.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-warning:enabled:active,
        .p-fileupload-choose.p-button-warning:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-warning>.p-button:enabled:active,
        .p-splitbutton.p-button-warning>.p-button:not(button):not(a):not(.p-disabled):active {
            background: #ffcd35;
            border-color: #ffcd35;
            color: #121212
        }

        .p-button.p-button-warning.p-button-outlined,
        .p-buttonset.p-button-warning>.p-button.p-button-outlined,
        .p-fileupload-choose.p-button-warning.p-button-outlined,
        .p-splitbutton.p-button-warning>.p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #ffe082
        }

        .p-button.p-button-warning.p-button-outlined:enabled:hover,
        .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:hover,
        .p-buttonset.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:hover,
        .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:hover,
        .p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: rgba(255, 224, 130, .04);
            border: 1px solid;
            color: #ffe082
        }

        .p-button.p-button-warning.p-button-outlined:enabled:active,
        .p-button.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-warning>.p-button.p-button-outlined:enabled:active,
        .p-buttonset.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-warning.p-button-outlined:enabled:active,
        .p-fileupload-choose.p-button-warning.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-warning>.p-button.p-button-outlined:enabled:active,
        .p-splitbutton.p-button-warning>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: rgba(255, 224, 130, .16);
            border: 1px solid;
            color: #ffe082
        }

        .p-button.p-button-warning.p-button-text,
        .p-buttonset.p-button-warning>.p-button.p-button-text,
        .p-fileupload-choose.p-button-warning.p-button-text,
        .p-splitbutton.p-button-warning>.p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #ffe082
        }

        .p-button.p-button-warning.p-button-text:enabled:hover,
        .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-warning>.p-button.p-button-text:enabled:hover,
        .p-buttonset.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-warning.p-button-text:enabled:hover,
        .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:hover,
        .p-splitbutton.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: rgba(255, 224, 130, .04);
            border-color: transparent;
            color: #ffe082
        }

        .p-button.p-button-warning.p-button-text:enabled:active,
        .p-button.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-warning>.p-button.p-button-text:enabled:active,
        .p-buttonset.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-warning.p-button-text:enabled:active,
        .p-fileupload-choose.p-button-warning.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-warning>.p-button.p-button-text:enabled:active,
        .p-splitbutton.p-button-warning>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: rgba(255, 224, 130, .16);
            border-color: transparent;
            color: #ffe082
        }

        .p-button.p-button-help,
        .p-buttonset.p-button-help>.p-button,
        .p-fileupload-choose.p-button-help,
        .p-splitbutton.p-button-help>.p-button {
            background: #ce93d8;
            border: 1px solid #ce93d8;
            color: #121212
        }

        .p-button.p-button-help:enabled:hover,
        .p-button.p-button-help:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-help>.p-button:enabled:hover,
        .p-buttonset.p-button-help>.p-button:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-help:enabled:hover,
        .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-help>.p-button:enabled:hover,
        .p-splitbutton.p-button-help>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: #c278ce;
            border-color: #c278ce;
            color: #121212
        }

        .p-button.p-button-help:enabled:focus,
        .p-button.p-button-help:not(button):not(a):not(.p-disabled):focus,
        .p-buttonset.p-button-help>.p-button:enabled:focus,
        .p-buttonset.p-button-help>.p-button:not(button):not(a):not(.p-disabled):focus,
        .p-fileupload-choose.p-button-help:enabled:focus,
        .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):focus,
        .p-splitbutton.p-button-help>.p-button:enabled:focus,
        .p-splitbutton.p-button-help>.p-button:not(button):not(a):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #ddb3e4
        }

        .p-button.p-button-help:enabled:active,
        .p-button.p-button-help:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-help>.p-button:enabled:active,
        .p-buttonset.p-button-help>.p-button:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-help:enabled:active,
        .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-help>.p-button:enabled:active,
        .p-splitbutton.p-button-help>.p-button:not(button):not(a):not(.p-disabled):active {
            background: #b65ec5;
            border-color: #b65ec5;
            color: #121212
        }

        .p-button.p-button-help.p-button-outlined,
        .p-buttonset.p-button-help>.p-button.p-button-outlined,
        .p-fileupload-choose.p-button-help.p-button-outlined,
        .p-splitbutton.p-button-help>.p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #ce93d8
        }

        .p-button.p-button-help.p-button-outlined:enabled:hover,
        .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:hover,
        .p-buttonset.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-help.p-button-outlined:enabled:hover,
        .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:hover,
        .p-splitbutton.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: rgba(206, 147, 216, .04);
            border: 1px solid;
            color: #ce93d8
        }

        .p-button.p-button-help.p-button-outlined:enabled:active,
        .p-button.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-help>.p-button.p-button-outlined:enabled:active,
        .p-buttonset.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-help.p-button-outlined:enabled:active,
        .p-fileupload-choose.p-button-help.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-help>.p-button.p-button-outlined:enabled:active,
        .p-splitbutton.p-button-help>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: rgba(206, 147, 216, .16);
            border: 1px solid;
            color: #ce93d8
        }

        .p-button.p-button-help.p-button-text,
        .p-buttonset.p-button-help>.p-button.p-button-text,
        .p-fileupload-choose.p-button-help.p-button-text,
        .p-splitbutton.p-button-help>.p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #ce93d8
        }

        .p-button.p-button-help.p-button-text:enabled:hover,
        .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-help>.p-button.p-button-text:enabled:hover,
        .p-buttonset.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-help.p-button-text:enabled:hover,
        .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-help>.p-button.p-button-text:enabled:hover,
        .p-splitbutton.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: rgba(206, 147, 216, .04);
            border-color: transparent;
            color: #ce93d8
        }

        .p-button.p-button-help.p-button-text:enabled:active,
        .p-button.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-help>.p-button.p-button-text:enabled:active,
        .p-buttonset.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-help.p-button-text:enabled:active,
        .p-fileupload-choose.p-button-help.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-help>.p-button.p-button-text:enabled:active,
        .p-splitbutton.p-button-help>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: rgba(206, 147, 216, .16);
            border-color: transparent;
            color: #ce93d8
        }

        .p-button.p-button-danger,
        .p-buttonset.p-button-danger>.p-button,
        .p-fileupload-choose.p-button-danger,
        .p-splitbutton.p-button-danger>.p-button {
            background: #fc531c;
            border: 1px solid #fc531c;
            color: #121212
        }

        .p-button.p-button-danger:enabled:hover,
        .p-button.p-button-danger:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-danger>.p-button:enabled:hover,
        .p-buttonset.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-danger:enabled:hover,
        .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-danger>.p-button:enabled:hover,
        .p-splitbutton.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: #f16c98;
            border-color: #f16c98;
            color: #121212
        }

        .p-button.p-button-danger:enabled:focus,
        .p-button.p-button-danger:not(button):not(a):not(.p-disabled):focus,
        .p-buttonset.p-button-danger>.p-button:enabled:focus,
        .p-buttonset.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):focus,
        .p-fileupload-choose.p-button-danger:enabled:focus,
        .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):focus,
        .p-splitbutton.p-button-danger>.p-button:enabled:focus,
        .p-splitbutton.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #f7b1c8
        }

        .p-button.p-button-danger:enabled:active,
        .p-button.p-button-danger:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-danger>.p-button:enabled:active,
        .p-buttonset.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-danger:enabled:active,
        .p-fileupload-choose.p-button-danger:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-danger>.p-button:enabled:active,
        .p-splitbutton.p-button-danger>.p-button:not(button):not(a):not(.p-disabled):active {
            background: #ed4980;
            border-color: #ed4980;
            color: #121212
        }

        .p-button.p-button-danger.p-button-outlined,
        .p-buttonset.p-button-danger>.p-button.p-button-outlined,
        .p-fileupload-choose.p-button-danger.p-button-outlined,
        .p-splitbutton.p-button-danger>.p-button.p-button-outlined {
            background-color: transparent;
            border: 1px solid;
            color: #fc531c
        }

        .p-button.p-button-danger.p-button-outlined:enabled:hover,
        .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:hover,
        .p-buttonset.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:hover,
        .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:hover,
        .p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
            background: rgba(244, 143, 177, .04);
            border: 1px solid;
            color: #fc531c
        }

        .p-button.p-button-danger.p-button-outlined:enabled:active,
        .p-button.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-danger>.p-button.p-button-outlined:enabled:active,
        .p-buttonset.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-danger.p-button-outlined:enabled:active,
        .p-fileupload-choose.p-button-danger.p-button-outlined:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-danger>.p-button.p-button-outlined:enabled:active,
        .p-splitbutton.p-button-danger>.p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
            background: rgba(244, 143, 177, .16);
            border: 1px solid;
            color: #fc531c
        }

        .p-button.p-button-danger.p-button-text,
        .p-buttonset.p-button-danger>.p-button.p-button-text,
        .p-fileupload-choose.p-button-danger.p-button-text,
        .p-splitbutton.p-button-danger>.p-button.p-button-text {
            background-color: transparent;
            border-color: transparent;
            color: #fc531c
        }

        .p-button.p-button-danger.p-button-text:enabled:hover,
        .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-buttonset.p-button-danger>.p-button.p-button-text:enabled:hover,
        .p-buttonset.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-fileupload-choose.p-button-danger.p-button-text:enabled:hover,
        .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):hover,
        .p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:hover,
        .p-splitbutton.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):hover {
            background: rgba(244, 143, 177, .04);
            border-color: transparent;
            color: #fc531c
        }

        .p-button.p-button-danger.p-button-text:enabled:active,
        .p-button.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-buttonset.p-button-danger>.p-button.p-button-text:enabled:active,
        .p-buttonset.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-fileupload-choose.p-button-danger.p-button-text:enabled:active,
        .p-fileupload-choose.p-button-danger.p-button-text:not(button):not(a):not(.p-disabled):active,
        .p-splitbutton.p-button-danger>.p-button.p-button-text:enabled:active,
        .p-splitbutton.p-button-danger>.p-button.p-button-text:not(button):not(a):not(.p-disabled):active {
            background: #ff0;
            border-color: transparent;
            color: #fc531c
        }

        .p-button.p-button-link {
            background: transparent;
            border: transparent;
            color: #ba68c8
        }

        .p-button.p-button-link:enabled:hover,
        .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover {
            background: transparent;
            border-color: transparent;
            color: #ba68c8
        }

        .p-button.p-button-link:enabled:hover .p-button-label,
        .p-button.p-button-link:not(button):not(a):not(.p-disabled):hover .p-button-label {
            text-decoration: underline
        }

        .p-button.p-button-link:enabled:focus,
        .p-button.p-button-link:not(button):not(a):not(.p-disabled):focus {
            background: transparent;
            border-color: transparent;
            box-shadow: 0 0 0 1px #cf95d9
        }

        .p-button.p-button-link:enabled:active,
        .p-button.p-button-link:not(button):not(a):not(.p-disabled):active {
            background: transparent;
            border-color: transparent;
            color: #ba68c8
        }

        .p-splitbutton {
            border-radius: 3px
        }

        .p-splitbutton.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #ba68c8
        }

        .p-splitbutton.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(186, 104, 200, .04);
            color: #ba68c8
        }

        .p-splitbutton.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(186, 104, 200, .16);
            color: #ba68c8
        }

        .p-splitbutton.p-button-outlined.p-button-plain>.p-button {
            border-color: hsla(0, 0%, 100%, .6);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-splitbutton.p-button-outlined.p-button-plain>.p-button:enabled:hover,
        .p-splitbutton.p-button-outlined.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-splitbutton.p-button-outlined.p-button-plain>.p-button:enabled:active,
        .p-splitbutton.p-button-outlined.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):active {
            background: hsla(0, 0%, 100%, .16);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-splitbutton.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #ba68c8
        }

        .p-splitbutton.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(186, 104, 200, .04);
            border-color: transparent;
            color: #ba68c8
        }

        .p-splitbutton.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(186, 104, 200, .16);
            border-color: transparent;
            color: #ba68c8
        }

        .p-splitbutton.p-button-text.p-button-plain>.p-button {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-splitbutton.p-button-text.p-button-plain>.p-button:enabled:hover,
        .p-splitbutton.p-button-text.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-splitbutton.p-button-text.p-button-plain>.p-button:enabled:active,
        .p-splitbutton.p-button-text.p-button-plain>.p-button:not(button):not(a):not(.p-disabled):active {
            background: hsla(0, 0%, 100%, .16);
            color: hsla(0, 0%, 100%, .6)
        }

        .p-splitbutton.p-button-raised {
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12)
        }

        .p-splitbutton.p-button-rounded,
        .p-splitbutton.p-button-rounded>.p-button {
            border-radius: 2rem
        }

        .p-splitbutton.p-button-sm>.p-button {
            font-size: .875rem;
            padding: .4375rem .875rem
        }

        .p-splitbutton.p-button-sm>.p-button .p-button-icon {
            font-size: .875rem
        }

        .p-splitbutton.p-button-lg>.p-button {
            font-size: 1.25rem;
            padding: .625rem 1.25rem
        }

        .p-splitbutton.p-button-lg>.p-button .p-button-icon {
            font-size: 1.25rem
        }

        .p-splitbutton.p-button-secondary.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #78909c
        }

        .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(120, 144, 156, .04);
            color: #78909c
        }

        .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-secondary.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(120, 144, 156, .16);
            color: #78909c
        }

        .p-splitbutton.p-button-secondary.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #78909c
        }

        .p-splitbutton.p-button-secondary.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-secondary.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(120, 144, 156, .04);
            border-color: transparent;
            color: #78909c
        }

        .p-splitbutton.p-button-secondary.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-secondary.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(120, 144, 156, .16);
            border-color: transparent;
            color: #78909c
        }

        .p-splitbutton.p-button-info.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #81d4fa
        }

        .p-splitbutton.p-button-info.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-info.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(129, 212, 250, .04);
            color: #81d4fa
        }

        .p-splitbutton.p-button-info.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-info.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(129, 212, 250, .16);
            color: #81d4fa
        }

        .p-splitbutton.p-button-info.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #81d4fa
        }

        .p-splitbutton.p-button-info.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-info.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(129, 212, 250, .04);
            border-color: transparent;
            color: #81d4fa
        }

        .p-splitbutton.p-button-info.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-info.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(129, 212, 250, .16);
            border-color: transparent;
            color: #81d4fa
        }

        .p-splitbutton.p-button-success.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #c5e1a5
        }

        .p-splitbutton.p-button-success.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-success.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: hsla(88, 50%, 76%, .04);
            color: #c5e1a5
        }

        .p-splitbutton.p-button-success.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-success.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: hsla(88, 50%, 76%, .16);
            color: #c5e1a5
        }

        .p-splitbutton.p-button-success.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #c5e1a5
        }

        .p-splitbutton.p-button-success.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-success.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: hsla(88, 50%, 76%, .04);
            border-color: transparent;
            color: #c5e1a5
        }

        .p-splitbutton.p-button-success.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-success.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: hsla(88, 50%, 76%, .16);
            border-color: transparent;
            color: #c5e1a5
        }

        .p-splitbutton.p-button-warning.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #ffe082
        }

        .p-splitbutton.p-button-warning.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(255, 224, 130, .04);
            color: #ffe082
        }

        .p-splitbutton.p-button-warning.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-warning.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(255, 224, 130, .16);
            color: #ffe082
        }

        .p-splitbutton.p-button-warning.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #ffe082
        }

        .p-splitbutton.p-button-warning.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-warning.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(255, 224, 130, .04);
            border-color: transparent;
            color: #ffe082
        }

        .p-splitbutton.p-button-warning.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-warning.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(255, 224, 130, .16);
            border-color: transparent;
            color: #ffe082
        }

        .p-splitbutton.p-button-help.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #ce93d8
        }

        .p-splitbutton.p-button-help.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-help.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(206, 147, 216, .04);
            color: #ce93d8
        }

        .p-splitbutton.p-button-help.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-help.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(206, 147, 216, .16);
            color: #ce93d8
        }

        .p-splitbutton.p-button-help.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #ce93d8
        }

        .p-splitbutton.p-button-help.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-help.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(206, 147, 216, .04);
            border-color: transparent;
            color: #ce93d8
        }

        .p-splitbutton.p-button-help.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-help.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(206, 147, 216, .16);
            border-color: transparent;
            color: #ce93d8
        }

        .p-splitbutton.p-button-danger.p-button-outlined>.p-button {
            background-color: transparent;
            border: 1px solid;
            color: #fc531c
        }

        .p-splitbutton.p-button-danger.p-button-outlined>.p-button:enabled:hover,
        .p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(244, 143, 177, .04);
            color: #fc531c
        }

        .p-splitbutton.p-button-danger.p-button-outlined>.p-button:enabled:active,
        .p-splitbutton.p-button-danger.p-button-outlined>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(244, 143, 177, .16);
            color: #fc531c
        }

        .p-splitbutton.p-button-danger.p-button-text>.p-button {
            background-color: transparent;
            border-color: transparent;
            color: #fc531c
        }

        .p-splitbutton.p-button-danger.p-button-text>.p-button:enabled:hover,
        .p-splitbutton.p-button-danger.p-button-text>.p-button:not(button):not(a):not(.p-disabled):hover {
            background: rgba(244, 143, 177, .04);
            border-color: transparent;
            color: #fc531c
        }

        .p-splitbutton.p-button-danger.p-button-text>.p-button:enabled:active,
        .p-splitbutton.p-button-danger.p-button-text>.p-button:not(button):not(a):not(.p-disabled):active {
            background: rgba(244, 143, 177, .16);
            border-color: transparent;
            color: #fc531c
        }

        .p-speeddial-button.p-button.p-button-icon-only {
            height: 4rem;
            width: 4rem
        }

        .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
            font-size: 1.3rem
        }

        .p-speeddial-action {
            background: hsla(0, 0%, 100%, .87);
            color: #121212;
            height: 3rem;
            width: 3rem
        }

        .p-speeddial-action:hover {
            background: hsla(0, 0%, 100%, .6);
            color: #121212
        }

        .p-speeddial-direction-up .p-speeddial-item {
            margin: .25rem
        }

        .p-speeddial-direction-up .p-speeddial-item:first-child {
            margin-bottom: .5rem
        }

        .p-speeddial-direction-down .p-speeddial-item {
            margin: .25rem
        }

        .p-speeddial-direction-down .p-speeddial-item:first-child {
            margin-top: .5rem
        }

        .p-speeddial-direction-left .p-speeddial-item {
            margin: 0 .25rem
        }

        .p-speeddial-direction-left .p-speeddial-item:first-child {
            margin-right: .5rem
        }

        .p-speeddial-direction-right .p-speeddial-item {
            margin: 0 .25rem
        }

        .p-speeddial-direction-right .p-speeddial-item:first-child {
            margin-left: .5rem
        }

        .p-speeddial-circle .p-speeddial-item,
        .p-speeddial-circle .p-speeddial-item:first-child,
        .p-speeddial-circle .p-speeddial-item:last-child,
        .p-speeddial-quarter-circle .p-speeddial-item,
        .p-speeddial-quarter-circle .p-speeddial-item:first-child,
        .p-speeddial-quarter-circle .p-speeddial-item:last-child,
        .p-speeddial-semi-circle .p-speeddial-item,
        .p-speeddial-semi-circle .p-speeddial-item:first-child,
        .p-speeddial-semi-circle .p-speeddial-item:last-child {
            margin: 0
        }

        .p-speeddial-mask {
            background-color: rgba(0, 0, 0, .4)
        }

        .p-carousel .p-carousel-content .p-carousel-next,
        .p-carousel .p-carousel-content .p-carousel-prev {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            margin: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-carousel .p-carousel-content .p-carousel-next:enabled:hover,
        .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-carousel .p-carousel-content .p-carousel-next:focus,
        .p-carousel .p-carousel-content .p-carousel-prev:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-carousel .p-carousel-indicators {
            padding: 1rem
        }

        .p-carousel .p-carousel-indicators .p-carousel-indicator {
            margin-bottom: .5rem;
            margin-right: .5rem
        }

        .p-carousel .p-carousel-indicators .p-carousel-indicator button {
            background-color: #383838;
            border-radius: 0;
            height: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-paginator-top {
            border-radius: 0;
            border-width: 1px 0
        }

        .p-datatable .p-paginator-bottom {
            border-radius: 0;
            border-width: 0 0 1px
        }

        .p-datatable .p-datatable-header {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-datatable .p-datatable-footer,
        .p-datatable .p-datatable-header {
            background: #1e1e1e;
            border: solid #383838;
            border-width: 0 0 1px;
            font-weight: 600;
            padding: 1rem
        }

        .p-datatable .p-datatable-footer {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-datatable-thead>tr>th {
            transition: box-shadow .2s
        }

        .p-datatable .p-datatable-tfoot>tr>td,
        .p-datatable .p-datatable-thead>tr>th {
            background: #1e1e1e;
            border: solid #383838;
            border-width: 0 0 1px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem;
            text-align: left
        }

        .p-datatable .p-sortable-column .p-sortable-column-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-left: .5rem
        }

        .p-datatable .p-sortable-column .p-sortable-column-badge {
            background: rgba(186, 104, 200, .16);
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .87);
            height: 1.143rem;
            line-height: 1.143rem;
            margin-left: .5rem;
            min-width: 1.143rem
        }

        .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-sortable-column.p-highlight {
            background: #1e1e1e;
            color: #ba68c8
        }

        .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
            color: #ba68c8
        }

        .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: #ba68c8
        }

        .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
            color: #ba68c8
        }

        .p-datatable .p-sortable-column:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none
        }

        .p-datatable .p-datatable-tbody>tr {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            transition: box-shadow .2s
        }

        .p-datatable .p-datatable-tbody>tr>td {
            border: solid #383838;
            border-width: 0 0 1px;
            padding: 1rem;
            text-align: left
        }

        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel,
        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init,
        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save,
        .p-datatable .p-datatable-tbody>tr>td .p-row-toggler {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:enabled:hover,
        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:enabled:hover,
        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:enabled:hover,
        .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-cancel:focus,
        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-init:focus,
        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save:focus,
        .p-datatable .p-datatable-tbody>tr>td .p-row-toggler:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-datatable .p-datatable-tbody>tr>td .p-row-editor-save {
            margin-right: .5rem
        }

        .p-datatable .p-datatable-tbody>tr>td>.p-column-title {
            font-weight: 600
        }

        .p-datatable .p-datatable-tbody>tr.p-highlight,
        .p-datatable .p-datatable-tbody>tr>td.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
            box-shadow: inset 0 2px 0 0 rgba(186, 104, 200, .16)
        }

        .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
            box-shadow: inset 0 -2px 0 0 rgba(186, 104, 200, .16)
        }

        .p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable.p-datatable-selectable .p-datatable-tbody>tr.p-selectable-row:focus {
            outline: .15rem solid #cf95d9;
            outline-offset: -.15rem
        }

        .p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable.p-datatable-selectable-cell .p-datatable-tbody>tr.p-selectable-row>td.p-selectable-cell:focus {
            outline: .15rem solid #cf95d9;
            outline-offset: -.15rem
        }

        .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody>tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable .p-column-resizer-helper {
            background: #ba68c8
        }

        .p-datatable .p-datatable-scrollable-footer,
        .p-datatable .p-datatable-scrollable-header {
            background: #1e1e1e
        }

        .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-tfoot,
        .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-datatable-table>.p-datatable-thead,
        .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-tfoot,
        .p-datatable.p-datatable-scrollable>.p-datatable-wrapper>.p-virtualscroller>.p-datatable-table>.p-datatable-thead {
            background-color: #1e1e1e
        }

        .p-datatable .p-datatable-loading-icon {
            font-size: 2rem
        }

        .p-datatable.p-datatable-gridlines .p-datatable-header {
            border-width: 1px 1px 0
        }

        .p-datatable.p-datatable-gridlines .p-datatable-footer {
            border-width: 0 1px 1px
        }

        .p-datatable.p-datatable-gridlines .p-paginator-top {
            border-width: 0 1px
        }

        .p-datatable.p-datatable-gridlines .p-paginator-bottom {
            border-width: 0 1px 1px
        }

        .p-datatable.p-datatable-gridlines .p-datatable-tbody>tr>td,
        .p-datatable.p-datatable-gridlines .p-datatable-tfoot>tr>td,
        .p-datatable.p-datatable-gridlines .p-datatable-thead>tr>th {
            border-width: 1px
        }

        .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd {
            background: hsla(0, 0%, 100%, .01)
        }

        .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight .p-row-toggler,
        .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd.p-highlight .p-row-toggler:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-datatable.p-datatable-striped .p-datatable-tbody>tr.p-row-odd+.p-row-expanded {
            background: hsla(0, 0%, 100%, .01)
        }

        .p-datatable.p-datatable-sm .p-datatable-footer,
        .p-datatable.p-datatable-sm .p-datatable-header,
        .p-datatable.p-datatable-sm .p-datatable-tbody>tr>td,
        .p-datatable.p-datatable-sm .p-datatable-tfoot>tr>td,
        .p-datatable.p-datatable-sm .p-datatable-thead>tr>th {
            padding: .5rem
        }

        .p-datatable.p-datatable-lg .p-datatable-footer,
        .p-datatable.p-datatable-lg .p-datatable-header,
        .p-datatable.p-datatable-lg .p-datatable-tbody>tr>td,
        .p-datatable.p-datatable-lg .p-datatable-tfoot>tr>td,
        .p-datatable.p-datatable-lg .p-datatable-thead>tr>th {
            padding: 1.25rem
        }

        .p-datatable-drag-selection-helper {
            background: rgba(186, 104, 200, .16)
        }

        .p-dataview .p-paginator-top {
            border-radius: 0;
            border-width: 1px 0
        }

        .p-dataview .p-paginator-bottom {
            border-radius: 0;
            border-width: 0 0 1px
        }

        .p-dataview .p-dataview-header {
            background: #1e1e1e;
            border: solid #383838;
            border-width: 0 0 1px;
            color: hsla(0, 0%, 100%, .6);
            font-weight: 600;
            padding: 1rem
        }

        .p-dataview .p-dataview-content {
            background: #1e1e1e;
            border: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: 0
        }

        .p-dataview .p-dataview-footer,
        .p-dataview.p-dataview-list .p-dataview-content>.p-grid>div {
            border: solid #383838;
            border-width: 0 0 1px
        }

        .p-dataview .p-dataview-footer {
            background: #1e1e1e;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem
        }

        .p-dataview .p-dataview-loading-icon {
            font-size: 2rem
        }

        .p-datascroller .p-paginator-top {
            border-radius: 0;
            border-width: 1px 0
        }

        .p-datascroller .p-paginator-bottom {
            border-radius: 0;
            border-width: 0 0 1px
        }

        .p-datascroller .p-datascroller-header {
            background: #1e1e1e;
            border: solid #383838;
            border-width: 0 0 1px;
            color: hsla(0, 0%, 100%, .6);
            font-weight: 600;
            padding: 1rem
        }

        .p-datascroller .p-datascroller-content {
            background: #1e1e1e;
            border: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: 0
        }

        .p-datascroller .p-datascroller-footer,
        .p-datascroller.p-datascroller-inline .p-datascroller-list>li {
            border: solid #383838;
            border-width: 0 0 1px
        }

        .p-datascroller .p-datascroller-footer {
            background: #1e1e1e;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem
        }

        .p-column-filter-row .p-column-filter-clear-button,
        .p-column-filter-row .p-column-filter-menu-button {
            margin-left: .5rem
        }

        .p-column-filter-menu-button {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-column-filter-menu-button:hover {
            border-color: transparent
        }

        .p-column-filter-menu-button.p-column-filter-menu-button-open,
        .p-column-filter-menu-button.p-column-filter-menu-button-open:hover,
        .p-column-filter-menu-button:hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-column-filter-menu-button.p-column-filter-menu-button-active,
        .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-column-filter-menu-button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-column-filter-clear-button {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-column-filter-clear-button:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-column-filter-clear-button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-column-filter-overlay {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87);
            min-width: 12.5rem
        }

        .p-column-filter-overlay .p-column-filter-row-items {
            padding: .5rem 0
        }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
            background: transparent;
            border: 0;
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: box-shadow .2s
        }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-column-filter-overlay-menu .p-column-filter-operator {
            background: #1e1e1e;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem
        }

        .p-column-filter-overlay-menu .p-column-filter-constraint {
            border-bottom: 1px solid #383838;
            padding: 1rem
        }

        .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
            margin-bottom: .5rem
        }

        .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
            margin-top: .5rem
        }

        .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
            border-bottom: 0
        }

        .p-column-filter-overlay-menu .p-column-filter-add-rule {
            padding: .5rem 1rem
        }

        .p-column-filter-overlay-menu .p-column-filter-buttonbar {
            padding: 1rem
        }

        .fc.fc-unthemed .fc-view-container th {
            background: #1e1e1e
        }

        .fc.fc-unthemed .fc-view-container td.fc-widget-content,
        .fc.fc-unthemed .fc-view-container th {
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .fc.fc-unthemed .fc-view-container td.fc-head-container {
            border: 1px solid #383838
        }

        .fc.fc-unthemed .fc-view-container .fc-view {
            background: #1e1e1e
        }

        .fc.fc-unthemed .fc-view-container .fc-row {
            border-right: 1px solid #383838
        }

        .fc.fc-unthemed .fc-view-container .fc-event {
            background: #b052c0;
            border: 1px solid #b052c0;
            color: #fff
        }

        .fc.fc-unthemed .fc-view-container .fc-divider {
            background: #1e1e1e;
            border: 1px solid #383838
        }

        .fc.fc-unthemed .fc-toolbar .fc-button {
            align-items: center;
            background: #ba68c8;
            border: 1px solid #ba68c8;
            border-radius: 3px;
            color: #fff;
            display: flex;
            font-size: 1rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
            background: #a241b2;
            border-color: #a241b2;
            color: #fff
        }

        .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
            font-family: PrimeIcons !important;
            font-size: 1rem;
            text-indent: 0
        }

        .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
            content: "\e900"
        }

        .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
            font-family: PrimeIcons !important;
            font-size: 1rem;
            text-indent: 0
        }

        .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
            content: "\e901"
        }

        .fc.fc-unthemed .fc-toolbar .fc-button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active {
            background: #ba68c8;
            border-color: #ba68c8;
            color: #fff
        }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus,
        .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0;
            z-index: 1
        }

        .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
            border-radius: 0
        }

        .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
            border-color: #383838
        }

        .fc.fc-theme-standard .fc-view-harness th {
            background: #1e1e1e
        }

        .fc.fc-theme-standard .fc-view-harness td,
        .fc.fc-theme-standard .fc-view-harness th {
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .fc.fc-theme-standard .fc-view-harness .fc-view {
            background: #1e1e1e
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover {
            background: none;
            border: 0
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
            align-items: center;
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            display: flex;
            font-family: PrimeIcons !important;
            font-size: 1rem;
            height: 2rem;
            justify-content: center;
            opacity: 1;
            overflow: hidden;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
            content: "\e90b"
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-top: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
            color: #fff
        }

        .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
            background: #b052c0;
            border-color: #b052c0
        }

        .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
            background: #1e1e1e
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button {
            background: #ba68c8;
            border: 1px solid #ba68c8;
            border-radius: 3px;
            color: #fff;
            font-size: 1rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
            background: #a241b2;
            border-color: #a241b2;
            color: #fff
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
            background: #ba68c8;
            border: 1px solid #ba68c8;
            color: #fff;
            opacity: .4
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
            font-family: PrimeIcons !important;
            font-size: 1rem;
            text-indent: 0
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
            content: "\e900"
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
            font-family: PrimeIcons !important;
            font-size: 1rem;
            text-indent: 0
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
            content: "\e901"
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active {
            background: #ba68c8;
            border-color: #ba68c8;
            color: #fff
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover {
            background: #b052c0;
            border-color: #b052c0;
            color: #fff
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus,
        .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0;
            z-index: 1
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
            border-radius: 0
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .fc.fc-theme-standard .fc-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-orderlist .p-orderlist-controls {
            padding: 1rem
        }

        .p-orderlist .p-orderlist-controls .p-button {
            margin-bottom: .5rem
        }

        .p-orderlist .p-orderlist-header {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem
        }

        .p-orderlist .p-orderlist-filter-container {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom: 0;
            padding: 1rem
        }

        .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
            padding-right: 1.5rem
        }

        .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-orderlist .p-orderlist-list {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem 0
        }

        .p-orderlist .p-orderlist-list .p-orderlist-item {
            background: transparent;
            border: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: transform .2s, box-shadow .2s
        }

        .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(2n) {
            background: hsla(0, 0%, 100%, .01)
        }

        .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(2n):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        @media screen and (max-width:960px) {
            .p-orderlist {
                flex-direction: column
            }

            .p-orderlist .p-orderlist-controls {
                flex-direction: row;
                padding: 1rem
            }

            .p-orderlist .p-orderlist-controls .p-button {
                margin-bottom: 0;
                margin-right: .5rem
            }

            .p-orderlist .p-orderlist-controls .p-button:last-child {
                margin-right: 0
            }
        }

        .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-organizationchart .p-organizationchart-node-content.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
            color: rgba(117, 47, 129, .16)
        }

        .p-organizationchart .p-organizationchart-line-down {
            background: #383838
        }

        .p-organizationchart .p-organizationchart-line-left {
            border-right: 1px solid;
            border-color: #383838
        }

        .p-organizationchart .p-organizationchart-line-top {
            border-color: #383838;
            border-top: 1px solid #383838
        }

        .p-organizationchart .p-organizationchart-node-content {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
            background: inherit;
            border-radius: 50%;
            color: inherit
        }

        .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-paginator {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            padding: .5rem 1rem
        }

        .p-paginator .p-paginator-first,
        .p-paginator .p-paginator-last,
        .p-paginator .p-paginator-next,
        .p-paginator .p-paginator-prev {
            background-color: transparent;
            border: 0;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            height: 2.286em;
            margin: .143rem;
            min-width: 2.286em;
            transition: box-shadow .2s
        }

        .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
        .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover,
        .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
        .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-paginator .p-paginator-first {
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px
        }

        .p-paginator .p-paginator-last {
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px
        }

        .p-paginator .p-dropdown {
            height: 2.286em;
            margin-left: .5rem
        }

        .p-paginator .p-dropdown .p-dropdown-label {
            padding-right: 0
        }

        .p-paginator .p-paginator-page-input {
            margin-left: .5rem;
            margin-right: .5rem
        }

        .p-paginator .p-paginator-page-input .p-inputtext {
            max-width: 2.286em
        }

        .p-paginator .p-paginator-current {
            padding: 0 .5rem
        }

        .p-paginator .p-paginator-current,
        .p-paginator .p-paginator-pages .p-paginator-page {
            background-color: transparent;
            border: 0;
            color: hsla(0, 0%, 100%, .6);
            height: 2.286em;
            margin: .143rem;
            min-width: 2.286em
        }

        .p-paginator .p-paginator-pages .p-paginator-page {
            border-radius: 3px;
            transition: box-shadow .2s
        }

        .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
            background: rgba(186, 104, 200, .16);
            border-color: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-picklist .p-picklist-buttons {
            padding: 1rem
        }

        .p-picklist .p-picklist-buttons .p-button {
            margin-bottom: .5rem
        }

        .p-picklist .p-picklist-header {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem
        }

        .p-picklist .p-picklist-filter-container {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom: 0;
            padding: 1rem
        }

        .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
            padding-right: 1.5rem
        }

        .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-picklist .p-picklist-list {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem 0
        }

        .p-picklist .p-picklist-list .p-picklist-item {
            background: transparent;
            border: 0;
            color: hsla(0, 0%, 100%, .87);
            margin: 0;
            padding: .5rem 1rem;
            transition: transform .2s, box-shadow .2s
        }

        .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-picklist .p-picklist-list .p-picklist-item:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        @media screen and (max-width:960px) {
            .p-picklist {
                flex-direction: column
            }

            .p-picklist .p-picklist-buttons {
                flex-direction: row;
                padding: 1rem
            }

            .p-picklist .p-picklist-buttons .p-button {
                margin-bottom: 0;
                margin-right: .5rem
            }

            .p-picklist .p-picklist-buttons .p-button:last-child {
                margin-right: 0
            }

            .p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
                content: "\e930"
            }

            .p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
                content: "\e92c"
            }

            .p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
                content: "\e933"
            }

            .p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
                content: "\e92f"
            }
        }

        .p-tree {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-tree .p-tree-container .p-treenode {
            padding: .143rem
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content {
            border-radius: 3px;
            padding: 0;
            transition: box-shadow .2s
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            margin-right: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
            margin-right: .5rem
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon,
        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover,
        .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tree .p-tree-filter-container {
            margin-bottom: .5rem
        }

        .p-tree .p-tree-filter-container .p-tree-filter {
            padding-right: 1.5rem;
            width: 100%
        }

        .p-tree .p-tree-filter-container .p-tree-filter-icon {
            color: hsla(0, 0%, 100%, .6);
            right: .5rem
        }

        .p-tree .p-treenode-children {
            padding: 0 0 0 1rem
        }

        .p-tree .p-tree-loading-icon {
            font-size: 2rem
        }

        .p-tree .p-treenode-droppoint {
            height: .5rem
        }

        .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
            background: rgba(162, 65, 178, .16)
        }

        .p-treetable .p-paginator-top {
            border-radius: 0;
            border-width: 1px 0
        }

        .p-treetable .p-paginator-bottom {
            border-radius: 0;
            border-width: 0 0 1px
        }

        .p-treetable .p-treetable-header {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-treetable .p-treetable-footer,
        .p-treetable .p-treetable-header {
            background: #1e1e1e;
            border: solid #383838;
            border-width: 0 0 1px;
            font-weight: 600;
            padding: 1rem
        }

        .p-treetable .p-treetable-footer {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-treetable-thead>tr>th {
            transition: box-shadow .2s
        }

        .p-treetable .p-treetable-tfoot>tr>td,
        .p-treetable .p-treetable-thead>tr>th {
            background: #1e1e1e;
            border: solid #383838;
            border-width: 0 0 1px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem;
            text-align: left
        }

        .p-treetable .p-sortable-column {
            outline-color: #cf95d9
        }

        .p-treetable .p-sortable-column .p-sortable-column-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-left: .5rem
        }

        .p-treetable .p-sortable-column .p-sortable-column-badge {
            background: rgba(186, 104, 200, .16);
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .87);
            height: 1.143rem;
            line-height: 1.143rem;
            margin-left: .5rem;
            min-width: 1.143rem
        }

        .p-treetable .p-sortable-column:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-sortable-column.p-highlight {
            background: #1e1e1e;
            color: #ba68c8
        }

        .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
            color: #ba68c8
        }

        .p-treetable .p-treetable-tbody>tr {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            transition: box-shadow .2s
        }

        .p-treetable .p-treetable-tbody>tr>td {
            border: solid #383838;
            border-width: 0 0 1px;
            padding: 1rem;
            text-align: left
        }

        .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            margin-right: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler+.p-checkbox {
            margin-right: .5rem
        }

        .p-treetable .p-treetable-tbody>tr>td .p-treetable-toggler+.p-checkbox .p-indeterminate .p-checkbox-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-treetable-tbody>tr:focus {
            outline: .15rem solid #cf95d9;
            outline-offset: -.15rem
        }

        .p-treetable .p-treetable-tbody>tr.p-highlight {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler,
        .p-treetable .p-treetable-tbody>tr.p-highlight .p-treetable-toggler:hover {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover,
        .p-treetable.p-treetable-selectable .p-treetable-tbody>tr:not(.p-highlight):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody>tr:not(.p-highlight):hover .p-treetable-toggler,
        .p-treetable.p-treetable-selectable .p-treetable-tbody>tr:not(.p-highlight):hover .p-treetable-toggler {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-treetable .p-column-resizer-helper {
            background: #ba68c8
        }

        .p-treetable .p-treetable-scrollable-footer,
        .p-treetable .p-treetable-scrollable-header {
            background: #1e1e1e
        }

        .p-treetable .p-treetable-loading-icon {
            font-size: 2rem
        }

        .p-treetable.p-treetable-gridlines .p-datatable-header {
            border-width: 1px 1px 0
        }

        .p-treetable.p-treetable-gridlines .p-treetable-footer {
            border-width: 0 1px 1px
        }

        .p-treetable.p-treetable-gridlines .p-treetable-top {
            border-width: 0 1px
        }

        .p-treetable.p-treetable-gridlines .p-treetable-bottom {
            border-width: 0 1px 1px
        }

        .p-treetable.p-treetable-gridlines .p-treetable-tbody>tr>td,
        .p-treetable.p-treetable-gridlines .p-treetable-tfoot>tr>td,
        .p-treetable.p-treetable-gridlines .p-treetable-thead>tr>th {
            border-width: 1px
        }

        .p-treetable.p-treetable-sm .p-treetable-header {
            padding: .875rem
        }

        .p-treetable.p-treetable-sm .p-treetable-footer,
        .p-treetable.p-treetable-sm .p-treetable-tbody>tr>td,
        .p-treetable.p-treetable-sm .p-treetable-tfoot>tr>td,
        .p-treetable.p-treetable-sm .p-treetable-thead>tr>th {
            padding: .5rem
        }

        .p-treetable.p-treetable-lg .p-treetable-footer,
        .p-treetable.p-treetable-lg .p-treetable-header,
        .p-treetable.p-treetable-lg .p-treetable-tbody>tr>td,
        .p-treetable.p-treetable-lg .p-treetable-tfoot>tr>td,
        .p-treetable.p-treetable-lg .p-treetable-thead>tr>th {
            padding: 1.25rem
        }

        .p-timeline .p-timeline-event-marker {
            background-color: #1e1e1e;
            border: 2px solid #ba68c8;
            border-radius: 50%;
            height: 1rem;
            width: 1rem
        }

        .p-timeline .p-timeline-event-connector {
            background-color: #383838
        }

        .p-timeline.p-timeline-vertical .p-timeline-event-content,
        .p-timeline.p-timeline-vertical .p-timeline-event-opposite {
            padding: 0 1rem
        }

        .p-timeline.p-timeline-vertical .p-timeline-event-connector {
            width: 2px
        }

        .p-timeline.p-timeline-horizontal .p-timeline-event-content,
        .p-timeline.p-timeline-horizontal .p-timeline-event-opposite {
            padding: 1rem 0
        }

        .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
            height: 2px
        }

        .p-accordion .p-accordion-header .p-accordion-header-link {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem;
            transition: box-shadow .2s
        }

        .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
            margin-right: .5rem
        }

        .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
            background: #1e1e1e;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-accordion .p-accordion-content {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-accordion .p-accordion-tab {
            margin-bottom: 0
        }

        .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
            border-radius: 0
        }

        .p-accordion .p-accordion-tab .p-accordion-content {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link,
        .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link,
        .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
            border-top: 0
        }

        .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content,
        .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .p-card {
            background: #1e1e1e;
            border-radius: 3px;
            box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-card .p-card-body {
            padding: 1rem
        }

        .p-card .p-card-title {
            font-size: 1.5rem;
            font-weight: 700;
            margin-bottom: .5rem
        }

        .p-card .p-card-subtitle {
            color: hsla(0, 0%, 100%, .6);
            font-weight: 700;
            margin-bottom: .5rem
        }

        .p-card .p-card-content {
            padding: 1rem 0
        }

        .p-card .p-card-footer {
            padding: 1rem 0 0
        }

        .p-fieldset,
        .p-fieldset .p-fieldset-legend {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-fieldset .p-fieldset-legend {
            font-weight: 600;
            padding: 1rem
        }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
            padding: 0;
            transition: background-color .2s, color .2s, box-shadow .2s
        }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem;
            transition: box-shadow .2s
        }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
            margin-right: .5rem
        }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-fieldset .p-fieldset-content {
            padding: 1rem
        }

        .p-divider .p-divider-content {
            background-color: #1e1e1e
        }

        .p-divider.p-divider-horizontal {
            margin: 1rem 0;
            padding: 0 1rem
        }

        .p-divider.p-divider-horizontal:before {
            border-top: 1px #383838
        }

        .p-divider.p-divider-horizontal .p-divider-content {
            padding: 0 .5rem
        }

        .p-divider.p-divider-vertical {
            margin: 0 1rem;
            padding: 1rem 0
        }

        .p-divider.p-divider-vertical:before {
            border-left: 1px #383838
        }

        .p-divider.p-divider-vertical .p-divider-content {
            padding: .5rem 0
        }

        .p-panel .p-panel-header {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-panel .p-panel-header .p-panel-title {
            font-weight: 600
        }

        .p-panel .p-panel-header .p-panel-header-icon {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panel .p-panel-header .p-panel-header-icon:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-panel.p-panel-toggleable .p-panel-header {
            padding: .5rem 1rem
        }

        .p-panel .p-panel-content {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            padding: 1rem
        }

        .p-panel .p-panel-content,
        .p-panel .p-panel-footer {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-top: 0;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panel .p-panel-footer {
            padding: .5rem 1rem
        }

        .p-splitter {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-splitter .p-splitter-gutter {
            background: hsla(0, 0%, 100%, .03);
            transition: background-color .2s, color .2s, box-shadow .2s
        }

        .p-splitter .p-splitter-gutter .p-splitter-gutter-handle,
        .p-splitter .p-splitter-gutter-resizing {
            background: #383838
        }

        .p-scrollpanel .p-scrollpanel-bar {
            background: #383838;
            border: 0
        }

        .p-tabview .p-tabview-nav {
            background: transparent;
            border: solid #383838;
            border-width: 0 0 2px
        }

        .p-tabview .p-tabview-nav li {
            margin-right: 0
        }

        .p-tabview .p-tabview-nav li .p-tabview-nav-link {
            background: #1e1e1e;
            border: 0 solid transparent;
            border-bottom: 2px solid #383838;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            font-weight: 600;
            margin: 0 0 -2px;
            padding: 1rem;
            transition: box-shadow .2s
        }

        .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
            box-shadow: inset 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
            background: #1e1e1e;
            border-color: #ba68c8;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
            background: #1e1e1e;
            border-color: #ba68c8;
            color: #ba68c8
        }

        .p-tabview .p-tabview-close {
            margin-left: .5rem
        }

        .p-tabview .p-tabview-nav-btn.p-link {
            background: #1e1e1e;
            border-radius: 0;
            box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
            color: #ba68c8;
            width: 2.357rem
        }

        .p-tabview .p-tabview-nav-btn.p-link:focus {
            box-shadow: inset 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-tabview .p-tabview-panels {
            background: #1e1e1e;
            border: 0;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-toolbar {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            padding: 1rem
        }

        .p-toolbar .p-toolbar-separator {
            margin: 0 .5rem
        }

        .p-confirm-popup {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-confirm-popup .p-confirm-popup-content {
            padding: 1rem
        }

        .p-confirm-popup .p-confirm-popup-footer {
            padding: 0 1rem 1rem;
            text-align: right
        }

        .p-confirm-popup .p-confirm-popup-footer button {
            margin: 0 .5rem 0 0;
            width: auto
        }

        .p-confirm-popup .p-confirm-popup-footer button:last-child {
            margin: 0
        }

        .p-confirm-popup:after {
            border: solid rgba(30, 30, 30, 0);
            border-bottom: solid #1e1e1e
        }

        .p-confirm-popup:before {
            border: solid rgba(56, 56, 56, 0);
            border-bottom: solid #383838
        }

        .p-confirm-popup.p-confirm-popup-flipped:after {
            border-top-color: #1e1e1e
        }

        .p-confirm-popup.p-confirm-popup-flipped:before {
            border-top-color: #383838
        }

        .p-confirm-popup .p-confirm-popup-icon {
            font-size: 1.5rem
        }

        .p-confirm-popup .p-confirm-popup-message {
            margin-left: 1rem
        }

        .p-dialog {
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12)
        }

        .p-dialog .p-dialog-header {
            background: #1e1e1e;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 1.5rem
        }

        .p-dialog .p-dialog-header .p-dialog-title {
            font-size: 1.25rem;
            font-weight: 600
        }

        .p-dialog .p-dialog-header .p-dialog-header-icon {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            margin-right: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-dialog .p-dialog-header .p-dialog-header-icon:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
            margin-right: 0
        }

        .p-dialog .p-dialog-content {
            background: #1e1e1e;
            color: hsla(0, 0%, 100%, .87);
            padding: 0 1.5rem 2rem
        }

        .p-dialog .p-dialog-content:last-of-type {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .p-dialog .p-dialog-footer {
            background: #1e1e1e;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: 0 1.5rem 1.5rem;
            text-align: right
        }

        .p-dialog .p-dialog-footer button {
            margin: 0 .5rem 0 0;
            width: auto
        }

        .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
            font-size: 2rem
        }

        .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
            margin-left: 1rem
        }

        .p-overlaypanel {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-overlaypanel .p-overlaypanel-content {
            padding: 1rem
        }

        .p-overlaypanel .p-overlaypanel-close {
            background: #ba68c8;
            border-radius: 50%;
            color: #fff;
            height: 2rem;
            position: absolute;
            right: -1rem;
            top: -1rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-overlaypanel .p-overlaypanel-close:enabled:hover {
            background: #b052c0;
            color: #fff
        }

        .p-overlaypanel:after {
            border: solid rgba(30, 30, 30, 0);
            border-bottom: solid #1e1e1e
        }

        .p-overlaypanel:before {
            border: solid rgba(56, 56, 56, 0);
            border-bottom: solid #353535
        }

        .p-overlaypanel.p-overlaypanel-flipped:after {
            border-top-color: #1e1e1e
        }

        .p-overlaypanel.p-overlaypanel-flipped:before {
            border-top-color: #383838
        }

        .p-sidebar {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-sidebar .p-sidebar-header {
            padding: 1rem
        }

        .p-sidebar .p-sidebar-header .p-sidebar-close,
        .p-sidebar .p-sidebar-header .p-sidebar-icon {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .6);
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
        .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: transparent;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-sidebar .p-sidebar-header .p-sidebar-close:focus,
        .p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-sidebar .p-sidebar-header+.p-sidebar-content {
            padding-top: 0
        }

        .p-sidebar .p-sidebar-content {
            padding: 1rem
        }

        .p-tooltip .p-tooltip-text {
            background: #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem
        }

        .p-tooltip.p-tooltip-right .p-tooltip-arrow {
            border-right-color: #383838
        }

        .p-tooltip.p-tooltip-left .p-tooltip-arrow {
            border-left-color: #383838
        }

        .p-tooltip.p-tooltip-top .p-tooltip-arrow {
            border-top-color: #383838
        }

        .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
            border-bottom-color: #383838
        }

        .p-fileupload .p-fileupload-buttonbar {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom: 0;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-fileupload .p-fileupload-buttonbar .p-button {
            margin-right: .5rem
        }

        .p-fileupload .p-fileupload-content {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: 2rem 1rem
        }

        .p-fileupload .p-progressbar {
            height: .25rem
        }

        .p-fileupload .p-fileupload-row>div {
            padding: 1rem
        }

        .p-fileupload.p-fileupload-advanced .p-message {
            margin-top: 0
        }

        .p-breadcrumb {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            padding: 1rem
        }

        .p-breadcrumb ul li .p-menuitem-link {
            border-radius: 3px;
            transition: box-shadow .2s
        }

        .p-breadcrumb ul li .p-menuitem-link:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-breadcrumb ul li.p-breadcrumb-chevron {
            color: hsla(0, 0%, 100%, .87);
            margin: 0 .5rem
        }

        .p-breadcrumb ul li:last-child .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-breadcrumb ul li:last-child .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-contextmenu {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87);
            padding: .25rem 0;
            width: 12.5rem
        }

        .p-contextmenu .p-menuitem-link {
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-contextmenu .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-contextmenu .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-contextmenu .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-contextmenu .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-contextmenu .p-submenu-list {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            padding: .25rem 0
        }

        .p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
        .p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
        .p-contextmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-contextmenu .p-menu-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-contextmenu .p-submenu-icon {
            font-size: .875rem
        }

        .p-dock .p-dock-list {
            background: hsla(0, 0%, 100%, .1);
            border: 1px solid hsla(0, 0%, 100%, .2);
            border-radius: .5rem;
            padding: .5rem
        }

        .p-dock .p-dock-item {
            padding: .5rem
        }

        .p-dock .p-dock-action {
            height: 4rem;
            width: 4rem
        }

        .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
        .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
        .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
        .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev {
            margin: 0 .9rem
        }

        .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
        .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
        .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
        .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev {
            margin: 0 1.3rem
        }

        .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current,
        .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current {
            margin: 0 1.5rem
        }

        .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
        .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
        .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
        .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev {
            margin: .9rem 0
        }

        .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
        .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
        .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
        .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev {
            margin: 1.3rem 0
        }

        .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current,
        .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
            margin: 1.5rem 0
        }

        @media screen and (max-width:960px) {

            .p-dock.p-dock-bottom .p-dock-container,
            .p-dock.p-dock-top .p-dock-container {
                overflow-x: auto;
                width: 100%
            }

            .p-dock.p-dock-bottom .p-dock-container .p-dock-list,
            .p-dock.p-dock-top .p-dock-container .p-dock-list {
                margin: 0 auto
            }

            .p-dock.p-dock-left .p-dock-container,
            .p-dock.p-dock-right .p-dock-container {
                height: 100%;
                overflow-y: auto
            }

            .p-dock.p-dock-left .p-dock-container .p-dock-list,
            .p-dock.p-dock-right .p-dock-container .p-dock-list {
                margin: auto 0
            }

            .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current,
            .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
            .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
            .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
            .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
            .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current,
            .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
            .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
            .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
            .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
            .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current,
            .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
            .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
            .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
            .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
            .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current,
            .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
            .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
            .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
            .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev {
                margin: 0;
                transform: none
            }
        }

        .p-megamenu {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link {
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-left: .5rem
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem>.p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link,
        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon,
        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-megamenu .p-megamenu-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu .p-menuitem-link {
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-megamenu .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-megamenu .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-megamenu .p-megamenu-panel {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu .p-megamenu-submenu-header {
            background: #1e1e1e;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .75rem 1rem
        }

        .p-megamenu .p-megamenu-submenu {
            padding: .25rem 0;
            width: 12.5rem
        }

        .p-megamenu .p-megamenu-submenu .p-menu-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
        .p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
        .p-megamenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-megamenu.p-megamenu-vertical,
        .p-menu {
            padding: .25rem 0;
            width: 12.5rem
        }

        .p-menu {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menu .p-menuitem-link {
            border-radius: 0;
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-menu .p-menuitem-link,
        .p-menu .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menu .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-menu .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-menu .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menu .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-menu.p-menu-overlay {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
        }

        .p-menu .p-submenu-header {
            background: #1e1e1e;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            margin: 0;
            padding: .75rem 1rem
        }

        .p-menu .p-menu-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-menubar {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .5rem
        }

        .p-menubar .p-menuitem-link {
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-menubar .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menubar .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-menubar .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-menubar .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menubar .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link {
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-left: .5rem
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link,
        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon,
        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-menubar .p-submenu-list {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            padding: .25rem 0;
            width: 12.5rem
        }

        .p-menubar .p-submenu-list .p-menu-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-menubar .p-submenu-list .p-submenu-icon {
            font-size: .875rem
        }

        .p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
        .p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
        .p-menubar .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        @media screen and (max-width:960px) {
            .p-menubar {
                position: relative
            }

            .p-menubar .p-menubar-button {
                border-radius: 50%;
                color: hsla(0, 0%, 100%, .6);
                display: flex;
                height: 2rem;
                transition: background-color .2s, color .2s, box-shadow .2s;
                width: 2rem
            }

            .p-menubar .p-menubar-button:hover {
                background: hsla(0, 0%, 100%, .03);
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menubar-button:focus {
                box-shadow: 0 0 0 1px #cf95d9;
                outline: 0 none;
                outline-offset: 0
            }

            .p-menubar .p-menubar-root-list {
                background: #1e1e1e;
                border: 1px solid #383838;
                box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
                display: none;
                padding: .25rem 0;
                position: absolute;
                width: 100%
            }

            .p-menubar .p-menubar-root-list .p-menu-separator {
                border-top: 1px solid #383838;
                margin: .25rem 0
            }

            .p-menubar .p-menubar-root-list .p-submenu-icon {
                font-size: .875rem
            }

            .p-menubar .p-menubar-root-list>.p-menuitem {
                position: static;
                width: 100%
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link {
                border-radius: 0;
                color: hsla(0, 0%, 100%, .87);
                padding: .75rem 1rem;
                transition: box-shadow .2s;
                -webkit-user-select: none;
                -moz-user-select: none;
                user-select: none
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-text {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-menuitem-icon {
                color: hsla(0, 0%, 100%, .6);
                margin-right: .5rem
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link .p-submenu-icon {
                color: hsla(0, 0%, 100%, .6)
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover {
                background: hsla(0, 0%, 100%, .03)
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
                color: hsla(0, 0%, 100%, .87)
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link:focus {
                box-shadow: inset 0 0 0 .15rem #cf95d9;
                outline: 0 none;
                outline-offset: 0
            }

            .p-menubar .p-menubar-root-list>.p-menuitem>.p-menuitem-link>.p-submenu-icon {
                margin-left: auto;
                transition: transform .2s
            }

            .p-menubar .p-menubar-root-list>.p-menuitem.p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
                transform: rotate(-180deg)
            }

            .p-menubar .p-menubar-root-list .p-submenu-list {
                border: 0;
                box-shadow: none;
                position: static;
                width: 100%
            }

            .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
                transform: rotate(90deg);
                transition: transform .2s
            }

            .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active>.p-menuitem-link>.p-submenu-icon {
                transform: rotate(-90deg)
            }

            .p-menubar .p-menubar-root-list .p-menuitem {
                position: static;
                width: 100%
            }

            .p-menubar .p-menubar-root-list ul li a {
                padding-left: 2.25rem
            }

            .p-menubar .p-menubar-root-list ul li ul li a {
                padding-left: 3.75rem
            }

            .p-menubar .p-menubar-root-list ul li ul li ul li a {
                padding-left: 5.25rem
            }

            .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
                padding-left: 6.75rem
            }

            .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
                padding-left: 8.25rem
            }

            .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
                display: flex;
                flex-direction: column;
                left: 0;
                top: 100%;
                z-index: 1
            }
        }

        .p-panelmenu .p-panelmenu-header>a {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600;
            padding: 1rem;
            transition: box-shadow .2s
        }

        .p-panelmenu .p-panelmenu-header>a .p-menuitem-icon,
        .p-panelmenu .p-panelmenu-header>a .p-panelmenu-icon {
            margin-right: .5rem
        }

        .p-panelmenu .p-panelmenu-header>a:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled)>a:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panelmenu .p-panelmenu-header.p-highlight {
            margin-bottom: 0
        }

        .p-panelmenu .p-panelmenu-header.p-highlight>a {
            background: #1e1e1e;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled)>a:hover {
            background: hsla(0, 0%, 100%, .03);
            border-color: #383838;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panelmenu .p-panelmenu-content {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top: 0;
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .25rem 0
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
            margin-right: .5rem
        }

        .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
            padding: 0 0 0 1rem
        }

        .p-panelmenu .p-panelmenu-panel {
            margin-bottom: 0
        }

        .p-panelmenu .p-panelmenu-panel .p-panelmenu-content,
        .p-panelmenu .p-panelmenu-panel .p-panelmenu-header>a {
            border-radius: 0
        }

        .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover>a,
        .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover>a,
        .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header>a {
            border-top: 0
        }

        .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header>a {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content,
        .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight)>a {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px
        }

        .p-slidemenu {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .25rem 0;
            width: 12.5rem
        }

        .p-slidemenu .p-menuitem-link {
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-slidemenu .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-slidemenu .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-slidemenu .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-slidemenu .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-slidemenu .p-slidemenu-list,
        .p-slidemenu.p-slidemenu-overlay {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
        }

        .p-slidemenu .p-slidemenu-list {
            padding: .25rem 0
        }

        .p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-icon,
        .p-slidemenu .p-slidemenu.p-slidemenu-active>.p-slidemenu-link .p-slidemenu-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-slidemenu .p-slidemenu-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-slidemenu .p-slidemenu-icon {
            font-size: .875rem
        }

        .p-slidemenu .p-slidemenu-backward {
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem
        }

        .p-steps .p-steps-item .p-menuitem-link {
            background: transparent;
            border-radius: 3px;
            transition: box-shadow .2s
        }

        .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
            background: transparent;
            border: 0;
            border-radius: 50%;
            color: hsla(0, 0%, 100%, .87);
            font-size: 1.143rem;
            height: 2rem;
            line-height: 2rem;
            min-width: 2rem;
            z-index: 1
        }

        .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
            color: hsla(0, 0%, 100%, .6);
            margin-top: .5rem
        }

        .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-steps .p-steps-item.p-highlight .p-steps-number {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-steps .p-steps-item.p-highlight .p-steps-title {
            color: hsla(0, 0%, 100%, .87);
            font-weight: 600
        }

        .p-steps .p-steps-item:before {
            border-top: 1px solid #383838;
            content: " ";
            display: block;
            left: 0;
            margin-top: -1rem;
            position: absolute;
            top: 50%;
            width: 100%
        }

        .p-tabmenu .p-tabmenu-nav {
            background: transparent;
            border: solid #383838;
            border-width: 0 0 2px
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
            margin-right: 0
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
            background: #1e1e1e;
            border: 0 solid transparent;
            border-bottom: 2px solid #383838;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: hsla(0, 0%, 100%, .6);
            font-weight: 600;
            height: calc(100% + 2px);
            margin: 0 0 -2px;
            padding: 1rem;
            transition: box-shadow .2s
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
            margin-right: .5rem
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
            box-shadow: inset 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
            background: #1e1e1e;
            border-color: #ba68c8;
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
            background: #1e1e1e;
            border-color: #ba68c8;
            color: #ba68c8
        }

        .p-tieredmenu {
            background: #1e1e1e;
            border: 1px solid #383838;
            border-radius: 3px;
            color: hsla(0, 0%, 100%, .87);
            padding: .25rem 0;
            width: 12.5rem
        }

        .p-tieredmenu .p-menuitem-link {
            border-radius: 0;
            color: hsla(0, 0%, 100%, .87);
            padding: .75rem 1rem;
            transition: box-shadow .2s;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .p-tieredmenu .p-menuitem-link .p-menuitem-text {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
            color: hsla(0, 0%, 100%, .6);
            margin-right: .5rem
        }

        .p-tieredmenu .p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .6)
        }

        .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon,
        .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text,
        .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tieredmenu .p-menuitem-link:focus {
            box-shadow: inset 0 0 0 .15rem #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-tieredmenu .p-submenu-list,
        .p-tieredmenu.p-tieredmenu-overlay {
            background: #1e1e1e;
            border: 1px solid #383838;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
        }

        .p-tieredmenu .p-submenu-list {
            padding: .25rem 0
        }

        .p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link {
            background: hsla(0, 0%, 100%, .03)
        }

        .p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-icon,
        .p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-menuitem-text,
        .p-tieredmenu .p-menuitem.p-menuitem-active>.p-menuitem-link .p-submenu-icon {
            color: hsla(0, 0%, 100%, .87)
        }

        .p-tieredmenu .p-menu-separator {
            border-top: 1px solid #383838;
            margin: .25rem 0
        }

        .p-tieredmenu .p-submenu-icon {
            font-size: .875rem
        }

        .p-inline-message {
            border-radius: 3px;
            margin: 0;
            padding: .5rem
        }

        .p-inline-message.p-inline-message-info {
            background: #b3e5fc;
            border: 1px solid #0891cf;
            color: #044868
        }

        .p-inline-message.p-inline-message-info .p-inline-message-icon {
            color: #044868
        }

        .p-inline-message.p-inline-message-success {
            background: #c8e6c9;
            border: 1px solid #439446;
            color: #224a23
        }

        .p-inline-message.p-inline-message-success .p-inline-message-icon {
            color: #224a23
        }

        .p-inline-message.p-inline-message-warn {
            background: #ffecb3;
            border: 1px solid #d9a300;
            color: #6d5100
        }

        .p-inline-message.p-inline-message-warn .p-inline-message-icon {
            color: #6d5100
        }

        .p-inline-message.p-inline-message-error {
            background: #ffcdd2;
            border: 1px solid #e60017;
            color: #73000c
        }

        .p-inline-message.p-inline-message-error .p-inline-message-icon {
            color: #73000c
        }

        .p-inline-message .p-inline-message-icon {
            font-size: 1rem;
            margin-right: .5rem
        }

        .p-inline-message .p-inline-message-text {
            font-size: 1rem
        }

        .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
            margin-right: 0
        }

        .p-message {
            border-radius: 3px;
            margin: 1rem 0
        }

        .p-message .p-message-wrapper {
            padding: 1rem 1.5rem
        }

        .p-message .p-message-close {
            background: transparent;
            border-radius: 50%;
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-message .p-message-close:hover {
            background: hsla(0, 0%, 100%, .3)
        }

        .p-message .p-message-close:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-message.p-message-info {
            background: #b3e5fc;
            border: solid #0891cf;
            border-width: 0 0 0 6px;
            color: #044868
        }

        .p-message.p-message-info .p-message-close,
        .p-message.p-message-info .p-message-icon {
            color: #044868
        }

        .p-message.p-message-success {
            background: #c8e6c9;
            border: solid #439446;
            border-width: 0 0 0 6px;
            color: #224a23
        }

        .p-message.p-message-success .p-message-close,
        .p-message.p-message-success .p-message-icon {
            color: #224a23
        }

        .p-message.p-message-warn {
            background: #ffecb3;
            border: solid #d9a300;
            border-width: 0 0 0 6px;
            color: #6d5100
        }

        .p-message.p-message-warn .p-message-close,
        .p-message.p-message-warn .p-message-icon {
            color: #6d5100
        }

        .p-message.p-message-error {
            background: #ffcdd2;
            border: solid #e60017;
            border-width: 0 0 0 6px;
            color: #73000c
        }

        .p-message.p-message-error .p-message-close,
        .p-message.p-message-error .p-message-icon {
            color: #73000c
        }

        .p-message .p-message-text {
            font-size: 1rem;
            font-weight: 500
        }

        .p-message .p-message-icon {
            font-size: 1.5rem;
            margin-right: .5rem
        }

        .p-toast {
            opacity: .9
        }

        .p-toast .p-toast-message {
            border-radius: 3px;
            box-shadow: none;
            margin: 0 0 1rem
        }

        .p-toast .p-toast-message .p-toast-message-content {
            border-width: 0 0 0 6px;
            padding: 1rem
        }

        .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
            margin: 0 0 0 1rem
        }

        .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
            font-size: 2rem
        }

        .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
            font-weight: 700
        }

        .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
            margin: .5rem 0 0
        }

        .p-toast .p-toast-message .p-toast-icon-close {
            background: transparent;
            border-radius: 50%;
            height: 2rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-toast .p-toast-message .p-toast-icon-close:hover {
            background: hsla(0, 0%, 100%, .3)
        }

        .p-toast .p-toast-message .p-toast-icon-close:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-toast .p-toast-message.p-toast-message-info {
            background: #b3e5fc;
            border: solid #0891cf;
            border-width: 0 0 0 6px;
            color: #044868
        }

        .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close,
        .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
            color: #044868
        }

        .p-toast .p-toast-message.p-toast-message-success {
            background: #c8e6c9;
            border: solid #439446;
            border-width: 0 0 0 6px;
            color: #224a23
        }

        .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close,
        .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
            color: #224a23
        }

        .p-toast .p-toast-message.p-toast-message-warn {
            background: #ffecb3;
            border: solid #d9a300;
            border-width: 0 0 0 6px;
            color: #6d5100
        }

        .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close,
        .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
            color: #6d5100
        }

        .p-toast .p-toast-message.p-toast-message-error {
            background: #ffcdd2;
            border: solid #e60017;
            border-width: 0 0 0 6px;
            color: #73000c
        }

        .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close,
        .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
            color: #73000c
        }

        .p-galleria .p-galleria-close {
            background: transparent;
            border-radius: 50%;
            color: #f8f9fa;
            height: 4rem;
            margin: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 4rem
        }

        .p-galleria .p-galleria-close .p-galleria-close-icon {
            font-size: 2rem
        }

        .p-galleria .p-galleria-close:hover {
            background: hsla(0, 0%, 100%, .1);
            color: #f8f9fa
        }

        .p-galleria .p-galleria-item-nav {
            background: transparent;
            border-radius: 3px;
            color: #f8f9fa;
            height: 4rem;
            margin: 0 .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 4rem
        }

        .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon,
        .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon {
            font-size: 2rem
        }

        .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .1);
            color: #f8f9fa
        }

        .p-galleria .p-galleria-caption {
            background: rgba(0, 0, 0, .5);
            color: #f8f9fa;
            padding: 1rem
        }

        .p-galleria .p-galleria-indicators {
            padding: 1rem
        }

        .p-galleria .p-galleria-indicators .p-galleria-indicator button {
            background-color: #383838;
            border-radius: 50%;
            height: 1rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 1rem
        }

        .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
            background: hsla(0, 0%, 100%, .1)
        }

        .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
        .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
            margin-right: .5rem
        }

        .p-galleria.p-galleria-indicators-left .p-galleria-indicator,
        .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
            margin-bottom: .5rem
        }

        .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
            background: rgba(0, 0, 0, .5)
        }

        .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
            background: hsla(0, 0%, 100%, .4)
        }

        .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
            background: hsla(0, 0%, 100%, .6)
        }

        .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
            background: rgba(186, 104, 200, .16);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-galleria .p-galleria-thumbnail-container {
            background: rgba(0, 0, 0, .9);
            padding: 1rem .25rem
        }

        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next,
        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev {
            background-color: transparent;
            border-radius: 50%;
            color: #f8f9fa;
            height: 2rem;
            margin: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 2rem
        }

        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover,
        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover {
            background: hsla(0, 0%, 100%, .1);
            color: #f8f9fa
        }

        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
            transition: box-shadow .2s
        }

        .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-galleria-mask,
        .p-image-mask {
            --maskbg: rgba(0, 0, 0, .9)
        }

        .p-image-preview-indicator {
            background-color: transparent;
            color: #f8f9fa;
            transition: background-color .2s, color .2s, box-shadow .2s
        }

        .p-image-preview-container:hover>.p-image-preview-indicator {
            background-color: rgba(0, 0, 0, .5)
        }

        .p-image-toolbar {
            padding: 1rem
        }

        .p-image-action.p-link {
            background-color: transparent;
            border-radius: 50%;
            color: #f8f9fa;
            height: 3rem;
            margin-right: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 3rem
        }

        .p-image-action.p-link:last-child {
            margin-right: 0
        }

        .p-image-action.p-link:hover {
            background-color: hsla(0, 0%, 100%, .1);
            color: #f8f9fa
        }

        .p-image-action.p-link i {
            font-size: 1.5rem
        }

        .p-avatar {
            background-color: #383838;
            border-radius: 3px
        }

        .p-avatar.p-avatar-lg {
            font-size: 1.5rem;
            height: 3rem;
            width: 3rem
        }

        .p-avatar.p-avatar-lg .p-avatar-icon {
            font-size: 1.5rem
        }

        .p-avatar.p-avatar-xl {
            font-size: 2rem;
            height: 4rem;
            width: 4rem
        }

        .p-avatar.p-avatar-xl .p-avatar-icon {
            font-size: 2rem
        }

        .p-avatar-group .p-avatar {
            border: 2px solid #1e1e1e
        }

        .p-chip {
            background-color: #383838;
            border-radius: 16px;
            color: hsla(0, 0%, 100%, .87);
            padding: 0 .5rem
        }

        .p-chip .p-chip-text {
            line-height: 1.5;
            margin-bottom: .25rem;
            margin-top: .25rem
        }

        .p-chip .p-chip-icon,
        .p-chip img {
            margin-right: .5rem
        }

        .p-chip img {
            height: 2rem;
            margin-left: -.5rem;
            width: 2rem
        }

        .p-chip .p-chip-remove-icon {
            border-radius: 3px;
            margin-left: .5rem;
            transition: background-color .2s, color .2s, box-shadow .2s
        }

        .p-chip .p-chip-remove-icon:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-scrolltop {
            border-radius: 50%;
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            height: 3rem;
            transition: background-color .2s, color .2s, box-shadow .2s;
            width: 3rem
        }

        .p-scrolltop.p-link {
            background: rgba(186, 104, 200, .16)
        }

        .p-scrolltop.p-link:hover {
            background: rgba(186, 104, 200, .362)
        }

        .p-scrolltop .p-scrolltop-icon {
            color: hsla(0, 0%, 100%, .87);
            font-size: 1.5rem
        }

        .p-skeleton {
            background-color: hsla(0, 0%, 100%, .06);
            border-radius: 3px
        }

        .p-skeleton:after {
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .04), hsla(0, 0%, 100%, 0))
        }

        .p-tag .p-tag-icon {
            font-size: .75rem;
            margin-right: .25rem
        }

        .p-inplace .p-inplace-display {
            border-radius: 3px;
            padding: .5rem;
            transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s
        }

        .p-inplace .p-inplace-display:not(.p-disabled):hover {
            background: hsla(0, 0%, 100%, .03);
            color: hsla(0, 0%, 100%, .87)
        }

        .p-inplace .p-inplace-display:focus {
            box-shadow: 0 0 0 1px #cf95d9;
            outline: 0 none;
            outline-offset: 0
        }

        .p-progressbar {
            background: #383838;
            border: 0;
            border-radius: 3px;
            height: 1.5rem
        }

        .p-progressbar .p-progressbar-value {
            background: #ba68c8;
            border: 0;
            margin: 0
        }

        .p-progressbar .p-progressbar-label {
            color: #fff;
            line-height: 1.5rem
        }

        .p-terminal {
            background: #1e1e1e;
            border: 1px solid #383838;
            color: hsla(0, 0%, 100%, .87);
            padding: 1rem
        }

        .p-terminal .p-terminal-input {
            font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
            font-size: 1rem
        }

        .p-badge {
            background: #ba68c8;
            color: #fff;
            font-size: .75rem;
            font-weight: 700;
            height: 1.5rem;
            line-height: 1.5rem;
            min-width: 1.5rem
        }

        .p-badge.p-badge-secondary {
            background-color: #78909c;
            color: #fff
        }

        .p-badge.p-badge-success {
            background-color: #c5e1a5;
            color: #121212
        }

        .p-badge.p-badge-info {
            background-color: #81d4fa;
            color: #121212
        }

        .p-badge.p-badge-warning {
            background-color: #ffe082;
            color: #121212
        }

        .p-badge.p-badge-danger {
            background-color: #fc531c;
            color: #121212
        }

        .p-badge.p-badge-lg {
            font-size: 1.125rem;
            height: 2.25rem;
            line-height: 2.25rem;
            min-width: 2.25rem
        }

        .p-badge.p-badge-xl {
            font-size: 1.5rem;
            height: 3rem;
            line-height: 3rem;
            min-width: 3rem
        }

        .p-tag {
            background: #ba68c8;
            border-radius: 3px;
            color: #fff;
            font-size: .75rem;
            font-weight: 700;
            padding: .25rem .4rem
        }

        .p-tag.p-tag-success {
            background-color: #c5e1a5;
            color: #121212
        }

        .p-tag.p-tag-info {
            background-color: #81d4fa;
            color: #121212
        }

        .p-tag.p-tag-warning {
            background-color: #ffe082;
            color: #121212
        }

        .p-tag.p-tag-danger {
            background-color: #fc531c;
            color: #121212
        }

        .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button,
        .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
            background-color: #ba68c8
        }

        .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
            background: #ba68c8
        }

        .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-top>td {
            box-shadow: inset 0 2px 0 0 #ba68c8
        }

        .p-datatable .p-datatable-tbody>tr.p-datatable-dragpoint-bottom>td {
            box-shadow: inset 0 -2px 0 0 #ba68c8
        }

        :root {
            --bs-blue: #0d6efd;
            --bs-indigo: #6610f2;
            --bs-purple: #6f42c1;
            --bs-pink: #d63384;
            --bs-red: #dc3545;
            --bs-orange: #fd7e14;
            --bs-yellow: #ffc107;
            --bs-green: #198754;
            --bs-teal: #20c997;
            --bs-cyan: #0dcaf0;
            --bs-black: #000;
            --bs-white: #fff;
            --bs-gray: #6c757d;
            --bs-gray-dark: #343a40;
            --bs-gray-100: #f8f9fa;
            --bs-gray-200: #e9ecef;
            --bs-gray-300: #dee2e6;
            --bs-gray-400: #ced4da;
            --bs-gray-500: #adb5bd;
            --bs-gray-600: #6c757d;
            --bs-gray-700: #495057;
            --bs-gray-800: #343a40;
            --bs-gray-900: #212529;
            --bs-primary: #0d6efd;
            --bs-secondary: #6c757d;
            --bs-success: #198754;
            --bs-info: #0dcaf0;
            --bs-warning: #ffc107;
            --bs-danger: #dc3545;
            --bs-light: #f8f9fa;
            --bs-dark: #212529;
            --bs-primary-rgb: 13, 110, 253;
            --bs-secondary-rgb: 108, 117, 125;
            --bs-success-rgb: 25, 135, 84;
            --bs-info-rgb: 13, 202, 240;
            --bs-warning-rgb: 255, 193, 7;
            --bs-danger-rgb: 220, 53, 69;
            --bs-light-rgb: 248, 249, 250;
            --bs-dark-rgb: 33, 37, 41;
            --bs-white-rgb: 255, 255, 255;
            --bs-black-rgb: 0, 0, 0;
            --bs-body-color-rgb: 33, 37, 41;
            --bs-body-bg-rgb: 255, 255, 255;
            --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
            --bs-body-font-family: var(--bs-font-sans-serif);
            --bs-body-font-size: 1rem;
            --bs-body-font-weight: 400;
            --bs-body-line-height: 1.5;
            --bs-body-color: #212529;
            --bs-body-bg: #fff;
            --bs-border-width: 1px;
            --bs-border-style: solid;
            --bs-border-color: #dee2e6;
            --bs-border-color-translucent: rgba(0, 0, 0, .175);
            --bs-border-radius: 0.375rem;
            --bs-border-radius-sm: 0.25rem;
            --bs-border-radius-lg: 0.5rem;
            --bs-border-radius-xl: 1rem;
            --bs-border-radius-2xl: 2rem;
            --bs-border-radius-pill: 50rem;
            --bs-heading-color: ;
            --bs-link-color: #0d6efd;
            --bs-link-hover-color: #0a58ca;
            --bs-code-color: #d63384;
            --bs-highlight-bg: #fff3cd
        }

        *,
        :after,
        :before {
            box-sizing: border-box
        }

        @media (prefers-reduced-motion:no-preference) {
            :root {
                scroll-behavior: smooth
            }
        }

        body {
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: transparent;
            background-color: var(--bs-body-bg);
            color: var(--bs-body-color);
            font-family: var(--bs-body-font-family);
            font-size: var(--bs-body-font-size);
            font-weight: var(--bs-body-font-weight);
            line-height: var(--bs-body-line-height);
            text-align: var(--bs-body-text-align)
        }

        hr {
            border: 0;
            border-top: 1px solid;
            color: inherit;
            margin: 1rem 0;
            opacity: .25
        }

        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            color: var(--bs-heading-color);
            font-weight: 500;
            line-height: 1.2;
            margin-bottom: .5rem;
            margin-top: 0
        }

        .h1,
        h1 {
            font-size: calc(1.375rem + 1.5vw)
        }

        @media (min-width:1200px) {

            .h1,
            h1 {
                font-size: 2.5rem
            }
        }

        .h2,
        h2 {
            font-size: calc(1.325rem + .9vw)
        }

        @media (min-width:1200px) {

            .h2,
            h2 {
                font-size: 2rem
            }
        }

        .h3,
        h3 {
            font-size: calc(1.3rem + .6vw)
        }

        @media (min-width:1200px) {

            .h3,
            h3 {
                font-size: 1.75rem
            }
        }

        .h4,
        h4 {
            font-size: calc(1.275rem + .3vw)
        }

        @media (min-width:1200px) {

            .h4,
            h4 {
                font-size: 1.5rem
            }
        }

        .h5,
        h5 {
            font-size: 1.25rem
        }

        .h6,
        h6 {
            font-size: 1rem
        }

        p {
            margin-bottom: 1rem;
            margin-top: 0
        }

        abbr[title] {
            cursor: help;
            -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
            -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none
        }

        address {
            font-style: normal;
            line-height: inherit;
            margin-bottom: 1rem
        }

        ol,
        ul {
            padding-left: 2rem
        }

        dl,
        ol,
        ul {
            margin-bottom: 1rem;
            margin-top: 0
        }

        ol ol,
        ol ul,
        ul ol,
        ul ul {
            margin-bottom: 0
        }

        dt {
            font-weight: 700
        }

        dd {
            margin-bottom: .5rem;
            margin-left: 0
        }

        blockquote {
            margin: 0 0 1rem
        }

        b,
        strong {
            font-weight: bolder
        }

        .small,
        small {
            font-size: .875em
        }

        .mark,
        mark {
            background-color: var(--bs-highlight-bg);
            padding: .1875em
        }

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

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        a {
            color: var(--bs-link-color);
            text-decoration: underline
        }

        a:hover {
            color: var(--bs-link-hover-color)
        }

        a:not([href]):not([class]),
        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none
        }

        code,
        kbd,
        pre,
        samp {
            font-family: var(--bs-font-monospace);
            font-size: 1em
        }

        pre {
            display: block;
            font-size: .875em;
            margin-bottom: 1rem;
            margin-top: 0;
            overflow: auto
        }

        pre code {
            color: inherit;
            font-size: inherit;
            word-break: normal
        }

        code {
            word-wrap: break-word;
            color: var(--bs-code-color);
            font-size: .875em
        }

        a>code {
            color: inherit
        }

        kbd {
            background-color: var(--bs-body-color);
            border-radius: .25rem;
            color: var(--bs-body-bg);
            font-size: .875em;
            padding: .1875rem .375rem
        }

        kbd kbd {
            font-size: 1em;
            padding: 0
        }

        figure {
            margin: 0 0 1rem
        }

        img,
        svg {
            vertical-align: middle
        }

        table {
            border-collapse: collapse;
            caption-side: bottom
        }

        caption {
            color: rgba(var(--bs-body-color-rgb), .75);
            padding-bottom: .5rem;
            padding-top: .5rem;
            text-align: left
        }

        th {
            text-align: inherit;
            text-align: -webkit-match-parent
        }

        tbody,
        td,
        tfoot,
        th,
        thead,
        tr {
            border: 0 solid;
            border-color: inherit
        }

        label {
            display: inline-block
        }

        button {
            border-radius: 0
        }

        button:focus:not(:focus-visible) {
            outline: 0
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            margin: 0
        }

        button,
        select {
            text-transform: none
        }

        [role=button] {
            cursor: pointer
        }

        select {
            word-wrap: normal
        }

        select:disabled {
            opacity: 1
        }

        [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
            display: none !important
        }

        [type=button],
        [type=reset],
        [type=submit],
        button {
            -webkit-appearance: button
        }

        [type=button]:not(:disabled),
        [type=reset]:not(:disabled),
        [type=submit]:not(:disabled),
        button:not(:disabled) {
            cursor: pointer
        }

        ::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        textarea {
            resize: vertical
        }

        fieldset {
            border: 0;
            margin: 0;
            min-width: 0;
            padding: 0
        }

        legend {
            float: left;
            font-size: calc(1.275rem + .3vw);
            line-height: inherit;
            margin-bottom: .5rem;
            padding: 0;
            width: 100%
        }

        @media (min-width:1200px) {
            legend {
                font-size: 1.5rem
            }
        }

        legend+* {
            clear: left
        }

        ::-webkit-datetime-edit-day-field,
        ::-webkit-datetime-edit-fields-wrapper,
        ::-webkit-datetime-edit-hour-field,
        ::-webkit-datetime-edit-minute,
        ::-webkit-datetime-edit-month-field,
        ::-webkit-datetime-edit-text,
        ::-webkit-datetime-edit-year-field {
            padding: 0
        }

        ::-webkit-inner-spin-button {
            height: auto
        }

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

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

        ::-webkit-color-swatch-wrapper {
            padding: 0
        }

        ::file-selector-button {
            -webkit-appearance: button;
            font: inherit
        }

        output {
            display: inline-block
        }

        iframe {
            border: 0
        }

        summary {
            cursor: pointer;
            display: list-item
        }

        progress {
            vertical-align: baseline
        }

        [hidden] {
            display: none !important
        }

        .lead {
            font-size: 1.25rem;
            font-weight: 300
        }

        .display-1 {
            font-size: calc(1.625rem + 4.5vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width:1200px) {
            .display-1 {
                font-size: 5rem
            }
        }

        .display-2 {
            font-size: calc(1.575rem + 3.9vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width:1200px) {
            .display-2 {
                font-size: 4.5rem
            }
        }

        .display-3 {
            font-size: calc(1.525rem + 3.3vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width:1200px) {
            .display-3 {
                font-size: 4rem
            }
        }

        .display-4 {
            font-size: calc(1.475rem + 2.7vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width:1200px) {
            .display-4 {
                font-size: 3.5rem
            }
        }

        .display-5 {
            font-size: calc(1.425rem + 2.1vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width:1200px) {
            .display-5 {
                font-size: 3rem
            }
        }

        .display-6 {
            font-size: calc(1.375rem + 1.5vw);
            font-weight: 300;
            line-height: 1.2
        }

        @media (min-width:1200px) {
            .display-6 {
                font-size: 2.5rem
            }
        }

        .list-inline,
        .list-unstyled {
            list-style: none;
            padding-left: 0
        }

        .list-inline-item {
            display: inline-block
        }

        .list-inline-item:not(:last-child) {
            margin-right: .5rem
        }

        .initialism {
            font-size: .875em;
            text-transform: uppercase
        }

        .blockquote {
            font-size: 1.25rem;
            margin-bottom: 1rem
        }

        .blockquote>:last-child {
            margin-bottom: 0
        }

        .blockquote-footer {
            color: #6c757d;
            font-size: .875em;
            margin-bottom: 1rem;
            margin-top: -1rem
        }

        .blockquote-footer:before {
            content: "— "
        }

        .img-fluid,
        .img-thumbnail {
            height: auto;
            max-width: 100%
        }

        .img-thumbnail {
            background-color: #fff;
            border: 1px solid var(--bs-border-color);
            border-radius: .375rem;
            padding: .25rem
        }

        .figure {
            display: inline-block
        }

        .figure-img {
            line-height: 1;
            margin-bottom: .5rem
        }

        .figure-caption {
            color: #6c757d;
            font-size: .875em
        }

        .container,
        .container-fluid,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            margin-left: auto;
            margin-right: auto;
            padding-left: calc(var(--bs-gutter-x)*.5);
            padding-right: calc(var(--bs-gutter-x)*.5);
            width: 100%
        }

        @media (min-width:576px) {

            .container,
            .container-sm {
                max-width: 540px
            }
        }

        @media (min-width:768px) {

            .container,
            .container-md,
            .container-sm {
                max-width: 720px
            }
        }

        @media (min-width:992px) {

            .container,
            .container-lg,
            .container-md,
            .container-sm {
                max-width: 960px
            }
        }

        @media (min-width:1200px) {

            .container,
            .container-lg,
            .container-md,
            .container-sm,
            .container-xl {
                max-width: 1140px
            }
        }

        @media (min-width:1400px) {

            .container,
            .container-lg,
            .container-md,
            .container-sm,
            .container-xl,
            .container-xxl {
                max-width: 1320px
            }
        }

        .row {
            --bs-gutter-x: 1.5rem;
            --bs-gutter-y: 0;
            display: flex;
            flex-wrap: wrap;
            margin-left: calc(var(--bs-gutter-x)*-.5);
            margin-right: calc(var(--bs-gutter-x)*-.5);
            margin-top: calc(var(--bs-gutter-y)*-1)
        }

        .row>* {
            flex-shrink: 0;
            margin-top: var(--bs-gutter-y);
            max-width: 100%;
            padding-left: calc(var(--bs-gutter-x)*.5);
            padding-right: calc(var(--bs-gutter-x)*.5);
            width: 100%
        }

        .col {
            flex: 1 0 0%
        }

        .row-cols-auto>* {
            flex: 0 0 auto;
            width: auto
        }

        .row-cols-1>* {
            flex: 0 0 auto;
            width: 100%
        }

        .row-cols-2>* {
            flex: 0 0 auto;
            width: 50%
        }

        .row-cols-3>* {
            flex: 0 0 auto;
            width: 33.3333333333%
        }

        .row-cols-4>* {
            flex: 0 0 auto;
            width: 25%
        }

        .row-cols-5>* {
            flex: 0 0 auto;
            width: 20%
        }

        .row-cols-6>* {
            flex: 0 0 auto;
            width: 16.6666666667%
        }

        .col-auto {
            flex: 0 0 auto;
            width: auto
        }

        .col-1 {
            flex: 0 0 auto;
            width: 8.33333333%
        }

        .col-2 {
            flex: 0 0 auto;
            width: 16.66666667%
        }

        .col-3 {
            flex: 0 0 auto;
            width: 25%
        }

        .col-4 {
            flex: 0 0 auto;
            width: 33.33333333%
        }

        .col-5 {
            flex: 0 0 auto;
            width: 41.66666667%
        }

        .col-6 {
            flex: 0 0 auto;
            width: 50%
        }

        .col-7 {
            flex: 0 0 auto;
            width: 58.33333333%
        }

        .col-8 {
            flex: 0 0 auto;
            width: 66.66666667%
        }

        .col-9 {
            flex: 0 0 auto;
            width: 75%
        }

        .col-10 {
            flex: 0 0 auto;
            width: 83.33333333%
        }

        .col-11 {
            flex: 0 0 auto;
            width: 91.66666667%
        }

        .col-12 {
            flex: 0 0 auto;
            width: 100%
        }

        .offset-1 {
            margin-left: 8.33333333%
        }

        .offset-2 {
            margin-left: 16.66666667%
        }

        .offset-3 {
            margin-left: 25%
        }

        .offset-4 {
            margin-left: 33.33333333%
        }

        .offset-5 {
            margin-left: 41.66666667%
        }

        .offset-6 {
            margin-left: 50%
        }

        .offset-7 {
            margin-left: 58.33333333%
        }

        .offset-8 {
            margin-left: 66.66666667%
        }

        .offset-9 {
            margin-left: 75%
        }

        .offset-10 {
            margin-left: 83.33333333%
        }

        .offset-11 {
            margin-left: 91.66666667%
        }

        .g-0,
        .gx-0 {
            --bs-gutter-x: 0
        }

        .g-0,
        .gy-0 {
            --bs-gutter-y: 0
        }

        .g-1,
        .gx-1 {
            --bs-gutter-x: 0.25rem
        }

        .g-1,
        .gy-1 {
            --bs-gutter-y: 0.25rem
        }

        .g-2,
        .gx-2 {
            --bs-gutter-x: 0.5rem
        }

        .g-2,
        .gy-2 {
            --bs-gutter-y: 0.5rem
        }

        .g-3,
        .gx-3 {
            --bs-gutter-x: 1rem
        }

        .g-3,
        .gy-3 {
            --bs-gutter-y: 1rem
        }

        .g-4,
        .gx-4 {
            --bs-gutter-x: 1.5rem
        }

        .g-4,
        .gy-4 {
            --bs-gutter-y: 1.5rem
        }

        .g-5,
        .gx-5 {
            --bs-gutter-x: 3rem
        }

        .g-5,
        .gy-5 {
            --bs-gutter-y: 3rem
        }

        @media (min-width:576px) {
            .col-sm {
                flex: 1 0 0%
            }

            .row-cols-sm-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-sm-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-sm-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-sm-3>* {
                flex: 0 0 auto;
                width: 33.3333333333%
            }

            .row-cols-sm-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-sm-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-sm-6>* {
                flex: 0 0 auto;
                width: 16.6666666667%
            }

            .col-sm-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-sm-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-sm-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-sm-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-sm-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-sm-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-sm-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-sm-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-sm-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-sm-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-sm-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-sm-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-sm-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-sm-0 {
                margin-left: 0
            }

            .offset-sm-1 {
                margin-left: 8.33333333%
            }

            .offset-sm-2 {
                margin-left: 16.66666667%
            }

            .offset-sm-3 {
                margin-left: 25%
            }

            .offset-sm-4 {
                margin-left: 33.33333333%
            }

            .offset-sm-5 {
                margin-left: 41.66666667%
            }

            .offset-sm-6 {
                margin-left: 50%
            }

            .offset-sm-7 {
                margin-left: 58.33333333%
            }

            .offset-sm-8 {
                margin-left: 66.66666667%
            }

            .offset-sm-9 {
                margin-left: 75%
            }

            .offset-sm-10 {
                margin-left: 83.33333333%
            }

            .offset-sm-11 {
                margin-left: 91.66666667%
            }

            .g-sm-0,
            .gx-sm-0 {
                --bs-gutter-x: 0
            }

            .g-sm-0,
            .gy-sm-0 {
                --bs-gutter-y: 0
            }

            .g-sm-1,
            .gx-sm-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-sm-1,
            .gy-sm-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-sm-2,
            .gx-sm-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-sm-2,
            .gy-sm-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-sm-3,
            .gx-sm-3 {
                --bs-gutter-x: 1rem
            }

            .g-sm-3,
            .gy-sm-3 {
                --bs-gutter-y: 1rem
            }

            .g-sm-4,
            .gx-sm-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-sm-4,
            .gy-sm-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-sm-5,
            .gx-sm-5 {
                --bs-gutter-x: 3rem
            }

            .g-sm-5,
            .gy-sm-5 {
                --bs-gutter-y: 3rem
            }
        }

        @media (min-width:768px) {
            .col-md {
                flex: 1 0 0%
            }

            .row-cols-md-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-md-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-md-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-md-3>* {
                flex: 0 0 auto;
                width: 33.3333333333%
            }

            .row-cols-md-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-md-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-md-6>* {
                flex: 0 0 auto;
                width: 16.6666666667%
            }

            .col-md-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-md-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-md-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-md-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-md-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-md-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-md-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-md-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-md-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-md-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-md-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-md-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-md-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-md-0 {
                margin-left: 0
            }

            .offset-md-1 {
                margin-left: 8.33333333%
            }

            .offset-md-2 {
                margin-left: 16.66666667%
            }

            .offset-md-3 {
                margin-left: 25%
            }

            .offset-md-4 {
                margin-left: 33.33333333%
            }

            .offset-md-5 {
                margin-left: 41.66666667%
            }

            .offset-md-6 {
                margin-left: 50%
            }

            .offset-md-7 {
                margin-left: 58.33333333%
            }

            .offset-md-8 {
                margin-left: 66.66666667%
            }

            .offset-md-9 {
                margin-left: 75%
            }

            .offset-md-10 {
                margin-left: 83.33333333%
            }

            .offset-md-11 {
                margin-left: 91.66666667%
            }

            .g-md-0,
            .gx-md-0 {
                --bs-gutter-x: 0
            }

            .g-md-0,
            .gy-md-0 {
                --bs-gutter-y: 0
            }

            .g-md-1,
            .gx-md-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-md-1,
            .gy-md-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-md-2,
            .gx-md-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-md-2,
            .gy-md-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-md-3,
            .gx-md-3 {
                --bs-gutter-x: 1rem
            }

            .g-md-3,
            .gy-md-3 {
                --bs-gutter-y: 1rem
            }

            .g-md-4,
            .gx-md-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-md-4,
            .gy-md-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-md-5,
            .gx-md-5 {
                --bs-gutter-x: 3rem
            }

            .g-md-5,
            .gy-md-5 {
                --bs-gutter-y: 3rem
            }
        }

        @media (min-width:992px) {
            .col-lg {
                flex: 1 0 0%
            }

            .row-cols-lg-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-lg-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-lg-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-lg-3>* {
                flex: 0 0 auto;
                width: 33.3333333333%
            }

            .row-cols-lg-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-lg-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-lg-6>* {
                flex: 0 0 auto;
                width: 16.6666666667%
            }

            .col-lg-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-lg-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-lg-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-lg-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-lg-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-lg-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-lg-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-lg-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-lg-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-lg-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-lg-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-lg-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-lg-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-lg-0 {
                margin-left: 0
            }

            .offset-lg-1 {
                margin-left: 8.33333333%
            }

            .offset-lg-2 {
                margin-left: 16.66666667%
            }

            .offset-lg-3 {
                margin-left: 25%
            }

            .offset-lg-4 {
                margin-left: 33.33333333%
            }

            .offset-lg-5 {
                margin-left: 41.66666667%
            }

            .offset-lg-6 {
                margin-left: 50%
            }

            .offset-lg-7 {
                margin-left: 58.33333333%
            }

            .offset-lg-8 {
                margin-left: 66.66666667%
            }

            .offset-lg-9 {
                margin-left: 75%
            }

            .offset-lg-10 {
                margin-left: 83.33333333%
            }

            .offset-lg-11 {
                margin-left: 91.66666667%
            }

            .g-lg-0,
            .gx-lg-0 {
                --bs-gutter-x: 0
            }

            .g-lg-0,
            .gy-lg-0 {
                --bs-gutter-y: 0
            }

            .g-lg-1,
            .gx-lg-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-lg-1,
            .gy-lg-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-lg-2,
            .gx-lg-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-lg-2,
            .gy-lg-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-lg-3,
            .gx-lg-3 {
                --bs-gutter-x: 1rem
            }

            .g-lg-3,
            .gy-lg-3 {
                --bs-gutter-y: 1rem
            }

            .g-lg-4,
            .gx-lg-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-lg-4,
            .gy-lg-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-lg-5,
            .gx-lg-5 {
                --bs-gutter-x: 3rem
            }

            .g-lg-5,
            .gy-lg-5 {
                --bs-gutter-y: 3rem
            }
        }

        @media (min-width:1200px) {
            .col-xl {
                flex: 1 0 0%
            }

            .row-cols-xl-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-xl-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-xl-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-xl-3>* {
                flex: 0 0 auto;
                width: 33.3333333333%
            }

            .row-cols-xl-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-xl-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-xl-6>* {
                flex: 0 0 auto;
                width: 16.6666666667%
            }

            .col-xl-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-xl-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-xl-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xl-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-xl-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-xl-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-xl-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-xl-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-xl-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-xl-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-xl-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-xl-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-xl-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-xl-0 {
                margin-left: 0
            }

            .offset-xl-1 {
                margin-left: 8.33333333%
            }

            .offset-xl-2 {
                margin-left: 16.66666667%
            }

            .offset-xl-3 {
                margin-left: 25%
            }

            .offset-xl-4 {
                margin-left: 33.33333333%
            }

            .offset-xl-5 {
                margin-left: 41.66666667%
            }

            .offset-xl-6 {
                margin-left: 50%
            }

            .offset-xl-7 {
                margin-left: 58.33333333%
            }

            .offset-xl-8 {
                margin-left: 66.66666667%
            }

            .offset-xl-9 {
                margin-left: 75%
            }

            .offset-xl-10 {
                margin-left: 83.33333333%
            }

            .offset-xl-11 {
                margin-left: 91.66666667%
            }

            .g-xl-0,
            .gx-xl-0 {
                --bs-gutter-x: 0
            }

            .g-xl-0,
            .gy-xl-0 {
                --bs-gutter-y: 0
            }

            .g-xl-1,
            .gx-xl-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-xl-1,
            .gy-xl-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-xl-2,
            .gx-xl-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-xl-2,
            .gy-xl-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-xl-3,
            .gx-xl-3 {
                --bs-gutter-x: 1rem
            }

            .g-xl-3,
            .gy-xl-3 {
                --bs-gutter-y: 1rem
            }

            .g-xl-4,
            .gx-xl-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-xl-4,
            .gy-xl-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-xl-5,
            .gx-xl-5 {
                --bs-gutter-x: 3rem
            }

            .g-xl-5,
            .gy-xl-5 {
                --bs-gutter-y: 3rem
            }
        }

        @media (min-width:1400px) {
            .col-xxl {
                flex: 1 0 0%
            }

            .row-cols-xxl-auto>* {
                flex: 0 0 auto;
                width: auto
            }

            .row-cols-xxl-1>* {
                flex: 0 0 auto;
                width: 100%
            }

            .row-cols-xxl-2>* {
                flex: 0 0 auto;
                width: 50%
            }

            .row-cols-xxl-3>* {
                flex: 0 0 auto;
                width: 33.3333333333%
            }

            .row-cols-xxl-4>* {
                flex: 0 0 auto;
                width: 25%
            }

            .row-cols-xxl-5>* {
                flex: 0 0 auto;
                width: 20%
            }

            .row-cols-xxl-6>* {
                flex: 0 0 auto;
                width: 16.6666666667%
            }

            .col-xxl-auto {
                flex: 0 0 auto;
                width: auto
            }

            .col-xxl-1 {
                flex: 0 0 auto;
                width: 8.33333333%
            }

            .col-xxl-2 {
                flex: 0 0 auto;
                width: 16.66666667%
            }

            .col-xxl-3 {
                flex: 0 0 auto;
                width: 25%
            }

            .col-xxl-4 {
                flex: 0 0 auto;
                width: 33.33333333%
            }

            .col-xxl-5 {
                flex: 0 0 auto;
                width: 41.66666667%
            }

            .col-xxl-6 {
                flex: 0 0 auto;
                width: 50%
            }

            .col-xxl-7 {
                flex: 0 0 auto;
                width: 58.33333333%
            }

            .col-xxl-8 {
                flex: 0 0 auto;
                width: 66.66666667%
            }

            .col-xxl-9 {
                flex: 0 0 auto;
                width: 75%
            }

            .col-xxl-10 {
                flex: 0 0 auto;
                width: 83.33333333%
            }

            .col-xxl-11 {
                flex: 0 0 auto;
                width: 91.66666667%
            }

            .col-xxl-12 {
                flex: 0 0 auto;
                width: 100%
            }

            .offset-xxl-0 {
                margin-left: 0
            }

            .offset-xxl-1 {
                margin-left: 8.33333333%
            }

            .offset-xxl-2 {
                margin-left: 16.66666667%
            }

            .offset-xxl-3 {
                margin-left: 25%
            }

            .offset-xxl-4 {
                margin-left: 33.33333333%
            }

            .offset-xxl-5 {
                margin-left: 41.66666667%
            }

            .offset-xxl-6 {
                margin-left: 50%
            }

            .offset-xxl-7 {
                margin-left: 58.33333333%
            }

            .offset-xxl-8 {
                margin-left: 66.66666667%
            }

            .offset-xxl-9 {
                margin-left: 75%
            }

            .offset-xxl-10 {
                margin-left: 83.33333333%
            }

            .offset-xxl-11 {
                margin-left: 91.66666667%
            }

            .g-xxl-0,
            .gx-xxl-0 {
                --bs-gutter-x: 0
            }

            .g-xxl-0,
            .gy-xxl-0 {
                --bs-gutter-y: 0
            }

            .g-xxl-1,
            .gx-xxl-1 {
                --bs-gutter-x: 0.25rem
            }

            .g-xxl-1,
            .gy-xxl-1 {
                --bs-gutter-y: 0.25rem
            }

            .g-xxl-2,
            .gx-xxl-2 {
                --bs-gutter-x: 0.5rem
            }

            .g-xxl-2,
            .gy-xxl-2 {
                --bs-gutter-y: 0.5rem
            }

            .g-xxl-3,
            .gx-xxl-3 {
                --bs-gutter-x: 1rem
            }

            .g-xxl-3,
            .gy-xxl-3 {
                --bs-gutter-y: 1rem
            }

            .g-xxl-4,
            .gx-xxl-4 {
                --bs-gutter-x: 1.5rem
            }

            .g-xxl-4,
            .gy-xxl-4 {
                --bs-gutter-y: 1.5rem
            }

            .g-xxl-5,
            .gx-xxl-5 {
                --bs-gutter-x: 3rem
            }

            .g-xxl-5,
            .gy-xxl-5 {
                --bs-gutter-y: 3rem
            }
        }

        .table {
            --bs-table-color: var(--bs-body-color);
            --bs-table-bg: transparent;
            --bs-table-border-color: var(--bs-border-color);
            --bs-table-accent-bg: transparent;
            --bs-table-striped-color: var(--bs-body-color);
            --bs-table-striped-bg: rgba(0, 0, 0, .05);
            --bs-table-active-color: var(--bs-body-color);
            --bs-table-active-bg: rgba(0, 0, 0, .1);
            --bs-table-hover-color: var(--bs-body-color);
            --bs-table-hover-bg: rgba(0, 0, 0, .075);
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color);
            margin-bottom: 1rem;
            vertical-align: top;
            width: 100%
        }

        .table>:not(caption)>*>* {
            background-color: var(--bs-table-bg);
            border-bottom-width: 1px;
            box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
            padding: .5rem
        }

        .table>tbody {
            vertical-align: inherit
        }

        .table>thead {
            vertical-align: bottom
        }

        .table-group-divider {
            border-top: 2px solid
        }

        .caption-top {
            caption-side: top
        }

        .table-sm>:not(caption)>*>* {
            padding: .25rem
        }

        .table-bordered>:not(caption)>* {
            border-width: 1px 0
        }

        .table-bordered>:not(caption)>*>* {
            border-width: 0 1px
        }

        .table-borderless>:not(caption)>*>* {
            border-bottom-width: 0
        }

        .table-borderless>:not(:first-child) {
            border-top-width: 0
        }

        .table-striped-columns>:not(caption)>tr>:nth-child(2n),
        .table-striped>tbody>tr:nth-of-type(odd)>* {
            --bs-table-accent-bg: var(--bs-table-striped-bg);
            color: var(--bs-table-striped-color)
        }

        .table-active {
            --bs-table-accent-bg: var(--bs-table-active-bg);
            color: var(--bs-table-active-color)
        }

        .table-hover>tbody>tr:hover>* {
            --bs-table-accent-bg: var(--bs-table-hover-bg);
            color: var(--bs-table-hover-color)
        }

        .table-primary {
            --bs-table-color: #000;
            --bs-table-bg: #cfe2ff;
            --bs-table-border-color: #bacbe6;
            --bs-table-striped-bg: #c5d7f2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bacbe6;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfd1ec;
            --bs-table-hover-color: #000
        }

        .table-primary,
        .table-secondary {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-secondary {
            --bs-table-color: #000;
            --bs-table-bg: #e2e3e5;
            --bs-table-border-color: #cbccce;
            --bs-table-striped-bg: #d7d8da;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #cbccce;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #d1d2d4;
            --bs-table-hover-color: #000
        }

        .table-success {
            --bs-table-color: #000;
            --bs-table-bg: #d1e7dd;
            --bs-table-border-color: #bcd0c7;
            --bs-table-striped-bg: #c7dbd2;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #bcd0c7;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #c1d6cc;
            --bs-table-hover-color: #000
        }

        .table-info,
        .table-success {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-info {
            --bs-table-color: #000;
            --bs-table-bg: #cff4fc;
            --bs-table-border-color: #badce3;
            --bs-table-striped-bg: #c5e8ef;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #badce3;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #bfe2e9;
            --bs-table-hover-color: #000
        }

        .table-warning {
            --bs-table-color: #000;
            --bs-table-bg: #fff3cd;
            --bs-table-border-color: #e6dbb9;
            --bs-table-striped-bg: #f2e7c3;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #e6dbb9;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #ece1be;
            --bs-table-hover-color: #000
        }

        .table-danger,
        .table-warning {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-danger {
            --bs-table-color: #000;
            --bs-table-bg: #f8d7da;
            --bs-table-border-color: #dfc2c4;
            --bs-table-striped-bg: #eccccf;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #dfc2c4;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #e5c7ca;
            --bs-table-hover-color: #000
        }

        .table-light {
            --bs-table-color: #000;
            --bs-table-bg: #f8f9fa;
            --bs-table-border-color: #dfe0e1;
            --bs-table-striped-bg: #ecedee;
            --bs-table-striped-color: #000;
            --bs-table-active-bg: #dfe0e1;
            --bs-table-active-color: #000;
            --bs-table-hover-bg: #e5e6e7;
            --bs-table-hover-color: #000
        }

        .table-dark,
        .table-light {
            border-color: var(--bs-table-border-color);
            color: var(--bs-table-color)
        }

        .table-dark {
            --bs-table-color: #fff;
            --bs-table-bg: #212529;
            --bs-table-border-color: #373b3e;
            --bs-table-striped-bg: #2c3034;
            --bs-table-striped-color: #fff;
            --bs-table-active-bg: #373b3e;
            --bs-table-active-color: #fff;
            --bs-table-hover-bg: #323539;
            --bs-table-hover-color: #fff
        }

        .table-responsive {
            -webkit-overflow-scrolling: touch;
            overflow-x: auto
        }

        @media (max-width:575.98px) {
            .table-responsive-sm {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto
            }
        }

        @media (max-width:767.98px) {
            .table-responsive-md {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto
            }
        }

        @media (max-width:991.98px) {
            .table-responsive-lg {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto
            }
        }

        @media (max-width:1199.98px) {
            .table-responsive-xl {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto
            }
        }

        @media (max-width:1399.98px) {
            .table-responsive-xxl {
                -webkit-overflow-scrolling: touch;
                overflow-x: auto
            }
        }

        .form-label {
            margin-bottom: .5rem
        }

        .col-form-label {
            font-size: inherit;
            line-height: 1.5;
            margin-bottom: 0;
            padding-bottom: calc(.375rem + 1px);
            padding-top: calc(.375rem + 1px)
        }

        .col-form-label-lg {
            font-size: 1.25rem;
            padding-bottom: calc(.5rem + 1px);
            padding-top: calc(.5rem + 1px)
        }

        .col-form-label-sm {
            font-size: .875rem;
            padding-bottom: calc(.25rem + 1px);
            padding-top: calc(.25rem + 1px)
        }

        .form-text {
            color: rgba(var(--bs-body-color-rgb), .75);
            font-size: .875em;
            margin-top: .25rem
        }

        .form-control {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-clip: padding-box;
            background-color: #fff;
            border: 1px solid #ced4da;
            border-radius: .375rem;
            color: #212529;
            display: block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            padding: .375rem .75rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .form-control {
                transition: none
            }
        }

        .form-control[type=file] {
            overflow: hidden
        }

        .form-control[type=file]:not(:disabled):not([readonly]) {
            cursor: pointer
        }

        .form-control:focus {
            background-color: #fff;
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            color: #212529;
            outline: 0
        }

        .form-control::-webkit-date-and-time-value {
            height: 1.5em
        }

        .form-control::-moz-placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control::placeholder {
            color: #6c757d;
            opacity: 1
        }

        .form-control:disabled,
        .form-control[readonly] {
            background-color: #e9ecef;
            opacity: 1
        }

        .form-control::file-selector-button {
            background-color: #e9ecef;
            border: 0 solid;
            border-color: inherit;
            border-inline-end-width: 1px;
            border-radius: 0;
            color: #212529;
            margin: -.375rem -.75rem;
            margin-inline-end: .75rem;
            padding: .375rem .75rem;
            pointer-events: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-control::file-selector-button {
                transition: none
            }
        }

        .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
            background-color: #dde0e3
        }

        .form-control-plaintext {
            background-color: transparent;
            border: solid transparent;
            border-width: 1px 0;
            color: #212529;
            display: block;
            line-height: 1.5;
            margin-bottom: 0;
            padding: .375rem 0;
            width: 100%
        }

        .form-control-plaintext.form-control-lg,
        .form-control-plaintext.form-control-sm {
            padding-left: 0;
            padding-right: 0
        }

        .form-control-sm {
            border-radius: .25rem;
            font-size: .875rem;
            min-height: calc(1.5em + .5rem + 2px);
            padding: .25rem .5rem
        }

        .form-control-sm::file-selector-button {
            margin: -.25rem -.5rem;
            margin-inline-end: .5rem;
            padding: .25rem .5rem
        }

        .form-control-lg {
            border-radius: .5rem;
            font-size: 1.25rem;
            min-height: calc(1.5em + 1rem + 2px);
            padding: .5rem 1rem
        }

        .form-control-lg::file-selector-button {
            margin: -.5rem -1rem;
            margin-inline-end: 1rem;
            padding: .5rem 1rem
        }

        textarea.form-control {
            min-height: calc(1.5em + .75rem + 2px)
        }

        textarea.form-control-sm {
            min-height: calc(1.5em + .5rem + 2px)
        }

        textarea.form-control-lg {
            min-height: calc(1.5em + 1rem + 2px)
        }

        .form-control-color {
            height: auto;
            padding: .375rem;
            width: 3rem
        }

        .form-control-color:not(:disabled):not([readonly]) {
            cursor: pointer
        }

        .form-control-color::-moz-color-swatch {
            border-radius: .375rem;
            height: 1.5em
        }

        .form-control-color::-webkit-color-swatch {
            border-radius: .375rem;
            height: 1.5em
        }

        .form-select {
            -moz-padding-start: calc(.75rem - 3px);
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
            background-position: right .75rem center;
            background-repeat: no-repeat;
            background-size: 16px 12px;
            border: 1px solid #ced4da;
            border-radius: .375rem;
            color: #212529;
            display: block;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            padding: .375rem 2.25rem .375rem .75rem;
            transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .form-select {
                transition: none
            }
        }

        .form-select:focus {
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            outline: 0
        }

        .form-select[multiple],
        .form-select[size]:not([size="1"]) {
            background-image: none;
            padding-right: .75rem
        }

        .form-select:disabled {
            background-color: #e9ecef
        }

        .form-select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #212529
        }

        .form-select-sm {
            border-radius: .25rem;
            font-size: .875rem;
            padding-bottom: .25rem;
            padding-left: .5rem;
            padding-top: .25rem
        }

        .form-select-lg {
            border-radius: .5rem;
            font-size: 1.25rem;
            padding-bottom: .5rem;
            padding-left: 1rem;
            padding-top: .5rem
        }

        .form-check {
            display: block;
            margin-bottom: .125rem;
            min-height: 1.5rem;
            padding-left: 1.5em
        }

        .form-check .form-check-input {
            float: left;
            margin-left: -1.5em
        }

        .form-check-reverse {
            padding-left: 0;
            padding-right: 1.5em;
            text-align: right
        }

        .form-check-reverse .form-check-input {
            float: right;
            margin-left: 0;
            margin-right: -1.5em
        }

        .form-check-input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff;
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            border: 1px solid rgba(0, 0, 0, .25);
            height: 1em;
            margin-top: .25em;
            -webkit-print-color-adjust: exact;
            print-color-adjust: exact;
            vertical-align: top;
            width: 1em
        }

        .form-check-input[type=checkbox] {
            border-radius: .25em
        }

        .form-check-input[type=radio] {
            border-radius: 50%
        }

        .form-check-input:active {
            filter: brightness(90%)
        }

        .form-check-input:focus {
            border-color: #86b7fe;
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            outline: 0
        }

        .form-check-input:checked {
            background-color: #0d6efd;
            border-color: #0d6efd
        }

        .form-check-input:checked[type=checkbox] {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E")
        }

        .form-check-input:checked[type=radio] {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E")
        }

        .form-check-input[type=checkbox]:indeterminate {
            background-color: #0d6efd;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E");
            border-color: #0d6efd
        }

        .form-check-input:disabled {
            filter: none;
            opacity: .5;
            pointer-events: none
        }

        .form-check-input:disabled~.form-check-label,
        .form-check-input[disabled]~.form-check-label {
            cursor: default;
            opacity: .5
        }

        .form-switch {
            padding-left: 2.5em
        }

        .form-switch .form-check-input {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");
            background-position: 0;
            border-radius: 2em;
            margin-left: -2.5em;
            transition: background-position .15s ease-in-out;
            width: 2em
        }

        @media (prefers-reduced-motion:reduce) {
            .form-switch .form-check-input {
                transition: none
            }
        }

        .form-switch .form-check-input:focus {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%2386b7fe'/%3E%3C/svg%3E")
        }

        .form-switch .form-check-input:checked {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
            background-position: 100%
        }

        .form-switch.form-check-reverse {
            padding-left: 0;
            padding-right: 2.5em
        }

        .form-switch.form-check-reverse .form-check-input {
            margin-left: 0;
            margin-right: -2.5em
        }

        .form-check-inline {
            display: inline-block;
            margin-right: 1rem
        }

        .btn-check {
            clip: rect(0, 0, 0, 0);
            pointer-events: none;
            position: absolute
        }

        .btn-check:disabled+.btn,
        .btn-check[disabled]+.btn {
            filter: none;
            opacity: .65;
            pointer-events: none
        }

        .form-range {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: transparent;
            height: 1.5rem;
            padding: 0;
            width: 100%
        }

        .form-range:focus {
            outline: 0
        }

        .form-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
        }

        .form-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
        }

        .form-range::-moz-focus-outer {
            border: 0
        }

        .form-range::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            background-color: #0d6efd;
            border: 0;
            border-radius: 1rem;
            height: 1rem;
            margin-top: -.25rem;
            -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 1rem
        }

        @media (prefers-reduced-motion:reduce) {
            .form-range::-webkit-slider-thumb {
                -webkit-transition: none;
                transition: none
            }
        }

        .form-range::-webkit-slider-thumb:active {
            background-color: #b6d4fe
        }

        .form-range::-webkit-slider-runnable-track {
            background-color: #dee2e6;
            border-color: transparent;
            border-radius: 1rem;
            color: transparent;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .form-range::-moz-range-thumb {
            -moz-appearance: none;
            appearance: none;
            background-color: #0d6efd;
            border: 0;
            border-radius: 1rem;
            height: 1rem;
            -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            width: 1rem
        }

        @media (prefers-reduced-motion:reduce) {
            .form-range::-moz-range-thumb {
                -moz-transition: none;
                transition: none
            }
        }

        .form-range::-moz-range-thumb:active {
            background-color: #b6d4fe
        }

        .form-range::-moz-range-track {
            background-color: #dee2e6;
            border-color: transparent;
            border-radius: 1rem;
            color: transparent;
            cursor: pointer;
            height: .5rem;
            width: 100%
        }

        .form-range:disabled {
            pointer-events: none
        }

        .form-range:disabled::-webkit-slider-thumb {
            background-color: #adb5bd
        }

        .form-range:disabled::-moz-range-thumb {
            background-color: #adb5bd
        }

        .form-floating {
            position: relative
        }

        .form-floating>.form-control,
        .form-floating>.form-control-plaintext,
        .form-floating>.form-select {
            height: calc(3.5rem + 2px);
            line-height: 1.25
        }

        .form-floating>label {
            border: 1px solid transparent;
            height: 100%;
            left: 0;
            padding: 1rem .75rem;
            pointer-events: none;
            position: absolute;
            top: 0;
            transform-origin: 0 0;
            transition: opacity .1s ease-in-out, transform .1s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .form-floating>label {
                transition: none
            }
        }

        .form-floating>.form-control,
        .form-floating>.form-control-plaintext {
            padding: 1rem .75rem
        }

        .form-floating>.form-control-plaintext::-moz-placeholder,
        .form-floating>.form-control::-moz-placeholder {
            color: transparent
        }

        .form-floating>.form-control-plaintext::placeholder,
        .form-floating>.form-control::placeholder {
            color: transparent
        }

        .form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),
        .form-floating>.form-control:not(:-moz-placeholder-shown) {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-control-plaintext:focus,
        .form-floating>.form-control-plaintext:not(:placeholder-shown),
        .form-floating>.form-control:focus,
        .form-floating>.form-control:not(:placeholder-shown) {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-control-plaintext:-webkit-autofill,
        .form-floating>.form-control:-webkit-autofill {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-select {
            padding-bottom: .625rem;
            padding-top: 1.625rem
        }

        .form-floating>.form-control:not(:-moz-placeholder-shown)~label {
            opacity: .65;
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control-plaintext~label,
        .form-floating>.form-control:focus~label,
        .form-floating>.form-control:not(:placeholder-shown)~label,
        .form-floating>.form-select~label {
            opacity: .65;
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control:-webkit-autofill~label {
            opacity: .65;
            transform: scale(.85) translateY(-.5rem) translateX(.15rem)
        }

        .form-floating>.form-control-plaintext~label {
            border-width: 1px 0
        }

        .input-group {
            align-items: stretch;
            display: flex;
            flex-wrap: wrap;
            position: relative;
            width: 100%
        }

        .input-group>.form-control,
        .input-group>.form-select {
            flex: 1 1 auto;
            min-width: 0;
            position: relative;
            width: 1%
        }

        .input-group>.form-control:focus,
        .input-group>.form-select:focus {
            z-index: 3
        }

        .input-group .btn {
            position: relative;
            z-index: 2
        }

        .input-group .btn:focus {
            z-index: 3
        }

        .input-group-text {
            align-items: center;
            background-color: #e9ecef;
            border: 1px solid #ced4da;
            border-radius: .375rem;
            color: #212529;
            display: flex;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.5;
            padding: .375rem .75rem;
            text-align: center;
            white-space: nowrap
        }

        .input-group-lg>.btn,
        .input-group-lg>.form-control,
        .input-group-lg>.form-select,
        .input-group-lg>.input-group-text {
            border-radius: .5rem;
            font-size: 1.25rem;
            padding: .5rem 1rem
        }

        .input-group-sm>.btn,
        .input-group-sm>.form-control,
        .input-group-sm>.form-select,
        .input-group-sm>.input-group-text {
            border-radius: .25rem;
            font-size: .875rem;
            padding: .25rem .5rem
        }

        .input-group-lg>.form-select,
        .input-group-sm>.form-select {
            padding-right: 3rem
        }

        .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
        .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
        .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
        .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            margin-left: -1px
        }

        .valid-feedback {
            color: #198754;
            display: none;
            font-size: .875em;
            margin-top: .25rem;
            width: 100%
        }

        .valid-tooltip {
            background-color: rgba(25, 135, 84, .9);
            border-radius: .375rem;
            color: #fff;
            display: none;
            font-size: .875rem;
            margin-top: .1rem;
            max-width: 100%;
            padding: .25rem .5rem;
            position: absolute;
            top: 100%;
            z-index: 5
        }

        .is-valid~.valid-feedback,
        .is-valid~.valid-tooltip,
        .was-validated :valid~.valid-feedback,
        .was-validated :valid~.valid-tooltip {
            display: block
        }

        .form-control.is-valid,
        .was-validated .form-control:valid {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
            background-position: right calc(.375em + .1875rem) center;
            background-repeat: no-repeat;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem);
            border-color: #198754;
            padding-right: calc(1.5em + .75rem)
        }

        .form-control.is-valid:focus,
        .was-validated .form-control:valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
        }

        .was-validated textarea.form-control:valid,
        textarea.form-control.is-valid {
            background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
            padding-right: calc(1.5em + .75rem)
        }

        .form-select.is-valid,
        .was-validated .form-select:valid {
            border-color: #198754
        }

        .form-select.is-valid:not([multiple]):not([size]),
        .form-select.is-valid:not([multiple])[size="1"],
        .was-validated .form-select:valid:not([multiple]):not([size]),
        .was-validated .form-select:valid:not([multiple])[size="1"] {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
            padding-right: 4.125rem
        }

        .form-select.is-valid:focus,
        .was-validated .form-select:valid:focus {
            border-color: #198754;
            box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
        }

        .form-control-color.is-valid,
        .was-validated .form-control-color:valid {
            width: calc(3.75rem + 1.5em)
        }

        .form-check-input.is-valid,
        .was-validated .form-check-input:valid {
            border-color: #198754
        }

        .form-check-input.is-valid:checked,
        .was-validated .form-check-input:valid:checked {
            background-color: #198754
        }

        .form-check-input.is-valid:focus,
        .was-validated .form-check-input:valid:focus {
            box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
        }

        .form-check-input.is-valid~.form-check-label,
        .was-validated .form-check-input:valid~.form-check-label {
            color: #198754
        }

        .form-check-inline .form-check-input~.valid-feedback {
            margin-left: .5em
        }

        .input-group .form-control.is-valid,
        .input-group .form-select.is-valid,
        .was-validated .input-group .form-control:valid,
        .was-validated .input-group .form-select:valid {
            z-index: 1
        }

        .input-group .form-control.is-valid:focus,
        .input-group .form-select.is-valid:focus,
        .was-validated .input-group .form-control:valid:focus,
        .was-validated .input-group .form-select:valid:focus {
            z-index: 3
        }

        .invalid-feedback {
            color: #dc3545;
            display: none;
            font-size: .875em;
            margin-top: .25rem;
            width: 100%
        }

        .invalid-tooltip {
            background-color: rgba(220, 53, 69, .9);
            border-radius: .375rem;
            color: #fff;
            display: none;
            font-size: .875rem;
            margin-top: .1rem;
            max-width: 100%;
            padding: .25rem .5rem;
            position: absolute;
            top: 100%;
            z-index: 5
        }

        .is-invalid~.invalid-feedback,
        .is-invalid~.invalid-tooltip,
        .was-validated :invalid~.invalid-feedback,
        .was-validated :invalid~.invalid-tooltip {
            display: block
        }

        .form-control.is-invalid,
        .was-validated .form-control:invalid {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
            background-position: right calc(.375em + .1875rem) center;
            background-repeat: no-repeat;
            background-size: calc(.75em + .375rem) calc(.75em + .375rem);
            border-color: #dc3545;
            padding-right: calc(1.5em + .75rem)
        }

        .form-control.is-invalid:focus,
        .was-validated .form-control:invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
        }

        .was-validated textarea.form-control:invalid,
        textarea.form-control.is-invalid {
            background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);
            padding-right: calc(1.5em + .75rem)
        }

        .form-select.is-invalid,
        .was-validated .form-select:invalid {
            border-color: #dc3545
        }

        .form-select.is-invalid:not([multiple]):not([size]),
        .form-select.is-invalid:not([multiple])[size="1"],
        .was-validated .form-select:invalid:not([multiple]):not([size]),
        .was-validated .form-select:invalid:not([multiple])[size="1"] {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");
            background-position: right .75rem center, center right 2.25rem;
            background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem);
            padding-right: 4.125rem
        }

        .form-select.is-invalid:focus,
        .was-validated .form-select:invalid:focus {
            border-color: #dc3545;
            box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
        }

        .form-control-color.is-invalid,
        .was-validated .form-control-color:invalid {
            width: calc(3.75rem + 1.5em)
        }

        .form-check-input.is-invalid,
        .was-validated .form-check-input:invalid {
            border-color: #dc3545
        }

        .form-check-input.is-invalid:checked,
        .was-validated .form-check-input:invalid:checked {
            background-color: #dc3545
        }

        .form-check-input.is-invalid:focus,
        .was-validated .form-check-input:invalid:focus {
            box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
        }

        .form-check-input.is-invalid~.form-check-label,
        .was-validated .form-check-input:invalid~.form-check-label {
            color: #dc3545
        }

        .form-check-inline .form-check-input~.invalid-feedback {
            margin-left: .5em
        }

        .input-group .form-control.is-invalid,
        .input-group .form-select.is-invalid,
        .was-validated .input-group .form-control:invalid,
        .was-validated .input-group .form-select:invalid {
            z-index: 2
        }

        .input-group .form-control.is-invalid:focus,
        .input-group .form-select.is-invalid:focus,
        .was-validated .input-group .form-control:invalid:focus,
        .was-validated .input-group .form-select:invalid:focus {
            z-index: 3
        }

        .btn {
            --bs-btn-padding-x: 0.75rem;
            --bs-btn-padding-y: 0.375rem;
            --bs-btn-font-family: ;
            --bs-btn-font-size: 1rem;
            --bs-btn-font-weight: 400;
            --bs-btn-line-height: 1.5;
            --bs-btn-color: #212529;
            --bs-btn-bg: transparent;
            --bs-btn-border-width: 1px;
            --bs-btn-border-color: transparent;
            --bs-btn-border-radius: 0.375rem;
            --bs-btn-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .15), 0 1px 1px rgba(0, 0, 0, .075);
            --bs-btn-disabled-opacity: 0.65;
            --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
            background-color: var(--bs-btn-bg);
            border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
            border-radius: var(--bs-btn-border-radius);
            color: var(--bs-btn-color);
            cursor: pointer;
            display: inline-block;
            font-family: var(--bs-btn-font-family);
            font-size: var(--bs-btn-font-size);
            font-weight: var(--bs-btn-font-weight);
            line-height: var(--bs-btn-line-height);
            padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
            text-align: center;
            text-decoration: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none;
            vertical-align: middle
        }

        @media (prefers-reduced-motion:reduce) {
            .btn {
                transition: none
            }
        }

        .btn-check:focus+.btn,
        .btn:focus,
        .btn:hover {
            background-color: var(--bs-btn-hover-bg);
            border-color: var(--bs-btn-hover-border-color);
            color: var(--bs-btn-hover-color)
        }

        .btn-check:focus+.btn,
        .btn:focus {
            box-shadow: var(--bs-btn-focus-box-shadow);
            outline: 0
        }

        .btn-check:active+.btn,
        .btn-check:checked+.btn,
        .btn.active,
        .btn.show,
        .btn:active {
            background-color: var(--bs-btn-active-bg);
            border-color: var(--bs-btn-active-border-color);
            color: var(--bs-btn-active-color)
        }

        .btn-check:active+.btn:focus,
        .btn-check:checked+.btn:focus,
        .btn.active:focus,
        .btn.show:focus,
        .btn:active:focus {
            box-shadow: var(--bs-btn-focus-box-shadow)
        }

        .btn.disabled,
        .btn:disabled,
        fieldset:disabled .btn {
            background-color: var(--bs-btn-disabled-bg);
            border-color: var(--bs-btn-disabled-border-color);
            color: var(--bs-btn-disabled-color);
            opacity: var(--bs-btn-disabled-opacity);
            pointer-events: none
        }

        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #0d6efd;
            --bs-btn-border-color: #0d6efd;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #0b5ed7;
            --bs-btn-hover-border-color: #0a58ca;
            --bs-btn-focus-shadow-rgb: 49, 132, 253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #0a58ca;
            --bs-btn-active-border-color: #0a53be;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #0d6efd;
            --bs-btn-disabled-border-color: #0d6efd
        }

        .btn-secondary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #5c636a;
            --bs-btn-hover-border-color: #565e64;
            --bs-btn-focus-shadow-rgb: 130, 138, 145;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #565e64;
            --bs-btn-active-border-color: #51585e;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #6c757d;
            --bs-btn-disabled-border-color: #6c757d
        }

        .btn-success {
            --bs-btn-color: #fff;
            --bs-btn-bg: #198754;
            --bs-btn-border-color: #198754;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #157347;
            --bs-btn-hover-border-color: #146c43;
            --bs-btn-focus-shadow-rgb: 60, 153, 110;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #146c43;
            --bs-btn-active-border-color: #13653f;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #198754;
            --bs-btn-disabled-border-color: #198754
        }

        .btn-info {
            --bs-btn-color: #000;
            --bs-btn-bg: #0dcaf0;
            --bs-btn-border-color: #0dcaf0;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #31d2f2;
            --bs-btn-hover-border-color: #25cff2;
            --bs-btn-focus-shadow-rgb: 11, 172, 204;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #3dd5f3;
            --bs-btn-active-border-color: #25cff2;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #0dcaf0;
            --bs-btn-disabled-border-color: #0dcaf0
        }

        .btn-warning {
            --bs-btn-color: #000;
            --bs-btn-bg: #ffc107;
            --bs-btn-border-color: #ffc107;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #ffca2c;
            --bs-btn-hover-border-color: #ffc720;
            --bs-btn-focus-shadow-rgb: 217, 164, 6;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #ffcd39;
            --bs-btn-active-border-color: #ffc720;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #ffc107;
            --bs-btn-disabled-border-color: #ffc107
        }

        .btn-danger {
            --bs-btn-color: #fff;
            --bs-btn-bg: #dc3545;
            --bs-btn-border-color: #dc3545;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #bb2d3b;
            --bs-btn-hover-border-color: #b02a37;
            --bs-btn-focus-shadow-rgb: 225, 83, 97;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #b02a37;
            --bs-btn-active-border-color: #a52834;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #dc3545;
            --bs-btn-disabled-border-color: #dc3545
        }

        .btn-light {
            --bs-btn-color: #000;
            --bs-btn-bg: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #f9fafb;
            --bs-btn-hover-border-color: #f9fafb;
            --bs-btn-focus-shadow-rgb: 211, 212, 213;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #f9fafb;
            --bs-btn-active-border-color: #f9fafb;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #f8f9fa;
            --bs-btn-disabled-border-color: #f8f9fa
        }

        .btn-dark {
            --bs-btn-color: #fff;
            --bs-btn-bg: #212529;
            --bs-btn-border-color: #212529;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #1c1f23;
            --bs-btn-hover-border-color: #1a1e21;
            --bs-btn-focus-shadow-rgb: 66, 70, 73;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #1a1e21;
            --bs-btn-active-border-color: #191c1f;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #212529;
            --bs-btn-disabled-border-color: #212529
        }

        .btn-outline-primary {
            --bs-btn-color: #0d6efd;
            --bs-btn-border-color: #0d6efd;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #0d6efd;
            --bs-btn-hover-border-color: #0d6efd;
            --bs-btn-focus-shadow-rgb: 13, 110, 253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #0d6efd;
            --bs-btn-active-border-color: #0d6efd;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #0d6efd;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-secondary {
            --bs-btn-color: #6c757d;
            --bs-btn-border-color: #6c757d;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #6c757d;
            --bs-btn-hover-border-color: #6c757d;
            --bs-btn-focus-shadow-rgb: 108, 117, 125;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #6c757d;
            --bs-btn-active-border-color: #6c757d;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-success {
            --bs-btn-color: #198754;
            --bs-btn-border-color: #198754;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #198754;
            --bs-btn-hover-border-color: #198754;
            --bs-btn-focus-shadow-rgb: 25, 135, 84;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #198754;
            --bs-btn-active-border-color: #198754;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #198754;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-info {
            --bs-btn-color: #0dcaf0;
            --bs-btn-border-color: #0dcaf0;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #0dcaf0;
            --bs-btn-hover-border-color: #0dcaf0;
            --bs-btn-focus-shadow-rgb: 13, 202, 240;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #0dcaf0;
            --bs-btn-active-border-color: #0dcaf0;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #0dcaf0;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-warning {
            --bs-btn-color: #ffc107;
            --bs-btn-border-color: #ffc107;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #ffc107;
            --bs-btn-hover-border-color: #ffc107;
            --bs-btn-focus-shadow-rgb: 255, 193, 7;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #ffc107;
            --bs-btn-active-border-color: #ffc107;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #ffc107;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-danger {
            --bs-btn-color: #dc3545;
            --bs-btn-border-color: #dc3545;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #dc3545;
            --bs-btn-hover-border-color: #dc3545;
            --bs-btn-focus-shadow-rgb: 220, 53, 69;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #dc3545;
            --bs-btn-active-border-color: #dc3545;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #dc3545;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-light {
            --bs-btn-color: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #f8f9fa;
            --bs-btn-hover-border-color: #f8f9fa;
            --bs-btn-focus-shadow-rgb: 248, 249, 250;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #f8f9fa;
            --bs-btn-active-border-color: #f8f9fa;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #f8f9fa;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-outline-dark {
            --bs-btn-color: #212529;
            --bs-btn-border-color: #212529;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #212529;
            --bs-btn-hover-border-color: #212529;
            --bs-btn-focus-shadow-rgb: 33, 37, 41;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #212529;
            --bs-btn-active-border-color: #212529;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
            --bs-btn-disabled-color: #212529;
            --bs-btn-disabled-bg: transparent;
            --bs-gradient: none
        }

        .btn-link {
            --bs-btn-font-weight: 400;
            --bs-btn-color: var(--bs-link-color);
            --bs-btn-bg: transparent;
            --bs-btn-border-color: transparent;
            --bs-btn-hover-color: var(--bs-link-hover-color);
            --bs-btn-hover-border-color: transparent;
            --bs-btn-active-border-color: transparent;
            --bs-btn-disabled-color: #6c757d;
            --bs-btn-disabled-border-color: transparent;
            --bs-btn-box-shadow: none;
            text-decoration: underline
        }

        .btn-group-lg>.btn,
        .btn-lg {
            --bs-btn-padding-y: 0.5rem;
            --bs-btn-padding-x: 1rem;
            --bs-btn-font-size: 1.25rem;
            --bs-btn-border-radius: 0.5rem
        }

        .btn-group-sm>.btn,
        .btn-sm {
            --bs-btn-padding-y: 0.25rem;
            --bs-btn-padding-x: 0.5rem;
            --bs-btn-font-size: 0.875rem;
            --bs-btn-border-radius: 0.25rem
        }

        .fade {
            transition: opacity .15s linear
        }

        @media (prefers-reduced-motion:reduce) {
            .fade {
                transition: none
            }
        }

        .fade:not(.show) {
            opacity: 0
        }

        .collapse:not(.show) {
            display: none
        }

        .collapsing {
            height: 0;
            overflow: hidden;
            transition: height .35s ease
        }

        @media (prefers-reduced-motion:reduce) {
            .collapsing {
                transition: none
            }
        }

        .collapsing.collapse-horizontal {
            height: auto;
            transition: width .35s ease;
            width: 0
        }

        @media (prefers-reduced-motion:reduce) {
            .collapsing.collapse-horizontal {
                transition: none
            }
        }

        .dropdown,
        .dropdown-center,
        .dropend,
        .dropstart,
        .dropup,
        .dropup-center {
            position: relative
        }

        .dropdown-toggle {
            white-space: nowrap
        }

        .dropdown-toggle:after {
            border-bottom: 0;
            border-left: .3em solid transparent;
            border-right: .3em solid transparent;
            border-top: .3em solid;
            content: "";
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em
        }

        .dropdown-toggle:empty:after {
            margin-left: 0
        }

        .dropdown-menu {
            --bs-dropdown-min-width: 10rem;
            --bs-dropdown-padding-x: 0;
            --bs-dropdown-padding-y: 0.5rem;
            --bs-dropdown-spacer: 0.125rem;
            --bs-dropdown-font-size: 1rem;
            --bs-dropdown-color: #212529;
            --bs-dropdown-bg: #fff;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-border-radius: 0.375rem;
            --bs-dropdown-border-width: 1px;
            --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-divider-margin-y: 0.5rem;
            --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
            --bs-dropdown-link-color: #212529;
            --bs-dropdown-link-hover-color: #1e2125;
            --bs-dropdown-link-hover-bg: #e9ecef;
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #0d6efd;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-item-padding-x: 1rem;
            --bs-dropdown-item-padding-y: 0.25rem;
            --bs-dropdown-header-color: #6c757d;
            --bs-dropdown-header-padding-x: 1rem;
            --bs-dropdown-header-padding-y: 0.5rem;
            background-clip: padding-box;
            background-color: var(--bs-dropdown-bg);
            border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
            border-radius: var(--bs-dropdown-border-radius);
            color: var(--bs-dropdown-color);
            display: none;
            font-size: var(--bs-dropdown-font-size);
            list-style: none;
            margin: 0;
            min-width: var(--bs-dropdown-min-width);
            padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
            position: absolute;
            text-align: left;
            z-index: 1000
        }

        .dropdown-menu[data-bs-popper] {
            left: 0;
            margin-top: var(--bs-dropdown-spacer);
            top: 100%
        }

        .dropdown-menu-start {
            --bs-position: start
        }

        .dropdown-menu-start[data-bs-popper] {
            left: 0;
            right: auto
        }

        .dropdown-menu-end {
            --bs-position: end
        }

        .dropdown-menu-end[data-bs-popper] {
            left: auto;
            right: 0
        }

        @media (min-width:576px) {
            .dropdown-menu-sm-start {
                --bs-position: start
            }

            .dropdown-menu-sm-start[data-bs-popper] {
                left: 0;
                right: auto
            }

            .dropdown-menu-sm-end {
                --bs-position: end
            }

            .dropdown-menu-sm-end[data-bs-popper] {
                left: auto;
                right: 0
            }
        }

        @media (min-width:768px) {
            .dropdown-menu-md-start {
                --bs-position: start
            }

            .dropdown-menu-md-start[data-bs-popper] {
                left: 0;
                right: auto
            }

            .dropdown-menu-md-end {
                --bs-position: end
            }

            .dropdown-menu-md-end[data-bs-popper] {
                left: auto;
                right: 0
            }
        }

        @media (min-width:992px) {
            .dropdown-menu-lg-start {
                --bs-position: start
            }

            .dropdown-menu-lg-start[data-bs-popper] {
                left: 0;
                right: auto
            }

            .dropdown-menu-lg-end {
                --bs-position: end
            }

            .dropdown-menu-lg-end[data-bs-popper] {
                left: auto;
                right: 0
            }
        }

        @media (min-width:1200px) {
            .dropdown-menu-xl-start {
                --bs-position: start
            }

            .dropdown-menu-xl-start[data-bs-popper] {
                left: 0;
                right: auto
            }

            .dropdown-menu-xl-end {
                --bs-position: end
            }

            .dropdown-menu-xl-end[data-bs-popper] {
                left: auto;
                right: 0
            }
        }

        @media (min-width:1400px) {
            .dropdown-menu-xxl-start {
                --bs-position: start
            }

            .dropdown-menu-xxl-start[data-bs-popper] {
                left: 0;
                right: auto
            }

            .dropdown-menu-xxl-end {
                --bs-position: end
            }

            .dropdown-menu-xxl-end[data-bs-popper] {
                left: auto;
                right: 0
            }
        }

        .dropup .dropdown-menu[data-bs-popper] {
            bottom: 100%;
            margin-bottom: var(--bs-dropdown-spacer);
            margin-top: 0;
            top: auto
        }

        .dropup .dropdown-toggle:after {
            border-bottom: .3em solid;
            border-left: .3em solid transparent;
            border-right: .3em solid transparent;
            border-top: 0;
            content: "";
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em
        }

        .dropup .dropdown-toggle:empty:after {
            margin-left: 0
        }

        .dropend .dropdown-menu[data-bs-popper] {
            left: 100%;
            margin-left: var(--bs-dropdown-spacer);
            margin-top: 0;
            right: auto;
            top: 0
        }

        .dropend .dropdown-toggle:after {
            border-bottom: .3em solid transparent;
            border-left: .3em solid;
            border-right: 0;
            border-top: .3em solid transparent;
            content: "";
            display: inline-block;
            margin-left: .255em;
            vertical-align: .255em
        }

        .dropend .dropdown-toggle:empty:after {
            margin-left: 0
        }

        .dropend .dropdown-toggle:after {
            vertical-align: 0
        }

        .dropstart .dropdown-menu[data-bs-popper] {
            left: auto;
            margin-right: var(--bs-dropdown-spacer);
            margin-top: 0;
            right: 100%;
            top: 0
        }

        .dropstart .dropdown-toggle:after {
            content: "";
            display: inline-block;
            display: none;
            margin-left: .255em;
            vertical-align: .255em
        }

        .dropstart .dropdown-toggle:before {
            border-bottom: .3em solid transparent;
            border-right: .3em solid;
            border-top: .3em solid transparent;
            content: "";
            display: inline-block;
            margin-right: .255em;
            vertical-align: .255em
        }

        .dropstart .dropdown-toggle:empty:after {
            margin-left: 0
        }

        .dropstart .dropdown-toggle:before {
            vertical-align: 0
        }

        .dropdown-divider {
            border-top: 1px solid var(--bs-dropdown-divider-bg);
            height: 0;
            margin: var(--bs-dropdown-divider-margin-y) 0;
            opacity: 1;
            overflow: hidden
        }

        .dropdown-item {
            background-color: transparent;
            border: 0;
            clear: both;
            color: var(--bs-dropdown-link-color);
            display: block;
            font-weight: 400;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
            text-align: inherit;
            text-decoration: none;
            white-space: nowrap;
            width: 100%
        }

        .dropdown-item:focus,
        .dropdown-item:hover {
            background-color: var(--bs-dropdown-link-hover-bg);
            color: var(--bs-dropdown-link-hover-color)
        }

        .dropdown-item.active,
        .dropdown-item:active {
            background-color: var(--bs-dropdown-link-active-bg);
            color: var(--bs-dropdown-link-active-color);
            text-decoration: none
        }

        .dropdown-item.disabled,
        .dropdown-item:disabled {
            background-color: transparent;
            color: var(--bs-dropdown-link-disabled-color);
            pointer-events: none
        }

        .dropdown-menu.show {
            display: block
        }

        .dropdown-header {
            color: var(--bs-dropdown-header-color);
            display: block;
            font-size: .875rem;
            margin-bottom: 0;
            padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
            white-space: nowrap
        }

        .dropdown-item-text {
            color: var(--bs-dropdown-link-color);
            display: block;
            padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x)
        }

        .dropdown-menu-dark {
            --bs-dropdown-color: #dee2e6;
            --bs-dropdown-bg: #343a40;
            --bs-dropdown-border-color: var(--bs-border-color-translucent);
            --bs-dropdown-box-shadow: ;
            --bs-dropdown-link-color: #dee2e6;
            --bs-dropdown-link-hover-color: #fff;
            --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
            --bs-dropdown-link-hover-bg: hsla(0, 0%, 100%, .15);
            --bs-dropdown-link-active-color: #fff;
            --bs-dropdown-link-active-bg: #0d6efd;
            --bs-dropdown-link-disabled-color: #adb5bd;
            --bs-dropdown-header-color: #adb5bd
        }

        .btn-group,
        .btn-group-vertical {
            display: inline-flex;
            position: relative;
            vertical-align: middle
        }

        .btn-group-vertical>.btn,
        .btn-group>.btn {
            flex: 1 1 auto;
            position: relative
        }

        .btn-group-vertical>.btn-check:checked+.btn,
        .btn-group-vertical>.btn-check:focus+.btn,
        .btn-group-vertical>.btn.active,
        .btn-group-vertical>.btn:active,
        .btn-group-vertical>.btn:focus,
        .btn-group-vertical>.btn:hover,
        .btn-group>.btn-check:checked+.btn,
        .btn-group>.btn-check:focus+.btn,
        .btn-group>.btn.active,
        .btn-group>.btn:active,
        .btn-group>.btn:focus,
        .btn-group>.btn:hover {
            z-index: 1
        }

        .btn-toolbar {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start
        }

        .btn-toolbar .input-group {
            width: auto
        }

        .btn-group {
            border-radius: .375rem
        }

        .btn-group>.btn-group:not(:first-child),
        .btn-group>.btn:not(:first-child) {
            margin-left: -1px
        }

        .btn-group>.btn-group:not(:last-child)>.btn,
        .btn-group>.btn.dropdown-toggle-split:first-child,
        .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .btn-group>.btn-group:not(:first-child)>.btn,
        .btn-group>.btn:nth-child(n+3),
        .btn-group>:not(.btn-check)+.btn {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0
        }

        .dropdown-toggle-split {
            padding-left: .5625rem;
            padding-right: .5625rem
        }

        .dropdown-toggle-split:after,
        .dropend .dropdown-toggle-split:after,
        .dropup .dropdown-toggle-split:after {
            margin-left: 0
        }

        .dropstart .dropdown-toggle-split:before {
            margin-right: 0
        }

        .btn-group-sm>.btn+.dropdown-toggle-split,
        .btn-sm+.dropdown-toggle-split {
            padding-left: .375rem;
            padding-right: .375rem
        }

        .btn-group-lg>.btn+.dropdown-toggle-split,
        .btn-lg+.dropdown-toggle-split {
            padding-left: .75rem;
            padding-right: .75rem
        }

        .btn-group-vertical {
            align-items: flex-start;
            flex-direction: column;
            justify-content: center
        }

        .btn-group-vertical>.btn,
        .btn-group-vertical>.btn-group {
            width: 100%
        }

        .btn-group-vertical>.btn-group:not(:first-child),
        .btn-group-vertical>.btn:not(:first-child) {
            margin-top: -1px
        }

        .btn-group-vertical>.btn-group:not(:last-child)>.btn,
        .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .btn-group-vertical>.btn-group:not(:first-child)>.btn,
        .btn-group-vertical>.btn~.btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0
        }

        .nav {
            --bs-nav-link-padding-x: 1rem;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-font-weight: ;
            --bs-nav-link-color: var(--bs-link-color);
            --bs-nav-link-hover-color: var(--bs-link-hover-color);
            --bs-nav-link-disabled-color: #6c757d;
            display: flex;
            flex-wrap: wrap;
            list-style: none;
            margin-bottom: 0;
            padding-left: 0
        }

        .nav-link {
            color: var(--bs-nav-link-color);
            display: block;
            font-size: var(--bs-nav-link-font-size);
            font-weight: var(--bs-nav-link-font-weight);
            padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
            text-decoration: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .nav-link {
                transition: none
            }
        }

        .nav-link:focus,
        .nav-link:hover {
            color: var(--bs-nav-link-hover-color)
        }

        .nav-link.disabled {
            color: var(--bs-nav-link-disabled-color);
            cursor: default;
            pointer-events: none
        }

        .nav-tabs {
            --bs-nav-tabs-border-width: 1px;
            --bs-nav-tabs-border-color: #dee2e6;
            --bs-nav-tabs-border-radius: 0.375rem;
            --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
            --bs-nav-tabs-link-active-color: #495057;
            --bs-nav-tabs-link-active-bg: #fff;
            --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
            border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
        }

        .nav-tabs .nav-link {
            background: 0 0;
            border: var(--bs-nav-tabs-border-width) solid transparent;
            border-top-left-radius: var(--bs-nav-tabs-border-radius);
            border-top-right-radius: var(--bs-nav-tabs-border-radius);
            margin-bottom: calc(var(--bs-nav-tabs-border-width)*-1)
        }

        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            border-color: var(--bs-nav-tabs-link-hover-border-color);
            isolation: isolate
        }

        .nav-tabs .nav-link.disabled,
        .nav-tabs .nav-link:disabled {
            background-color: transparent;
            border-color: transparent;
            color: var(--bs-nav-link-disabled-color)
        }

        .nav-tabs .nav-item.show .nav-link,
        .nav-tabs .nav-link.active {
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color);
            color: var(--bs-nav-tabs-link-active-color)
        }

        .nav-tabs .dropdown-menu {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
            margin-top: calc(var(--bs-nav-tabs-border-width)*-1)
        }

        .nav-pills {
            --bs-nav-pills-border-radius: 0.375rem;
            --bs-nav-pills-link-active-color: #fff;
            --bs-nav-pills-link-active-bg: #0d6efd
        }

        .nav-pills .nav-link {
            background: 0 0;
            border: 0;
            border-radius: var(--bs-nav-pills-border-radius)
        }

        .nav-pills .nav-link:disabled {
            background-color: transparent;
            border-color: transparent;
            color: var(--bs-nav-link-disabled-color)
        }

        .nav-pills .nav-link.active,
        .nav-pills .show>.nav-link {
            background-color: var(--bs-nav-pills-link-active-bg);
            color: var(--bs-nav-pills-link-active-color)
        }

        .nav-fill .nav-item,
        .nav-fill>.nav-link {
            flex: 1 1 auto;
            text-align: center
        }

        .nav-justified .nav-item,
        .nav-justified>.nav-link {
            flex-basis: 0;
            flex-grow: 1;
            text-align: center
        }

        .nav-fill .nav-item .nav-link,
        .nav-justified .nav-item .nav-link {
            width: 100%
        }

        .tab-content>.tab-pane {
            display: none
        }

        .tab-content>.active {
            display: block
        }

        .navbar {
            --bs-navbar-padding-x: 0;
            --bs-navbar-padding-y: 0.5rem;
            --bs-navbar-color: rgba(0, 0, 0, .55);
            --bs-navbar-hover-color: rgba(0, 0, 0, .7);
            --bs-navbar-disabled-color: rgba(0, 0, 0, .3);
            --bs-navbar-active-color: rgba(0, 0, 0, .9);
            --bs-navbar-brand-padding-y: 0.3125rem;
            --bs-navbar-brand-margin-end: 1rem;
            --bs-navbar-brand-font-size: 1.25rem;
            --bs-navbar-brand-color: rgba(0, 0, 0, .9);
            --bs-navbar-brand-hover-color: rgba(0, 0, 0, .9);
            --bs-navbar-nav-link-padding-x: 0.5rem;
            --bs-navbar-toggler-padding-y: 0.25rem;
            --bs-navbar-toggler-padding-x: 0.75rem;
            --bs-navbar-toggler-font-size: 1.25rem;
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
            --bs-navbar-toggler-border-color: rgba(0, 0, 0, .1);
            --bs-navbar-toggler-border-radius: 0.375rem;
            --bs-navbar-toggler-focus-width: 0.25rem;
            --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
            align-items: center;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
            position: relative
        }

        .navbar>.container,
        .navbar>.container-fluid,
        .navbar>.container-lg,
        .navbar>.container-md,
        .navbar>.container-sm,
        .navbar>.container-xl,
        .navbar>.container-xxl {
            align-items: center;
            display: flex;
            flex-wrap: inherit;
            justify-content: space-between
        }

        .navbar-brand {
            color: var(--bs-navbar-brand-color);
            font-size: var(--bs-navbar-brand-font-size);
            margin-right: var(--bs-navbar-brand-margin-end);
            padding-bottom: var(--bs-navbar-brand-padding-y);
            padding-top: var(--bs-navbar-brand-padding-y);
            text-decoration: none;
            white-space: nowrap
        }

        .navbar-brand:focus,
        .navbar-brand:hover {
            color: var(--bs-navbar-brand-hover-color)
        }

        .navbar-nav {
            --bs-nav-link-padding-x: 0;
            --bs-nav-link-padding-y: 0.5rem;
            --bs-nav-link-color: var(--bs-navbar-color);
            --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
            --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
            display: flex;
            flex-direction: column;
            list-style: none;
            margin-bottom: 0;
            padding-left: 0
        }

        .navbar-nav .nav-link.active,
        .navbar-nav .show>.nav-link {
            color: var(--bs-navbar-active-color)
        }

        .navbar-nav .dropdown-menu {
            position: static
        }

        .navbar-text {
            color: var(--bs-navbar-color);
            padding-bottom: .5rem;
            padding-top: .5rem
        }

        .navbar-text a,
        .navbar-text a:focus,
        .navbar-text a:hover {
            color: var(--bs-navbar-active-color)
        }

        .navbar-collapse {
            align-items: center;
            flex-basis: 100%;
            flex-grow: 1
        }

        .navbar-toggler {
            background-color: transparent;
            border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
            border-radius: var(--bs-navbar-toggler-border-radius);
            color: var(--bs-navbar-color);
            font-size: var(--bs-navbar-toggler-font-size);
            line-height: 1;
            padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
            transition: var(--bs-navbar-toggler-transition)
        }

        @media (prefers-reduced-motion:reduce) {
            .navbar-toggler {
                transition: none
            }
        }

        .navbar-toggler:hover {
            text-decoration: none
        }

        .navbar-toggler:focus {
            box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
            outline: 0;
            text-decoration: none
        }

        .navbar-toggler-icon {
            background-image: var(--bs-navbar-toggler-icon-bg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100%;
            display: inline-block;
            height: 1.5em;
            vertical-align: middle;
            width: 1.5em
        }

        .navbar-nav-scroll {
            max-height: var(--bs-scroll-height, 75vh);
            overflow-y: auto
        }

        @media (min-width:576px) {
            .navbar-expand-sm {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-sm .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-sm .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-sm .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-sm .navbar-toggler {
                display: none
            }

            .navbar-expand-sm .offcanvas {
                background-color: transparent !important;
                border: 0 !important;
                flex-grow: 1;
                height: auto !important;
                position: static;
                transform: none !important;
                transition: none;
                visibility: visible !important;
                width: auto !important;
                z-index: auto
            }

            .navbar-expand-sm .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-sm .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (min-width:768px) {
            .navbar-expand-md {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-md .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-md .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-md .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-md .navbar-toggler {
                display: none
            }

            .navbar-expand-md .offcanvas {
                background-color: transparent !important;
                border: 0 !important;
                flex-grow: 1;
                height: auto !important;
                position: static;
                transform: none !important;
                transition: none;
                visibility: visible !important;
                width: auto !important;
                z-index: auto
            }

            .navbar-expand-md .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-md .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (min-width:992px) {
            .navbar-expand-lg {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-lg .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-lg .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-lg .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-lg .navbar-toggler {
                display: none
            }

            .navbar-expand-lg .offcanvas {
                background-color: transparent !important;
                border: 0 !important;
                flex-grow: 1;
                height: auto !important;
                position: static;
                transform: none !important;
                transition: none;
                visibility: visible !important;
                width: auto !important;
                z-index: auto
            }

            .navbar-expand-lg .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-lg .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (min-width:1200px) {
            .navbar-expand-xl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-xl .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-xl .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-xl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-xl .navbar-toggler {
                display: none
            }

            .navbar-expand-xl .offcanvas {
                background-color: transparent !important;
                border: 0 !important;
                flex-grow: 1;
                height: auto !important;
                position: static;
                transform: none !important;
                transition: none;
                visibility: visible !important;
                width: auto !important;
                z-index: auto
            }

            .navbar-expand-xl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (min-width:1400px) {
            .navbar-expand-xxl {
                flex-wrap: nowrap;
                justify-content: flex-start
            }

            .navbar-expand-xxl .navbar-nav {
                flex-direction: row
            }

            .navbar-expand-xxl .navbar-nav .dropdown-menu {
                position: absolute
            }

            .navbar-expand-xxl .navbar-nav .nav-link {
                padding-left: var(--bs-navbar-nav-link-padding-x);
                padding-right: var(--bs-navbar-nav-link-padding-x)
            }

            .navbar-expand-xxl .navbar-nav-scroll {
                overflow: visible
            }

            .navbar-expand-xxl .navbar-collapse {
                display: flex !important;
                flex-basis: auto
            }

            .navbar-expand-xxl .navbar-toggler {
                display: none
            }

            .navbar-expand-xxl .offcanvas {
                background-color: transparent !important;
                border: 0 !important;
                flex-grow: 1;
                height: auto !important;
                position: static;
                transform: none !important;
                transition: none;
                visibility: visible !important;
                width: auto !important;
                z-index: auto
            }

            .navbar-expand-xxl .offcanvas .offcanvas-header {
                display: none
            }

            .navbar-expand-xxl .offcanvas .offcanvas-body {
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        .navbar-expand {
            flex-wrap: nowrap;
            justify-content: flex-start
        }

        .navbar-expand .navbar-nav {
            flex-direction: row
        }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-left: var(--bs-navbar-nav-link-padding-x);
            padding-right: var(--bs-navbar-nav-link-padding-x)
        }

        .navbar-expand .navbar-nav-scroll {
            overflow: visible
        }

        .navbar-expand .navbar-collapse {
            display: flex !important;
            flex-basis: auto
        }

        .navbar-expand .navbar-toggler {
            display: none
        }

        .navbar-expand .offcanvas {
            background-color: transparent !important;
            border: 0 !important;
            flex-grow: 1;
            height: auto !important;
            position: static;
            transform: none !important;
            transition: none;
            visibility: visible !important;
            width: auto !important;
            z-index: auto
        }

        .navbar-expand .offcanvas .offcanvas-header {
            display: none
        }

        .navbar-expand .offcanvas .offcanvas-body {
            display: flex;
            flex-grow: 0;
            overflow-y: visible;
            padding: 0
        }

        .navbar-dark {
            --bs-navbar-color: hsla(0, 0%, 100%, .55);
            --bs-navbar-hover-color: hsla(0, 0%, 100%, .75);
            --bs-navbar-disabled-color: hsla(0, 0%, 100%, .25);
            --bs-navbar-active-color: #fff;
            --bs-navbar-brand-color: #fff;
            --bs-navbar-brand-hover-color: #fff;
            --bs-navbar-toggler-border-color: hsla(0, 0%, 100%, .1);
            --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
        }

        .card {
            --bs-card-spacer-y: 1rem;
            --bs-card-spacer-x: 1rem;
            --bs-card-title-spacer-y: 0.5rem;
            --bs-card-border-width: 1px;
            --bs-card-border-color: var(--bs-border-color-translucent);
            --bs-card-border-radius: 0.375rem;
            --bs-card-box-shadow: ;
            --bs-card-inner-border-radius: calc(0.375rem - 1px);
            --bs-card-cap-padding-y: 0.5rem;
            --bs-card-cap-padding-x: 1rem;
            --bs-card-cap-bg: rgba(0, 0, 0, .03);
            --bs-card-cap-color: ;
            --bs-card-height: ;
            --bs-card-color: ;
            --bs-card-bg: #fff;
            --bs-card-img-overlay-padding: 1rem;
            --bs-card-group-margin: 0.75rem;
            word-wrap: break-word;
            background-clip: border-box;
            background-color: var(--bs-card-bg);
            border: var(--bs-card-border-width) solid var(--bs-card-border-color);
            border-radius: var(--bs-card-border-radius);
            height: var(--bs-card-height);
            min-width: 0
        }

        .card>hr {
            margin-left: 0;
            margin-right: 0
        }

        .card>.list-group {
            border-bottom: inherit;
            border-top: inherit
        }

        .card>.list-group:first-child {
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius);
            border-top-width: 0
        }

        .card>.list-group:last-child {
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
            border-bottom-right-radius: var(--bs-card-inner-border-radius);
            border-bottom-width: 0
        }

        .card>.card-header+.list-group,
        .card>.list-group+.card-footer {
            border-top: 0
        }

        .card-body {
            color: var(--bs-card-color);
            flex: 1 1 auto;
            padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x)
        }

        .card-title {
            margin-bottom: var(--bs-card-title-spacer-y)
        }

        .card-subtitle {
            margin-top: calc(var(--bs-card-title-spacer-y)*-.5)
        }

        .card-subtitle,
        .card-text:last-child {
            margin-bottom: 0
        }

        .card-link+.card-link {
            margin-left: var(--bs-card-spacer-x)
        }

        .card-header {
            background-color: var(--bs-card-cap-bg);
            border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
            color: var(--bs-card-cap-color);
            margin-bottom: 0;
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
        }

        .card-header:first-child {
            border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0
        }

        .card-footer {
            background-color: var(--bs-card-cap-bg);
            border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
            color: var(--bs-card-cap-color);
            padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x)
        }

        .card-footer:last-child {
            border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)
        }

        .card-header-tabs {
            border-bottom: 0;
            margin-bottom: calc(var(--bs-card-cap-padding-y)*-1);
            margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
            margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
        }

        .card-header-tabs .nav-link.active {
            background-color: var(--bs-card-bg);
            border-bottom-color: var(--bs-card-bg)
        }

        .card-header-pills {
            margin-left: calc(var(--bs-card-cap-padding-x)*-.5);
            margin-right: calc(var(--bs-card-cap-padding-x)*-.5)
        }

        .card-img-overlay {
            border-radius: var(--bs-card-inner-border-radius);
            bottom: 0;
            left: 0;
            padding: var(--bs-card-img-overlay-padding);
            position: absolute;
            right: 0;
            top: 0
        }

        .card-img,
        .card-img-bottom,
        .card-img-top {
            width: 100%
        }

        .card-img,
        .card-img-top {
            border-top-left-radius: var(--bs-card-inner-border-radius);
            border-top-right-radius: var(--bs-card-inner-border-radius)
        }

        .card-img,
        .card-img-bottom {
            border-bottom-left-radius: var(--bs-card-inner-border-radius);
            border-bottom-right-radius: var(--bs-card-inner-border-radius)
        }

        .card-group>.card {
            margin-bottom: var(--bs-card-group-margin)
        }

        @media (min-width:576px) {
            .card-group {
                display: flex;
                flex-flow: row wrap
            }

            .card-group>.card {
                flex: 1 0 0%;
                margin-bottom: 0
            }

            .card-group>.card+.card {
                border-left: 0;
                margin-left: 0
            }

            .card-group>.card:not(:last-child) {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0
            }

            .card-group>.card:not(:last-child) .card-header,
            .card-group>.card:not(:last-child) .card-img-top {
                border-top-right-radius: 0
            }

            .card-group>.card:not(:last-child) .card-footer,
            .card-group>.card:not(:last-child) .card-img-bottom {
                border-bottom-right-radius: 0
            }

            .card-group>.card:not(:first-child) {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0
            }

            .card-group>.card:not(:first-child) .card-header,
            .card-group>.card:not(:first-child) .card-img-top {
                border-top-left-radius: 0
            }

            .card-group>.card:not(:first-child) .card-footer,
            .card-group>.card:not(:first-child) .card-img-bottom {
                border-bottom-left-radius: 0
            }
        }

        .accordion {
            --bs-accordion-color: #000;
            --bs-accordion-bg: #fff;
            --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
            --bs-accordion-border-color: var(--bs-border-color);
            --bs-accordion-border-width: 1px;
            --bs-accordion-border-radius: 0.375rem;
            --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
            --bs-accordion-btn-padding-x: 1.25rem;
            --bs-accordion-btn-padding-y: 1rem;
            --bs-accordion-btn-color: var(--bs-body-color);
            --bs-accordion-btn-bg: var(--bs-accordion-bg);
            --bs-accordion-btn-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='var(--bs-body-color)' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
            --bs-accordion-btn-icon-width: 1.25rem;
            --bs-accordion-btn-icon-transform: rotate(-180deg);
            --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
            --bs-accordion-btn-active-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230c63e4' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
            --bs-accordion-btn-focus-border-color: #86b7fe;
            --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
            --bs-accordion-body-padding-x: 1.25rem;
            --bs-accordion-body-padding-y: 1rem;
            --bs-accordion-active-color: #0c63e4;
            --bs-accordion-active-bg: #e7f1ff
        }

        .accordion-button {
            align-items: center;
            background-color: var(--bs-accordion-btn-bg);
            border: 0;
            border-radius: 0;
            color: var(--bs-accordion-btn-color);
            display: flex;
            font-size: 1rem;
            overflow-anchor: none;
            padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
            position: relative;
            text-align: left;
            transition: var(--bs-accordion-transition);
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .accordion-button {
                transition: none
            }
        }

        .accordion-button:not(.collapsed) {
            background-color: var(--bs-accordion-active-bg);
            box-shadow: inset 0 calc(var(--bs-accordion-border-width)*-1) 0 var(--bs-accordion-border-color);
            color: var(--bs-accordion-active-color)
        }

        .accordion-button:not(.collapsed):after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform)
        }

        .accordion-button:after {
            background-image: var(--bs-accordion-btn-icon);
            background-repeat: no-repeat;
            background-size: var(--bs-accordion-btn-icon-width);
            content: "";
            flex-shrink: 0;
            height: var(--bs-accordion-btn-icon-width);
            margin-left: auto;
            transition: var(--bs-accordion-btn-icon-transition);
            width: var(--bs-accordion-btn-icon-width)
        }

        @media (prefers-reduced-motion:reduce) {
            .accordion-button:after {
                transition: none
            }
        }

        .accordion-button:hover {
            z-index: 2
        }

        .accordion-button:focus {
            border-color: var(--bs-accordion-btn-focus-border-color);
            box-shadow: var(--bs-accordion-btn-focus-box-shadow);
            outline: 0;
            z-index: 3
        }

        .accordion-header {
            margin-bottom: 0
        }

        .accordion-item {
            background-color: var(--bs-accordion-bg);
            border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
            color: var(--bs-accordion-color)
        }

        .accordion-item:first-of-type {
            border-top-left-radius: var(--bs-accordion-border-radius);
            border-top-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:first-of-type .accordion-button {
            border-top-left-radius: var(--bs-accordion-inner-border-radius);
            border-top-right-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:not(:first-of-type) {
            border-top: 0
        }

        .accordion-item:last-of-type {
            border-bottom-left-radius: var(--bs-accordion-border-radius);
            border-bottom-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-item:last-of-type .accordion-button.collapsed {
            border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
            border-bottom-right-radius: var(--bs-accordion-inner-border-radius)
        }

        .accordion-item:last-of-type .accordion-collapse {
            border-bottom-left-radius: var(--bs-accordion-border-radius);
            border-bottom-right-radius: var(--bs-accordion-border-radius)
        }

        .accordion-body {
            padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
        }

        .accordion-flush .accordion-collapse {
            border-width: 0
        }

        .accordion-flush .accordion-item {
            border-left: 0;
            border-radius: 0;
            border-right: 0
        }

        .accordion-flush .accordion-item:first-child {
            border-top: 0
        }

        .accordion-flush .accordion-item:last-child {
            border-bottom: 0
        }

        .accordion-flush .accordion-item .accordion-button {
            border-radius: 0
        }

        .breadcrumb {
            --bs-breadcrumb-padding-x: 0;
            --bs-breadcrumb-padding-y: 0;
            --bs-breadcrumb-margin-bottom: 1rem;
            --bs-breadcrumb-bg: ;
            --bs-breadcrumb-border-radius: ;
            --bs-breadcrumb-divider-color: #6c757d;
            --bs-breadcrumb-item-padding-x: 0.5rem;
            --bs-breadcrumb-item-active-color: #6c757d;
            background-color: var(--bs-breadcrumb-bg);
            border-radius: var(--bs-breadcrumb-border-radius);
            display: flex;
            flex-wrap: wrap;
            font-size: var(--bs-breadcrumb-font-size);
            list-style: none;
            margin-bottom: var(--bs-breadcrumb-margin-bottom);
            padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x)
        }

        .breadcrumb-item+.breadcrumb-item {
            padding-left: var(--bs-breadcrumb-item-padding-x)
        }

        .breadcrumb-item+.breadcrumb-item:before {
            color: var(--bs-breadcrumb-divider-color);
            content: var(--bs-breadcrumb-divider, "/");
            float: left;
            padding-right: var(--bs-breadcrumb-item-padding-x)
        }

        .breadcrumb-item.active {
            color: var(--bs-breadcrumb-item-active-color)
        }

        .pagination {
            --bs-pagination-padding-x: 0.75rem;
            --bs-pagination-padding-y: 0.375rem;
            --bs-pagination-font-size: 1rem;
            --bs-pagination-color: var(--bs-link-color);
            --bs-pagination-bg: #fff;
            --bs-pagination-border-width: 1px;
            --bs-pagination-border-color: #dee2e6;
            --bs-pagination-border-radius: 0.375rem;
            --bs-pagination-hover-color: var(--bs-link-hover-color);
            --bs-pagination-hover-bg: #e9ecef;
            --bs-pagination-hover-border-color: #dee2e6;
            --bs-pagination-focus-color: var(--bs-link-hover-color);
            --bs-pagination-focus-bg: #e9ecef;
            --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .25);
            --bs-pagination-active-color: #fff;
            --bs-pagination-active-bg: #0d6efd;
            --bs-pagination-active-border-color: #0d6efd;
            --bs-pagination-disabled-color: #6c757d;
            --bs-pagination-disabled-bg: #fff;
            --bs-pagination-disabled-border-color: #dee2e6;
            display: flex;
            list-style: none;
            padding-left: 0
        }

        .page-link {
            background-color: var(--bs-pagination-bg);
            border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
            color: var(--bs-pagination-color);
            display: block;
            font-size: var(--bs-pagination-font-size);
            padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
            position: relative;
            text-decoration: none;
            transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
        }

        @media (prefers-reduced-motion:reduce) {
            .page-link {
                transition: none
            }
        }

        .page-link:hover {
            background-color: var(--bs-pagination-hover-bg);
            border-color: var(--bs-pagination-hover-border-color);
            color: var(--bs-pagination-hover-color);
            z-index: 2
        }

        .page-link:focus {
            background-color: var(--bs-pagination-focus-bg);
            box-shadow: var(--bs-pagination-focus-box-shadow);
            color: var(--bs-pagination-focus-color);
            outline: 0;
            z-index: 3
        }

        .active>.page-link,
        .page-link.active {
            background-color: var(--bs-pagination-active-bg);
            border-color: var(--bs-pagination-active-border-color);
            color: var(--bs-pagination-active-color);
            z-index: 3
        }

        .disabled>.page-link,
        .page-link.disabled {
            background-color: var(--bs-pagination-disabled-bg);
            border-color: var(--bs-pagination-disabled-border-color);
            color: var(--bs-pagination-disabled-color);
            pointer-events: none
        }

        .page-item:not(:first-child) .page-link {
            margin-left: -1px
        }

        .page-item:first-child .page-link {
            border-bottom-left-radius: var(--bs-pagination-border-radius);
            border-top-left-radius: var(--bs-pagination-border-radius)
        }

        .page-item:last-child .page-link {
            border-bottom-right-radius: var(--bs-pagination-border-radius);
            border-top-right-radius: var(--bs-pagination-border-radius)
        }

        .pagination-lg {
            --bs-pagination-padding-x: 1.5rem;
            --bs-pagination-padding-y: 0.75rem;
            --bs-pagination-font-size: 1.25rem;
            --bs-pagination-border-radius: 0.5rem
        }

        .pagination-sm {
            --bs-pagination-padding-x: 0.5rem;
            --bs-pagination-padding-y: 0.25rem;
            --bs-pagination-font-size: 0.875rem;
            --bs-pagination-border-radius: 0.25rem
        }

        .badge {
            --bs-badge-padding-x: 0.65em;
            --bs-badge-padding-y: 0.35em;
            --bs-badge-font-size: 0.75em;
            --bs-badge-font-weight: 700;
            --bs-badge-color: #fff;
            --bs-badge-border-radius: 0.375rem;
            border-radius: var(--bs-badge-border-radius, 0);
            color: var(--bs-badge-color);
            display: inline-block;
            font-size: var(--bs-badge-font-size);
            font-weight: var(--bs-badge-font-weight);
            line-height: 1;
            padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
            text-align: center;
            vertical-align: baseline;
            white-space: nowrap
        }

        .badge:empty {
            display: none
        }

        .btn .badge {
            position: relative;
            top: -1px
        }

        .alert {
            --bs-alert-bg: transparent;
            --bs-alert-padding-x: 1rem;
            --bs-alert-padding-y: 1rem;
            --bs-alert-margin-bottom: 1rem;
            --bs-alert-color: inherit;
            --bs-alert-border-color: transparent;
            --bs-alert-border: 1px solid var(--bs-alert-border-color);
            --bs-alert-border-radius: 0.375rem;
            background-color: var(--bs-alert-bg);
            border: var(--bs-alert-border);
            border-radius: var(--bs-alert-border-radius, 0);
            color: var(--bs-alert-color);
            margin-bottom: var(--bs-alert-margin-bottom);
            padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
            position: relative
        }

        .alert-heading {
            color: inherit
        }

        .alert-link {
            font-weight: 700
        }

        .alert-dismissible {
            padding-right: 3rem
        }

        .alert-dismissible .btn-close {
            padding: 1.25rem 1rem;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 2
        }

        .alert-primary {
            --bs-alert-color: #084298;
            --bs-alert-bg: #cfe2ff;
            --bs-alert-border-color: #b6d4fe
        }

        .alert-primary .alert-link {
            color: #06357a
        }

        .alert-secondary {
            --bs-alert-color: #41464b;
            --bs-alert-bg: #e2e3e5;
            --bs-alert-border-color: #d3d6d8
        }

        .alert-secondary .alert-link {
            color: #34383c
        }

        .alert-success {
            --bs-alert-color: #0f5132;
            --bs-alert-bg: #d1e7dd;
            --bs-alert-border-color: #badbcc
        }

        .alert-success .alert-link {
            color: #0c4128
        }

        .alert-info {
            --bs-alert-color: #055160;
            --bs-alert-bg: #cff4fc;
            --bs-alert-border-color: #b6effb
        }

        .alert-info .alert-link {
            color: #04414d
        }

        .alert-warning {
            --bs-alert-color: #664d03;
            --bs-alert-bg: #fff3cd;
            --bs-alert-border-color: #ffecb5
        }

        .alert-warning .alert-link {
            color: #523e02
        }

        .alert-danger {
            --bs-alert-color: #842029;
            --bs-alert-bg: #f8d7da;
            --bs-alert-border-color: #f5c2c7
        }

        .alert-danger .alert-link {
            color: #6a1a21
        }

        .alert-light {
            --bs-alert-color: #636464;
            --bs-alert-bg: #fefefe;
            --bs-alert-border-color: #fdfdfe
        }

        .alert-light .alert-link {
            color: #4f5050
        }

        .alert-dark {
            --bs-alert-color: #141619;
            --bs-alert-bg: #d3d3d4;
            --bs-alert-border-color: #bcbebf
        }

        .alert-dark .alert-link {
            color: #101214
        }

        @keyframes progress-bar-stripes {
            0% {
                background-position-x: 1rem
            }
        }

        .progress {
            --bs-progress-height: 1rem;
            --bs-progress-font-size: 0.75rem;
            --bs-progress-bg: #e9ecef;
            --bs-progress-border-radius: 0.375rem;
            --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
            --bs-progress-bar-color: #fff;
            --bs-progress-bar-bg: #0d6efd;
            --bs-progress-bar-transition: width 0.6s ease;
            background-color: var(--bs-progress-bg);
            border-radius: var(--bs-progress-border-radius);
            font-size: var(--bs-progress-font-size);
            height: var(--bs-progress-height)
        }

        .progress,
        .progress-bar {
            display: flex;
            overflow: hidden
        }

        .progress-bar {
            background-color: var(--bs-progress-bar-bg);
            color: var(--bs-progress-bar-color);
            flex-direction: column;
            justify-content: center;
            text-align: center;
            transition: var(--bs-progress-bar-transition);
            white-space: nowrap
        }

        @media (prefers-reduced-motion:reduce) {
            .progress-bar {
                transition: none
            }
        }

        .progress-bar-striped {
            background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
            background-size: var(--bs-progress-height) var(--bs-progress-height)
        }

        .progress-bar-animated {
            animation: progress-bar-stripes 1s linear infinite
        }

        @media (prefers-reduced-motion:reduce) {
            .progress-bar-animated {
                animation: none
            }
        }

        .list-group {
            --bs-list-group-color: #212529;
            --bs-list-group-bg: #fff;
            --bs-list-group-border-color: rgba(0, 0, 0, .125);
            --bs-list-group-border-width: 1px;
            --bs-list-group-border-radius: 0.375rem;
            --bs-list-group-item-padding-x: 1rem;
            --bs-list-group-item-padding-y: 0.5rem;
            --bs-list-group-action-color: #495057;
            --bs-list-group-action-hover-color: #495057;
            --bs-list-group-action-hover-bg: #f8f9fa;
            --bs-list-group-action-active-color: #212529;
            --bs-list-group-action-active-bg: #e9ecef;
            --bs-list-group-disabled-color: #6c757d;
            --bs-list-group-disabled-bg: #fff;
            --bs-list-group-active-color: #fff;
            --bs-list-group-active-bg: #0d6efd;
            --bs-list-group-active-border-color: #0d6efd;
            border-radius: var(--bs-list-group-border-radius);
            display: flex;
            flex-direction: column;
            margin-bottom: 0;
            padding-left: 0
        }

        .list-group-numbered {
            counter-reset: section;
            list-style-type: none
        }

        .list-group-numbered>.list-group-item:before {
            content: counters(section, ".") ". ";
            counter-increment: section
        }

        .list-group-item-action {
            color: var(--bs-list-group-action-color);
            text-align: inherit;
            width: 100%
        }

        .list-group-item-action:focus,
        .list-group-item-action:hover {
            background-color: var(--bs-list-group-action-hover-bg);
            color: var(--bs-list-group-action-hover-color);
            text-decoration: none;
            z-index: 1
        }

        .list-group-item-action:active {
            background-color: var(--bs-list-group-action-active-bg);
            color: var(--bs-list-group-action-active-color)
        }

        .list-group-item {
            background-color: var(--bs-list-group-bg);
            border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
            color: var(--bs-list-group-color);
            display: block;
            padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
            position: relative;
            text-decoration: none
        }

        .list-group-item:first-child {
            border-top-left-radius: inherit;
            border-top-right-radius: inherit
        }

        .list-group-item:last-child {
            border-bottom-left-radius: inherit;
            border-bottom-right-radius: inherit
        }

        .list-group-item.disabled,
        .list-group-item:disabled {
            background-color: var(--bs-list-group-disabled-bg);
            color: var(--bs-list-group-disabled-color);
            pointer-events: none
        }

        .list-group-item.active {
            background-color: var(--bs-list-group-active-bg);
            border-color: var(--bs-list-group-active-border-color);
            color: var(--bs-list-group-active-color);
            z-index: 2
        }

        .list-group-item+.list-group-item {
            border-top-width: 0
        }

        .list-group-item+.list-group-item.active {
            border-top-width: var(--bs-list-group-border-width);
            margin-top: calc(var(--bs-list-group-border-width)*-1)
        }

        .list-group-horizontal {
            flex-direction: row
        }

        .list-group-horizontal>.list-group-item:first-child {
            border-bottom-left-radius: var(--bs-list-group-border-radius);
            border-top-right-radius: 0
        }

        .list-group-horizontal>.list-group-item:last-child {
            border-bottom-left-radius: 0;
            border-top-right-radius: var(--bs-list-group-border-radius)
        }

        .list-group-horizontal>.list-group-item.active {
            margin-top: 0
        }

        .list-group-horizontal>.list-group-item+.list-group-item {
            border-left-width: 0;
            border-top-width: var(--bs-list-group-border-width)
        }

        .list-group-horizontal>.list-group-item+.list-group-item.active {
            border-left-width: var(--bs-list-group-border-width);
            margin-left: calc(var(--bs-list-group-border-width)*-1)
        }

        @media (min-width:576px) {
            .list-group-horizontal-sm {
                flex-direction: row
            }

            .list-group-horizontal-sm>.list-group-item:first-child {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-sm>.list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-sm>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-sm>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:768px) {
            .list-group-horizontal-md {
                flex-direction: row
            }

            .list-group-horizontal-md>.list-group-item:first-child {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-md>.list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-md>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-md>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-md>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:992px) {
            .list-group-horizontal-lg {
                flex-direction: row
            }

            .list-group-horizontal-lg>.list-group-item:first-child {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-lg>.list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-lg>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-lg>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:1200px) {
            .list-group-horizontal-xl {
                flex-direction: row
            }

            .list-group-horizontal-xl>.list-group-item:first-child {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xl>.list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-xl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xl>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        @media (min-width:1400px) {
            .list-group-horizontal-xxl {
                flex-direction: row
            }

            .list-group-horizontal-xxl>.list-group-item:first-child {
                border-bottom-left-radius: var(--bs-list-group-border-radius);
                border-top-right-radius: 0
            }

            .list-group-horizontal-xxl>.list-group-item:last-child {
                border-bottom-left-radius: 0;
                border-top-right-radius: var(--bs-list-group-border-radius)
            }

            .list-group-horizontal-xxl>.list-group-item.active {
                margin-top: 0
            }

            .list-group-horizontal-xxl>.list-group-item+.list-group-item {
                border-left-width: 0;
                border-top-width: var(--bs-list-group-border-width)
            }

            .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
                border-left-width: var(--bs-list-group-border-width);
                margin-left: calc(var(--bs-list-group-border-width)*-1)
            }
        }

        .list-group-flush {
            border-radius: 0
        }

        .list-group-flush>.list-group-item {
            border-width: 0 0 var(--bs-list-group-border-width)
        }

        .list-group-flush>.list-group-item:last-child {
            border-bottom-width: 0
        }

        .list-group-item-primary {
            background-color: #cfe2ff;
            color: #084298
        }

        .list-group-item-primary.list-group-item-action:focus,
        .list-group-item-primary.list-group-item-action:hover {
            background-color: #bacbe6;
            color: #084298
        }

        .list-group-item-primary.list-group-item-action.active {
            background-color: #084298;
            border-color: #084298;
            color: #fff
        }

        .list-group-item-secondary {
            background-color: #e2e3e5;
            color: #41464b
        }

        .list-group-item-secondary.list-group-item-action:focus,
        .list-group-item-secondary.list-group-item-action:hover {
            background-color: #cbccce;
            color: #41464b
        }

        .list-group-item-secondary.list-group-item-action.active {
            background-color: #41464b;
            border-color: #41464b;
            color: #fff
        }

        .list-group-item-success {
            background-color: #d1e7dd;
            color: #0f5132
        }

        .list-group-item-success.list-group-item-action:focus,
        .list-group-item-success.list-group-item-action:hover {
            background-color: #bcd0c7;
            color: #0f5132
        }

        .list-group-item-success.list-group-item-action.active {
            background-color: #0f5132;
            border-color: #0f5132;
            color: #fff
        }

        .list-group-item-info {
            background-color: #cff4fc;
            color: #055160
        }

        .list-group-item-info.list-group-item-action:focus,
        .list-group-item-info.list-group-item-action:hover {
            background-color: #badce3;
            color: #055160
        }

        .list-group-item-info.list-group-item-action.active {
            background-color: #055160;
            border-color: #055160;
            color: #fff
        }

        .list-group-item-warning {
            background-color: #fff3cd;
            color: #664d03
        }

        .list-group-item-warning.list-group-item-action:focus,
        .list-group-item-warning.list-group-item-action:hover {
            background-color: #e6dbb9;
            color: #664d03
        }

        .list-group-item-warning.list-group-item-action.active {
            background-color: #664d03;
            border-color: #664d03;
            color: #fff
        }

        .list-group-item-danger {
            background-color: #f8d7da;
            color: #842029
        }

        .list-group-item-danger.list-group-item-action:focus,
        .list-group-item-danger.list-group-item-action:hover {
            background-color: #dfc2c4;
            color: #842029
        }

        .list-group-item-danger.list-group-item-action.active {
            background-color: #842029;
            border-color: #842029;
            color: #fff
        }

        .list-group-item-light {
            background-color: #fefefe;
            color: #636464
        }

        .list-group-item-light.list-group-item-action:focus,
        .list-group-item-light.list-group-item-action:hover {
            background-color: #e5e5e5;
            color: #636464
        }

        .list-group-item-light.list-group-item-action.active {
            background-color: #636464;
            border-color: #636464;
            color: #fff
        }

        .list-group-item-dark {
            background-color: #d3d3d4;
            color: #141619
        }

        .list-group-item-dark.list-group-item-action:focus,
        .list-group-item-dark.list-group-item-action:hover {
            background-color: #bebebf;
            color: #141619
        }

        .list-group-item-dark.list-group-item-action.active {
            background-color: #141619;
            border-color: #141619;
            color: #fff
        }

        .btn-close {
            background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E") 50%/1em auto no-repeat;
            border: 0;
            border-radius: .375rem;
            box-sizing: content-box;
            color: #000;
            height: 1em;
            opacity: .5;
            padding: .25em;
            width: 1em
        }

        .btn-close:hover {
            color: #000;
            opacity: .75;
            text-decoration: none
        }

        .btn-close:focus {
            box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
            opacity: 1;
            outline: 0
        }

        .btn-close.disabled,
        .btn-close:disabled {
            opacity: .25;
            pointer-events: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            user-select: none
        }

        .btn-close-white {
            filter: invert(1) grayscale(100%) brightness(200%)
        }

        .toast {
            --bs-toast-padding-x: 0.75rem;
            --bs-toast-padding-y: 0.5rem;
            --bs-toast-spacing: 1.5rem;
            --bs-toast-max-width: 350px;
            --bs-toast-font-size: 0.875rem;
            --bs-toast-color: ;
            --bs-toast-bg: hsla(0, 0%, 100%, .85);
            --bs-toast-border-width: 1px;
            --bs-toast-border-color: var(--bs-border-color-translucent);
            --bs-toast-border-radius: 0.375rem;
            --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
            --bs-toast-header-color: #6c757d;
            --bs-toast-header-bg: hsla(0, 0%, 100%, .85);
            --bs-toast-header-border-color: rgba(0, 0, 0, .05);
            background-clip: padding-box;
            background-color: var(--bs-toast-bg);
            border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
            border-radius: var(--bs-toast-border-radius);
            box-shadow: var(--bs-toast-box-shadow);
            color: var(--bs-toast-color);
            font-size: var(--bs-toast-font-size);
            max-width: 100%;
            pointer-events: auto;
            width: var(--bs-toast-max-width)
        }

        .toast.showing {
            opacity: 0
        }

        .toast:not(.show) {
            display: none
        }

        .toast-container {
            max-width: 100%;
            pointer-events: none;
            position: absolute;
            width: -moz-max-content;
            width: max-content;
            z-index: 1090
        }

        .toast-container>:not(:last-child) {
            margin-bottom: var(--bs-toast-spacing)
        }

        .toast-header {
            align-items: center;
            background-clip: padding-box;
            background-color: var(--bs-toast-header-bg);
            border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
            border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
            border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
            color: var(--bs-toast-header-color);
            display: flex;
            padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x)
        }

        .toast-header .btn-close {
            margin-left: var(--bs-toast-padding-x);
            margin-right: calc(var(--bs-toast-padding-x)*-.5)
        }

        .toast-body {
            word-wrap: break-word;
            padding: var(--bs-toast-padding-x)
        }

        .modal {
            --bs-modal-zindex: 1055;
            --bs-modal-width: 500px;
            --bs-modal-padding: 1rem;
            --bs-modal-margin: 0.5rem;
            --bs-modal-color: ;
            --bs-modal-bg: #fff;
            --bs-modal-border-color: var(--bs-border-color-translucent);
            --bs-modal-border-width: 1px;
            --bs-modal-border-radius: 0.5rem;
            --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
            --bs-modal-inner-border-radius: calc(0.5rem - 1px);
            --bs-modal-header-padding-x: 1rem;
            --bs-modal-header-padding-y: 1rem;
            --bs-modal-header-padding: 1rem 1rem;
            --bs-modal-header-border-color: var(--bs-border-color);
            --bs-modal-header-border-width: 1px;
            --bs-modal-title-line-height: 1.5;
            --bs-modal-footer-gap: 0.5rem;
            --bs-modal-footer-bg: ;
            --bs-modal-footer-border-color: var(--bs-border-color);
            --bs-modal-footer-border-width: 1px;
            display: none;
            height: 100%;
            left: 0;
            outline: 0;
            overflow-x: hidden;
            overflow-y: auto;
            position: fixed;
            top: 0;
            width: 100%;
            z-index: var(--bs-modal-zindex)
        }

        .modal-dialog {
            margin: var(--bs-modal-margin);
            pointer-events: none;
            position: relative;
            width: auto
        }

        .modal.fade .modal-dialog {
            transform: translateY(-50px);
            transition: transform .3s ease-out
        }

        @media (prefers-reduced-motion:reduce) {
            .modal.fade .modal-dialog {
                transition: none
            }
        }

        .modal.show .modal-dialog {
            transform: none
        }

        .modal.modal-static .modal-dialog {
            transform: scale(1.02)
        }

        .modal-dialog-scrollable {
            height: calc(100% - var(--bs-modal-margin)*2)
        }

        .modal-dialog-scrollable .modal-content {
            max-height: 100%;
            overflow: hidden
        }

        .modal-dialog-scrollable .modal-body {
            overflow-y: auto
        }

        .modal-dialog-centered {
            align-items: center;
            display: flex;
            min-height: calc(100% - var(--bs-modal-margin)*2)
        }

        .modal-content {
            background-clip: padding-box;
            background-color: var(--bs-modal-bg);
            border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
            border-radius: var(--bs-modal-border-radius);
            color: var(--bs-modal-color);
            display: flex;
            flex-direction: column;
            outline: 0;
            pointer-events: auto;
            position: relative;
            width: 100%
        }

        .modal-backdrop {
            --bs-backdrop-zindex: 1050;
            --bs-backdrop-bg: #000;
            --bs-backdrop-opacity: 0.5;
            background-color: var(--bs-backdrop-bg);
            height: 100vh;
            left: 0;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: var(--bs-backdrop-zindex)
        }

        .modal-backdrop.fade {
            opacity: 0
        }

        .modal-backdrop.show {
            opacity: var(--bs-backdrop-opacity)
        }

        .modal-header {
            align-items: center;
            border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
            border-top-left-radius: var(--bs-modal-inner-border-radius);
            border-top-right-radius: var(--bs-modal-inner-border-radius);
            display: flex;
            flex-shrink: 0;
            justify-content: space-between;
            padding: var(--bs-modal-header-padding)
        }

        .modal-header .btn-close {
            margin: calc(var(--bs-modal-header-padding-y)*-.5) calc(var(--bs-modal-header-padding-x)*-.5) calc(var(--bs-modal-header-padding-y)*-.5) auto;
            padding: calc(var(--bs-modal-header-padding-y)*.5) calc(var(--bs-modal-header-padding-x)*.5)
        }

        .modal-title {
            line-height: var(--bs-modal-title-line-height);
            margin-bottom: 0
        }

        .modal-body {
            flex: 1 1 auto;
            padding: var(--bs-modal-padding);
            position: relative
        }

        .modal-footer {
            align-items: center;
            background-color: var(--bs-modal-footer-bg);
            border-bottom-left-radius: var(--bs-modal-inner-border-radius);
            border-bottom-right-radius: var(--bs-modal-inner-border-radius);
            border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
            display: flex;
            flex-shrink: 0;
            flex-wrap: wrap;
            justify-content: flex-end;
            padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap)*.5)
        }

        .modal-footer>* {
            margin: calc(var(--bs-modal-footer-gap)*.5)
        }

        @media (min-width:576px) {
            .modal {
                --bs-modal-margin: 1.75rem;
                --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15)
            }

            .modal-dialog {
                margin-left: auto;
                margin-right: auto;
                max-width: var(--bs-modal-width)
            }

            .modal-sm {
                --bs-modal-width: 300px
            }
        }

        @media (min-width:992px) {

            .modal-lg,
            .modal-xl {
                --bs-modal-width: 800px
            }
        }

        @media (min-width:1200px) {
            .modal-xl {
                --bs-modal-width: 1140px
            }
        }

        .modal-fullscreen {
            height: 100%;
            margin: 0;
            max-width: none;
            width: 100vw
        }

        .modal-fullscreen .modal-content {
            border: 0;
            border-radius: 0;
            height: 100%
        }

        .modal-fullscreen .modal-footer,
        .modal-fullscreen .modal-header {
            border-radius: 0
        }

        .modal-fullscreen .modal-body {
            overflow-y: auto
        }

        @media (max-width:575.98px) {
            .modal-fullscreen-sm-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-sm-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-sm-down .modal-footer,
            .modal-fullscreen-sm-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-sm-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:767.98px) {
            .modal-fullscreen-md-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-md-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-md-down .modal-footer,
            .modal-fullscreen-md-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-md-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:991.98px) {
            .modal-fullscreen-lg-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-lg-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-lg-down .modal-footer,
            .modal-fullscreen-lg-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-lg-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1199.98px) {
            .modal-fullscreen-xl-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-xl-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-xl-down .modal-footer,
            .modal-fullscreen-xl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xl-down .modal-body {
                overflow-y: auto
            }
        }

        @media (max-width:1399.98px) {
            .modal-fullscreen-xxl-down {
                height: 100%;
                margin: 0;
                max-width: none;
                width: 100vw
            }

            .modal-fullscreen-xxl-down .modal-content {
                border: 0;
                border-radius: 0;
                height: 100%
            }

            .modal-fullscreen-xxl-down .modal-footer,
            .modal-fullscreen-xxl-down .modal-header {
                border-radius: 0
            }

            .modal-fullscreen-xxl-down .modal-body {
                overflow-y: auto
            }
        }

        .tooltip {
            --bs-tooltip-zindex: 1080;
            --bs-tooltip-max-width: 200px;
            --bs-tooltip-padding-x: 0.5rem;
            --bs-tooltip-padding-y: 0.25rem;
            --bs-tooltip-margin: ;
            --bs-tooltip-font-size: 0.875rem;
            --bs-tooltip-color: #fff;
            --bs-tooltip-bg: #000;
            --bs-tooltip-border-radius: 0.375rem;
            --bs-tooltip-opacity: 0.9;
            --bs-tooltip-arrow-width: 0.8rem;
            --bs-tooltip-arrow-height: 0.4rem;
            word-wrap: break-word;
            display: block;
            font-family: var(--bs-font-sans-serif);
            font-size: var(--bs-tooltip-font-size);
            font-style: normal;
            font-weight: 400;
            letter-spacing: normal;
            line-break: auto;
            line-height: 1.5;
            margin: var(--bs-tooltip-margin);
            opacity: 0;
            padding: var(--bs-tooltip-arrow-height);
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            white-space: normal;
            word-break: normal;
            word-spacing: normal;
            z-index: var(--bs-tooltip-zindex)
        }

        .tooltip.show {
            opacity: var(--bs-tooltip-opacity)
        }

        .tooltip .tooltip-arrow {
            display: block;
            height: var(--bs-tooltip-arrow-height);
            width: var(--bs-tooltip-arrow-width)
        }

        .tooltip .tooltip-arrow:before {
            border-color: transparent;
            border-style: solid;
            content: "";
            position: absolute
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
        .bs-tooltip-top .tooltip-arrow {
            bottom: 0
        }

        .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow:before,
        .bs-tooltip-top .tooltip-arrow:before {
            border-top-color: var(--bs-tooltip-bg);
            border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
            top: -1px
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
        .bs-tooltip-end .tooltip-arrow {
            height: var(--bs-tooltip-arrow-width);
            left: 0;
            width: var(--bs-tooltip-arrow-height)
        }

        .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow:before,
        .bs-tooltip-end .tooltip-arrow:before {
            border-right-color: var(--bs-tooltip-bg);
            border-width: calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width)*.5) 0;
            right: -1px
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
        .bs-tooltip-bottom .tooltip-arrow {
            top: 0
        }

        .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow:before,
        .bs-tooltip-bottom .tooltip-arrow:before {
            border-bottom-color: var(--bs-tooltip-bg);
            border-width: 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
            bottom: -1px
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
        .bs-tooltip-start .tooltip-arrow {
            height: var(--bs-tooltip-arrow-width);
            right: 0;
            width: var(--bs-tooltip-arrow-height)
        }

        .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow:before,
        .bs-tooltip-start .tooltip-arrow:before {
            border-left-color: var(--bs-tooltip-bg);
            border-width: calc(var(--bs-tooltip-arrow-width)*.5) 0 calc(var(--bs-tooltip-arrow-width)*.5) var(--bs-tooltip-arrow-height);
            left: -1px
        }

        .tooltip-inner {
            background-color: var(--bs-tooltip-bg);
            border-radius: var(--bs-tooltip-border-radius, 0);
            color: var(--bs-tooltip-color);
            max-width: var(--bs-tooltip-max-width);
            padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
            text-align: center
        }

        .popover {
            --bs-popover-zindex: 1070;
            --bs-popover-max-width: 276px;
            --bs-popover-font-size: 0.875rem;
            --bs-popover-bg: #fff;
            --bs-popover-border-width: 1px;
            --bs-popover-border-color: var(--bs-border-color-translucent);
            --bs-popover-border-radius: 0.5rem;
            --bs-popover-inner-border-radius: calc(0.5rem - 1px);
            --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
            --bs-popover-header-padding-x: 1rem;
            --bs-popover-header-padding-y: 0.5rem;
            --bs-popover-header-font-size: 1rem;
            --bs-popover-header-color: var(--bs-heading-color);
            --bs-popover-header-bg: #f0f0f0;
            --bs-popover-body-padding-x: 1rem;
            --bs-popover-body-padding-y: 1rem;
            --bs-popover-body-color: #212529;
            --bs-popover-arrow-width: 1rem;
            --bs-popover-arrow-height: 0.5rem;
            --bs-popover-arrow-border: var(--bs-popover-border-color);
            word-wrap: break-word;
            background-clip: padding-box;
            background-color: var(--bs-popover-bg);
            border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
            border-radius: var(--bs-popover-border-radius);
            display: block;
            font-family: var(--bs-font-sans-serif);
            font-size: var(--bs-popover-font-size);
            font-style: normal;
            font-weight: 400;
            letter-spacing: normal;
            line-break: auto;
            line-height: 1.5;
            max-width: var(--bs-popover-max-width);
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            white-space: normal;
            word-break: normal;
            word-spacing: normal;
            z-index: var(--bs-popover-zindex)
        }

        .popover .popover-arrow {
            display: block;
            height: var(--bs-popover-arrow-height);
            width: var(--bs-popover-arrow-width)
        }

        .popover .popover-arrow:after,
        .popover .popover-arrow:before {
            border: 0 solid transparent;
            content: "";
            display: block;
            position: absolute
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow,
        .bs-popover-top>.popover-arrow {
            bottom: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width))
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
        .bs-popover-top>.popover-arrow:after,
        .bs-popover-top>.popover-arrow:before {
            border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:before,
        .bs-popover-top>.popover-arrow:before {
            border-top-color: var(--bs-popover-arrow-border);
            bottom: 0
        }

        .bs-popover-auto[data-popper-placement^=top]>.popover-arrow:after,
        .bs-popover-top>.popover-arrow:after {
            border-top-color: var(--bs-popover-bg);
            bottom: var(--bs-popover-border-width)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow,
        .bs-popover-end>.popover-arrow {
            height: var(--bs-popover-arrow-width);
            left: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width));
            width: var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
        .bs-popover-end>.popover-arrow:after,
        .bs-popover-end>.popover-arrow:before {
            border-width: calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width)*.5) 0
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:before,
        .bs-popover-end>.popover-arrow:before {
            border-right-color: var(--bs-popover-arrow-border);
            left: 0
        }

        .bs-popover-auto[data-popper-placement^=right]>.popover-arrow:after,
        .bs-popover-end>.popover-arrow:after {
            border-right-color: var(--bs-popover-bg);
            left: var(--bs-popover-border-width)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,
        .bs-popover-bottom>.popover-arrow {
            top: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width))
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
        .bs-popover-bottom>.popover-arrow:after,
        .bs-popover-bottom>.popover-arrow:before {
            border-width: 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:before,
        .bs-popover-bottom>.popover-arrow:before {
            border-bottom-color: var(--bs-popover-arrow-border);
            top: 0
        }

        .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow:after,
        .bs-popover-bottom>.popover-arrow:after {
            border-bottom-color: var(--bs-popover-bg);
            top: var(--bs-popover-border-width)
        }

        .bs-popover-auto[data-popper-placement^=bottom] .popover-header:before,
        .bs-popover-bottom .popover-header:before {
            border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
            content: "";
            display: block;
            left: 50%;
            margin-left: calc(var(--bs-popover-arrow-width)*-.5);
            position: absolute;
            top: 0;
            width: var(--bs-popover-arrow-width)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow,
        .bs-popover-start>.popover-arrow {
            height: var(--bs-popover-arrow-width);
            right: calc(var(--bs-popover-arrow-height)*-1 - var(--bs-popover-border-width));
            width: var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
        .bs-popover-start>.popover-arrow:after,
        .bs-popover-start>.popover-arrow:before {
            border-width: calc(var(--bs-popover-arrow-width)*.5) 0 calc(var(--bs-popover-arrow-width)*.5) var(--bs-popover-arrow-height)
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:before,
        .bs-popover-start>.popover-arrow:before {
            border-left-color: var(--bs-popover-arrow-border);
            right: 0
        }

        .bs-popover-auto[data-popper-placement^=left]>.popover-arrow:after,
        .bs-popover-start>.popover-arrow:after {
            border-left-color: var(--bs-popover-bg);
            right: var(--bs-popover-border-width)
        }

        .popover-header {
            background-color: var(--bs-popover-header-bg);
            border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
            border-top-left-radius: var(--bs-popover-inner-border-radius);
            border-top-right-radius: var(--bs-popover-inner-border-radius);
            color: var(--bs-popover-header-color);
            font-size: var(--bs-popover-header-font-size);
            margin-bottom: 0;
            padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x)
        }

        .popover-header:empty {
            display: none
        }

        .popover-body {
            color: var(--bs-popover-body-color);
            padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x)
        }

        .carousel {
            position: relative
        }

        .carousel.pointer-event {
            touch-action: pan-y
        }

        .carousel-inner {
            overflow: hidden;
            position: relative;
            width: 100%
        }

        .carousel-inner:after {
            clear: both;
            content: "";
            display: block
        }

        .carousel-item {
            backface-visibility: hidden;
            display: none;
            float: left;
            margin-right: -100%;
            position: relative;
            transition: transform .6s ease-in-out;
            width: 100%
        }

        @media (prefers-reduced-motion:reduce) {
            .carousel-item {
                transition: none
            }
        }

        .carousel-item-next,
        .carousel-item-prev,
        .carousel-item.active {
            display: block
        }

        .active.carousel-item-end,
        .active.carousel-item-start,
        .carousel-item-next:not(.carousel-item-start),
        .carousel-item-prev:not(.carousel-item-end) {
            transform: translateX(100%)
        }

        .carousel-fade .carousel-item {
            opacity: 0;
            transform: none;
            transition-property: opacity
        }

        .carousel-fade .carousel-item-next.carousel-item-start,
        .carousel-fade .carousel-item-prev.carousel-item-end,
        .carousel-fade .carousel-item.active {
            opacity: 1;
            z-index: 1
        }

        .carousel-fade .active.carousel-item-end,
        .carousel-fade .active.carousel-item-start {
            opacity: 0;
            transition: opacity 0s .6s;
            z-index: 0
        }

        @media (prefers-reduced-motion:reduce) {

            .carousel-fade .active.carousel-item-end,
            .carousel-fade .active.carousel-item-start {
                transition: none
            }
        }

        .carousel-control-next,
        .carousel-control-prev {
            align-items: center;
            background: 0 0;
            border: 0;
            bottom: 0;
            color: #fff;
            display: flex;
            justify-content: center;
            opacity: .5;
            padding: 0;
            position: absolute;
            text-align: center;
            top: 0;
            transition: opacity .15s ease;
            width: 15%;
            z-index: 1
        }

        @media (prefers-reduced-motion:reduce) {

            .carousel-control-next,
            .carousel-control-prev {
                transition: none
            }
        }

        .carousel-control-next:focus,
        .carousel-control-next:hover,
        .carousel-control-prev:focus,
        .carousel-control-prev:hover {
            color: #fff;
            opacity: .9;
            outline: 0;
            text-decoration: none
        }

        .carousel-control-prev {
            left: 0
        }

        .carousel-control-next {
            right: 0
        }

        .carousel-control-next-icon,
        .carousel-control-prev-icon {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            display: inline-block;
            height: 2rem;
            width: 2rem
        }

        .carousel-control-prev-icon {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E")
        }

        .carousel-control-next-icon {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")
        }

        .carousel-indicators {
            bottom: 0;
            display: flex;
            justify-content: center;
            left: 0;
            list-style: none;
            margin-bottom: 1rem;
            margin-left: 15%;
            margin-right: 15%;
            padding: 0;
            position: absolute;
            right: 0;
            z-index: 2
        }

        .carousel-indicators [data-bs-target] {
            background-clip: padding-box;
            background-color: #fff;
            border: 0;
            border-bottom: 10px solid transparent;
            border-top: 10px solid transparent;
            box-sizing: content-box;
            cursor: pointer;
            flex: 0 1 auto;
            height: 3px;
            margin-left: 3px;
            margin-right: 3px;
            opacity: .5;
            padding: 0;
            text-indent: -999px;
            transition: opacity .6s ease;
            width: 30px
        }

        @media (prefers-reduced-motion:reduce) {
            .carousel-indicators [data-bs-target] {
                transition: none
            }
        }

        .carousel-indicators .active {
            opacity: 1
        }

        .carousel-caption {
            bottom: 1.25rem;
            color: #fff;
            left: 15%;
            padding-bottom: 1.25rem;
            padding-top: 1.25rem;
            position: absolute;
            right: 15%;
            text-align: center
        }

        .carousel-dark .carousel-control-next-icon,
        .carousel-dark .carousel-control-prev-icon {
            filter: invert(1) grayscale(100)
        }

        .carousel-dark .carousel-indicators [data-bs-target] {
            background-color: #000
        }

        .carousel-dark .carousel-caption {
            color: #000
        }

        .spinner-border,
        .spinner-grow {
            animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
            border-radius: 50%;
            display: inline-block;
            height: var(--bs-spinner-height);
            vertical-align: var(--bs-spinner-vertical-align);
            width: var(--bs-spinner-width)
        }

        @keyframes spinner-border {
            to {
                transform: rotate(1turn)
            }
        }

        .spinner-border {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-border-width: 0.25em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-border;
            border-right-color: currentcolor;
            border: var(--bs-spinner-border-width) solid;
            border-right: var(--bs-spinner-border-width) solid transparent
        }

        .spinner-border-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem;
            --bs-spinner-border-width: 0.2em
        }

        @keyframes spinner-grow {
            0% {
                transform: scale(0)
            }

            50% {
                opacity: 1;
                transform: none
            }
        }

        .spinner-grow {
            --bs-spinner-width: 2rem;
            --bs-spinner-height: 2rem;
            --bs-spinner-vertical-align: -0.125em;
            --bs-spinner-animation-speed: 0.75s;
            --bs-spinner-animation-name: spinner-grow;
            background-color: currentcolor;
            opacity: 0
        }

        .spinner-grow-sm {
            --bs-spinner-width: 1rem;
            --bs-spinner-height: 1rem
        }

        @media (prefers-reduced-motion:reduce) {

            .spinner-border,
            .spinner-grow {
                --bs-spinner-animation-speed: 1.5s
            }
        }

        .offcanvas,
        .offcanvas-lg,
        .offcanvas-md,
        .offcanvas-sm,
        .offcanvas-xl,
        .offcanvas-xxl {
            --bs-offcanvas-width: 400px;
            --bs-offcanvas-height: 30vh;
            --bs-offcanvas-padding-x: 1rem;
            --bs-offcanvas-padding-y: 1rem;
            --bs-offcanvas-color: ;
            --bs-offcanvas-bg: #fff;
            --bs-offcanvas-border-width: 1px;
            --bs-offcanvas-border-color: var(--bs-border-color-translucent);
            --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075)
        }

        @media (max-width:575.98px) {
            .offcanvas-sm {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: transform .3s ease-in-out;
                visibility: hidden;
                z-index: 1045
            }
        }

        @media (max-width:575.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-sm {
                transition: none
            }
        }

        @media (max-width:575.98px) {

            .offcanvas-sm.show:not(.hiding),
            .offcanvas-sm.showing {
                transform: none
            }

            .offcanvas-sm.hiding,
            .offcanvas-sm.show,
            .offcanvas-sm.showing {
                visibility: visible
            }

            .offcanvas-sm.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0
            }

            .offcanvas-sm.offcanvas-end,
            .offcanvas-sm.offcanvas-start {
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-sm.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0
            }

            .offcanvas-sm.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-sm.offcanvas-bottom,
            .offcanvas-sm.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-sm.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }
        }

        @media (min-width:576px) {
            .offcanvas-sm {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-sm .offcanvas-header {
                display: none
            }

            .offcanvas-sm .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:767.98px) {
            .offcanvas-md {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: transform .3s ease-in-out;
                visibility: hidden;
                z-index: 1045
            }
        }

        @media (max-width:767.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-md {
                transition: none
            }
        }

        @media (max-width:767.98px) {

            .offcanvas-md.show:not(.hiding),
            .offcanvas-md.showing {
                transform: none
            }

            .offcanvas-md.hiding,
            .offcanvas-md.show,
            .offcanvas-md.showing {
                visibility: visible
            }

            .offcanvas-md.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0
            }

            .offcanvas-md.offcanvas-end,
            .offcanvas-md.offcanvas-start {
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-md.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0
            }

            .offcanvas-md.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-md.offcanvas-bottom,
            .offcanvas-md.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-md.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }
        }

        @media (min-width:768px) {
            .offcanvas-md {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-md .offcanvas-header {
                display: none
            }

            .offcanvas-md .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:991.98px) {
            .offcanvas-lg {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: transform .3s ease-in-out;
                visibility: hidden;
                z-index: 1045
            }
        }

        @media (max-width:991.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-lg {
                transition: none
            }
        }

        @media (max-width:991.98px) {

            .offcanvas-lg.show:not(.hiding),
            .offcanvas-lg.showing {
                transform: none
            }

            .offcanvas-lg.hiding,
            .offcanvas-lg.show,
            .offcanvas-lg.showing {
                visibility: visible
            }

            .offcanvas-lg.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0
            }

            .offcanvas-lg.offcanvas-end,
            .offcanvas-lg.offcanvas-start {
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-lg.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0
            }

            .offcanvas-lg.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-lg.offcanvas-bottom,
            .offcanvas-lg.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-lg.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }
        }

        @media (min-width:992px) {
            .offcanvas-lg {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-lg .offcanvas-header {
                display: none
            }

            .offcanvas-lg .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:1199.98px) {
            .offcanvas-xl {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: transform .3s ease-in-out;
                visibility: hidden;
                z-index: 1045
            }
        }

        @media (max-width:1199.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xl {
                transition: none
            }
        }

        @media (max-width:1199.98px) {

            .offcanvas-xl.show:not(.hiding),
            .offcanvas-xl.showing {
                transform: none
            }

            .offcanvas-xl.hiding,
            .offcanvas-xl.show,
            .offcanvas-xl.showing {
                visibility: visible
            }

            .offcanvas-xl.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0
            }

            .offcanvas-xl.offcanvas-end,
            .offcanvas-xl.offcanvas-start {
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-xl.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0
            }

            .offcanvas-xl.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-xl.offcanvas-bottom,
            .offcanvas-xl.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-xl.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }
        }

        @media (min-width:1200px) {
            .offcanvas-xl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xl .offcanvas-header {
                display: none
            }

            .offcanvas-xl .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        @media (max-width:1399.98px) {
            .offcanvas-xxl {
                background-clip: padding-box;
                background-color: var(--bs-offcanvas-bg);
                bottom: 0;
                color: var(--bs-offcanvas-color);
                display: flex;
                flex-direction: column;
                max-width: 100%;
                outline: 0;
                position: fixed;
                transition: transform .3s ease-in-out;
                visibility: hidden;
                z-index: 1045
            }
        }

        @media (max-width:1399.98px) and (prefers-reduced-motion:reduce) {
            .offcanvas-xxl {
                transition: none
            }
        }

        @media (max-width:1399.98px) {

            .offcanvas-xxl.show:not(.hiding),
            .offcanvas-xxl.showing {
                transform: none
            }

            .offcanvas-xxl.hiding,
            .offcanvas-xxl.show,
            .offcanvas-xxl.showing {
                visibility: visible
            }

            .offcanvas-xxl.offcanvas-start {
                border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                left: 0
            }

            .offcanvas-xxl.offcanvas-end,
            .offcanvas-xxl.offcanvas-start {
                top: 0;
                transform: translateX(100%);
                width: var(--bs-offcanvas-width)
            }

            .offcanvas-xxl.offcanvas-end {
                border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                right: 0
            }

            .offcanvas-xxl.offcanvas-top {
                border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                top: 0;
                transform: translateY(-100%)
            }

            .offcanvas-xxl.offcanvas-bottom,
            .offcanvas-xxl.offcanvas-top {
                height: var(--bs-offcanvas-height);
                left: 0;
                max-height: 100%;
                right: 0
            }

            .offcanvas-xxl.offcanvas-bottom {
                border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
                transform: translateY(100%)
            }
        }

        @media (min-width:1400px) {
            .offcanvas-xxl {
                --bs-offcanvas-height: auto;
                --bs-offcanvas-border-width: 0;
                background-color: transparent !important
            }

            .offcanvas-xxl .offcanvas-header {
                display: none
            }

            .offcanvas-xxl .offcanvas-body {
                background-color: transparent !important;
                display: flex;
                flex-grow: 0;
                overflow-y: visible;
                padding: 0
            }
        }

        .offcanvas {
            background-clip: padding-box;
            background-color: var(--bs-offcanvas-bg);
            bottom: 0;
            color: var(--bs-offcanvas-color);
            display: flex;
            flex-direction: column;
            max-width: 100%;
            outline: 0;
            position: fixed;
            transition: transform .3s ease-in-out;
            visibility: hidden;
            z-index: 1045
        }

        @media (prefers-reduced-motion:reduce) {
            .offcanvas {
                transition: none
            }
        }

        .offcanvas.show:not(.hiding),
        .offcanvas.showing {
            transform: none
        }

        .offcanvas.hiding,
        .offcanvas.show,
        .offcanvas.showing {
            visibility: visible
        }

        .offcanvas.offcanvas-start {
            border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            left: 0
        }

        .offcanvas.offcanvas-end,
        .offcanvas.offcanvas-start {
            top: 0;
            transform: translateX(100%);
            width: var(--bs-offcanvas-width)
        }

        .offcanvas.offcanvas-end {
            border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            right: 0
        }

        .offcanvas.offcanvas-top {
            border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            top: 0;
            transform: translateY(-100%)
        }

        .offcanvas.offcanvas-bottom,
        .offcanvas.offcanvas-top {
            height: var(--bs-offcanvas-height);
            left: 0;
            max-height: 100%;
            right: 0
        }

        .offcanvas.offcanvas-bottom {
            border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
            transform: translateY(100%)
        }

        .offcanvas-backdrop {
            background-color: #000;
            height: 100vh;
            left: 0;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 1040
        }

        .offcanvas-backdrop.fade {
            opacity: 0
        }

        .offcanvas-backdrop.show {
            opacity: .5
        }

        .offcanvas-header {
            align-items: center;
            display: flex;
            justify-content: space-between;
            padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
        }

        .offcanvas-header .btn-close {
            margin-bottom: calc(var(--bs-offcanvas-padding-y)*-.5);
            margin-right: calc(var(--bs-offcanvas-padding-x)*-.5);
            margin-top: calc(var(--bs-offcanvas-padding-y)*-.5);
            padding: calc(var(--bs-offcanvas-padding-y)*.5) calc(var(--bs-offcanvas-padding-x)*.5)
        }

        .offcanvas-title {
            line-height: 1.5;
            margin-bottom: 0
        }

        .offcanvas-body {
            flex-grow: 1;
            overflow-y: auto;
            padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)
        }

        .placeholder {
            background-color: currentcolor;
            cursor: wait;
            display: inline-block;
            min-height: 1em;
            opacity: .5;
            vertical-align: middle
        }

        .placeholder.btn:before {
            content: "";
            display: inline-block
        }

        .placeholder-xs {
            min-height: .6em
        }

        .placeholder-sm {
            min-height: .8em
        }

        .placeholder-lg {
            min-height: 1.2em
        }

        .placeholder-glow .placeholder {
            animation: placeholder-glow 2s ease-in-out infinite
        }

        @keyframes placeholder-glow {
            50% {
                opacity: .2
            }
        }

        .placeholder-wave {
            animation: placeholder-wave 2s linear infinite;
            -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
            mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, .8) 75%, #000 95%);
            -webkit-mask-size: 200% 100%;
            mask-size: 200% 100%
        }

        @keyframes placeholder-wave {
            to {
                -webkit-mask-position: -200% 0;
                mask-position: -200% 0
            }
        }

        .clearfix:after {
            clear: both;
            content: "";
            display: block
        }

        .text-bg-primary {
            background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
            color: #fff !important
        }

        .text-bg-secondary {
            background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
            color: #fff !important
        }

        .text-bg-success {
            background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
            color: #fff !important
        }

        .text-bg-info {
            background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
            color: #000 !important
        }

        .text-bg-warning {
            background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
            color: #000 !important
        }

        .text-bg-danger {
            background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
            color: #fff !important
        }

        .text-bg-light {
            background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
            color: #000 !important
        }

        .text-bg-dark {
            background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
            color: #fff !important
        }

        .link-primary {
            color: #0d6efd !important
        }

        .link-primary:focus,
        .link-primary:hover {
            color: #0a58ca !important
        }

        .link-secondary {
            color: #6c757d !important
        }

        .link-secondary:focus,
        .link-secondary:hover {
            color: #565e64 !important
        }

        .link-success {
            color: #198754 !important
        }

        .link-success:focus,
        .link-success:hover {
            color: #146c43 !important
        }

        .link-info {
            color: #0dcaf0 !important
        }

        .link-info:focus,
        .link-info:hover {
            color: #3dd5f3 !important
        }

        .link-warning {
            color: #ffc107 !important
        }

        .link-warning:focus,
        .link-warning:hover {
            color: #ffcd39 !important
        }

        .link-danger {
            color: #dc3545 !important
        }

        .link-danger:focus,
        .link-danger:hover {
            color: #b02a37 !important
        }

        .link-light {
            color: #f8f9fa !important
        }

        .link-light:focus,
        .link-light:hover {
            color: #f9fafb !important
        }

        .link-dark {
            color: #212529 !important
        }

        .link-dark:focus,
        .link-dark:hover {
            color: #1a1e21 !important
        }

        .ratio {
            position: relative;
            width: 100%
        }

        .ratio:before {
            content: "";
            display: block;
            padding-top: var(--bs-aspect-ratio)
        }

        .ratio>* {
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%
        }

        .ratio-1x1 {
            --bs-aspect-ratio: 100%
        }

        .ratio-4x3 {
            --bs-aspect-ratio: 75%
        }

        .ratio-16x9 {
            --bs-aspect-ratio: 56.25%
        }

        .ratio-21x9 {
            --bs-aspect-ratio: 42.8571428571%
        }

        .fixed-top {
            top: 0
        }

        .fixed-bottom,
        .fixed-top {
            left: 0;
            position: fixed;
            right: 0;
            z-index: 1030
        }

        .fixed-bottom {
            bottom: 0
        }

        .sticky-top {
            top: 0
        }

        .sticky-bottom,
        .sticky-top {
            position: sticky;
            z-index: 1020
        }

        .sticky-bottom {
            bottom: 0
        }

        @media (min-width:576px) {
            .sticky-sm-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-sm-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:768px) {
            .sticky-md-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-md-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:992px) {
            .sticky-lg-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-lg-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:1200px) {
            .sticky-xl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xl-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        @media (min-width:1400px) {
            .sticky-xxl-top {
                position: sticky;
                top: 0;
                z-index: 1020
            }

            .sticky-xxl-bottom {
                bottom: 0;
                position: sticky;
                z-index: 1020
            }
        }

        .hstack {
            align-items: center;
            flex-direction: row
        }

        .hstack,
        .vstack {
            align-self: stretch;
            display: flex
        }

        .vstack {
            flex: 1 1 auto;
            flex-direction: column
        }

        .visually-hidden,
        .visually-hidden-focusable:not(:focus):not(:focus-within) {
            clip: rect(0, 0, 0, 0) !important;
            border: 0 !important;
            height: 1px !important;
            margin: -1px !important;
            overflow: hidden !important;
            padding: 0 !important;
            position: absolute !important;
            white-space: nowrap !important;
            width: 1px !important
        }

        .stretched-link:after {
            bottom: 0;
            content: "";
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1
        }

        .text-truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .vr {
            align-self: stretch;
            background-color: currentcolor;
            display: inline-block;
            min-height: 1em;
            opacity: .25;
            width: 1px
        }

        .align-baseline {
            vertical-align: baseline !important
        }

        .align-top {
            vertical-align: top !important
        }

        .align-middle {
            vertical-align: middle !important
        }

        .align-bottom {
            vertical-align: bottom !important
        }

        .align-text-bottom {
            vertical-align: text-bottom !important
        }

        .align-text-top {
            vertical-align: text-top !important
        }

        .float-start {
            float: left !important
        }

        .float-end {
            float: right !important
        }

        .float-none {
            float: none !important
        }

        .opacity-0 {
            opacity: 0 !important
        }

        .opacity-25 {
            opacity: .25 !important
        }

        .opacity-50 {
            opacity: .5 !important
        }

        .opacity-75 {
            opacity: .75 !important
        }

        .opacity-100 {
            opacity: 1 !important
        }

        .overflow-auto {
            overflow: auto !important
        }

        .overflow-hidden {
            overflow: hidden !important
        }

        .overflow-visible {
            overflow: visible !important
        }

        .overflow-scroll {
            overflow: scroll !important
        }

        .d-inline {
            display: inline !important
        }

        .d-inline-block {
            display: inline-block !important
        }

        .d-block {
            display: block !important
        }

        .d-grid {
            display: grid !important
        }

        .d-table {
            display: table !important
        }

        .d-table-row {
            display: table-row !important
        }

        .d-table-cell {
            display: table-cell !important
        }

        .d-flex {
            display: flex !important
        }

        .d-inline-flex {
            display: inline-flex !important
        }

        .d-none {
            display: none !important
        }

        .shadow {
            box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
        }

        .shadow-sm {
            box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
        }

        .shadow-lg {
            box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
        }

        .shadow-none {
            box-shadow: none !important
        }

        .position-static {
            position: static !important
        }

        .position-relative {
            position: relative !important
        }

        .position-absolute {
            position: absolute !important
        }

        .position-fixed {
            position: fixed !important
        }

        .position-sticky {
            position: sticky !important
        }

        .top-0 {
            top: 0 !important
        }

        .top-50 {
            top: 50% !important
        }

        .top-100 {
            top: 100% !important
        }

        .bottom-0 {
            bottom: 0 !important
        }

        .bottom-50 {
            bottom: 50% !important
        }

        .bottom-100 {
            bottom: 100% !important
        }

        .start-0 {
            left: 0 !important
        }

        .start-50 {
            left: 50% !important
        }

        .start-100 {
            left: 100% !important
        }

        .end-0 {
            right: 0 !important
        }

        .end-50 {
            right: 50% !important
        }

        .end-100 {
            right: 100% !important
        }

        .translate-middle {
            transform: translate(-50%, -50%) !important
        }

        .translate-middle-x {
            transform: translateX(-50%) !important
        }

        .translate-middle-y {
            transform: translateY(-50%) !important
        }

        .border {
            border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-0 {
            border: 0 !important
        }

        .border-top {
            border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-top-0 {
            border-top: 0 !important
        }

        .border-end {
            border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-end-0 {
            border-right: 0 !important
        }

        .border-bottom {
            border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-bottom-0 {
            border-bottom: 0 !important
        }

        .border-start {
            border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important
        }

        .border-start-0 {
            border-left: 0 !important
        }

        .border-primary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important
        }

        .border-secondary {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important
        }

        .border-success {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important
        }

        .border-info {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important
        }

        .border-warning {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important
        }

        .border-danger {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important
        }

        .border-light {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important
        }

        .border-dark {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important
        }

        .border-white {
            --bs-border-opacity: 1;
            border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important
        }

        .border-1 {
            --bs-border-width: 1px
        }

        .border-2 {
            --bs-border-width: 2px
        }

        .border-3 {
            --bs-border-width: 3px
        }

        .border-4 {
            --bs-border-width: 4px
        }

        .border-5 {
            --bs-border-width: 5px
        }

        .border-opacity-10 {
            --bs-border-opacity: 0.1
        }

        .border-opacity-25 {
            --bs-border-opacity: 0.25
        }

        .border-opacity-50 {
            --bs-border-opacity: 0.5
        }

        .border-opacity-75 {
            --bs-border-opacity: 0.75
        }

        .border-opacity-100 {
            --bs-border-opacity: 1
        }

        .w-25 {
            width: 25% !important
        }

        .w-50 {
            width: 50% !important
        }

        .w-75 {
            width: 75% !important
        }

        .w-100 {
            width: 100% !important
        }

        .w-auto {
            width: auto !important
        }

        .mw-100 {
            max-width: 100% !important
        }

        .vw-100 {
            width: 100vw !important
        }

        .min-vw-100 {
            min-width: 100vw !important
        }

        .h-25 {
            height: 25% !important
        }

        .h-50 {
            height: 50% !important
        }

        .h-75 {
            height: 75% !important
        }

        .h-100 {
            height: 100% !important
        }

        .h-auto {
            height: auto !important
        }

        .mh-100 {
            max-height: 100% !important
        }

        .vh-100 {
            height: 100vh !important
        }

        .min-vh-100 {
            min-height: 100vh !important
        }

        .flex-fill {
            flex: 1 1 auto !important
        }

        .flex-row {
            flex-direction: row !important
        }

        .flex-column {
            flex-direction: column !important
        }

        .flex-row-reverse {
            flex-direction: row-reverse !important
        }

        .flex-column-reverse {
            flex-direction: column-reverse !important
        }

        .flex-grow-0 {
            flex-grow: 0 !important
        }

        .flex-grow-1 {
            flex-grow: 1 !important
        }

        .flex-shrink-0 {
            flex-shrink: 0 !important
        }

        .flex-shrink-1 {
            flex-shrink: 1 !important
        }

        .flex-wrap {
            flex-wrap: wrap !important
        }

        .flex-nowrap {
            flex-wrap: nowrap !important
        }

        .flex-wrap-reverse {
            flex-wrap: wrap-reverse !important
        }

        .justify-content-start {
            justify-content: flex-start !important
        }

        .justify-content-end {
            justify-content: flex-end !important
        }

        .justify-content-center {
            justify-content: center !important
        }

        .justify-content-between {
            justify-content: space-between !important
        }

        .justify-content-around {
            justify-content: space-around !important
        }

        .justify-content-evenly {
            justify-content: space-evenly !important
        }

        .align-items-start {
            align-items: flex-start !important
        }

        .align-items-end {
            align-items: flex-end !important
        }

        .align-items-center {
            align-items: center !important
        }

        .align-items-baseline {
            align-items: baseline !important
        }

        .align-items-stretch {
            align-items: stretch !important
        }

        .align-content-start {
            align-content: flex-start !important
        }

        .align-content-end {
            align-content: flex-end !important
        }

        .align-content-center {
            align-content: center !important
        }

        .align-content-between {
            align-content: space-between !important
        }

        .align-content-around {
            align-content: space-around !important
        }

        .align-content-stretch {
            align-content: stretch !important
        }

        .align-self-auto {
            align-self: auto !important
        }

        .align-self-start {
            align-self: flex-start !important
        }

        .align-self-end {
            align-self: flex-end !important
        }

        .align-self-center {
            align-self: center !important
        }

        .align-self-baseline {
            align-self: baseline !important
        }

        .align-self-stretch {
            align-self: stretch !important
        }

        .order-first {
            order: -1 !important
        }

        .order-0 {
            order: 0 !important
        }

        .order-1 {
            order: 1 !important
        }

        .order-2 {
            order: 2 !important
        }

        .order-3 {
            order: 3 !important
        }

        .order-4 {
            order: 4 !important
        }

        .order-5 {
            order: 5 !important
        }

        .order-last {
            order: 6 !important
        }

        .m-0 {
            margin: 0 !important
        }

        .m-1 {
            margin: .25rem !important
        }

        .m-2 {
            margin: .5rem !important
        }

        .m-3 {
            margin: 1rem !important
        }

        .m-4 {
            margin: 1.5rem !important
        }

        .m-5 {
            margin: 3rem !important
        }

        .m-auto {
            margin: auto !important
        }

        .mx-0 {
            margin-left: 0 !important;
            margin-right: 0 !important
        }

        .mx-1 {
            margin-left: .25rem !important;
            margin-right: .25rem !important
        }

        .mx-2 {
            margin-left: .5rem !important;
            margin-right: .5rem !important
        }

        .mx-3 {
            margin-left: 1rem !important;
            margin-right: 1rem !important
        }

        .mx-4 {
            margin-left: 1.5rem !important;
            margin-right: 1.5rem !important
        }

        .mx-5 {
            margin-left: 3rem !important;
            margin-right: 3rem !important
        }

        .mx-auto {
            margin-left: auto !important;
            margin-right: auto !important
        }

        .my-0 {
            margin-bottom: 0 !important;
            margin-top: 0 !important
        }

        .my-1 {
            margin-bottom: .25rem !important;
            margin-top: .25rem !important
        }

        .my-2 {
            margin-bottom: .5rem !important;
            margin-top: .5rem !important
        }

        .my-3 {
            margin-bottom: 1rem !important;
            margin-top: 1rem !important
        }

        .my-4 {
            margin-bottom: 1.5rem !important;
            margin-top: 1.5rem !important
        }

        .my-5 {
            margin-bottom: 3rem !important;
            margin-top: 3rem !important
        }

        .my-auto {
            margin-bottom: auto !important;
            margin-top: auto !important
        }

        .mt-0 {
            margin-top: 0 !important
        }

        .mt-1 {
            margin-top: .25rem !important
        }

        .mt-2 {
            margin-top: .5rem !important
        }

        .mt-3 {
            margin-top: 1rem !important
        }

        .mt-4 {
            margin-top: 1.5rem !important
        }

        .mt-5 {
            margin-top: 3rem !important
        }

        .mt-auto {
            margin-top: auto !important
        }

        .me-0 {
            margin-right: 0 !important
        }

        .me-1 {
            margin-right: .25rem !important
        }

        .me-2 {
            margin-right: .5rem !important
        }

        .me-3 {
            margin-right: 1rem !important
        }

        .me-4 {
            margin-right: 1.5rem !important
        }

        .me-5 {
            margin-right: 3rem !important
        }

        .me-auto {
            margin-right: auto !important
        }

        .mb-0 {
            margin-bottom: 0 !important
        }

        .mb-1 {
            margin-bottom: .25rem !important
        }

        .mb-2 {
            margin-bottom: .5rem !important
        }

        .mb-3 {
            margin-bottom: 1rem !important
        }

        .mb-4 {
            margin-bottom: 1.5rem !important
        }

        .mb-5 {
            margin-bottom: 3rem !important
        }

        .mb-auto {
            margin-bottom: auto !important
        }

        .ms-0 {
            margin-left: 0 !important
        }

        .ms-1 {
            margin-left: .25rem !important
        }

        .ms-2 {
            margin-left: .5rem !important
        }

        .ms-3 {
            margin-left: 1rem !important
        }

        .ms-4 {
            margin-left: 1.5rem !important
        }

        .ms-5 {
            margin-left: 3rem !important
        }

        .ms-auto {
            margin-left: auto !important
        }

        .p-0 {
            padding: 0 !important
        }

        .p-1 {
            padding: .25rem !important
        }

        .p-2 {
            padding: .5rem !important
        }

        .p-3 {
            padding: 1rem !important
        }

        .p-4 {
            padding: 1.5rem !important
        }

        .p-5 {
            padding: 3rem !important
        }

        .px-0 {
            padding-left: 0 !important;
            padding-right: 0 !important
        }

        .px-1 {
            padding-left: .25rem !important;
            padding-right: .25rem !important
        }

        .px-2 {
            padding-left: .5rem !important;
            padding-right: .5rem !important
        }

        .px-3 {
            padding-left: 1rem !important;
            padding-right: 1rem !important
        }

        .px-4 {
            padding-left: 1.5rem !important;
            padding-right: 1.5rem !important
        }

        .px-5 {
            padding-left: 3rem !important;
            padding-right: 3rem !important
        }

        .py-0 {
            padding-bottom: 0 !important;
            padding-top: 0 !important
        }

        .py-1 {
            padding-bottom: .25rem !important;
            padding-top: .25rem !important
        }

        .py-2 {
            padding-bottom: .5rem !important;
            padding-top: .5rem !important
        }

        .py-3 {
            padding-bottom: 1rem !important;
            padding-top: 1rem !important
        }

        .py-4 {
            padding-bottom: 1.5rem !important;
            padding-top: 1.5rem !important
        }

        .py-5 {
            padding-bottom: 3rem !important;
            padding-top: 3rem !important
        }

        .pt-0 {
            padding-top: 0 !important
        }

        .pt-1 {
            padding-top: .25rem !important
        }

        .pt-2 {
            padding-top: .5rem !important
        }

        .pt-3 {
            padding-top: 1rem !important
        }

        .pt-4 {
            padding-top: 1.5rem !important
        }

        .pt-5 {
            padding-top: 3rem !important
        }

        .pe-0 {
            padding-right: 0 !important
        }

        .pe-1 {
            padding-right: .25rem !important
        }

        .pe-2 {
            padding-right: .5rem !important
        }

        .pe-3 {
            padding-right: 1rem !important
        }

        .pe-4 {
            padding-right: 1.5rem !important
        }

        .pe-5 {
            padding-right: 3rem !important
        }

        .pb-0 {
            padding-bottom: 0 !important
        }

        .pb-1 {
            padding-bottom: .25rem !important
        }

        .pb-2 {
            padding-bottom: .5rem !important
        }

        .pb-3 {
            padding-bottom: 1rem !important
        }

        .pb-4 {
            padding-bottom: 1.5rem !important
        }

        .pb-5 {
            padding-bottom: 3rem !important
        }

        .ps-0 {
            padding-left: 0 !important
        }

        .ps-1 {
            padding-left: .25rem !important
        }

        .ps-2 {
            padding-left: .5rem !important
        }

        .ps-3 {
            padding-left: 1rem !important
        }

        .ps-4 {
            padding-left: 1.5rem !important
        }

        .ps-5 {
            padding-left: 3rem !important
        }

        .gap-0 {
            gap: 0 !important
        }

        .gap-1 {
            gap: .25rem !important
        }

        .gap-2 {
            gap: .5rem !important
        }

        .gap-3 {
            gap: 1rem !important
        }

        .gap-4 {
            gap: 1.5rem !important
        }

        .gap-5 {
            gap: 3rem !important
        }

        .font-monospace {
            font-family: var(--bs-font-monospace) !important
        }

        .fs-1 {
            font-size: calc(1.375rem + 1.5vw) !important
        }

        .fs-2 {
            font-size: calc(1.325rem + .9vw) !important
        }

        .fs-3 {
            font-size: calc(1.3rem + .6vw) !important
        }

        .fs-4 {
            font-size: calc(1.275rem + .3vw) !important
        }

        .fs-5 {
            font-size: 1.25rem !important
        }

        .fs-6 {
            font-size: 1rem !important
        }

        .fst-italic {
            font-style: italic !important
        }

        .fst-normal {
            font-style: normal !important
        }

        .fw-light {
            font-weight: 300 !important
        }

        .fw-lighter {
            font-weight: lighter !important
        }

        .fw-normal {
            font-weight: 400 !important
        }

        .fw-bold {
            font-weight: 700 !important
        }

        .fw-semibold {
            font-weight: 600 !important
        }

        .fw-bolder {
            font-weight: bolder !important
        }

        .lh-1 {
            line-height: 1 !important
        }

        .lh-sm {
            line-height: 1.25 !important
        }

        .lh-base {
            line-height: 1.5 !important
        }

        .lh-lg {
            line-height: 2 !important
        }

        .text-start {
            text-align: left !important
        }

        .text-end {
            text-align: right !important
        }

        .text-center {
            text-align: center !important
        }

        .text-decoration-none {
            text-decoration: none !important
        }

        .text-decoration-underline {
            text-decoration: underline !important
        }

        .text-decoration-line-through {
            text-decoration: line-through !important
        }

        .text-lowercase {
            text-transform: lowercase !important
        }

        .text-uppercase {
            text-transform: uppercase !important
        }

        .text-capitalize {
            text-transform: capitalize !important
        }

        .text-wrap {
            white-space: normal !important
        }

        .text-nowrap {
            white-space: nowrap !important
        }

        .text-break {
            word-wrap: break-word !important;
            word-break: break-word !important
        }

        .text-primary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
        }

        .text-secondary {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
        }

        .text-success {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
        }

        .text-info {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
        }

        .text-warning {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
        }

        .text-danger {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
        }

        .text-light {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
        }

        .text-dark {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
        }

        .text-black {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
        }

        .text-white {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
        }

        .text-body {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
        }

        .text-muted {
            --bs-text-opacity: 1;
            color: rgba(var(--bs-body-color-rgb), .75) !important
        }

        .text-black-50 {
            --bs-text-opacity: 1;
            color: rgba(0, 0, 0, .5) !important
        }

        .text-white-50 {
            --bs-text-opacity: 1;
            color: hsla(0, 0%, 100%, .5) !important
        }

        .text-reset {
            --bs-text-opacity: 1;
            color: inherit !important
        }

        .text-opacity-25 {
            --bs-text-opacity: 0.25
        }

        .text-opacity-50 {
            --bs-text-opacity: 0.5
        }

        .text-opacity-75 {
            --bs-text-opacity: 0.75
        }

        .text-opacity-100 {
            --bs-text-opacity: 1
        }

        .bg-primary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-secondary {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-success {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-info {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-warning {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-danger {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-light {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-dark {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-black {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-white {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-body {
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
        }

        .bg-transparent {
            --bs-bg-opacity: 1;
            background-color: transparent !important
        }

        .bg-opacity-10 {
            --bs-bg-opacity: 0.1
        }

        .bg-opacity-25 {
            --bs-bg-opacity: 0.25
        }

        .bg-opacity-50 {
            --bs-bg-opacity: 0.5
        }

        .bg-opacity-75 {
            --bs-bg-opacity: 0.75
        }

        .bg-opacity-100 {
            --bs-bg-opacity: 1
        }

        .bg-gradient {
            background-image: var(--bs-gradient) !important
        }

        .user-select-all {
            -webkit-user-select: all !important;
            -moz-user-select: all !important;
            user-select: all !important
        }

        .user-select-auto {
            -webkit-user-select: auto !important;
            -moz-user-select: auto !important;
            user-select: auto !important
        }

        .user-select-none {
            -webkit-user-select: none !important;
            -moz-user-select: none !important;
            user-select: none !important
        }

        .pe-none {
            pointer-events: none !important
        }

        .pe-auto {
            pointer-events: auto !important
        }

        .rounded {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-0 {
            border-radius: 0 !important
        }

        .rounded-1 {
            border-radius: var(--bs-border-radius-sm) !important
        }

        .rounded-2 {
            border-radius: var(--bs-border-radius) !important
        }

        .rounded-3 {
            border-radius: var(--bs-border-radius-lg) !important
        }

        .rounded-4 {
            border-radius: var(--bs-border-radius-xl) !important
        }

        .rounded-5 {
            border-radius: var(--bs-border-radius-2xl) !important
        }

        .rounded-circle {
            border-radius: 50% !important
        }

        .rounded-pill {
            border-radius: var(--bs-border-radius-pill) !important
        }

        .rounded-top {
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .rounded-end,
        .rounded-top {
            border-top-right-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom,
        .rounded-end {
            border-bottom-right-radius: var(--bs-border-radius) !important
        }

        .rounded-bottom,
        .rounded-start {
            border-bottom-left-radius: var(--bs-border-radius) !important
        }

        .rounded-start {
            border-top-left-radius: var(--bs-border-radius) !important
        }

        .visible {
            visibility: visible !important
        }

        .invisible {
            visibility: hidden !important
        }

        @media (min-width:576px) {
            .float-sm-start {
                float: left !important
            }

            .float-sm-end {
                float: right !important
            }

            .float-sm-none {
                float: none !important
            }

            .d-sm-inline {
                display: inline !important
            }

            .d-sm-inline-block {
                display: inline-block !important
            }

            .d-sm-block {
                display: block !important
            }

            .d-sm-grid {
                display: grid !important
            }

            .d-sm-table {
                display: table !important
            }

            .d-sm-table-row {
                display: table-row !important
            }

            .d-sm-table-cell {
                display: table-cell !important
            }

            .d-sm-flex {
                display: flex !important
            }

            .d-sm-inline-flex {
                display: inline-flex !important
            }

            .d-sm-none {
                display: none !important
            }

            .flex-sm-fill {
                flex: 1 1 auto !important
            }

            .flex-sm-row {
                flex-direction: row !important
            }

            .flex-sm-column {
                flex-direction: column !important
            }

            .flex-sm-row-reverse {
                flex-direction: row-reverse !important
            }

            .flex-sm-column-reverse {
                flex-direction: column-reverse !important
            }

            .flex-sm-grow-0 {
                flex-grow: 0 !important
            }

            .flex-sm-grow-1 {
                flex-grow: 1 !important
            }

            .flex-sm-shrink-0 {
                flex-shrink: 0 !important
            }

            .flex-sm-shrink-1 {
                flex-shrink: 1 !important
            }

            .flex-sm-wrap {
                flex-wrap: wrap !important
            }

            .flex-sm-nowrap {
                flex-wrap: nowrap !important
            }

            .flex-sm-wrap-reverse {
                flex-wrap: wrap-reverse !important
            }

            .justify-content-sm-start {
                justify-content: flex-start !important
            }

            .justify-content-sm-end {
                justify-content: flex-end !important
            }

            .justify-content-sm-center {
                justify-content: center !important
            }

            .justify-content-sm-between {
                justify-content: space-between !important
            }

            .justify-content-sm-around {
                justify-content: space-around !important
            }

            .justify-content-sm-evenly {
                justify-content: space-evenly !important
            }

            .align-items-sm-start {
                align-items: flex-start !important
            }

            .align-items-sm-end {
                align-items: flex-end !important
            }

            .align-items-sm-center {
                align-items: center !important
            }

            .align-items-sm-baseline {
                align-items: baseline !important
            }

            .align-items-sm-stretch {
                align-items: stretch !important
            }

            .align-content-sm-start {
                align-content: flex-start !important
            }

            .align-content-sm-end {
                align-content: flex-end !important
            }

            .align-content-sm-center {
                align-content: center !important
            }

            .align-content-sm-between {
                align-content: space-between !important
            }

            .align-content-sm-around {
                align-content: space-around !important
            }

            .align-content-sm-stretch {
                align-content: stretch !important
            }

            .align-self-sm-auto {
                align-self: auto !important
            }

            .align-self-sm-start {
                align-self: flex-start !important
            }

            .align-self-sm-end {
                align-self: flex-end !important
            }

            .align-self-sm-center {
                align-self: center !important
            }

            .align-self-sm-baseline {
                align-self: baseline !important
            }

            .align-self-sm-stretch {
                align-self: stretch !important
            }

            .order-sm-first {
                order: -1 !important
            }

            .order-sm-0 {
                order: 0 !important
            }

            .order-sm-1 {
                order: 1 !important
            }

            .order-sm-2 {
                order: 2 !important
            }

            .order-sm-3 {
                order: 3 !important
            }

            .order-sm-4 {
                order: 4 !important
            }

            .order-sm-5 {
                order: 5 !important
            }

            .order-sm-last {
                order: 6 !important
            }

            .m-sm-0 {
                margin: 0 !important
            }

            .m-sm-1 {
                margin: .25rem !important
            }

            .m-sm-2 {
                margin: .5rem !important
            }

            .m-sm-3 {
                margin: 1rem !important
            }

            .m-sm-4 {
                margin: 1.5rem !important
            }

            .m-sm-5 {
                margin: 3rem !important
            }

            .m-sm-auto {
                margin: auto !important
            }

            .mx-sm-0 {
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .mx-sm-1 {
                margin-left: .25rem !important;
                margin-right: .25rem !important
            }

            .mx-sm-2 {
                margin-left: .5rem !important;
                margin-right: .5rem !important
            }

            .mx-sm-3 {
                margin-left: 1rem !important;
                margin-right: 1rem !important
            }

            .mx-sm-4 {
                margin-left: 1.5rem !important;
                margin-right: 1.5rem !important
            }

            .mx-sm-5 {
                margin-left: 3rem !important;
                margin-right: 3rem !important
            }

            .mx-sm-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-sm-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-sm-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-sm-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-sm-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-sm-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-sm-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-sm-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-sm-0 {
                margin-top: 0 !important
            }

            .mt-sm-1 {
                margin-top: .25rem !important
            }

            .mt-sm-2 {
                margin-top: .5rem !important
            }

            .mt-sm-3 {
                margin-top: 1rem !important
            }

            .mt-sm-4 {
                margin-top: 1.5rem !important
            }

            .mt-sm-5 {
                margin-top: 3rem !important
            }

            .mt-sm-auto {
                margin-top: auto !important
            }

            .me-sm-0 {
                margin-right: 0 !important
            }

            .me-sm-1 {
                margin-right: .25rem !important
            }

            .me-sm-2 {
                margin-right: .5rem !important
            }

            .me-sm-3 {
                margin-right: 1rem !important
            }

            .me-sm-4 {
                margin-right: 1.5rem !important
            }

            .me-sm-5 {
                margin-right: 3rem !important
            }

            .me-sm-auto {
                margin-right: auto !important
            }

            .mb-sm-0 {
                margin-bottom: 0 !important
            }

            .mb-sm-1 {
                margin-bottom: .25rem !important
            }

            .mb-sm-2 {
                margin-bottom: .5rem !important
            }

            .mb-sm-3 {
                margin-bottom: 1rem !important
            }

            .mb-sm-4 {
                margin-bottom: 1.5rem !important
            }

            .mb-sm-5 {
                margin-bottom: 3rem !important
            }

            .mb-sm-auto {
                margin-bottom: auto !important
            }

            .ms-sm-0 {
                margin-left: 0 !important
            }

            .ms-sm-1 {
                margin-left: .25rem !important
            }

            .ms-sm-2 {
                margin-left: .5rem !important
            }

            .ms-sm-3 {
                margin-left: 1rem !important
            }

            .ms-sm-4 {
                margin-left: 1.5rem !important
            }

            .ms-sm-5 {
                margin-left: 3rem !important
            }

            .ms-sm-auto {
                margin-left: auto !important
            }

            .p-sm-0 {
                padding: 0 !important
            }

            .p-sm-1 {
                padding: .25rem !important
            }

            .p-sm-2 {
                padding: .5rem !important
            }

            .p-sm-3 {
                padding: 1rem !important
            }

            .p-sm-4 {
                padding: 1.5rem !important
            }

            .p-sm-5 {
                padding: 3rem !important
            }

            .px-sm-0 {
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .px-sm-1 {
                padding-left: .25rem !important;
                padding-right: .25rem !important
            }

            .px-sm-2 {
                padding-left: .5rem !important;
                padding-right: .5rem !important
            }

            .px-sm-3 {
                padding-left: 1rem !important;
                padding-right: 1rem !important
            }

            .px-sm-4 {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important
            }

            .px-sm-5 {
                padding-left: 3rem !important;
                padding-right: 3rem !important
            }

            .py-sm-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

            .py-sm-1 {
                padding-bottom: .25rem !important;
                padding-top: .25rem !important
            }

            .py-sm-2 {
                padding-bottom: .5rem !important;
                padding-top: .5rem !important
            }

            .py-sm-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

            .py-sm-4 {
                padding-bottom: 1.5rem !important;
                padding-top: 1.5rem !important
            }

            .py-sm-5 {
                padding-bottom: 3rem !important;
                padding-top: 3rem !important
            }

            .pt-sm-0 {
                padding-top: 0 !important
            }

            .pt-sm-1 {
                padding-top: .25rem !important
            }

            .pt-sm-2 {
                padding-top: .5rem !important
            }

            .pt-sm-3 {
                padding-top: 1rem !important
            }

            .pt-sm-4 {
                padding-top: 1.5rem !important
            }

            .pt-sm-5 {
                padding-top: 3rem !important
            }

            .pe-sm-0 {
                padding-right: 0 !important
            }

            .pe-sm-1 {
                padding-right: .25rem !important
            }

            .pe-sm-2 {
                padding-right: .5rem !important
            }

            .pe-sm-3 {
                padding-right: 1rem !important
            }

            .pe-sm-4 {
                padding-right: 1.5rem !important
            }

            .pe-sm-5 {
                padding-right: 3rem !important
            }

            .pb-sm-0 {
                padding-bottom: 0 !important
            }

            .pb-sm-1 {
                padding-bottom: .25rem !important
            }

            .pb-sm-2 {
                padding-bottom: .5rem !important
            }

            .pb-sm-3 {
                padding-bottom: 1rem !important
            }

            .pb-sm-4 {
                padding-bottom: 1.5rem !important
            }

            .pb-sm-5 {
                padding-bottom: 3rem !important
            }

            .ps-sm-0 {
                padding-left: 0 !important
            }

            .ps-sm-1 {
                padding-left: .25rem !important
            }

            .ps-sm-2 {
                padding-left: .5rem !important
            }

            .ps-sm-3 {
                padding-left: 1rem !important
            }

            .ps-sm-4 {
                padding-left: 1.5rem !important
            }

            .ps-sm-5 {
                padding-left: 3rem !important
            }

            .gap-sm-0 {
                gap: 0 !important
            }

            .gap-sm-1 {
                gap: .25rem !important
            }

            .gap-sm-2 {
                gap: .5rem !important
            }

            .gap-sm-3 {
                gap: 1rem !important
            }

            .gap-sm-4 {
                gap: 1.5rem !important
            }

            .gap-sm-5 {
                gap: 3rem !important
            }

            .text-sm-start {
                text-align: left !important
            }

            .text-sm-end {
                text-align: right !important
            }

            .text-sm-center {
                text-align: center !important
            }
        }

        @media (min-width:768px) {
            .float-md-start {
                float: left !important
            }

            .float-md-end {
                float: right !important
            }

            .float-md-none {
                float: none !important
            }

            .d-md-inline {
                display: inline !important
            }

            .d-md-inline-block {
                display: inline-block !important
            }

            .d-md-block {
                display: block !important
            }

            .d-md-grid {
                display: grid !important
            }

            .d-md-table {
                display: table !important
            }

            .d-md-table-row {
                display: table-row !important
            }

            .d-md-table-cell {
                display: table-cell !important
            }

            .d-md-flex {
                display: flex !important
            }

            .d-md-inline-flex {
                display: inline-flex !important
            }

            .d-md-none {
                display: none !important
            }

            .flex-md-fill {
                flex: 1 1 auto !important
            }

            .flex-md-row {
                flex-direction: row !important
            }

            .flex-md-column {
                flex-direction: column !important
            }

            .flex-md-row-reverse {
                flex-direction: row-reverse !important
            }

            .flex-md-column-reverse {
                flex-direction: column-reverse !important
            }

            .flex-md-grow-0 {
                flex-grow: 0 !important
            }

            .flex-md-grow-1 {
                flex-grow: 1 !important
            }

            .flex-md-shrink-0 {
                flex-shrink: 0 !important
            }

            .flex-md-shrink-1 {
                flex-shrink: 1 !important
            }

            .flex-md-wrap {
                flex-wrap: wrap !important
            }

            .flex-md-nowrap {
                flex-wrap: nowrap !important
            }

            .flex-md-wrap-reverse {
                flex-wrap: wrap-reverse !important
            }

            .justify-content-md-start {
                justify-content: flex-start !important
            }

            .justify-content-md-end {
                justify-content: flex-end !important
            }

            .justify-content-md-center {
                justify-content: center !important
            }

            .justify-content-md-between {
                justify-content: space-between !important
            }

            .justify-content-md-around {
                justify-content: space-around !important
            }

            .justify-content-md-evenly {
                justify-content: space-evenly !important
            }

            .align-items-md-start {
                align-items: flex-start !important
            }

            .align-items-md-end {
                align-items: flex-end !important
            }

            .align-items-md-center {
                align-items: center !important
            }

            .align-items-md-baseline {
                align-items: baseline !important
            }

            .align-items-md-stretch {
                align-items: stretch !important
            }

            .align-content-md-start {
                align-content: flex-start !important
            }

            .align-content-md-end {
                align-content: flex-end !important
            }

            .align-content-md-center {
                align-content: center !important
            }

            .align-content-md-between {
                align-content: space-between !important
            }

            .align-content-md-around {
                align-content: space-around !important
            }

            .align-content-md-stretch {
                align-content: stretch !important
            }

            .align-self-md-auto {
                align-self: auto !important
            }

            .align-self-md-start {
                align-self: flex-start !important
            }

            .align-self-md-end {
                align-self: flex-end !important
            }

            .align-self-md-center {
                align-self: center !important
            }

            .align-self-md-baseline {
                align-self: baseline !important
            }

            .align-self-md-stretch {
                align-self: stretch !important
            }

            .order-md-first {
                order: -1 !important
            }

            .order-md-0 {
                order: 0 !important
            }

            .order-md-1 {
                order: 1 !important
            }

            .order-md-2 {
                order: 2 !important
            }

            .order-md-3 {
                order: 3 !important
            }

            .order-md-4 {
                order: 4 !important
            }

            .order-md-5 {
                order: 5 !important
            }

            .order-md-last {
                order: 6 !important
            }

            .m-md-0 {
                margin: 0 !important
            }

            .m-md-1 {
                margin: .25rem !important
            }

            .m-md-2 {
                margin: .5rem !important
            }

            .m-md-3 {
                margin: 1rem !important
            }

            .m-md-4 {
                margin: 1.5rem !important
            }

            .m-md-5 {
                margin: 3rem !important
            }

            .m-md-auto {
                margin: auto !important
            }

            .mx-md-0 {
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .mx-md-1 {
                margin-left: .25rem !important;
                margin-right: .25rem !important
            }

            .mx-md-2 {
                margin-left: .5rem !important;
                margin-right: .5rem !important
            }

            .mx-md-3 {
                margin-left: 1rem !important;
                margin-right: 1rem !important
            }

            .mx-md-4 {
                margin-left: 1.5rem !important;
                margin-right: 1.5rem !important
            }

            .mx-md-5 {
                margin-left: 3rem !important;
                margin-right: 3rem !important
            }

            .mx-md-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-md-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-md-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-md-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-md-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-md-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-md-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-md-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-md-0 {
                margin-top: 0 !important
            }

            .mt-md-1 {
                margin-top: .25rem !important
            }

            .mt-md-2 {
                margin-top: .5rem !important
            }

            .mt-md-3 {
                margin-top: 1rem !important
            }

            .mt-md-4 {
                margin-top: 1.5rem !important
            }

            .mt-md-5 {
                margin-top: 3rem !important
            }

            .mt-md-auto {
                margin-top: auto !important
            }

            .me-md-0 {
                margin-right: 0 !important
            }

            .me-md-1 {
                margin-right: .25rem !important
            }

            .me-md-2 {
                margin-right: .5rem !important
            }

            .me-md-3 {
                margin-right: 1rem !important
            }

            .me-md-4 {
                margin-right: 1.5rem !important
            }

            .me-md-5 {
                margin-right: 3rem !important
            }

            .me-md-auto {
                margin-right: auto !important
            }

            .mb-md-0 {
                margin-bottom: 0 !important
            }

            .mb-md-1 {
                margin-bottom: .25rem !important
            }

            .mb-md-2 {
                margin-bottom: .5rem !important
            }

            .mb-md-3 {
                margin-bottom: 1rem !important
            }

            .mb-md-4 {
                margin-bottom: 1.5rem !important
            }

            .mb-md-5 {
                margin-bottom: 3rem !important
            }

            .mb-md-auto {
                margin-bottom: auto !important
            }

            .ms-md-0 {
                margin-left: 0 !important
            }

            .ms-md-1 {
                margin-left: .25rem !important
            }

            .ms-md-2 {
                margin-left: .5rem !important
            }

            .ms-md-3 {
                margin-left: 1rem !important
            }

            .ms-md-4 {
                margin-left: 1.5rem !important
            }

            .ms-md-5 {
                margin-left: 3rem !important
            }

            .ms-md-auto {
                margin-left: auto !important
            }

            .p-md-0 {
                padding: 0 !important
            }

            .p-md-1 {
                padding: .25rem !important
            }

            .p-md-2 {
                padding: .5rem !important
            }

            .p-md-3 {
                padding: 1rem !important
            }

            .p-md-4 {
                padding: 1.5rem !important
            }

            .p-md-5 {
                padding: 3rem !important
            }

            .px-md-0 {
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .px-md-1 {
                padding-left: .25rem !important;
                padding-right: .25rem !important
            }

            .px-md-2 {
                padding-left: .5rem !important;
                padding-right: .5rem !important
            }

            .px-md-3 {
                padding-left: 1rem !important;
                padding-right: 1rem !important
            }

            .px-md-4 {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important
            }

            .px-md-5 {
                padding-left: 3rem !important;
                padding-right: 3rem !important
            }

            .py-md-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

            .py-md-1 {
                padding-bottom: .25rem !important;
                padding-top: .25rem !important
            }

            .py-md-2 {
                padding-bottom: .5rem !important;
                padding-top: .5rem !important
            }

            .py-md-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

            .py-md-4 {
                padding-bottom: 1.5rem !important;
                padding-top: 1.5rem !important
            }

            .py-md-5 {
                padding-bottom: 3rem !important;
                padding-top: 3rem !important
            }

            .pt-md-0 {
                padding-top: 0 !important
            }

            .pt-md-1 {
                padding-top: .25rem !important
            }

            .pt-md-2 {
                padding-top: .5rem !important
            }

            .pt-md-3 {
                padding-top: 1rem !important
            }

            .pt-md-4 {
                padding-top: 1.5rem !important
            }

            .pt-md-5 {
                padding-top: 3rem !important
            }

            .pe-md-0 {
                padding-right: 0 !important
            }

            .pe-md-1 {
                padding-right: .25rem !important
            }

            .pe-md-2 {
                padding-right: .5rem !important
            }

            .pe-md-3 {
                padding-right: 1rem !important
            }

            .pe-md-4 {
                padding-right: 1.5rem !important
            }

            .pe-md-5 {
                padding-right: 3rem !important
            }

            .pb-md-0 {
                padding-bottom: 0 !important
            }

            .pb-md-1 {
                padding-bottom: .25rem !important
            }

            .pb-md-2 {
                padding-bottom: .5rem !important
            }

            .pb-md-3 {
                padding-bottom: 1rem !important
            }

            .pb-md-4 {
                padding-bottom: 1.5rem !important
            }

            .pb-md-5 {
                padding-bottom: 3rem !important
            }

            .ps-md-0 {
                padding-left: 0 !important
            }

            .ps-md-1 {
                padding-left: .25rem !important
            }

            .ps-md-2 {
                padding-left: .5rem !important
            }

            .ps-md-3 {
                padding-left: 1rem !important
            }

            .ps-md-4 {
                padding-left: 1.5rem !important
            }

            .ps-md-5 {
                padding-left: 3rem !important
            }

            .gap-md-0 {
                gap: 0 !important
            }

            .gap-md-1 {
                gap: .25rem !important
            }

            .gap-md-2 {
                gap: .5rem !important
            }

            .gap-md-3 {
                gap: 1rem !important
            }

            .gap-md-4 {
                gap: 1.5rem !important
            }

            .gap-md-5 {
                gap: 3rem !important
            }

            .text-md-start {
                text-align: left !important
            }

            .text-md-end {
                text-align: right !important
            }

            .text-md-center {
                text-align: center !important
            }
        }

        @media (min-width:992px) {
            .float-lg-start {
                float: left !important
            }

            .float-lg-end {
                float: right !important
            }

            .float-lg-none {
                float: none !important
            }

            .d-lg-inline {
                display: inline !important
            }

            .d-lg-inline-block {
                display: inline-block !important
            }

            .d-lg-block {
                display: block !important
            }

            .d-lg-grid {
                display: grid !important
            }

            .d-lg-table {
                display: table !important
            }

            .d-lg-table-row {
                display: table-row !important
            }

            .d-lg-table-cell {
                display: table-cell !important
            }

            .d-lg-flex {
                display: flex !important
            }

            .d-lg-inline-flex {
                display: inline-flex !important
            }

            .d-lg-none {
                display: none !important
            }

            .flex-lg-fill {
                flex: 1 1 auto !important
            }

            .flex-lg-row {
                flex-direction: row !important
            }

            .flex-lg-column {
                flex-direction: column !important
            }

            .flex-lg-row-reverse {
                flex-direction: row-reverse !important
            }

            .flex-lg-column-reverse {
                flex-direction: column-reverse !important
            }

            .flex-lg-grow-0 {
                flex-grow: 0 !important
            }

            .flex-lg-grow-1 {
                flex-grow: 1 !important
            }

            .flex-lg-shrink-0 {
                flex-shrink: 0 !important
            }

            .flex-lg-shrink-1 {
                flex-shrink: 1 !important
            }

            .flex-lg-wrap {
                flex-wrap: wrap !important
            }

            .flex-lg-nowrap {
                flex-wrap: nowrap !important
            }

            .flex-lg-wrap-reverse {
                flex-wrap: wrap-reverse !important
            }

            .justify-content-lg-start {
                justify-content: flex-start !important
            }

            .justify-content-lg-end {
                justify-content: flex-end !important
            }

            .justify-content-lg-center {
                justify-content: center !important
            }

            .justify-content-lg-between {
                justify-content: space-between !important
            }

            .justify-content-lg-around {
                justify-content: space-around !important
            }

            .justify-content-lg-evenly {
                justify-content: space-evenly !important
            }

            .align-items-lg-start {
                align-items: flex-start !important
            }

            .align-items-lg-end {
                align-items: flex-end !important
            }

            .align-items-lg-center {
                align-items: center !important
            }

            .align-items-lg-baseline {
                align-items: baseline !important
            }

            .align-items-lg-stretch {
                align-items: stretch !important
            }

            .align-content-lg-start {
                align-content: flex-start !important
            }

            .align-content-lg-end {
                align-content: flex-end !important
            }

            .align-content-lg-center {
                align-content: center !important
            }

            .align-content-lg-between {
                align-content: space-between !important
            }

            .align-content-lg-around {
                align-content: space-around !important
            }

            .align-content-lg-stretch {
                align-content: stretch !important
            }

            .align-self-lg-auto {
                align-self: auto !important
            }

            .align-self-lg-start {
                align-self: flex-start !important
            }

            .align-self-lg-end {
                align-self: flex-end !important
            }

            .align-self-lg-center {
                align-self: center !important
            }

            .align-self-lg-baseline {
                align-self: baseline !important
            }

            .align-self-lg-stretch {
                align-self: stretch !important
            }

            .order-lg-first {
                order: -1 !important
            }

            .order-lg-0 {
                order: 0 !important
            }

            .order-lg-1 {
                order: 1 !important
            }

            .order-lg-2 {
                order: 2 !important
            }

            .order-lg-3 {
                order: 3 !important
            }

            .order-lg-4 {
                order: 4 !important
            }

            .order-lg-5 {
                order: 5 !important
            }

            .order-lg-last {
                order: 6 !important
            }

            .m-lg-0 {
                margin: 0 !important
            }

            .m-lg-1 {
                margin: .25rem !important
            }

            .m-lg-2 {
                margin: .5rem !important
            }

            .m-lg-3 {
                margin: 1rem !important
            }

            .m-lg-4 {
                margin: 1.5rem !important
            }

            .m-lg-5 {
                margin: 3rem !important
            }

            .m-lg-auto {
                margin: auto !important
            }

            .mx-lg-0 {
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .mx-lg-1 {
                margin-left: .25rem !important;
                margin-right: .25rem !important
            }

            .mx-lg-2 {
                margin-left: .5rem !important;
                margin-right: .5rem !important
            }

            .mx-lg-3 {
                margin-left: 1rem !important;
                margin-right: 1rem !important
            }

            .mx-lg-4 {
                margin-left: 1.5rem !important;
                margin-right: 1.5rem !important
            }

            .mx-lg-5 {
                margin-left: 3rem !important;
                margin-right: 3rem !important
            }

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

            .my-lg-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-lg-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-lg-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-lg-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-lg-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-lg-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-lg-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-lg-0 {
                margin-top: 0 !important
            }

            .mt-lg-1 {
                margin-top: .25rem !important
            }

            .mt-lg-2 {
                margin-top: .5rem !important
            }

            .mt-lg-3 {
                margin-top: 1rem !important
            }

            .mt-lg-4 {
                margin-top: 1.5rem !important
            }

            .mt-lg-5 {
                margin-top: 3rem !important
            }

            .mt-lg-auto {
                margin-top: auto !important
            }

            .me-lg-0 {
                margin-right: 0 !important
            }

            .me-lg-1 {
                margin-right: .25rem !important
            }

            .me-lg-2 {
                margin-right: .5rem !important
            }

            .me-lg-3 {
                margin-right: 1rem !important
            }

            .me-lg-4 {
                margin-right: 1.5rem !important
            }

            .me-lg-5 {
                margin-right: 3rem !important
            }

            .me-lg-auto {
                margin-right: auto !important
            }

            .mb-lg-0 {
                margin-bottom: 0 !important
            }

            .mb-lg-1 {
                margin-bottom: .25rem !important
            }

            .mb-lg-2 {
                margin-bottom: .5rem !important
            }

            .mb-lg-3 {
                margin-bottom: 1rem !important
            }

            .mb-lg-4 {
                margin-bottom: 1.5rem !important
            }

            .mb-lg-5 {
                margin-bottom: 3rem !important
            }

            .mb-lg-auto {
                margin-bottom: auto !important
            }

            .ms-lg-0 {
                margin-left: 0 !important
            }

            .ms-lg-1 {
                margin-left: .25rem !important
            }

            .ms-lg-2 {
                margin-left: .5rem !important
            }

            .ms-lg-3 {
                margin-left: 1rem !important
            }

            .ms-lg-4 {
                margin-left: 1.5rem !important
            }

            .ms-lg-5 {
                margin-left: 3rem !important
            }

            .ms-lg-auto {
                margin-left: auto !important
            }

            .p-lg-0 {
                padding: 0 !important
            }

            .p-lg-1 {
                padding: .25rem !important
            }

            .p-lg-2 {
                padding: .5rem !important
            }

            .p-lg-3 {
                padding: 1rem !important
            }

            .p-lg-4 {
                padding: 1.5rem !important
            }

            .p-lg-5 {
                padding: 3rem !important
            }

            .px-lg-0 {
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .px-lg-1 {
                padding-left: .25rem !important;
                padding-right: .25rem !important
            }

            .px-lg-2 {
                padding-left: .5rem !important;
                padding-right: .5rem !important
            }

            .px-lg-3 {
                padding-left: 1rem !important;
                padding-right: 1rem !important
            }

            .px-lg-4 {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important
            }

            .px-lg-5 {
                padding-left: 3rem !important;
                padding-right: 3rem !important
            }

            .py-lg-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

            .py-lg-1 {
                padding-bottom: .25rem !important;
                padding-top: .25rem !important
            }

            .py-lg-2 {
                padding-bottom: .5rem !important;
                padding-top: .5rem !important
            }

            .py-lg-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

            .py-lg-4 {
                padding-bottom: 1.5rem !important;
                padding-top: 1.5rem !important
            }

            .py-lg-5 {
                padding-bottom: 3rem !important;
                padding-top: 3rem !important
            }

            .pt-lg-0 {
                padding-top: 0 !important
            }

            .pt-lg-1 {
                padding-top: .25rem !important
            }

            .pt-lg-2 {
                padding-top: .5rem !important
            }

            .pt-lg-3 {
                padding-top: 1rem !important
            }

            .pt-lg-4 {
                padding-top: 1.5rem !important
            }

            .pt-lg-5 {
                padding-top: 3rem !important
            }

            .pe-lg-0 {
                padding-right: 0 !important
            }

            .pe-lg-1 {
                padding-right: .25rem !important
            }

            .pe-lg-2 {
                padding-right: .5rem !important
            }

            .pe-lg-3 {
                padding-right: 1rem !important
            }

            .pe-lg-4 {
                padding-right: 1.5rem !important
            }

            .pe-lg-5 {
                padding-right: 3rem !important
            }

            .pb-lg-0 {
                padding-bottom: 0 !important
            }

            .pb-lg-1 {
                padding-bottom: .25rem !important
            }

            .pb-lg-2 {
                padding-bottom: .5rem !important
            }

            .pb-lg-3 {
                padding-bottom: 1rem !important
            }

            .pb-lg-4 {
                padding-bottom: 1.5rem !important
            }

            .pb-lg-5 {
                padding-bottom: 3rem !important
            }

            .ps-lg-0 {
                padding-left: 0 !important
            }

            .ps-lg-1 {
                padding-left: .25rem !important
            }

            .ps-lg-2 {
                padding-left: .5rem !important
            }

            .ps-lg-3 {
                padding-left: 1rem !important
            }

            .ps-lg-4 {
                padding-left: 1.5rem !important
            }

            .ps-lg-5 {
                padding-left: 3rem !important
            }

            .gap-lg-0 {
                gap: 0 !important
            }

            .gap-lg-1 {
                gap: .25rem !important
            }

            .gap-lg-2 {
                gap: .5rem !important
            }

            .gap-lg-3 {
                gap: 1rem !important
            }

            .gap-lg-4 {
                gap: 1.5rem !important
            }

            .gap-lg-5 {
                gap: 3rem !important
            }

            .text-lg-start {
                text-align: left !important
            }

            .text-lg-end {
                text-align: right !important
            }

            .text-lg-center {
                text-align: center !important
            }
        }

        @media (min-width:1200px) {
            .float-xl-start {
                float: left !important
            }

            .float-xl-end {
                float: right !important
            }

            .float-xl-none {
                float: none !important
            }

            .d-xl-inline {
                display: inline !important
            }

            .d-xl-inline-block {
                display: inline-block !important
            }

            .d-xl-block {
                display: block !important
            }

            .d-xl-grid {
                display: grid !important
            }

            .d-xl-table {
                display: table !important
            }

            .d-xl-table-row {
                display: table-row !important
            }

            .d-xl-table-cell {
                display: table-cell !important
            }

            .d-xl-flex {
                display: flex !important
            }

            .d-xl-inline-flex {
                display: inline-flex !important
            }

            .d-xl-none {
                display: none !important
            }

            .flex-xl-fill {
                flex: 1 1 auto !important
            }

            .flex-xl-row {
                flex-direction: row !important
            }

            .flex-xl-column {
                flex-direction: column !important
            }

            .flex-xl-row-reverse {
                flex-direction: row-reverse !important
            }

            .flex-xl-column-reverse {
                flex-direction: column-reverse !important
            }

            .flex-xl-grow-0 {
                flex-grow: 0 !important
            }

            .flex-xl-grow-1 {
                flex-grow: 1 !important
            }

            .flex-xl-shrink-0 {
                flex-shrink: 0 !important
            }

            .flex-xl-shrink-1 {
                flex-shrink: 1 !important
            }

            .flex-xl-wrap {
                flex-wrap: wrap !important
            }

            .flex-xl-nowrap {
                flex-wrap: nowrap !important
            }

            .flex-xl-wrap-reverse {
                flex-wrap: wrap-reverse !important
            }

            .justify-content-xl-start {
                justify-content: flex-start !important
            }

            .justify-content-xl-end {
                justify-content: flex-end !important
            }

            .justify-content-xl-center {
                justify-content: center !important
            }

            .justify-content-xl-between {
                justify-content: space-between !important
            }

            .justify-content-xl-around {
                justify-content: space-around !important
            }

            .justify-content-xl-evenly {
                justify-content: space-evenly !important
            }

            .align-items-xl-start {
                align-items: flex-start !important
            }

            .align-items-xl-end {
                align-items: flex-end !important
            }

            .align-items-xl-center {
                align-items: center !important
            }

            .align-items-xl-baseline {
                align-items: baseline !important
            }

            .align-items-xl-stretch {
                align-items: stretch !important
            }

            .align-content-xl-start {
                align-content: flex-start !important
            }

            .align-content-xl-end {
                align-content: flex-end !important
            }

            .align-content-xl-center {
                align-content: center !important
            }

            .align-content-xl-between {
                align-content: space-between !important
            }

            .align-content-xl-around {
                align-content: space-around !important
            }

            .align-content-xl-stretch {
                align-content: stretch !important
            }

            .align-self-xl-auto {
                align-self: auto !important
            }

            .align-self-xl-start {
                align-self: flex-start !important
            }

            .align-self-xl-end {
                align-self: flex-end !important
            }

            .align-self-xl-center {
                align-self: center !important
            }

            .align-self-xl-baseline {
                align-self: baseline !important
            }

            .align-self-xl-stretch {
                align-self: stretch !important
            }

            .order-xl-first {
                order: -1 !important
            }

            .order-xl-0 {
                order: 0 !important
            }

            .order-xl-1 {
                order: 1 !important
            }

            .order-xl-2 {
                order: 2 !important
            }

            .order-xl-3 {
                order: 3 !important
            }

            .order-xl-4 {
                order: 4 !important
            }

            .order-xl-5 {
                order: 5 !important
            }

            .order-xl-last {
                order: 6 !important
            }

            .m-xl-0 {
                margin: 0 !important
            }

            .m-xl-1 {
                margin: .25rem !important
            }

            .m-xl-2 {
                margin: .5rem !important
            }

            .m-xl-3 {
                margin: 1rem !important
            }

            .m-xl-4 {
                margin: 1.5rem !important
            }

            .m-xl-5 {
                margin: 3rem !important
            }

            .m-xl-auto {
                margin: auto !important
            }

            .mx-xl-0 {
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .mx-xl-1 {
                margin-left: .25rem !important;
                margin-right: .25rem !important
            }

            .mx-xl-2 {
                margin-left: .5rem !important;
                margin-right: .5rem !important
            }

            .mx-xl-3 {
                margin-left: 1rem !important;
                margin-right: 1rem !important
            }

            .mx-xl-4 {
                margin-left: 1.5rem !important;
                margin-right: 1.5rem !important
            }

            .mx-xl-5 {
                margin-left: 3rem !important;
                margin-right: 3rem !important
            }

            .mx-xl-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-xl-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-xl-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-xl-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-xl-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-xl-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-xl-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-xl-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-xl-0 {
                margin-top: 0 !important
            }

            .mt-xl-1 {
                margin-top: .25rem !important
            }

            .mt-xl-2 {
                margin-top: .5rem !important
            }

            .mt-xl-3 {
                margin-top: 1rem !important
            }

            .mt-xl-4 {
                margin-top: 1.5rem !important
            }

            .mt-xl-5 {
                margin-top: 3rem !important
            }

            .mt-xl-auto {
                margin-top: auto !important
            }

            .me-xl-0 {
                margin-right: 0 !important
            }

            .me-xl-1 {
                margin-right: .25rem !important
            }

            .me-xl-2 {
                margin-right: .5rem !important
            }

            .me-xl-3 {
                margin-right: 1rem !important
            }

            .me-xl-4 {
                margin-right: 1.5rem !important
            }

            .me-xl-5 {
                margin-right: 3rem !important
            }

            .me-xl-auto {
                margin-right: auto !important
            }

            .mb-xl-0 {
                margin-bottom: 0 !important
            }

            .mb-xl-1 {
                margin-bottom: .25rem !important
            }

            .mb-xl-2 {
                margin-bottom: .5rem !important
            }

            .mb-xl-3 {
                margin-bottom: 1rem !important
            }

            .mb-xl-4 {
                margin-bottom: 1.5rem !important
            }

            .mb-xl-5 {
                margin-bottom: 3rem !important
            }

            .mb-xl-auto {
                margin-bottom: auto !important
            }

            .ms-xl-0 {
                margin-left: 0 !important
            }

            .ms-xl-1 {
                margin-left: .25rem !important
            }

            .ms-xl-2 {
                margin-left: .5rem !important
            }

            .ms-xl-3 {
                margin-left: 1rem !important
            }

            .ms-xl-4 {
                margin-left: 1.5rem !important
            }

            .ms-xl-5 {
                margin-left: 3rem !important
            }

            .ms-xl-auto {
                margin-left: auto !important
            }

            .p-xl-0 {
                padding: 0 !important
            }

            .p-xl-1 {
                padding: .25rem !important
            }

            .p-xl-2 {
                padding: .5rem !important
            }

            .p-xl-3 {
                padding: 1rem !important
            }

            .p-xl-4 {
                padding: 1.5rem !important
            }

            .p-xl-5 {
                padding: 3rem !important
            }

            .px-xl-0 {
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .px-xl-1 {
                padding-left: .25rem !important;
                padding-right: .25rem !important
            }

            .px-xl-2 {
                padding-left: .5rem !important;
                padding-right: .5rem !important
            }

            .px-xl-3 {
                padding-left: 1rem !important;
                padding-right: 1rem !important
            }

            .px-xl-4 {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important
            }

            .px-xl-5 {
                padding-left: 3rem !important;
                padding-right: 3rem !important
            }

            .py-xl-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

            .py-xl-1 {
                padding-bottom: .25rem !important;
                padding-top: .25rem !important
            }

            .py-xl-2 {
                padding-bottom: .5rem !important;
                padding-top: .5rem !important
            }

            .py-xl-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

            .py-xl-4 {
                padding-bottom: 1.5rem !important;
                padding-top: 1.5rem !important
            }

            .py-xl-5 {
                padding-bottom: 3rem !important;
                padding-top: 3rem !important
            }

            .pt-xl-0 {
                padding-top: 0 !important
            }

            .pt-xl-1 {
                padding-top: .25rem !important
            }

            .pt-xl-2 {
                padding-top: .5rem !important
            }

            .pt-xl-3 {
                padding-top: 1rem !important
            }

            .pt-xl-4 {
                padding-top: 1.5rem !important
            }

            .pt-xl-5 {
                padding-top: 3rem !important
            }

            .pe-xl-0 {
                padding-right: 0 !important
            }

            .pe-xl-1 {
                padding-right: .25rem !important
            }

            .pe-xl-2 {
                padding-right: .5rem !important
            }

            .pe-xl-3 {
                padding-right: 1rem !important
            }

            .pe-xl-4 {
                padding-right: 1.5rem !important
            }

            .pe-xl-5 {
                padding-right: 3rem !important
            }

            .pb-xl-0 {
                padding-bottom: 0 !important
            }

            .pb-xl-1 {
                padding-bottom: .25rem !important
            }

            .pb-xl-2 {
                padding-bottom: .5rem !important
            }

            .pb-xl-3 {
                padding-bottom: 1rem !important
            }

            .pb-xl-4 {
                padding-bottom: 1.5rem !important
            }

            .pb-xl-5 {
                padding-bottom: 3rem !important
            }

            .ps-xl-0 {
                padding-left: 0 !important
            }

            .ps-xl-1 {
                padding-left: .25rem !important
            }

            .ps-xl-2 {
                padding-left: .5rem !important
            }

            .ps-xl-3 {
                padding-left: 1rem !important
            }

            .ps-xl-4 {
                padding-left: 1.5rem !important
            }

            .ps-xl-5 {
                padding-left: 3rem !important
            }

            .gap-xl-0 {
                gap: 0 !important
            }

            .gap-xl-1 {
                gap: .25rem !important
            }

            .gap-xl-2 {
                gap: .5rem !important
            }

            .gap-xl-3 {
                gap: 1rem !important
            }

            .gap-xl-4 {
                gap: 1.5rem !important
            }

            .gap-xl-5 {
                gap: 3rem !important
            }

            .text-xl-start {
                text-align: left !important
            }

            .text-xl-end {
                text-align: right !important
            }

            .text-xl-center {
                text-align: center !important
            }
        }

        @media (min-width:1400px) {
            .float-xxl-start {
                float: left !important
            }

            .float-xxl-end {
                float: right !important
            }

            .float-xxl-none {
                float: none !important
            }

            .d-xxl-inline {
                display: inline !important
            }

            .d-xxl-inline-block {
                display: inline-block !important
            }

            .d-xxl-block {
                display: block !important
            }

            .d-xxl-grid {
                display: grid !important
            }

            .d-xxl-table {
                display: table !important
            }

            .d-xxl-table-row {
                display: table-row !important
            }

            .d-xxl-table-cell {
                display: table-cell !important
            }

            .d-xxl-flex {
                display: flex !important
            }

            .d-xxl-inline-flex {
                display: inline-flex !important
            }

            .d-xxl-none {
                display: none !important
            }

            .flex-xxl-fill {
                flex: 1 1 auto !important
            }

            .flex-xxl-row {
                flex-direction: row !important
            }

            .flex-xxl-column {
                flex-direction: column !important
            }

            .flex-xxl-row-reverse {
                flex-direction: row-reverse !important
            }

            .flex-xxl-column-reverse {
                flex-direction: column-reverse !important
            }

            .flex-xxl-grow-0 {
                flex-grow: 0 !important
            }

            .flex-xxl-grow-1 {
                flex-grow: 1 !important
            }

            .flex-xxl-shrink-0 {
                flex-shrink: 0 !important
            }

            .flex-xxl-shrink-1 {
                flex-shrink: 1 !important
            }

            .flex-xxl-wrap {
                flex-wrap: wrap !important
            }

            .flex-xxl-nowrap {
                flex-wrap: nowrap !important
            }

            .flex-xxl-wrap-reverse {
                flex-wrap: wrap-reverse !important
            }

            .justify-content-xxl-start {
                justify-content: flex-start !important
            }

            .justify-content-xxl-end {
                justify-content: flex-end !important
            }

            .justify-content-xxl-center {
                justify-content: center !important
            }

            .justify-content-xxl-between {
                justify-content: space-between !important
            }

            .justify-content-xxl-around {
                justify-content: space-around !important
            }

            .justify-content-xxl-evenly {
                justify-content: space-evenly !important
            }

            .align-items-xxl-start {
                align-items: flex-start !important
            }

            .align-items-xxl-end {
                align-items: flex-end !important
            }

            .align-items-xxl-center {
                align-items: center !important
            }

            .align-items-xxl-baseline {
                align-items: baseline !important
            }

            .align-items-xxl-stretch {
                align-items: stretch !important
            }

            .align-content-xxl-start {
                align-content: flex-start !important
            }

            .align-content-xxl-end {
                align-content: flex-end !important
            }

            .align-content-xxl-center {
                align-content: center !important
            }

            .align-content-xxl-between {
                align-content: space-between !important
            }

            .align-content-xxl-around {
                align-content: space-around !important
            }

            .align-content-xxl-stretch {
                align-content: stretch !important
            }

            .align-self-xxl-auto {
                align-self: auto !important
            }

            .align-self-xxl-start {
                align-self: flex-start !important
            }

            .align-self-xxl-end {
                align-self: flex-end !important
            }

            .align-self-xxl-center {
                align-self: center !important
            }

            .align-self-xxl-baseline {
                align-self: baseline !important
            }

            .align-self-xxl-stretch {
                align-self: stretch !important
            }

            .order-xxl-first {
                order: -1 !important
            }

            .order-xxl-0 {
                order: 0 !important
            }

            .order-xxl-1 {
                order: 1 !important
            }

            .order-xxl-2 {
                order: 2 !important
            }

            .order-xxl-3 {
                order: 3 !important
            }

            .order-xxl-4 {
                order: 4 !important
            }

            .order-xxl-5 {
                order: 5 !important
            }

            .order-xxl-last {
                order: 6 !important
            }

            .m-xxl-0 {
                margin: 0 !important
            }

            .m-xxl-1 {
                margin: .25rem !important
            }

            .m-xxl-2 {
                margin: .5rem !important
            }

            .m-xxl-3 {
                margin: 1rem !important
            }

            .m-xxl-4 {
                margin: 1.5rem !important
            }

            .m-xxl-5 {
                margin: 3rem !important
            }

            .m-xxl-auto {
                margin: auto !important
            }

            .mx-xxl-0 {
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .mx-xxl-1 {
                margin-left: .25rem !important;
                margin-right: .25rem !important
            }

            .mx-xxl-2 {
                margin-left: .5rem !important;
                margin-right: .5rem !important
            }

            .mx-xxl-3 {
                margin-left: 1rem !important;
                margin-right: 1rem !important
            }

            .mx-xxl-4 {
                margin-left: 1.5rem !important;
                margin-right: 1.5rem !important
            }

            .mx-xxl-5 {
                margin-left: 3rem !important;
                margin-right: 3rem !important
            }

            .mx-xxl-auto {
                margin-left: auto !important;
                margin-right: auto !important
            }

            .my-xxl-0 {
                margin-bottom: 0 !important;
                margin-top: 0 !important
            }

            .my-xxl-1 {
                margin-bottom: .25rem !important;
                margin-top: .25rem !important
            }

            .my-xxl-2 {
                margin-bottom: .5rem !important;
                margin-top: .5rem !important
            }

            .my-xxl-3 {
                margin-bottom: 1rem !important;
                margin-top: 1rem !important
            }

            .my-xxl-4 {
                margin-bottom: 1.5rem !important;
                margin-top: 1.5rem !important
            }

            .my-xxl-5 {
                margin-bottom: 3rem !important;
                margin-top: 3rem !important
            }

            .my-xxl-auto {
                margin-bottom: auto !important;
                margin-top: auto !important
            }

            .mt-xxl-0 {
                margin-top: 0 !important
            }

            .mt-xxl-1 {
                margin-top: .25rem !important
            }

            .mt-xxl-2 {
                margin-top: .5rem !important
            }

            .mt-xxl-3 {
                margin-top: 1rem !important
            }

            .mt-xxl-4 {
                margin-top: 1.5rem !important
            }

            .mt-xxl-5 {
                margin-top: 3rem !important
            }

            .mt-xxl-auto {
                margin-top: auto !important
            }

            .me-xxl-0 {
                margin-right: 0 !important
            }

            .me-xxl-1 {
                margin-right: .25rem !important
            }

            .me-xxl-2 {
                margin-right: .5rem !important
            }

            .me-xxl-3 {
                margin-right: 1rem !important
            }

            .me-xxl-4 {
                margin-right: 1.5rem !important
            }

            .me-xxl-5 {
                margin-right: 3rem !important
            }

            .me-xxl-auto {
                margin-right: auto !important
            }

            .mb-xxl-0 {
                margin-bottom: 0 !important
            }

            .mb-xxl-1 {
                margin-bottom: .25rem !important
            }

            .mb-xxl-2 {
                margin-bottom: .5rem !important
            }

            .mb-xxl-3 {
                margin-bottom: 1rem !important
            }

            .mb-xxl-4 {
                margin-bottom: 1.5rem !important
            }

            .mb-xxl-5 {
                margin-bottom: 3rem !important
            }

            .mb-xxl-auto {
                margin-bottom: auto !important
            }

            .ms-xxl-0 {
                margin-left: 0 !important
            }

            .ms-xxl-1 {
                margin-left: .25rem !important
            }

            .ms-xxl-2 {
                margin-left: .5rem !important
            }

            .ms-xxl-3 {
                margin-left: 1rem !important
            }

            .ms-xxl-4 {
                margin-left: 1.5rem !important
            }

            .ms-xxl-5 {
                margin-left: 3rem !important
            }

            .ms-xxl-auto {
                margin-left: auto !important
            }

            .p-xxl-0 {
                padding: 0 !important
            }

            .p-xxl-1 {
                padding: .25rem !important
            }

            .p-xxl-2 {
                padding: .5rem !important
            }

            .p-xxl-3 {
                padding: 1rem !important
            }

            .p-xxl-4 {
                padding: 1.5rem !important
            }

            .p-xxl-5 {
                padding: 3rem !important
            }

            .px-xxl-0 {
                padding-left: 0 !important;
                padding-right: 0 !important
            }

            .px-xxl-1 {
                padding-left: .25rem !important;
                padding-right: .25rem !important
            }

            .px-xxl-2 {
                padding-left: .5rem !important;
                padding-right: .5rem !important
            }

            .px-xxl-3 {
                padding-left: 1rem !important;
                padding-right: 1rem !important
            }

            .px-xxl-4 {
                padding-left: 1.5rem !important;
                padding-right: 1.5rem !important
            }

            .px-xxl-5 {
                padding-left: 3rem !important;
                padding-right: 3rem !important
            }

            .py-xxl-0 {
                padding-bottom: 0 !important;
                padding-top: 0 !important
            }

            .py-xxl-1 {
                padding-bottom: .25rem !important;
                padding-top: .25rem !important
            }

            .py-xxl-2 {
                padding-bottom: .5rem !important;
                padding-top: .5rem !important
            }

            .py-xxl-3 {
                padding-bottom: 1rem !important;
                padding-top: 1rem !important
            }

            .py-xxl-4 {
                padding-bottom: 1.5rem !important;
                padding-top: 1.5rem !important
            }

            .py-xxl-5 {
                padding-bottom: 3rem !important;
                padding-top: 3rem !important
            }

            .pt-xxl-0 {
                padding-top: 0 !important
            }

            .pt-xxl-1 {
                padding-top: .25rem !important
            }

            .pt-xxl-2 {
                padding-top: .5rem !important
            }

            .pt-xxl-3 {
                padding-top: 1rem !important
            }

            .pt-xxl-4 {
                padding-top: 1.5rem !important
            }

            .pt-xxl-5 {
                padding-top: 3rem !important
            }

            .pe-xxl-0 {
                padding-right: 0 !important
            }

            .pe-xxl-1 {
                padding-right: .25rem !important
            }

            .pe-xxl-2 {
                padding-right: .5rem !important
            }

            .pe-xxl-3 {
                padding-right: 1rem !important
            }

            .pe-xxl-4 {
                padding-right: 1.5rem !important
            }

            .pe-xxl-5 {
                padding-right: 3rem !important
            }

            .pb-xxl-0 {
                padding-bottom: 0 !important
            }

            .pb-xxl-1 {
                padding-bottom: .25rem !important
            }

            .pb-xxl-2 {
                padding-bottom: .5rem !important
            }

            .pb-xxl-3 {
                padding-bottom: 1rem !important
            }

            .pb-xxl-4 {
                padding-bottom: 1.5rem !important
            }

            .pb-xxl-5 {
                padding-bottom: 3rem !important
            }

            .ps-xxl-0 {
                padding-left: 0 !important
            }

            .ps-xxl-1 {
                padding-left: .25rem !important
            }

            .ps-xxl-2 {
                padding-left: .5rem !important
            }

            .ps-xxl-3 {
                padding-left: 1rem !important
            }

            .ps-xxl-4 {
                padding-left: 1.5rem !important
            }

            .ps-xxl-5 {
                padding-left: 3rem !important
            }

            .gap-xxl-0 {
                gap: 0 !important
            }

            .gap-xxl-1 {
                gap: .25rem !important
            }

            .gap-xxl-2 {
                gap: .5rem !important
            }

            .gap-xxl-3 {
                gap: 1rem !important
            }

            .gap-xxl-4 {
                gap: 1.5rem !important
            }

            .gap-xxl-5 {
                gap: 3rem !important
            }

            .text-xxl-start {
                text-align: left !important
            }

            .text-xxl-end {
                text-align: right !important
            }

            .text-xxl-center {
                text-align: center !important
            }
        }

        @media (min-width:1200px) {
            .fs-1 {
                font-size: 2.5rem !important
            }

            .fs-2 {
                font-size: 2rem !important
            }

            .fs-3 {
                font-size: 1.75rem !important
            }

            .fs-4 {
                font-size: 1.5rem !important
            }
        }

        @media print {
            .d-print-inline {
                display: inline !important
            }

            .d-print-inline-block {
                display: inline-block !important
            }

            .d-print-block {
                display: block !important
            }

            .d-print-grid {
                display: grid !important
            }

            .d-print-table {
                display: table !important
            }

            .d-print-table-row {
                display: table-row !important
            }

            .d-print-table-cell {
                display: table-cell !important
            }

            .d-print-flex {
                display: flex !important
            }

            .d-print-inline-flex {
                display: inline-flex !important
            }

            .d-print-none {
                display: none !important
            }
        }

        .default-avatar {
            border-radius: 50%;
            height: 48px;
            width: 48px
        }

        .card {
            background: #1e4f3c;
            display: flex;
            flex-direction: column;
            margin: auto;
            max-width: 756px;
            padding: .8rem .5rem .5rem;
            position: relative;
            width: 100%
        }

        .normal-radius {
            border-radius: 4px !important
        }

        .max-radius {
            border-radius: 16px !important
        }

        .light-text {
            color: var(--text) !important
        }

        .between {
            justify-content: space-between !important
        }

        .evenly {
            justify-content: space-evenly !important
        }

        .j-start {
            justify-content: flex-start !important
        }

        .a-start {
            align-items: flex-start !important
        }

        .a-center {
            align-items: center !important
        }

        .j-center {
            justify-content: center !important
        }

        .j-end {
            justify-content: flex-end !important
        }

        .a-end {
            align-items: flex-end !important
        }

        .both-center {
            align-items: center !important;
            justify-content: center !important
        }

        .v-line {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%);
            border-radius: 4px;
            box-shadow: 0 6px 30px 0 rgba(27, 31, 68, .14);
            color: #fff !important;
            cursor: pointer;
            margin: 0 .5rem;
            transition: .6s;
            width: 1px
        }

        .v-line:hover {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%) !important;
            opacity: .8
        }

        .v-line-gray {
            background: var(--gray);
            display: block;
            height: 30px;
            margin: 0 .5rem;
            opacity: .4;
            width: 1px
        }

        .dash-line {
            border: 1px dashed var(--gray)
        }

        .dash-line,
        .h-line {
            height: 1px;
            width: 100%
        }

        .h-line {
            background: var(--gray)
        }

        .bg-transparent {
            background: transparent !important
        }

        .flex-row {
            flex-wrap: nowrap !important
        }

        .card {
            margin-bottom: 0 !important;
            padding: .5rem !important
        }

        .text {
            color: var(--text) !important
        }

        .line {
            background: hsla(0, 0%, 71%, .643);
            height: 1px;
            width: 100%
        }

        .Toastify__toast {
            background: var(--card) !important;
            color: var(--text) !important;
            direction: rtl !important;
            font-family: Lato !important
        }

        .vh-80 {
            height: 80vh
        }

        .logout-btn {
            background: #fc531c !important;
            margin-top: 1rem !important
        }

        .flout-action-btn {
            bottom: 7rem;
            left: 1rem;
            position: fixed;
            z-index: 3
        }

        @media (min-width:512px) {
            .flout-action-btn {
                left: 50%;
                transform: translateX(calc(-50% - 200px))
            }
        }

        .border-green {
            border: .13rem solid #3fb088 !important
        }

        .border-red {
            border: .13rem solid #fc531c !important
        }

        .border-gold {
            border: .13rem solid #f4bd21 !important
        }

        .gradient-btn {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%);
            border-radius: 4px;
            box-shadow: 0 6px 30px 0 rgba(27, 31, 68, .14);
            color: #fff !important;
            cursor: pointer;
            transition: .6s;
            font-size: 1.1em;
        }

        .gradient-btn:hover {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%) !important;
            opacity: .8
        }

        .circle {
            border-radius: 50%
        }

        .fw-b {
            font-family: Boldf !important
        }

        .fw-n {
            font-weight: 400
        }

        .red {
            color: #fc531c !important
        }

        .gold {
            color: #f4bd21 !important
        }

        .bg-red {
            background: #fc531c !important;
            color: #fff !important
        }

        .bg-gold {
            background: #fdca00 !important;
            color: #212121 !important
        }

        .light_purple {
            color: #1e4f3c !important
        }

        .gray {
            color: var(--gray) !important
        }

        .bg-gray {
            background: var(--gray) !important
        }

        .green {
            color: #3fb088 !important
        }

        .bg-green,
        .white {
            color: #fff !important
        }

        .bg-green {
            background: #3fb088 !important
        }

        .bg-green:hover {
            background: #28b377 !important
        }

        .gap-1,
        .gap-2 {
            gap: 1rem
        }

        .reverse-icon {
            position: relative;
            transform: rotateY(-180deg)
        }

        .outline-border {
            background: transparent !important;
            box-shadow: none !important
        }

        .outline-border,
        .outline-border:hover {
            border: .15rem solid #ffbd5c !important
        }

        .btn-bg {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%);
            border-radius: 4px;
            box-shadow: 0 6px 30px 0 rgba(27, 31, 68, .14);
            color: #fff !important;
            cursor: pointer;
            transition: .6s
        }

        .btn-bg:hover {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%) !important;
            opacity: .8
        }

        .bg-custom-light {
            position: relative
        }

        .bg-custom-light:after {
            background: rgba(30, 167, 137, .106);
            border-radius: 50%;
            content: "";
            display: block;
            filter: blur(12px);
            height: 100%;
            left: 50%;
            max-height: 500px;
            max-width: 500px;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%
        }

        .big-paragraph-controller {
            position: relative;
            text-align: center;
            width: 100%
        }

        .big-paragraph-controller p {
            color: var(--gray);
            font-size: 15px;
            height: 7rem;
            margin-top: 1rem;
            overflow: hidden;
            position: relative;
            text-overflow: clip
        }

        .big-paragraph-controller p:after {
            bottom: 0;
            content: "";
            height: 4rem;
            pointer-events: none;
            position: absolute;
            right: 0;
            width: 100%
        }

        .big-paragraph-controller p.more {
            height: auto
        }

        .big-paragraph-controller p.more:after {
            background-image: none
        }

        .big-paragraph-controller button {
            bottom: 1rem;
            margin: auto;
            position: relative
        }

        .controller {
            display: flex;
        }

        .child {
            display: flex;
            flex-direction: column;
            color: #333
        }
        .child .h1{
            color: #fff;
            margin-top: .5em;

        }
        .child a {
            color: #333 !important

        }
        .cp {
            cursor: pointer;
            transition: .6s
        }

        .cp:hover {
            opacity: .8
        }

        .p-relative {
            position: relative !important
        }

        .dl {
            direction: ltr !important
        }

        .dr {
            direction: rtl !important
        }

        .dashed-border {
            border: .15rem dashed #237f6a !important
        }

        .eclipse {
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 100%
        }

        .f-10 {
            font-size: 10px !important
        }

        .f-11 {
            font-size: 11px !important
        }

        .f-12 {
            font-size: 12px !important
        }

        .f-13 {
            font-size: 13px !important
        }

        .f-14 {
            font-size: 14px !important
        }

        .f-15 {
            font-size: 15px !important
        }

        .f-16 {
            font-size: 16px !important
        }

        .f-17 {
            font-size: 17px !important
        }

        .f-18 {
            font-size: 18px !important
        }

        .f-19 {
            font-size: 19px !important
        }

        .f-20 {
            font-size: 20px !important
        }

        .f-21 {
            font-size: 21px !important
        }

        .f-22 {
            font-size: 22px !important
        }

        .f-23 {
            font-size: 23px !important
        }

        .f-24 {
            font-size: 24px !important
        }

        .f-25 {
            font-size: 25px !important
        }

        .f-26 {
            font-size: 26px !important
        }

        .f-27 {
            font-size: 27px !important
        }

        .f-28 {
            font-size: 28px !important
        }

        .f-29 {
            font-size: 29px !important
        }

        .f-30 {
            font-size: 30px !important
        }

        .f-31 {
            font-size: 31px !important
        }

        .f-32 {
            font-size: 32px !important
        }

        .f-33 {
            font-size: 33px !important
        }

        .f-34 {
            font-size: 34px !important
        }

        .f-35 {
            font-size: 35px !important
        }

        .f-36 {
            font-size: 36px !important
        }

        .f-37 {
            font-size: 37px !important
        }

        .f-38 {
            font-size: 38px !important
        }

        .f-39 {
            font-size: 39px !important
        }

        .f-40 {
            font-size: 40px !important
        }

        @media (min-width:756px) {
            .f-md-10 {
                font-size: 10px !important
            }

            .f-md-11 {
                font-size: 11px !important
            }

            .f-md-12 {
                font-size: 12px !important
            }

            .f-md-13 {
                font-size: 13px !important
            }

            .f-md-14 {
                font-size: 14px !important
            }

            .f-md-15 {
                font-size: 15px !important
            }

            .f-md-16 {
                font-size: 16px !important
            }

            .f-md-17 {
                font-size: 17px !important
            }

            .f-md-18 {
                font-size: 18px !important
            }

            .f-md-19 {
                font-size: 19px !important
            }

            .f-md-20 {
                font-size: 20px !important
            }

            .f-md-21 {
                font-size: 21px !important
            }

            .f-md-22 {
                font-size: 22px !important
            }

            .f-md-23 {
                font-size: 23px !important
            }

            .f-md-24 {
                font-size: 24px !important
            }

            .f-md-25 {
                font-size: 25px !important
            }
        }

        @media (min-width:992px) {
            .f-lg-10 {
                font-size: 10px !important
            }

            .f-lg-11 {
                font-size: 11px !important
            }

            .f-lg-12 {
                font-size: 12px !important
            }

            .f-lg-13 {
                font-size: 13px !important
            }

            .f-lg-14 {
                font-size: 14px !important
            }

            .f-lg-15 {
                font-size: 15px !important
            }

            .f-lg-16 {
                font-size: 16px !important
            }

            .f-lg-17 {
                font-size: 17px !important
            }

            .f-lg-18 {
                font-size: 18px !important
            }

            .f-lg-19 {
                font-size: 19px !important
            }

            .f-lg-20 {
                font-size: 20px !important
            }

            .f-lg-21 {
                font-size: 21px !important
            }

            .f-lg-22 {
                font-size: 22px !important
            }

            .f-lg-23 {
                font-size: 23px !important
            }

            .f-lg-24 {
                font-size: 24px !important
            }

            .f-lg-25 {
                font-size: 25px !important
            }
        }

        .zIndex-1 {
            z-index: 1 !important
        }

        .zIndex-2 {
            z-index: 2 !important
        }

        .zIndex-3 {
            z-index: 3 !important
        }

        .zIndex-4 {
            z-index: 4 !important
        }

        .zIndex-5 {
            z-index: 5 !important
        }

        .zIndex-6 {
            z-index: 6 !important
        }

        .zIndex-7 {
            z-index: 7 !important
        }

        .zIndex-8 {
            z-index: 8 !important
        }

        .zIndex-9 {
            z-index: 9 !important
        }

        .zIndex-10 {
            z-index: 10 !important
        }

        .flex-1 {
            display: flex;
            flex: 1 !important
        }

        .flex-2 {
            display: flex;
            flex: 2 !important
        }

        .flex-3 {
            display: flex;
            flex: 3 !important
        }

        .flex-4 {
            display: flex;
            flex: 4 !important
        }

        .flex-5 {
            display: flex;
            flex: 5 !important
        }

        @font-face {
            font-family: Lato;
            src: url(_nuxt/Peyda-Medium.3c9f2cf9.ttf)
        }

        @font-face {
            font-family: BoldF;
            src: url(_nuxt/Peyda-Bold.92eb333b.ttf)
        }

        @font-face {
            font-family: Number;
            src: url(_nuxt/PeydaFaNum-Medium.1cd723c9.ttf)
        }

        [theme=dark] {
            --bg: #232323;
            --card: #1c1c1e;
            --text: #fff;
            --text2: #212121;
            --border: 1px solid #363841;
            --inputBg: transparent !important;
            --gray: #acacac;
            --baseColor: #1c1c1e;
            --tableHeaderColor: transparent;
            --green: #34a980;
            --tableBorderColor: #acacac;
            --paragraph: #acacac;
            --card2: #e4f3f417;
            --linerBg: linear-gradient(193.65deg, #192d24 32.94%, rgba(15, 22, 94, 0) 1000%), rgba(8, 7, 40, .2);
            --lineBg: #acacac
        }

        [theme=dark] .my-plan-controller .footer-controller .btn-style4 {
            background: #209361 !important
        }

        [theme=dark] .my-plan-controller .body-controller {
            background: #1e4f3c !important
        }

        [theme=light] {
            --bg: #fff;
            --card: #fbfbfb;
            --text: #212121;
            --text2: #fff;
            --border: 1px solid #363841;
            --inputBg: transparent !important;
            --linerBg: #f8f9fa;
            --gray: #a1a1a1;
            --card2: #e4f3f4;
            --tableHeaderColor: #f2f2f2;
            --tableBorderColor: #f2f2f2;
            --paragraph: rgba(47, 57, 78, .8);
            --green: #34a980;
            --baseColor: #1ea789;
            --lineBg: #dbe6f2
        }

        [theme=light] .p-dialog .p-dialog-footer {
            background: #fff !important
        }

        [theme=light] .btn-bg,
        [theme=light] .gradient-btn {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%);
            border-radius: 4px;
            box-shadow: 0 6px 30px 0 rgba(27, 31, 68, .14);
            cursor: pointer;
            transition: .6s
        }

        [theme=light] .btn-bg:hover,
        [theme=light] .gradient-btn:hover {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%) !important;
            opacity: .8
        }

        [theme=light] .p-dialog .p-dialog-content,
        [theme=light] .p-dialog .p-dialog-header {
            background: var(--card) !important
        }

        [theme=light] .head-item a:not(.btn-style2, .active) {
            color: #212121 !important
        }

        [theme=light] .btn-style2,
        [theme=light] .btn-style2 a,
        [theme=light] .head-item,
        [theme=light] .head-item a,
        [theme=light] .p-badge.p-badge-danger,
        [theme=light] .p-tag.p-component.p-tag-success span {
            color: #fff !important
        }

        [theme=light] .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
            background: rgba(233, 236, 239, .122) !important
        }

        [theme=light] .p-dropdown-panel.p-component.p-connected-overlay-enter-done {
            box-shadow: none !important
        }

        [theme=light] .p-fluid {
            color: #212121
        }

        [theme=light] .btn-style2,
        [theme=light] .head-bg {
            background: #fff !important;
            box-shadow: 0 0 4px #b5b5b5 !important;
            color: #212121 !important
        }

        [theme=light] .btn-style2 .text-white,
        [theme=light] .head-bg .text-white {
            color: #212121 !important
        }

        [theme=light] .gold-light {
            color: var(--baseColor) !important
        }

        [theme=light] .dashed-border,
        [theme=light] .empty-box-style,
        [theme=light] .outline-border,
        [theme=light] .send-massage-box {
            background: transparent !important;
            border-color: #ffbd5c !important;
            color: #ffbd5c !important
        }

        [theme=light] .rtl-table th {
            background-color: #f2f2f2;
            color: #333
        }

        [theme=light] .Toastify__toast,
        [theme=light] .p-dropdown-panel {
            background: #11593a !important;
            color: #fff !important
        }

        [theme=light] .list-tickets .gray,
        [theme=light] .p-fluid .p-inputnumber .p-inputnumber-input,
        [theme=light] .ticket-massages-screen .gray {
            color: #697480 !important
        }

        [theme=light] .p-inputgroup.send-massage-box.mx-auto .p-button.p-component.btn-style1.p-2.w-max.p-button-icon-only {
            background: var(--baseColor) !important;
            color: #fff !important
        }

        [theme=light] .p-inputgroup.send-massage-box.mx-auto .p-button.p-component.btn-style1.p-2.w-max.p-button-icon-only i,
        [theme=light] .p-inputgroup.send-massage-box.mx-auto .p-button.p-component.btn-style1.p-2.w-max.p-button-icon-only span {
            color: #fff !important
        }

        [theme=light] .qa-panel .p-accordion .p-accordion-content {
            background: #fff !important;
            color: #212121 !important
        }

        [theme=light] .active-header,
        [theme=light] .footer-menu-controller,
        [theme=light] .image-controller,
        [theme=light] .p-inputgroup.send-massage-box.mx-auto {
            background: #fff !important;
            box-shadow: 0 0 4px #b5b5b5 !important
        }

        [theme=light] .active-header .gray,
        [theme=light] .active-header .p-button.p-button-icon-only.p-button-rounded,
        [theme=light] .active-header .pi,
        [theme=light] .active-header .text-2,
        [theme=light] .footer-menu-controller .gray,
        [theme=light] .footer-menu-controller .p-button.p-button-icon-only.p-button-rounded,
        [theme=light] .footer-menu-controller .pi,
        [theme=light] .footer-menu-controller .text-2,
        [theme=light] .image-controller .gray,
        [theme=light] .image-controller .p-button.p-button-icon-only.p-button-rounded,
        [theme=light] .image-controller .pi,
        [theme=light] .image-controller .text-2,
        [theme=light] .p-inputgroup.send-massage-box.mx-auto .gray,
        [theme=light] .p-inputgroup.send-massage-box.mx-auto .p-button.p-button-icon-only.p-button-rounded,
        [theme=light] .p-inputgroup.send-massage-box.mx-auto .pi,
        [theme=light] .p-inputgroup.send-massage-box.mx-auto .text-2 {
            color: #697480 !important
        }

        [theme=light] .custom-addon,
        [theme=light] .p-fluid .p-dropdown,
        [theme=light] .p-fluid .p-dropdown .p-dropdown-trigger,
        [theme=light] .p-fluid .p-inputtext {
            background: #fff !important;
            box-shadow: 0 0 4px #b5b5b5 !important;
            color: #212121 !important
        }

        [theme=light] .p-dropdown-panel,
        [theme=light] .p-dropdown-panel .p-dropdown-header,
        [theme=light] .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
            background: #11593a !important;
            color: #212121 !important;
            color: #fff !important
        }

        [theme=light] .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
            color: #fff !important
        }

        [theme=light] .auth-form-controller .form-box .login-btn,
        [theme=light] .btn-style1 {
            background: #f4bd21 !important;
            color: #212121 !important
        }

        [theme=light] .bg-transparent {
            background: transparent !important
        }

        [theme=light] .bg-gray {
            background: var(--gray) !important
        }

        [theme=light] .p-button:not(.gradient-btn) {
            background: var(--baseColor);
            color: #212121
        }

        [theme=light] .p-button:not(.gradient-btn):not(.btn-bg, .gradient-btn, .p-button-text, .outline-border, .btn-style5):hover {
            background: #1e4f3c !important;
            color: #fff !important
        }

        [theme=light] .otp-controller input {
            border-color: #cf9f1c !important
        }

        [theme=light] .btn-bg,
        [theme=light] .gradient-btn {
            color: #fff !important
        }

        [theme=light] .active-header .pi {
            color: #212121 !important
        }

        [theme=light] .auth-form-controller .form-box,
        [theme=light] .card-light,
        [theme=light] .switch-button-controller {
            background: #fff !important;
            color: #212121 !important
        }

        [theme=light] .auth-form-controller .form-box .selected:not(.btn-style1),
        [theme=light] .card-light .selected:not(.btn-style1),
        [theme=light] .switch-button-controller .selected:not(.btn-style1) {
            background: var(--baseColor) !important
        }

        [theme=light] .auth-form-controller .form-box span:not(.p-button-label, .active),
        [theme=light] .card-light span:not(.p-button-label, .active),
        [theme=light] .switch-button-controller span:not(.p-button-label, .active) {
            color: #212121
        }

        [theme=light] .otp-controller input {
            color: #212121 !important
        }

        [theme=light] .auth-form-controller .form-box .form-input-controller .p-inputgroup,
        [theme=light] .auth-form-controller .form-box .form-input-controller .p-inputgroup:hover {
            border: .18rem solid var(--baseColor) !important
        }

        [theme=light] .p-sidebar-content {
            background: #fff !important
        }

        [theme=light] .p-sidebar-content i,
        [theme=light] .p-sidebar-content span,
        [theme=light] .p-sidebar-content svg {
            color: #212121 !important
        }

        [theme=light] .p-sidebar-content .gray {
            color: #697480 !important
        }

        [theme=light] .p-sidebar-content .btn-style2 {
            background: #1ea789 !important
        }

        [theme=light] .p-sidebar-content .btn-style2 i,
        [theme=light] .p-sidebar-content .btn-style2 span,
        [theme=light] .p-sidebar-content .btn-style2 svg {
            color: #fff !important
        }

        [theme=light] .p-sidebar-content .btn-style2 .gray {
            color: #697480 !important
        }

        [theme=light] .p-sidebar-content .user-level span {
            color: #212121 !important
        }

        [theme=light] .custom-addon .p-inputtext,
        [theme=light] .custom-addon input {
            box-shadow: none !important
        }

        [lang=en] .sta {
            direction: ltr !important;
            text-align: left !important
        }

        [lang=fa] .sta {
            direction: rtl;
            text-align: right
        }

        .layout-wrapper {
            background: var(--bg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 100%
        }

        html {
            background: #59269B !important;
            font-size: 1rem !important
        }

        body,
        html {
            font-family: Lato !important
        }

        body {
            background-size: 100%;
            background: #59269B !important;
            color: var(--text) !important;
            direction: rtl;
            font-size: 1rem;
            height: -moz-max-content;
            height: max-content;
            height: 100%;
            margin: 0;
            overflow-x: hidden;
            padding: 0;
            position: relative
        }

        section {
            padding: 3rem 0
        }

        :active {
            outline: none !important
        }

        ::-moz-placeholder {
            color: var(--text) !important
        }

        ::placeholder {
            color: var(--text) !important
        }

        ::-webkit-scrollbar {
            width: 7px
        }

        ::-webkit-scrollbar-track {
            background-color: #ebebeb;
            border-radius: 10px
        }

        ::-webkit-scrollbar-thumb {
            background: #8d8d8d;
            border-radius: 10px
        }

        label {
            font-size: .9rem
        }

        button {
            border: none !important;
            box-shadow: none !important;
            outline: none !important;
            padding: 1rem
        }

        .submit-btn {
            border-radius: 16px !important;
            font-family: BoldF !important;
            height: 48px;
            width: 100%
        }

        .timer {
            display: flex;
            flex-direction: row;
            font-size: 1.8rem;
            margin-bottom: 1rem
        }

        .timer .child {
            display: flex;
            flex-direction: column
        }

        .timer .child span {
            letter-spacing: .3rem
        }

        .timer .child span:last-child {
            color: var(--gray);
            font-family: BoldF !important;
            font-size: 13px
        }

        .left-wave:before,
        .right-wave:before {
            background-image: url(https://new.sekebit.com/allImageCdns/wave.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: "";
            height: 100%;
            position: absolute;
            right: 0;
            top: 0;
            width: 100%;
            z-index: 1
        }

        .left-wave:before {
            left: 0;
            right: unset
        }

        @media (min-width:992px) {
            section {
                padding: 60px 0
            }
        }

        .qa-panel .p-accordion .p-accordion-header .p-accordion-header-link,
        .qa-panel .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
            background: rgba(0,0,0,.1);
            border: none;
            border-radius: 10px;
            border-radius: 16px !important;
            border-radius: 16px;
            box-shadow: none;
            box-shadow: none !important;
            color: var(--text) !important;
            cursor: pointer;
            direction: rtl;
            overflow: hidden;
            transition: .6s
        }

        .qa-panel .p-accordion .p-accordion-header .p-accordion-header-link:hover,
        .qa-panel .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link:hover {
            background: transparent !important;
            opacity: .8
        }

        .qa-panel .p-accordion .p-accordion-content {
            border: none;
            border-radius: 16px !important;
            box-shadow: none !important;
            color: var(--gray);
            direction: rtl;
            margin: .5rem 0;
            margin-top: 0 !important;
            overflow: hidden;
            padding-top: 0 !important
        }

        .qa-panel .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
            left: 1rem;
            position: absolute
        }

        .qa-panel .p-accordion-tab {
            background: rgba(0,0,0,.4) !important;
            border: 2px solid #dcdcdc;
            border-radius: 10px
        }

        [theme=dark] .qa-panel .p-accordion-tab {
            border-color: transparent !important
        }

        .wave-background {
            background-image: url(https://new.sekebit.com/allImageCdns/wave.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            height: 500px;
            position: absolute;
            right: 0;
            width: 70vw
        }

        .wave-background:nth-child(2n-1) {
            background-position: 0;
            background-size: cover;
            left: 0;
            right: unset;
            transform: rotate(180deg);
            width: 60vw
        }

        .active-header {
            background: #171b24;
            border-radius: 0 0 20px 20px;
            left: 50%;
            opacity: 1;
            position: fixed !important;
            top: 6%;
            transform: translate(-50%, -50%)
        }

        @media (min-width:992px) {
            .header {
                padding: 1rem 2rem !important
            }
        }

        @media (max-width:756px) {
            h1 {
                font-size: 1.4rem !important;
                margin-bottom: 0 !important
            }
        }

        .btn-style1 {
            background: #1e4532 !important
        }

        .btn-style2 {
            background: #171b24 !important;
            color: #fff
        }

        .btn-style3 {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%);
            border-radius: 4px;
            box-shadow: 0 6px 30px 0 rgba(27, 31, 68, .14);
            box-shadow: 0 -3px 48px -16px rgba(53, 70, 55, .1);
            color: #fff !important;
            cursor: pointer;
            transition: .6s
        }

        .btn-style3:hover {
            background: linear-gradient(270deg, #4e9b80 5.68%, #3fb088 96.82%) !important;
            opacity: .8
        }

        .bg-locked {
            position: relative
        }

        .lock-bg {
            font-size: 90px !important;
            left: 50%;
            opacity: .4;
            position: absolute;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 1
        }

        .container {
            max-width: 1320px !important
        }

        small {
            font-size: 14px
        }

        .Toastify__toast {
            background: #1e4f3c !important
        }

        .p-fluid {
            box-shadow: none !important;
            color: #fff;
            justify-content: flex-start;
            width: 100%
        }

        .p-fluid .field {
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .p-fluid .p-dropdown-label {
            justify-content: flex-start
        }

        .p-fluid .p-dropdown,
        .p-fluid .p-dropdown .p-dropdown-trigger,
        .p-fluid .p-inputtext {
            background: #1e4f3c !important;
            box-shadow: none !important;
            direction: rtl !important;
            text-align: right
        }

        .p-fluid .p-dropdown .p-dropdown-trigger.dl,
        .p-fluid .p-dropdown.dl,
        .p-fluid .p-inputtext.dl {
            direction: ltr !important
        }

        .p-fluid .p-checkbox-box {
            background: transparent !important;
            border-color: #237f6a !important;
            box-shadow: none !important
        }

        .p-fluid .p-invalid {
            border: .15rem solid #fc531c !important;
            color: #fc531c !important
        }

        .p-fluid .p-dropdown .p-inputtext {
            border-bottom-left-radius: 0;
            border-top-left-radius: 0;
            text-align: right
        }

        .p-fluid .p-dropdown .p-dropdown-trigger {
            border-bottom-right-radius: 0;
            border-top-right-radius: 0
        }

        .p-fluid .p-inputmask {
            direction: ltr !important;
            text-align: left
        }

        ::-moz-placeholder {
            color: #acacac !important;
            opacity: 1
        }

        ::placeholder {
            color: #acacac !important;
            opacity: 1
        }

        :-ms-input-placeholder {
            color: #acacac !important
        }

        ::-ms-input-placeholder {
            color: #acacac !important
        }

        .animated-container {
            direction: ltr;
            flex: 1;
            justify-content: center;
            padding-bottom: .5rem;
            text-align: center
        }

        ul {
            list-style-type: none
        }

        .text-2 {
            color: var(--text2) !important
        }

        .empty-box-style {
            align-items: center;
            border: .3rem dashed #237f6a;
            display: flex;
            flex-direction: row;
            gap: .5rem;
            justify-content: center;
            margin: auto auto 1rem;
            padding: 2rem 1rem;
            text-align: center;
            width: 90%
        }

        .empty-box-style span {
            display: block
        }

        .list-tickets {
            height: 70dvh !important;
            overflow-x: hidden;
            overflow-y: scroll
        }

        .list-tickets::-webkit-scrollbar {
            display: none
        }

        .list-tickets {
            -ms-overflow-style: none;
            scrollbar-width: none
        }

        .ticket-image {
            border-radius: 10px;
            max-width: 300px;
            width: 100%
        }

        .head-bg {
            background: #171b24 !important;
            color: #fff !important
        }

        .Toastify__progress-bar--success {
            background: #237f6a !important
        }

        .hideScroll {
            -ms-overflow-style: 1px;
            scrollbar-width: 1px
        }

        .hideScroll::-webkit-scrollbar {
            display: none
        }

        .head-item a {
            border-radius: 8px;
            font-size: 1rem;
            padding: .2rem;
            padding-right: 1em;
            transition: .6s
        }
        .head-item a img {
            padding-left: 5px;
        }

        .head-item a.active,
        .head-item a:focus,
        .head-item a:hover {
            color: #34a980 !important
        }

        .head-item a.active.dark,
        .head-item a:focus.dark,
        .head-item a:hover.dark {
            background: #171b24
        }

        .html-controller p {
            line-height: 1.5
        }

        .html-controller h1,
        .html-controller h2,
        .html-controller h3,
        .html-controller h4,
        .html-controller h5,
        .html-controller h6,
        .html-controller span,
        .html-controller strong {
            background: transparent !important;
            color: var(--text) !important
        }

        .html-controller .green {
            color: #3fb088 !important
        }

        .html-controller ul {
            list-style-type: disc !important
        }

        .Toastify {
            position: relative;
            z-index: 100000000000000000000
        }

        ._3uApM {
            display: none !important
        }

        ._2Jtxm._35Ago ._2kL0S {
            background: #f4bd21 !important;
            color: #212121 !important
        }

        ._2Jtxm ._1hzhf {
            width: 100%
        }

        .p-badge.p-badge-danger {
            color: #fff !important
        }

        .sidebar-accordion-controller :not(.p-accordion-content) {
            border: none !important;
            box-shadow: none !important;
            font-weight: 400 !important
        }

        .sidebar-accordion-controller .pi {
            font-size: 13px;
            left: .3rem;
            position: relative
        }

        .sidebar-accordion-controller .p-accordion,
        .sidebar-accordion-controller .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
            padding: 0 !important;
            width: 100%
        }

        .sidebar-accordion-controller .p-accordion-content {
            border: none !important;
            border-radius: 10px;
            border-right: 1px solid var(--gray) !important;
            margin-top: .5rem;
            padding: .3rem 1rem 0 0 !important
        }

        input::-webkit-inner-spin-button,
        input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .p-inputtext,
        input[type=number] {
            -moz-appearance: textfield
        }

        .p-accordion .p-accordion-content {
            background: transparent !important
        }

        .max-dialog .p-dialog {
            height: 100vh !important
        }

        .mobile-config {
            position: fixed !important;
            right: 0;
            top: 95% !important;
            transform: translate(-50%, -50%);
            z-index: 999999
        }

        .p-sidebar-content .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link,
        .p-sidebar-content .p-accordion-header.p-highlight a {
            background: transparent !important;
            color: var(--text) !important
        }

        .custom-addon {
            border: none !important;
            box-shadow: none !important;
            box-shadow: 0 0 4px #b5b5b5 !important
        }

        .custom-addon .p-inputtext,
        .custom-addon input {
            box-shadow: none !important
        }

        .card2 {
            background: var(--baseColor) !important;
            border-radius: 10px;
            color: #fff !important
        }

        .p-dialog-footer .p-confirm-dialog-reject {
            color: var(--text) !important
        }

        .p-button.p-component.p-confirm-dialog-reject.p-button-danger {
            color: #fff !important
        }

        .p-confirm-dialog .p-dialog-content {
            align-items: flex-start !important
        }

        .copy-trade-rolls {
            display: block;
            max-height: calc(100vh - 260px);
            overflow-y: scroll
        }

        .enter-controller {
            white-space: pre-wrap !important
        }

        table {
            border: 1px solid #d3d3d3
        }

        tbody,
        th {
            border-bottom: 1px solid #d3d3d3
        }

        th {
            border-right: 1px solid #d3d3d3;
            padding: 2px 4px
        }

        tfoot {
            color: gray
        }

        tfoot th {
            font-weight: 400
        }

        .rtl-table {
            border-collapse: collapse;
            direction: rtl;
            width: 100%
        }

        .rtl-table td,
        .rtl-table th {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: right;
            white-space: pre
        }

        .rtl-table th {
            background-color: var(--baseColor);
            color: var(--text)
        }

        .p-inputtext,
        input,
        textarea {
            direction: rtl !important
        }

        .p-button-danger-2 {
            background: #fc531c !important
        }

        .p-button-danger-2:hover {
            background: rgba(252, 83, 28, .643) !important
        }

        .rc-anchor-checkbox-label {
            font-family: Lato !important
        }

        .noUnderLine,
        a {
            text-decoration: none !important
        }

        .noUnderLine,
        .noUnderLine:hover,
        a,
        a:hover {
            color: #111
        }

        .sidebar-hight-size {
            height: calc(100% - 94px)
        }

        .p-galleria-thumbnail-items {
            gap: 1rem
        }

        .p-galleria-thumbnail-item {
            max-width: -moz-fit-content !important;
            max-width: fit-content !important
        }

        .mini-image {
            height: 100px !important;
            max-width: 100px !important;
            -o-object-fit: cover !important;
            object-fit: cover !important
        }

        .p-galleria-item {
            max-height: 450px !important;
            overflow: hidden !important
        }

        .p-galleria-item img {
            height: 100% !important;
            width: 100% !important
        }

        .orange {
            color: #f4c104
        }

        .ql-align-right {
            line-height: 2
        }

        .ql-align-right img {
            width: 100%
        }

        .html-controller {
            display: flex;
            flex-direction: column;
            gap: .5rem;
            line-height: 2
        }

        .html-controller img {
            width: 100%
        }

        .text-right {
            text-align: right !important
        }

        .p-input-icon-right>.p-input-suffix,
        .p-input-icon-right>i:last-of-type,
        .p-input-icon-right>svg:last-of-type {
            color: var(--gray) !important
        }

        .Vue-Toastification__container {
            z-index: 100000000000000000
        }

        .p-dialog-mask.p-component-overlay {
            z-index: 1101111 !important
        }

        .card-box-controller {
            background: rgba(0,0,0,.3);
            border-radius: 16px;
            overflow: hidden
        }

        [theme=light] .card-box-controller {
            box-shadow: 0 0 5px rgba(27, 31, 68, .28) !important
        }

        .btn-style5 {
            background: #f4c000 !important;
            color: #232323 !important;
            font-family: BoldF !important;
            text-align: center;
            width: 100%
        }

        .btn-style5:hover {
            background: rgba(244, 191, 0, .616) !important
        }

        .custom-divider {
            align-items: center;
            background: #dbe6f2;
            display: flex;
            height: 1.197px;
            justify-content: center;
            width: 100%
        }

        .custom-divider h1,
        .custom-divider h2,
        .custom-divider h3,
        .custom-divider h4,
        .custom-divider h5,
        .custom-divider h6 {
            background: #59269B !important;
            padding: 0 1rem;
            width: -moz-max-content;
            width: max-content
        }

        .paragraph-controller {
            color: #fff;
            font-size: 1rem;
            line-height: 2rem;
            text-align: right
        }

        .card-box-controller:hover .paragraph-controller {
            color: #333;
        }

        .num {
            font-family: Number !important
        }

        .w-max {
            max-width: -moz-fit-content !important;
            max-width: fit-content !important
        }

        [title="درگاه پرداخت نکست پی"] {
            display: none !important
        }
    </style>
    <style>
        .Vue-Toastification__container {
            box-sizing: border-box;
            color: #fff;
            display: flex;
            flex-direction: column;
            min-height: 100%;
            padding: 4px;
            pointer-events: none;
            position: fixed;
            width: 600px;
            z-index: 9999
        }

        @media only screen and (min-width:600px) {

            .Vue-Toastification__container.top-center,
            .Vue-Toastification__container.top-left,
            .Vue-Toastification__container.top-right {
                top: 1em
            }

            .Vue-Toastification__container.bottom-center,
            .Vue-Toastification__container.bottom-left,
            .Vue-Toastification__container.bottom-right {
                bottom: 1em;
                flex-direction: column-reverse
            }

            .Vue-Toastification__container.bottom-left,
            .Vue-Toastification__container.top-left {
                left: 1em
            }

            .Vue-Toastification__container.bottom-left .Vue-Toastification__toast,
            .Vue-Toastification__container.top-left .Vue-Toastification__toast {
                margin-right: auto
            }

            @supports not (-moz-appearance:none) {

                .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,
                .Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl {
                    margin-left: auto;
                    margin-right: unset
                }
            }

            .Vue-Toastification__container.bottom-right,
            .Vue-Toastification__container.top-right {
                right: 1em
            }

            .Vue-Toastification__container.bottom-right .Vue-Toastification__toast,
            .Vue-Toastification__container.top-right .Vue-Toastification__toast {
                margin-left: auto
            }

            @supports not (-moz-appearance:none) {

                .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,
                .Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl {
                    margin-left: unset;
                    margin-right: auto
                }
            }

            .Vue-Toastification__container.bottom-center,
            .Vue-Toastification__container.top-center {
                left: 50%;
                margin-left: -300px
            }

            .Vue-Toastification__container.bottom-center .Vue-Toastification__toast,
            .Vue-Toastification__container.top-center .Vue-Toastification__toast {
                margin-left: auto;
                margin-right: auto
            }
        }

        @media only screen and (max-width:600px) {
            .Vue-Toastification__container {
                left: 0;
                margin: 0;
                padding: 0;
                width: 100vw
            }

            .Vue-Toastification__container .Vue-Toastification__toast {
                width: 100%
            }

            .Vue-Toastification__container.top-center,
            .Vue-Toastification__container.top-left,
            .Vue-Toastification__container.top-right {
                top: 0
            }

            .Vue-Toastification__container.bottom-center,
            .Vue-Toastification__container.bottom-left,
            .Vue-Toastification__container.bottom-right {
                bottom: 0;
                flex-direction: column-reverse
            }
        }

        .Vue-Toastification__toast {
            border-radius: 8px;
            box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
            box-sizing: border-box;
            direction: ltr;
            display: inline-flex;
            font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
            justify-content: space-between;
            margin-bottom: 1rem;
            max-height: 800px;
            max-width: 600px;
            min-height: 64px;
            min-width: 326px;
            overflow: hidden;
            padding: 22px 24px;
            pointer-events: auto;
            position: relative;
            transform: translateZ(0)
        }

        .Vue-Toastification__toast--rtl {
            direction: rtl
        }

        .Vue-Toastification__toast--default {
            background-color: #1976d2;
            color: #fff
        }

        .Vue-Toastification__toast--info {
            background-color: #2196f3;
            color: #fff
        }

        .Vue-Toastification__toast--success {
            background-color: #4caf50;
            color: #fff
        }

        .Vue-Toastification__toast--error {
            background-color: #ff5252;
            color: #fff
        }

        .Vue-Toastification__toast--warning {
            background-color: #ffc107;
            color: #fff
        }

        @media only screen and (max-width:600px) {
            .Vue-Toastification__toast {
                border-radius: 0;
                margin-bottom: .5rem
            }
        }

        .Vue-Toastification__toast-body {
            flex: 1;
            font-size: 16px;
            line-height: 24px;
            white-space: pre-wrap;
            word-break: break-word
        }

        .Vue-Toastification__toast-component-body {
            flex: 1
        }

        .Vue-Toastification__toast.disable-transition {
            animation: none !important
        }

        .Vue-Toastification__close-button {
            align-items: center;
            background: transparent;
            border: none;
            color: #fff;
            cursor: pointer;
            font-size: 24px;
            font-weight: 700;
            line-height: 24px;
            opacity: .3;
            outline: none;
            padding: 0 0 0 10px;
            transition: .3s ease;
            transition: visibility 0s, opacity .2s linear
        }

        .Vue-Toastification__close-button:focus,
        .Vue-Toastification__close-button:hover {
            opacity: 1
        }

        .Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
            opacity: 0
        }

        .Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
            padding-left: unset;
            padding-right: 10px
        }

        @keyframes scale-x-frames {
            0% {
                transform: scaleX(1)
            }

            to {
                transform: scaleX(0)
            }
        }

        .Vue-Toastification__progress-bar {
            animation: scale-x-frames linear 1 forwards;
            background-color: hsla(0, 0%, 100%, .7);
            bottom: 0;
            height: 5px;
            left: 0;
            position: absolute;
            transform-origin: left;
            width: 100%;
            z-index: 10000
        }

        .Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
            left: unset;
            right: 0;
            transform-origin: right
        }

        .Vue-Toastification__icon {
            align-items: center;
            background: transparent;
            border: none;
            height: 100%;
            margin: auto 18px auto 0;
            outline: none;
            padding: 0;
            transition: .3s ease;
            width: 20px
        }

        .Vue-Toastification__toast--rtl .Vue-Toastification__icon {
            margin: auto 0 auto 18px
        }

        @keyframes bounceInRight {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(3000px, 0, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(-25px, 0, 0)
            }

            75% {
                transform: translate3d(10px, 0, 0)
            }

            90% {
                transform: translate3d(-5px, 0, 0)
            }

            to {
                transform: none
            }
        }

        @keyframes bounceOutRight {
            40% {
                opacity: 1;
                transform: translate3d(-20px, 0, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(1000px, 0, 0)
            }
        }

        @keyframes bounceInLeft {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(-3000px, 0, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(25px, 0, 0)
            }

            75% {
                transform: translate3d(-10px, 0, 0)
            }

            90% {
                transform: translate3d(5px, 0, 0)
            }

            to {
                transform: none
            }
        }

        @keyframes bounceOutLeft {
            20% {
                opacity: 1;
                transform: translate3d(20px, 0, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(-2000px, 0, 0)
            }
        }

        @keyframes bounceInUp {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(0, 3000px, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(0, -20px, 0)
            }

            75% {
                transform: translate3d(0, 10px, 0)
            }

            90% {
                transform: translate3d(0, -5px, 0)
            }

            to {
                transform: translateZ(0)
            }
        }

        @keyframes bounceOutUp {
            20% {
                transform: translate3d(0, -10px, 0)
            }

            40%,
            45% {
                opacity: 1;
                transform: translate3d(0, 20px, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(0, -2000px, 0)
            }
        }

        @keyframes bounceInDown {

            0%,
            60%,
            75%,
            90%,
            to {
                animation-timing-function: cubic-bezier(.215, .61, .355, 1)
            }

            0% {
                opacity: 0;
                transform: translate3d(0, -3000px, 0)
            }

            60% {
                opacity: 1;
                transform: translate3d(0, 25px, 0)
            }

            75% {
                transform: translate3d(0, -10px, 0)
            }

            90% {
                transform: translate3d(0, 5px, 0)
            }

            to {
                transform: none
            }
        }

        @keyframes bounceOutDown {
            20% {
                transform: translate3d(0, 10px, 0)
            }

            40%,
            45% {
                opacity: 1;
                transform: translate3d(0, -20px, 0)
            }

            to {
                opacity: 0;
                transform: translate3d(0, 2000px, 0)
            }
        }

        .Vue-Toastification__bounce-enter-active.bottom-left,
        .Vue-Toastification__bounce-enter-active.top-left {
            animation-name: bounceInLeft
        }

        .Vue-Toastification__bounce-enter-active.bottom-right,
        .Vue-Toastification__bounce-enter-active.top-right {
            animation-name: bounceInRight
        }

        .Vue-Toastification__bounce-enter-active.top-center {
            animation-name: bounceInDown
        }

        .Vue-Toastification__bounce-enter-active.bottom-center {
            animation-name: bounceInUp
        }

        .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left,
        .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left {
            animation-name: bounceOutLeft
        }

        .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right,
        .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right {
            animation-name: bounceOutRight
        }

        .Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
            animation-name: bounceOutUp
        }

        .Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
            animation-name: bounceOutDown
        }

        .Vue-Toastification__bounce-enter-active,
        .Vue-Toastification__bounce-leave-active {
            animation-duration: .75s;
            animation-fill-mode: both
        }

        .Vue-Toastification__bounce-move {
            transition-duration: .4s;
            transition-property: all;
            transition-timing-function: ease-in-out
        }

        @keyframes fadeOutTop {
            0% {
                opacity: 1;
                transform: translateY(0)
            }

            to {
                opacity: 0;
                transform: translateY(-50px)
            }
        }

        @keyframes fadeOutLeft {
            0% {
                opacity: 1;
                transform: translateX(0)
            }

            to {
                opacity: 0;
                transform: translateX(-50px)
            }
        }

        @keyframes fadeOutBottom {
            0% {
                opacity: 1;
                transform: translateY(0)
            }

            to {
                opacity: 0;
                transform: translateY(50px)
            }
        }

        @keyframes fadeOutRight {
            0% {
                opacity: 1;
                transform: translateX(0)
            }

            to {
                opacity: 0;
                transform: translateX(50px)
            }
        }

        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translateX(-50px)
            }

            to {
                opacity: 1;
                transform: translateX(0)
            }
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translateX(50px)
            }

            to {
                opacity: 1;
                transform: translateX(0)
            }
        }

        @keyframes fadeInTop {
            0% {
                opacity: 0;
                transform: translateY(-50px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @keyframes fadeInBottom {
            0% {
                opacity: 0;
                transform: translateY(50px)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        .Vue-Toastification__fade-enter-active.bottom-left,
        .Vue-Toastification__fade-enter-active.top-left {
            animation-name: fadeInLeft
        }

        .Vue-Toastification__fade-enter-active.bottom-right,
        .Vue-Toastification__fade-enter-active.top-right {
            animation-name: fadeInRight
        }

        .Vue-Toastification__fade-enter-active.top-center {
            animation-name: fadeInTop
        }

        .Vue-Toastification__fade-enter-active.bottom-center {
            animation-name: fadeInBottom
        }

        .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left,
        .Vue-Toastification__fade-leave-active:not(.disable-transition).top-left {
            animation-name: fadeOutLeft
        }

        .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right,
        .Vue-Toastification__fade-leave-active:not(.disable-transition).top-right {
            animation-name: fadeOutRight
        }

        .Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
            animation-name: fadeOutTop
        }

        .Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
            animation-name: fadeOutBottom
        }

        .Vue-Toastification__fade-enter-active,
        .Vue-Toastification__fade-leave-active {
            animation-duration: .75s;
            animation-fill-mode: both
        }

        .Vue-Toastification__fade-move {
            transition-duration: .4s;
            transition-property: all;
            transition-timing-function: ease-in-out
        }

        @keyframes slideInBlurredLeft {
            0% {
                filter: blur(40px);
                opacity: 0;
                transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
                transform-origin: 100% 50%
            }

            to {
                filter: blur(0);
                opacity: 1;
                transform: translateX(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }
        }

        @keyframes slideInBlurredTop {
            0% {
                filter: blur(240px);
                opacity: 0;
                transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
                transform-origin: 50% 0
            }

            to {
                filter: blur(0);
                opacity: 1;
                transform: translateY(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }
        }

        @keyframes slideInBlurredRight {
            0% {
                filter: blur(40px);
                opacity: 0;
                transform: translateX(1000px) scaleX(2.5) scaleY(.2);
                transform-origin: 0 50%
            }

            to {
                filter: blur(0);
                opacity: 1;
                transform: translateX(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }
        }

        @keyframes slideInBlurredBottom {
            0% {
                filter: blur(240px);
                opacity: 0;
                transform: translateY(1000px) scaleY(2.5) scaleX(.2);
                transform-origin: 50% 100%
            }

            to {
                filter: blur(0);
                opacity: 1;
                transform: translateY(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }
        }

        @keyframes slideOutBlurredTop {
            0% {
                filter: blur(0);
                opacity: 1;
                transform: translateY(0) scaleY(1) scaleX(1);
                transform-origin: 50% 0
            }

            to {
                filter: blur(240px);
                opacity: 0;
                transform: translateY(-1000px) scaleY(2) scaleX(.2);
                transform-origin: 50% 0
            }
        }

        @keyframes slideOutBlurredBottom {
            0% {
                filter: blur(0);
                opacity: 1;
                transform: translateY(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }

            to {
                filter: blur(240px);
                opacity: 0;
                transform: translateY(1000px) scaleY(2) scaleX(.2);
                transform-origin: 50% 100%
            }
        }

        @keyframes slideOutBlurredLeft {
            0% {
                filter: blur(0);
                opacity: 1;
                transform: translateX(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }

            to {
                filter: blur(40px);
                opacity: 0;
                transform: translateX(-1000px) scaleX(2) scaleY(.2);
                transform-origin: 100% 50%
            }
        }

        @keyframes slideOutBlurredRight {
            0% {
                filter: blur(0);
                opacity: 1;
                transform: translateX(0) scaleY(1) scaleX(1);
                transform-origin: 50% 50%
            }

            to {
                filter: blur(40px);
                opacity: 0;
                transform: translateX(1000px) scaleX(2) scaleY(.2);
                transform-origin: 0 50%
            }
        }

        .Vue-Toastification__slideBlurred-enter-active.bottom-left,
        .Vue-Toastification__slideBlurred-enter-active.top-left {
            animation-name: slideInBlurredLeft
        }

        .Vue-Toastification__slideBlurred-enter-active.bottom-right,
        .Vue-Toastification__slideBlurred-enter-active.top-right {
            animation-name: slideInBlurredRight
        }

        .Vue-Toastification__slideBlurred-enter-active.top-center {
            animation-name: slideInBlurredTop
        }

        .Vue-Toastification__slideBlurred-enter-active.bottom-center {
            animation-name: slideInBlurredBottom
        }

        .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left,
        .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left {
            animation-name: slideOutBlurredLeft
        }

        .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right,
        .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right {
            animation-name: slideOutBlurredRight
        }

        .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
            animation-name: slideOutBlurredTop
        }

        .Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
            animation-name: slideOutBlurredBottom
        }

        .Vue-Toastification__slideBlurred-enter-active,
        .Vue-Toastification__slideBlurred-leave-active {
            animation-duration: .75s;
            animation-fill-mode: both
        }

        .Vue-Toastification__slideBlurred-move {
            transition-duration: .4s;
            transition-property: all;
            transition-timing-function: ease-in-out
        }
   
        .p-hidden-accessible {
            border: 0;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        .p-hidden-accessible input,
        .p-hidden-accessible select {
            transform: scale(0);
        }

        .p-overflow-hidden {
            overflow: hidden;
            padding-right: var(--scrollbar-width);
        }
        @keyframes ripple {
            100% {
                opacity: 0;
                transform: scale(2.5);
            }
        }

        @layer primevue {
            .p-ripple {
                overflow: hidden;
                position: relative;
            }

            .p-ink {
                display: block;
                position: absolute;
                background: rgba(255, 255, 255, 0.5);
                border-radius: 100%;
                transform: scale(0);
                pointer-events: none;
            }

            .p-ink-active {
                animation: ripple 0.4s linear;
            }

            .p-ripple-disabled .p-ink {
                display: none !important;
            }
        }
        @layer primevue {

            .p-component,
            .p-component * {
                box-sizing: border-box;
            }

            .p-hidden-space {
                visibility: hidden;
            }

            .p-reset {
                margin: 0;
                padding: 0;
                border: 0;
                outline: 0;
                text-decoration: none;
                font-size: 100%;
                list-style: none;
            }

            .p-disabled,
            .p-disabled * {
                cursor: default !important;
                pointer-events: none;
                user-select: none;
            }

            .p-component-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
            }

            .p-unselectable-text {
                user-select: none;
            }

            .p-sr-only {
                border: 0;
                clip: rect(1px, 1px, 1px, 1px);
                clip-path: inset(50%);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
                word-wrap: normal !important;
            }

            .p-link {
                text-align: left;
                background-color: transparent;
                margin: 0;
                padding: 0;
                border: none;
                cursor: pointer;
                user-select: none;
            }

            .p-link:disabled {
                cursor: default;
            }

            /* Non vue overlay animations */
            .p-connected-overlay {
                opacity: 0;
                transform: scaleY(0.8);
                transition: transform .12s cubic-bezier(0, 0, 0.2, 1), opacity .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 .1s linear;
            }

            /* Vue based overlay animations */
            .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 .12s cubic-bezier(0, 0, 0.2, 1), opacity .12s cubic-bezier(0, 0, 0.2, 1);
            }

            .p-connected-overlay-leave-active {
                transition: opacity .1s linear;
            }

            /* Toggleable Content */
            .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-button {
                display: inline-flex;
                cursor: pointer;
                user-select: none;
                align-items: center;
                vertical-align: bottom;
                text-align: center;
                overflow: hidden;
                position: relative;
            }

            .p-button-label {
                flex: 1 1 auto;
            }

            .p-button-icon-right {
                order: 1;
            }

            .p-button:disabled {
                cursor: default;
            }

            .p-button-icon-only {
                justify-content: center;
            }

            .p-button-icon-only .p-button-label {
                visibility: hidden;
                width: 0;
                flex: 0 0 auto;
            }

            .p-button-vertical {
                flex-direction: column;
            }

            .p-button-icon-bottom {
                order: 2;
            }

            .p-buttonset .p-button {
                margin: 0;
            }

            .p-buttonset .p-button:not(:last-child),
            .p-buttonset .p-button:not(:last-child):hover {
                border-right: 0 none;
            }

            .p-buttonset .p-button:not(:first-of-type):not(:last-of-type) {
                border-radius: 0;
            }

            .p-buttonset .p-button:first-of-type:not(:only-of-type) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

            .p-buttonset .p-button:last-of-type:not(:only-of-type) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

            .p-buttonset .p-button:focus {
                position: relative;
                z-index: 1;
            }


            .p-checkbox {
                display: inline-flex;
                cursor: pointer;
                user-select: none;
                vertical-align: bottom;
                position: relative;
            }

            .p-checkbox.p-checkbox-disabled {
                cursor: default;
            }

            .p-checkbox-box {
                display: flex;
                justify-content: center;
                align-items: center;
            }


            .p-fluid .p-inputtext {
                width: 100%;
            }

            /* InputGroup */
            .p-inputgroup {
                display: flex;
                align-items: stretch;
                width: 100%;
            }

            .p-inputgroup-addon {
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .p-inputgroup .p-float-label {
                display: flex;
                align-items: stretch;
                width: 100%;
            }

            .p-inputgroup .p-inputtext,
            .p-fluid .p-inputgroup .p-inputtext,
            .p-inputgroup .p-inputwrapper,
            .p-fluid .p-inputgroup .p-input {
                flex: 1 1 auto;
                width: 1%;
            }

            /* Floating Label */
            .p-float-label {
                display: block;
                position: relative;
            }

            .p-float-label label {
                position: absolute;
                pointer-events: none;
                top: 50%;
                margin-top: -.5rem;
                transition-property: all;
                transition-timing-function: ease;
                line-height: 1;
            }

            .p-float-label textarea~label {
                top: 1rem;
            }

            .p-float-label input:focus~label,
            .p-float-label input.p-filled~label,
            .p-float-label input:-webkit-autofill~label,
            .p-float-label textarea:focus~label,
            .p-float-label textarea.p-filled~label,
            .p-float-label .p-inputwrapper-focus~label,
            .p-float-label .p-inputwrapper-filled~label {
                top: -.75rem;
                font-size: 12px;
            }


            .p-float-label .p-placeholder,
            .p-float-label input::placeholder,
            .p-float-label .p-inputtext::placeholder {
                opacity: 0;
                transition-property: all;
                transition-timing-function: ease;
            }

            .p-float-label .p-focus .p-placeholder,
            .p-float-label input:focus::placeholder,
            .p-float-label .p-inputtext:focus::placeholder {
                opacity: 1;
                transition-property: all;
                transition-timing-function: ease;
            }

            .p-input-icon-left,
            .p-input-icon-right {
                position: relative;
                display: inline-block;
            }

            .p-input-icon-left>i,
            .p-input-icon-left>svg,
            .p-input-icon-right>i,
            .p-input-icon-right>svg {
                position: absolute;
                top: 50%;
                margin-top: -.5rem;
            }

            .p-fluid .p-input-icon-left,
            .p-fluid .p-input-icon-right {
                display: block;
                width: 100%;
            }


            .p-radiobutton {
                position: relative;
                display: inline-flex;
                cursor: pointer;
                user-select: none;
                vertical-align: bottom;
            }

            .p-radiobutton.p-radiobutton-disabled {
                cursor: default;
            }

            .p-radiobutton-box {
                display: flex;
                justify-content: center;
                align-items: center;
            }

            .p-radiobutton-icon {
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                transform: translateZ(0) scale(.1);
                border-radius: 50%;
                visibility: hidden;
            }

            .p-radiobutton-box.p-highlight .p-radiobutton-icon {
                transform: translateZ(0) scale(1.0, 1.0);
                visibility: visible;
            }

        }
        @layer primevue {
            .p-sidebar-mask {
                display: none;
                pointer-events: none;
                background-color: transparent;
                transition-property: background-color;
            }

            .p-sidebar-mask.p-component-overlay {
                pointer-events: auto;
            }

            .p-sidebar-visible {
                display: flex;
            }

            .p-sidebar {
                display: flex;
                flex-direction: column;
                pointer-events: auto;
                transform: translate3d(0px, 0px, 0px);
                position: relative;
                transition: transform 0.3s;
            }

            .p-sidebar-content {
                overflow-y: auto;
                flex-grow: 1;
            }

            .p-sidebar-header {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                flex-shrink: 0;
            }

            .p-sidebar-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                position: relative;
            }

            .p-sidebar-full .p-sidebar {
                transition: none;
                transform: none;
                width: 100vw !important;
                height: 100vh !important;
                max-height: 100%;
                top: 0px !important;
                left: 0px !important;
            }

            /* Animation */
            /* Center */
            .p-sidebar-left .p-sidebar-enter-from,
            .p-sidebar-left .p-sidebar-leave-to {
                transform: translateX(-100%);
            }

            .p-sidebar-right .p-sidebar-enter-from,
            .p-sidebar-right .p-sidebar-leave-to {
                transform: translateX(100%);
            }

            .p-sidebar-top .p-sidebar-enter-from,
            .p-sidebar-top .p-sidebar-leave-to {
                transform: translateY(-100%);
            }

            .p-sidebar-bottom .p-sidebar-enter-from,
            .p-sidebar-bottom .p-sidebar-leave-to {
                transform: translateY(100%);
            }

            .p-sidebar-full .p-sidebar-enter-from,
            .p-sidebar-full .p-sidebar-leave-to {
                opacity: 0;
            }

            .p-sidebar-full .p-sidebar-enter-active,
            .p-sidebar-full .p-sidebar-leave-active {
                transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
            }

            /* Size */
            .p-sidebar-left .p-sidebar {
                width: 20rem;
                height: 100%;
            }

            .p-sidebar-right .p-sidebar {
                width: 20rem;
                height: 100%;
            }

            .p-sidebar-top .p-sidebar {
                height: 10rem;
                width: 100%;
            }

            .p-sidebar-bottom .p-sidebar {
                height: 10rem;
                width: 100%;
            }

            .p-sidebar-left .p-sidebar-sm,
            .p-sidebar-right .p-sidebar-sm {
                width: 20rem;
            }

            .p-sidebar-left .p-sidebar-md,
            .p-sidebar-right .p-sidebar-md {
                width: 40rem;
            }

            .p-sidebar-left .p-sidebar-lg,
            .p-sidebar-right .p-sidebar-lg {
                width: 60rem;
            }

            .p-sidebar-top .p-sidebar-sm,
            .p-sidebar-bottom .p-sidebar-sm {
                height: 10rem;
            }

            .p-sidebar-top .p-sidebar-md,
            .p-sidebar-bottom .p-sidebar-md {
                height: 20rem;
            }

            .p-sidebar-top .p-sidebar-lg,
            .p-sidebar-bottom .p-sidebar-lg {
                height: 30rem;
            }

            .p-sidebar-left .p-sidebar-content,
            .p-sidebar-right .p-sidebar-content,
            .p-sidebar-top .p-sidebar-content,
            .p-sidebar-bottom .p-sidebar-content {
                width: 100%;
                height: 100%;
            }

            @media screen and (max-width: 64em) {

                .p-sidebar-left .p-sidebar-lg,
                .p-sidebar-left .p-sidebar-md,
                .p-sidebar-right .p-sidebar-lg,
                .p-sidebar-right .p-sidebar-md {
                    width: 20rem;
                }
            }
        }
    </style>
    <style type="text/css" data-primevue-style-id="skeleton">
        @layer primevue {
            .p-skeleton {
                overflow: hidden;
            }

            .p-skeleton::after {
                content: '';
                animation: p-skeleton-animation 1.2s infinite;
                height: 100%;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: translateX(-100%);
                z-index: 1;
            }

            .p-skeleton.p-skeleton-circle {
                border-radius: 50%;
            }

            .p-skeleton-none::after {
                animation: none;
            }

            @keyframes p-skeleton-animation {
                from {
                    transform: translateX(-100%);
                }

                to {
                    transform: translateX(100%);
                }
            }
        }
    </style>
    <style type="text/css" data-primevue-style-id="accordion">
        @layer primevue {
            .p-accordion-header-action {
                cursor: pointer;
                display: flex;
                align-items: center;
                user-select: none;
                position: relative;
                text-decoration: none;
            }

            .p-accordion-header-action:focus {
                z-index: 1;
            }

            .p-accordion-header-text {
                line-height: 1;
            }
        }
    </style>
    <style type="text/css" data-primevue-style-id="dialog">
        @layer primevue {
            .p-dialog-mask.p-component-overlay {
                pointer-events: auto;
            }

            .p-dialog {
                max-height: 90%;
                transform: scale(1);
            }

            .p-dialog-content {
                overflow-y: auto;
            }

            .p-dialog-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-shrink: 0;
            }

            .p-dialog-footer {
                flex-shrink: 0;
            }

            .p-dialog .p-dialog-header-icons {
                display: flex;
                align-items: center;
            }

            .p-dialog .p-dialog-header-icon {
                display: flex;
                align-items: center;
                justify-content: center;
                overflow: hidden;
                position: relative;
            }

            /* Fluid */
            .p-fluid .p-dialog-footer .p-button {
                width: auto;
            }

            /* Animation */
            /* Center */
            .p-dialog-enter-active {
                transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
            }

            .p-dialog-leave-active {
                transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            .p-dialog-enter-from,
            .p-dialog-leave-to {
                opacity: 0;
                transform: scale(0.7);
            }

            /* Top, Bottom, Left, Right, Top* and Bottom* */
            .p-dialog-top .p-dialog,
            .p-dialog-bottom .p-dialog,
            .p-dialog-left .p-dialog,
            .p-dialog-right .p-dialog,
            .p-dialog-topleft .p-dialog,
            .p-dialog-topright .p-dialog,
            .p-dialog-bottomleft .p-dialog,
            .p-dialog-bottomright .p-dialog {
                margin: 0.75rem;
                transform: translate3d(0px, 0px, 0px);
            }

            .p-dialog-top .p-dialog-enter-active,
            .p-dialog-top .p-dialog-leave-active,
            .p-dialog-bottom .p-dialog-enter-active,
            .p-dialog-bottom .p-dialog-leave-active,
            .p-dialog-left .p-dialog-enter-active,
            .p-dialog-left .p-dialog-leave-active,
            .p-dialog-right .p-dialog-enter-active,
            .p-dialog-right .p-dialog-leave-active,
            .p-dialog-topleft .p-dialog-enter-active,
            .p-dialog-topleft .p-dialog-leave-active,
            .p-dialog-topright .p-dialog-enter-active,
            .p-dialog-topright .p-dialog-leave-active,
            .p-dialog-bottomleft .p-dialog-enter-active,
            .p-dialog-bottomleft .p-dialog-leave-active,
            .p-dialog-bottomright .p-dialog-enter-active,
            .p-dialog-bottomright .p-dialog-leave-active {
                transition: all 0.3s ease-out;
            }

            .p-dialog-top .p-dialog-enter-from,
            .p-dialog-top .p-dialog-leave-to {
                transform: translate3d(0px, -100%, 0px);
            }

            .p-dialog-bottom .p-dialog-enter-from,
            .p-dialog-bottom .p-dialog-leave-to {
                transform: translate3d(0px, 100%, 0px);
            }

            .p-dialog-left .p-dialog-enter-from,
            .p-dialog-left .p-dialog-leave-to,
            .p-dialog-topleft .p-dialog-enter-from,
            .p-dialog-topleft .p-dialog-leave-to,
            .p-dialog-bottomleft .p-dialog-enter-from,
            .p-dialog-bottomleft .p-dialog-leave-to {
                transform: translate3d(-100%, 0px, 0px);
            }

            .p-dialog-right .p-dialog-enter-from,
            .p-dialog-right .p-dialog-leave-to,
            .p-dialog-topright .p-dialog-enter-from,
            .p-dialog-topright .p-dialog-leave-to,
            .p-dialog-bottomright .p-dialog-enter-from,
            .p-dialog-bottomright .p-dialog-leave-to {
                transform: translate3d(100%, 0px, 0px);
            }

            /* Maximize */
            .p-dialog-maximized {
                -webkit-transition: none;
                transition: none;
                transform: none;
                width: 100vw !important;
                height: 100vh !important;
                top: 0px !important;
                left: 0px !important;
                max-height: 100%;
                height: 100%;
            }

            .p-dialog-maximized .p-dialog-content {
                flex-grow: 1;
            }

            .p-confirm-dialog .p-dialog-content {
                display: flex;
                align-items: center;
            }
        }


        .registerbox {
            background: #fff;
            padding:1em;
            margin-top:2em;
            border-radius: 1em;
        }

        .grid-asatid {
            display: grid;
            
        }


        .t45 {
            color: #000;
            font-size: 1.25em;
            font-weight: bold;
        }


.blue.loading .text {
    opacity: 0;
    visibility: hidden;
    }
    
    .blue.loading svg.spinner {
    display: block;
    }
    .blue svg.spinner {
    display: none;
    }
    svg.spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    }
    
    svg.spinner .path {
    stroke: 
    hsla(0, 0%, 100%, .75);
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    }
    
    
    @-webkit-keyframes rotate {
      to {
          -webkit-transform: translate(-50%, -50%) rotate(1turn);
          transform: translate(-50%, -50%) rotate(1turn)
      }
    }
    
    @keyframes  rotate {
      to {
          -webkit-transform: translate(-50%, -50%) rotate(1turn);
          transform: translate(-50%, -50%) rotate(1turn)
      }
    }
    
    @-webkit-keyframes dash {
      0% {
          stroke-dasharray: 1, 150;
          stroke-dashoffset: 0
      }
      50% {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -35
      }
      to {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -124
      }
    }
    
    @keyframes  dash {
      0% {
          stroke-dasharray: 1, 150;
          stroke-dashoffset: 0
      }
      50% {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -35
      }
      to {
          stroke-dasharray: 90, 150;
          stroke-dashoffset: -124
      }
    }
    
    
    
    .btn-green::before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        content: "";
        -webkit-transition: opacity 0.2s ease-in-out;
        -o-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        background: #47c257;
        background: -o-linear-gradient(124deg, #47c257 0%, #5fd05c 100%);
        background: linear-gradient(-34deg, #47c257 0%, #5fd05c 100%);
      }
      [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {
        cursor: pointer;
      }
      .btn-green {
        background: #56c755 !important;
        overflow: hidden;
        position: relative;
      }
      .btn-green {
        -webkit-box-shadow: 0 3px 25px rgba(86, 199, 85, 0.35);
        box-shadow: 0 3px 25px rgba(86, 199, 85, 0.35);
        color: #fff !important;
      }
      .btn-lg {
        padding: 1rem 2.1875rem 0.8125rem;
      }
      .btn {
        font-weight: 500;
        border: 0;
        padding: 0.8125rem 1.875rem 0.625rem;
      }

 
.form-label2 {
    text-align: right;
  }
  
  .form-group2 {
    display: block;
    margin-bottom: 15px;
    text-align: right;
    color: #333;
    margin-right: 1em;
  }
  
  .form-group2 input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
  }
  
  .form-group2 label {
    position: relative;
    cursor: pointer;
  }
  
  .form-group2 label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin: 0 5px;
  }
  
  .form-group2 input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: 14px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .boxintro {
    display: flex;
    flex-wrap: wrap;
    row-gap: 3em;
    margin-top: 2em;
  }
  .description {
    padding: 0 1em;
  }

  .description-video {
    border: 2px solid #fff;
    border-radius: 1em;
    --tw-shadow: 0px 8px 16px 0px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0px 8px 16px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }.btn-green span {
    position: relative;
    z-index: 2;
  }


  .description-video video {
  width: 100%;
  border-radius: 1em;
}

   .go-top {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-right: auto;
    width: 8em;
    height: 100%;
    display: block;		}
 .go-top span {
    color: #99a9b0;
    font-size: 12px;
    font-weight: 500;
    font-family: Ravi;
    -webkit-transition: .3s;
    transition: .3s; }
 .go-top i {
    font-size: 16px;
    color: #b8c9d1;
    margin-right: 15px;
    -webkit-transition: .3s;
    transition: .3s; }
 .go-top:hover i,  .go-top:hover span {
    color: #eaad29; }

     .go-top img {
    border-radius: 1em; }

     .go-top img:hover {
        opacity: .7;
    transition: .3s; }


    .wrap{
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1em;
        margin: 1em;
}

.toast-title {
    font-weight: bold;
  }
  .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
  }
  .toast-message a,
  .toast-message label {
    color: #FFFFFF;
  }
  .toast-message a:hover {
    color: #CCCCCC;
    text-decoration: none;
  }
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1;
  }
  .toast-close-button:hover,
  .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  .rtl .toast-close-button {
    left: -0.3em;
    float: left;
    right: 0.3em;
  }
  /*Additional properties for button version
   iOS requires the button element instead of an anchor tag.
   If you want the anchor version, it requires `href="#"`.*/
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
  }
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
  }
  .toast-top-left {
    top: 12px;
    left: 12px;
  }
  .toast-top-right {
    top: 12px;
    right: 12px;
  }
  .toast-bottom-right {
    right: 12px;
    bottom: 12px;
  }
  .toast-bottom-left {
    bottom: 12px;
    left: 12px;
  }
  #toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none;
    /*overrides*/
  }
  #toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #toast-container > div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999999;
    -webkit-box-shadow: 0 0 12px #999999;
    box-shadow: 0 0 12px #999999;
    color: #FFFFFF;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
  }
  #toast-container > div.rtl {
    direction: rtl;
    padding: 15px 50px 15px 15px;
    background-position: right 15px center;
  }
  #toast-container > div:hover {
    -moz-box-shadow: 0 0 12px #000000;
    -webkit-box-shadow: 0 0 12px #000000;
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
  }
  #toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
  }
  #toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
  }
  #toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
  }
  #toast-container.toast-top-center > div,
  #toast-container.toast-bottom-center > div {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  #toast-container.toast-top-full-width > div,
  #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  .toast {
    background-color: #030303;
  }
  .toast-success {
    background-color: #51A351;
  }
  .toast-error {
    background-color: #BD362F;
  }
  .toast-info {
    background-color: #2F96B4;
  }
  .toast-warning {
    background-color: #F89406;
  }
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40);
  }
  /*Responsive Design*/
  @media all and (max-width: 240px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 11em;
    }
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  @media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
      padding: 8px 8px 8px 50px;
      width: 18em;
    }
    #toast-container > div.rtl {
      padding: 8px 50px 8px 8px;
    }
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em;
    }
    #toast-container .rtl .toast-close-button {
      left: -0.2em;
      right: 0.2em;
    }
  }
  @media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
      padding: 15px 15px 15px 50px;
      width: 25em;
    }
    #toast-container > div.rtl {
      padding: 15px 50px 15px 15px;
    }
  }



  .error, .opanel span.error{
    color:red;
    font-family: 'iranyekan';
    font-size: .9em;
    margin: .5em 0;
    direction:rtl !important;
    text-align:right !important;
    display:block;
    border-bottom: none !important;
}

@keyframes up-down {
    0%{
        top: 14%;
    }
    50%{
        top: 12%;
    }
    100%{
        top: 14%;
    }
}
@keyframes down-up {
    0%{
        top: 2%;
    }
    50%{
        top: 4%;
    }
    100%{
        top: 2%;
    }
}

@-webkit-keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-moz-keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-moz-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}

@keyframes rotation {
    0%{
        transform: rotate(10deg);
    }
    50%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(10deg);
    }
}

.top-img {
    width: 100%;
    position: relative;
  }

  .play-image {
    position: absolute;
    width: 14% !important;
    right: 54%;
    top: 17%;
    z-index: 1;
    animation: rotation 2s infinite linear;
  }

  .btn-gold {
    background-image: linear-gradient(45deg, #ffe75a, #f7cb3d) !important;
    -webkit-box-shadow: 0 5px 10px 0 rgba(255, 214, 71, .25);
    box-shadow: 0 5px 10px 0 rgba(255, 214, 71, .25);
    color: #584b00 !important;
    display: inline-block;
  border-radius: 5px;
  padding: 6px 28px;
  }




  .contact-us-info-item {
	margin-bottom: 1.5em;
border-bottom: 2px solid #fafafa;
padding-bottom: .5em;
direction: rtl;
  }
  
  
   .contact-us-info-item .icon {
	display: inline-block;
	vertical-align: top;
	width: 40px;
  }
  
   .contact-us-info-item .icon svg path {
	transition: .3s;
  }
  
 .contact-us-info-item:hover .icon svg path {
	fill: #ffe75a;
  }

  
   .contact-us-info-item .content-widget {
	display: inline-block;
	vertical-align: top;
	padding-right: 30px;
  }

   .contact-us-info-item .content-widget .label {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	margin-bottom: 4px;
  }
   .contact-us-info-item .content-widget .value {
	color: #fff;
	font-size: 16px;
	transition: .3s;
  }

  .flex-item {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

.grid-teachers{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  margin: 1em;
}


.grid-teachers .item img{
    width: 100%;
  border-radius: 1em;
}

.grid-teachers .item img:hover{
    transform: scale(1.1);
    transition: .3s;
}


.grid-teachers .item h4{
text-align: center;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  margin-top: .5em;
}

.grid-teachers .item h5{
    text-align: center;
    font-size: .75em;
    color: #fff;    }
    
    

.mgy5 {
    margin-top: 5em !important;
}

.btngreen {
    font-size: 1.1em;
}


@media (max-width: 767px) {
  .col-6 {
    width: 100% !important;
  }
  .wrap {
  grid-template-columns: 1fr;
  margin: 1em 0;
}


.grid-teachers{

    grid-template-columns: 1fr 1fr;
  }
  .registerbox .controller {
    display: block;
  }

 .footer-menu-controller  .child {
    display: block;
    width: 100%;
    color: #333;
    margin-bottom: 1em;
  }}