@import url("https://fonts.googleapis.com/css2?family=Urbanist:wght@100..900&display=swap");

/* =================================================================
   VARIABLES DAISYUI - Fallbacks pour l'IDE
   Ces valeurs sont écrasées par DaisyUI au runtime (CDN)
   ================================================================= */
:root {
    /* Base colors */
    --b1: 100% 0 0; /* Background principal */
    --b2: 96% 0 0; /* Background secondaire */
    --b3: 92% 0 0; /* Bordures */
    --bc: 20% 0 0; /* Texte sur base */

    /* Primary */
    --p: 65% 0.25 260; /* Couleur primaire */
    --pc: 100% 0 0; /* Texte sur primaire */

    /* Secondary */
    --s: 70% 0.15 200; /* Couleur secondaire */
    --sc: 100% 0 0; /* Texte sur secondaire */

    /* Accent */
    --a: 75% 0.2 330; /* Couleur accent */
    --ac: 100% 0 0; /* Texte sur accent */

    /* Neutral */
    --n: 30% 0.02 260; /* Couleur neutre */
    --nc: 95% 0 0; /* Texte sur neutre */

    /* States */
    --in: 70% 0.15 220; /* Info */
    --inc: 100% 0 0;
    --su: 70% 0.2 150; /* Success */
    --suc: 100% 0 0;
    --wa: 80% 0.15 85; /* Warning */
    --wac: 20% 0 0;
    --er: 65% 0.25 25; /* Error */
    --erc: 100% 0 0;

    /* Autres */
    --rounded-box: 0.5rem;
    --rounded-btn: 0.5rem;
    --rounded-badge: 1.9rem;
    --animation-btn: 0.25s;
    --animation-input: 0.2s;
    --btn-focus-scale: 0.95;
    --border-btn: 1px;
    --tab-border: 1px;
    --tab-radius: 0.5rem;

    /* Variable custom pour gabarits */
    --btn-active-color: oklch(65% 0.25 260);
    
    /* Couleur primary en format utilisable */
    --color-primary: oklch(65% 0.25 260);
}

/* =================================================================
   BOUTONS J-X POUR SÉLECTION DATE D'ARRIVÉE
   ================================================================= */
.btn-jour-select {
    /* Style par défaut */
}

/* Quand le radio est coché, appliquer le style primary */
input[type="radio"]:checked + .btn-jour-select,
label:has(input[type="radio"]:checked) .btn-jour-select {
    border-color: rgb(193 31 29) !important;
    color: rgb(193 31 29) !important;
    background-color: rgb(193 31 29 / 0.1) !important;
}

.form-input, select.select {
    font-size: 13px;
    border: 1px solid rgb(194 194 194);
}

.radio_revo > div {
    margin-top: 3px;
}

.dropdown-open {
    max-height: 500px !important;
    overflow: visible !important;
    display: block !important;
}

div.tom-select > div {
    font-size: 13px;
    line-height: 20px;
    margin-top: 8px;
    padding: 11px 16px;
    border-radius: 8px;
    border-color: rgb(194, 194, 194);
    font-family: "Urbanist", sans-serif;
}

.breadcrumbs ul > li::before {
    display: none !important;
}

.tox.tox-tinymce {
    margin-top: 10px;
}

.checkbox.border-black {
    border: 1px solid rgb(194, 194, 194);
    margin-top: 18px;
}

.choices {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    font-size: 16px;
}

.choices:focus {
    outline: 0;
}

.choices:last-child {
    margin-bottom: 0;
}

.choices.is-open {
    overflow: visible;
}

.choices.is-disabled .choices__inner,
.choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.choices.is-disabled .choices__item {
    cursor: not-allowed;
}

.choices [hidden] {
    display: none !important;
}

.choices[data-type*="select-one"] {
    cursor: pointer;
}

.choices[data-type*="select-one"] .choices__inner {
    padding-bottom: 7.5px;
}

.choices[data-type*="select-one"] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    margin: 0;
}

.choices[data-type*="select-one"] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.25;
}

.choices[data-type*="select-one"] .choices__button:focus,
.choices[data-type*="select-one"] .choices__button:hover {
    opacity: 1;
}

.choices[data-type*="select-one"] .choices__button:focus {
    box-shadow: 0 0 0 2px #00bcd4;
}

.choices[data-type*="select-one"]
.choices__item[data-value=""]
.choices__button {
    display: none;
}

.choices[data-type*="select-one"]::after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none;
}

.choices[data-type*="select-one"].is-open::after {
    border-color: transparent transparent #333;
    margin-top: -7.5px;
}

.choices[data-type*="select-one"][dir="rtl"]::after {
    left: 11.5px;
    right: auto;
}

.choices[data-type*="select-one"][dir="rtl"] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0;
}

.choices[data-type*="select-multiple"] .choices__inner,
.choices[data-type*="text"] .choices__inner {
    cursor: text;
}

.choices[data-type*="select-multiple"] .choices__button,
.choices[data-type*="text"] .choices__button {
    position: relative;
    display: inline-block;
    margin: 0 -4px 0 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0;
}

.choices[data-type*="select-multiple"] .choices__button:focus,
.choices[data-type*="select-multiple"] .choices__button:hover,
.choices[data-type*="text"] .choices__button:focus,
.choices[data-type*="text"] .choices__button:hover {
    opacity: 1;
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: transparent;
    padding: 5px 6px;
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    font-size: 14px;
    overflow: hidden;
}

.is-focused .choices__inner,
.is-open .choices__inner {
    border-color: #b7b7b7;
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0;
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px;
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none;
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%;
}

[dir="rtl"] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px;
}

.choices__list--single .choices__item {
    width: 100%;
}

.choices__list--multiple {
    display: inline;
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin: 2px;
    background-color: #795ded;
    color: #fff;
    word-break: break-all;
    box-sizing: border-box;
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px;
}

[dir="rtl"] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px;
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1;
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
    visibility: hidden;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all;
    will-change: visibility;
}

.is-active.choices__list--dropdown,
.is-active.choices__list[aria-expanded] {
    visibility: visible;
}

.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
    border-color: #b7b7b7;
}

.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0;
}

.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position;
}

.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px;
}

[dir="rtl"] .choices__list--dropdown .choices__item,
[dir="rtl"] .choices__list[aria-expanded] .choices__item {
    text-align: right;
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable,
    .choices__list[aria-expanded] .choices__item--selectable {
        padding-right: 100px;
    }

    .choices__list--dropdown .choices__item--selectable::after,
    .choices__list[aria-expanded] .choices__item--selectable::after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
    }

    [dir="rtl"] .choices__list--dropdown .choices__item--selectable,
    [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px;
    }

    [dir="rtl"] .choices__list--dropdown .choices__item--selectable::after,
    [dir="rtl"] .choices__list[aria-expanded] .choices__item--selectable::after {
        right: auto;
        left: 10px;
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
    opacity: 0.5;
}

.choices__item {
    cursor: default;
}

.choices__item--selectable {
    cursor: pointer;
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.5;
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray;
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.choices__button:focus,
.choices__input:focus {
    outline: 0;
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: transparent;
    font-size: 14px;
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px;
    color: #555;
}

.choices__input::-webkit-search-cancel-button,
.choices__input::-webkit-search-decoration,
.choices__input::-webkit-search-results-button,
.choices__input::-webkit-search-results-decoration {
    display: none;
}

.choices__input::-ms-clear,
.choices__input::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

[dir="rtl"] .choices__input {
    padding-right: 2px;
    padding-left: 0;
}

.choices__placeholder {
    opacity: 0.5;
}

/* FOR DARK VERSION */

.dark .choices .choices__inner {
    border-color: #212146;
}

.dark .choices .choices__input {
    color: #d7d7d7;
}

.dark .choices .choices__list--dropdown,
.dark .choices__list[aria-expanded] {
    background-color: #04041d;
    border: 1px solid #212146;
}

.dark .choices__list--dropdown .choices__item,
.dark .choices__list[aria-expanded] .choices__item {
    color: #d7d7d7;
}

/*
************************************************
    INDEXING
**************************************************
01: SMOOTH SCROLLBAR
02: SELECT2
03: APEXCHART
04: SUMMERNOTE
05: FLATPICKR
06: CHOICES
07: PRISM
11: FULL-CALENDAR
*/

/*************************************************
    01: SMOOTH SCROLLBAR
**************************************************/

div[class*="scrollbar-track scrollbar-track-"] {
    width: 0.375rem;
    background-color: transparent;
}

div[class*="scrollbar-thumb scrollbar-thumb-"] {
    width: 0.375rem;
    background-color: transparent;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.smooth-scrollbar:hover {
    .scrollbar-thumb {
        background-color: rgb(153 153 153 / 0.5);
    }
}

.scrollbar-thumb-x {
    visibility: hidden;
    display: none;
    opacity: 0;
}

/*************************************************
    02: SELECT2
**************************************************/

.select2.select2-container {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.select2.select2-container .select2-selection {
    height: 44px;
    border-radius: 0.375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.group[data-card-style=square] .select2.select2-container .select2-selection {
    border-radius: 4px;
}

.select2.select2-container .select2-selection:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.select2.select2-container .select2-selection .select2-selection__rendered {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-right: 33px;
    line-height: 42px;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.select2.select2-container .select2-selection .select2-selection__rendered:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.select2.select2-container .select2-selection .select2-selection__arrow {
    height: 42px;
    width: 2rem;
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    border-left-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.group[data-card-style=square] .select2.select2-container .select2-selection .select2-selection__arrow {
    border-radius: 4px;
}

.select2.select2-container .select2-selection .select2-selection__arrow:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.select2.select2-container .select2-selection--multiple {
    height: auto;
    min-height: 44px;
}

.select2-dropdown:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: transparent;
}

.select2-container--default .select2-search--dropdown .select2-search__field:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.select2-container--default
.select2-selection--single
.select2-selection__placeholder:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.select2-container--default .select2-results__option--selected:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.select2.select2-container
.select2-selection--multiple
.select2-search--inline
.select2-search__field {
    margin-top: 0px;
    display: contents;
}

.select2.select2-container
.select2-selection--multiple
.select2-selection__rendered {
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    line-height: 29px;
}

.select2.select2-container
.select2-selection--multiple
.select2-selection__choice {
    position: relative;
    margin: 0px;
    margin-top: 4px;
    margin-right: 4px;
    height: 24px;
    padding-right: 6px;
    font-size: 0.75rem;
    line-height: 1rem;
    line-height: 24px;
}

.select2.select2-container
.select2-selection--multiple
.select2-selection__choice:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.select2.select2-container
.select2-selection--multiple
.select2-selection__choice
.select2-selection__choice__remove {
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.select2.select2-container
.select2-selection--multiple
.select2-selection__choice
.select2-selection__choice__remove:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.select2.select2-container
.select2-selection--multiple
.select2-selection__choice
.select2-selection__choice__remove:hover:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.select2-results__options {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.select-flag {
    height: auto !important;
    width: auto !important;
    border-style: none !important;
}

.select-flag .select2-selection__rendered {
    padding: 0px !important;
}

.select-flag .select2-selection__arrow {
    top: 50% !important;
    right: -0.75rem !important;
    width: 0.5rem !important;
    height: 0.5rem !important;
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    border-style: none !important;
    background-color: transparent !important;
}

/*************************************************
    03: APEXCHART
**************************************************/

.dark .apexcharts-backgroundBar {
    fill: #23234D;
}

.dark .apexcharts-tooltip.apexcharts-theme-light {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 62 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark .apexcharts-xaxis-label,
.dark .apexcharts-yaxis-label {
    fill: #A0A0A0;
}

.dark .apexcharts-xcrosshairs,
.dark .apexcharts-ycrosshairs {
    stroke: #2B2B65;
}

.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 62 / var(--tw-bg-opacity));
}

.dark .apexcharts-xaxistooltip,
.dark .apexcharts-yaxistooltip {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 65 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark .apexcharts-grid .apexcharts-gridline {
    stroke: #212146;
    stroke-width: 0.5;
}

.dark .apexcharts-legend-text {
    color: #a0a0a0 !important;
}

.dark .apexcharts-grid-borders .apexcharts-gridline {
    stroke: #212146;
    stroke-width: 0.5;
}

.dark .apexcharts-grid-borders line:last-child,
.dark #active-user-chart #SvgjsLine2004:last-child,
.dark .apexcharts-inner .apexcharts-grid-borders line:last-child,
.dark .apexcharts-graphical .apexcharts-grid-borders line:last-child {
    stroke: #212146;
}

.dark #total-task-chart .apexcharts-text,
.dark #total-task-chart .apexcharts-text.apexcharts-datalabel-label {
    fill: #A0A0A0;
}

.dark #finance-status-chart .apexcharts-tracks .apexcharts-radialbar-area {
    stroke: #292559;
    stroke-opacity: 1;
}

.dark #analytic-overview-chart .apexcharts-series .apexcharts-area:first-child {
    fill: #151541;
}

.dark #active-user-chart .apexcharts-series:nth-child(1) .apexcharts-area {
    fill: #151541;
}

.dark #active-user-chart .apexcharts-series:nth-child(2) .apexcharts-area {
    fill: #493B94;
}

.dark #active-user-chart .apexcharts-series:nth-child(3) .apexcharts-area {
    fill: #5B43CB;
}

.dark
#browser-session-chart
.apexcharts-series:nth-child(3)
.apexcharts-pie-area,
.dark #projectStatus .apexcharts-series:nth-child(3) .apexcharts-pie-area {
    fill: #151541;
}

.dark
#browser-session-chart
.apexcharts-series:nth-child(2)
.apexcharts-pie-area,
.dark #projectStatus .apexcharts-series:nth-child(2) .apexcharts-pie-area {
    fill: #493B94;
}

.dark
#browser-session-chart
.apexcharts-series:nth-child(1)
.apexcharts-pie-area,
.dark #projectStatus .apexcharts-series:nth-child(1) .apexcharts-pie-area {
    fill: #5B43CB;
}

.dark
#total-task-chart
.apexcharts-series:nth-child(1)
.apexcharts-radialbar-area {
    stroke: #151541;
}

.dark
#total-task-chart
.apexcharts-series:nth-child(2)
.apexcharts-radialbar-area {
    stroke: #493B94;
}

.dark
#total-task-chart
.apexcharts-series:nth-child(3)
.apexcharts-radialbar-area {
    stroke: #5B43CB;
}

.dark #customer-country-chart #jvm-regions-group .jvm-region,
.dark #sell-by-country-map #jvm-regions-group .jvm-region,
.dark #logistic-delivery-by-country-chart #jvm-regions-group .jvm-region {
    fill: #151541;
    stroke: #292559;
}

.dark #customer-country-chart #jvm-markers-labels-group .jvm-marker,
.dark #sell-by-country-map #jvm-markers-labels-group .jvm-marker,
.dark
#logistic-delivery-by-country-chart
#jvm-markers-labels-group
.jvm-marker {
    fill: #D7D7D7;
}

/*************************************************
    04: SUMMERNOTE
**************************************************/

.note-editor.note-frame.fullscreen {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.dark .note-editor.note-airframe,
.dark .note-editor.note-frame {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.dark .note-frame {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark .note-editor .note-toolbar {
    border-bottom-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 33 70 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity)) !important;
}

.dark .note-editor .note-toolbar .note-dropdown-menu,
.dark .note-popover .popover-content .note-dropdown-menu {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 62 / var(--tw-bg-opacity));
}

.dark .note-editor .note-toolbar .note-dropdown-menu a.note-dropdown-item,
.dark .note-popover .popover-content .note-dropdown-menu a.note-dropdown-item {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark .note-editor .note-toolbar .note-btn {
    border-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 33 70 / var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgb(215 215 215 / var(--tw-text-opacity)) !important;
}

.dark .note-editor.note-frame.fullscreen {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 17 / var(--tw-bg-opacity));
}

/*************************************************
    05: FLATPICKR
**************************************************/

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 0.375rem !important;
}

.dark .flatpickr-calendar {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 62 / var(--tw-bg-opacity));
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .flatpickr-months .flatpickr-prev-month,
.dark .flatpickr-months .flatpickr-next-month {
    color: #eee !important;
    fill: #eee !important;
    background: #292559;
}

.dark .flatpickr-current-month .flatpickr-monthDropdown-months,
.dark .flatpickr-current-month input.cur-year {
    color: #d7d7d7;
}

.dark .flatpickr-current-month .flatpickr-monthDropdown-months option {
    background-color: #001;
}

.dark .flatpickr-day {
    color: #d7d7d7;
}

.dark .flatpickr-day.flatpickr-disabled,
.dark .flatpickr-day.flatpickr-disabled:hover,
.dark .flatpickr-day.prevMonthDay,
.dark .flatpickr-day.nextMonthDay,
.dark .flatpickr-day.notAllowed,
.dark .flatpickr-day.notAllowed.prevMonthDay,
.dark .flatpickr-day.notAllowed.nextMonthDay {
    color: #a0a0a0;
}

.dark .flatpickr-day.inRange,
.dark .flatpickr-day.prevMonthDay.inRange,
.dark .flatpickr-day.nextMonthDay.inRange,
.dark .flatpickr-day.today.inRange,
.dark .flatpickr-day.prevMonthDay.today.inRange,
.dark .flatpickr-day.nextMonthDay.today.inRange,
.dark .flatpickr-day:hover,
.dark .flatpickr-day.prevMonthDay:hover,
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day:focus,
.dark .flatpickr-day.prevMonthDay:focus,
.dark .flatpickr-day.nextMonthDay:focus,
.dark .flatpickr-day.selected,
.dark .flatpickr-day.startRange,
.dark .flatpickr-day.endRange,
.dark .flatpickr-day.selected.inRange,
.dark .flatpickr-day.startRange.inRange,
.dark .flatpickr-day.endRange.inRange,
.dark .flatpickr-day.selected:focus,
.dark .flatpickr-day.startRange:focus,
.dark .flatpickr-day.endRange:focus,
.dark .flatpickr-day.selected:hover,
.dark .flatpickr-day.startRange:hover,
.dark .flatpickr-day.endRange:hover,
.dark .flatpickr-day.selected.prevMonthDay,
.dark .flatpickr-day.startRange.prevMonthDay,
.dark .flatpickr-day.endRange.prevMonthDay,
.dark .flatpickr-day.selected.nextMonthDay,
.dark .flatpickr-day.startRange.nextMonthDay,
.dark .flatpickr-day.endRange.nextMonthDay {
    background: #292559;
    border-color: #5b43cb;
    box-shadow: none !important;
}

.dark .flatpickr-calendar.hasTime .flatpickr-time {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

/*************************************************
    06: CHOICES
**************************************************/

.group[data-card-style=square] .choices .choices__inner {
    border-radius: 4px;
}

.dark .choices .choices__inner {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.dark .choices .choices__list--dropdown,
.dark .choices__list[aria-expanded] {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 17 / var(--tw-bg-opacity));
}

.dark .choices .choices__input,
.dark .choices__list--dropdown .choices__item,
.dark .choices__list[aria-expanded] .choices__item {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

/*************************************************
    07: PRISM
**************************************************/

pre[class*="language-"] {
    margin: 0px;
    max-height: 300px;
    border-radius: 0.5rem;
    font-size: 13px;
}

pre[class*="language-"]::-webkit-scrollbar {
    height: 0.625rem;
    width: 0px;
}

pre[class*="language-"]::-webkit-scrollbar-track, pre[class*="language-"]::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: transparent;
}

pre[class*="language-"]:hover::-webkit-scrollbar-thumb {
    background-color: rgb(153 153 153 / 0.5);
}

pre[class*="language-"]::-webkit-scrollbar {
    height: 0.625rem;
    width: 0px;
}

pre[class*="language-"]::-webkit-scrollbar-track, pre[class*="language-"]::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: transparent;
}

pre[class*="language-"]:hover::-webkit-scrollbar-thumb {
    background-color: rgb(153 153 153 / 0.5);
}

div.code-toolbar > .toolbar > .toolbar-item > button {
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

div.code-toolbar > .toolbar > .toolbar-item > button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(91 67 203 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.scrollbar-prism::-webkit-scrollbar {
    height: 0.625rem;
    width: 0px;
}

.scrollbar-prism::-webkit-scrollbar-track,
.scrollbar-prism::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: transparent;
}

.scrollbar-prism:hover::-webkit-scrollbar-thumb {
    background-color: rgb(153 153 153 / 0.5);
}


/*************************************************
    11: FULL-CALENDAR
**************************************************/

.fc .fc-button-primary,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.fc .fc-button-primary:hover,
.fc .fc-button-primary:not(:disabled).fc-button-active:hover,
.fc .fc-button-primary:not(:disabled):active:hover {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(91 67 203 / var(--tw-bg-opacity));
}

.fc .fc-button-primary:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus,
.fc .fc-button-primary:not(:disabled):active:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(91 67 203 / var(--tw-bg-opacity));
}

.fc .fc-button-primary:active,
.fc .fc-button-primary:not(:disabled).fc-button-active:active,
.fc .fc-button-primary:not(:disabled):active:active {
    --tw-bg-opacity: 1;
    background-color: rgb(91 67 203 / var(--tw-bg-opacity));
}

.fc .fc-col-header-cell-cushion {
    --tw-text-opacity: 1;
    color: rgb(37 31 71 / var(--tw-text-opacity));
}

.fc .fc-col-header-cell-cushion:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.fc-theme-standard .fc-scrollgrid,
.fc-theme-standard td,
.fc-theme-standard th {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
}

.fc-theme-standard .fc-scrollgrid:where(.dark, .dark *),
.fc-theme-standard td:where(.dark, .dark *),
.fc-theme-standard th:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.fc .fc-daygrid-day-number {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.fc .fc-daygrid-day-number:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.aleart {
    border-radius: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aleart.a-outline {
    border-width: 1px;
}

.aleart.aleart-image {
    padding-top: 9px;
    padding-bottom: 9px;
}

.aleart.aleart-danger-light {
    background-color: rgb(255 70 38 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.aleart.aleart-info-light {
    background-color: rgb(73 140 255 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.aleart.aleart-primary-light {
    background-color: rgb(91 67 203 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.aleart.aleart-secondary-light {
    background-color: rgb(118 212 102 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.aleart.aleart-success-light {
    background-color: rgb(102 204 51 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.aleart.aleart-warning-light {
    background-color: rgb(255 163 5 / 0.1);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.aleart.aleart-danger-outline {
    border-color: rgb(255 70 38 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.aleart.aleart-info-outline {
    border-color: rgb(73 140 255 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.aleart.aleart-primary-outline {
    border-color: rgb(91 67 203 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(91 67 203 / var(--tw-text-opacity));
}

.aleart.aleart-secondary-outline {
    border-color: rgb(118 212 102 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.aleart.aleart-success-outline {
    border-color: rgb(102 204 51 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.aleart.aleart-warning-outline {
    border-color: rgb(255 163 5 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.aleart.aleart-danger-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.aleart.aleart-info-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.aleart.aleart-primary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.aleart.aleart-secondary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.aleart.aleart-success-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.aleart.aleart-warning-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge {
    width: -moz-max-content;
    width: max-content;
    gap: 0.625rem;
    border-radius: 4px;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-family: "Urbanist", sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge.b-outline {
    border-width: 1px;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.badge.b-solid {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.badge.badge-danger-light {
    background-color: rgb(255 70 38 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.badge.badge-disable-light {
    background-color: rgb(153 153 153 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.badge.badge-info-light {
    background-color: rgb(73 140 255 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.badge.badge-primary-light {
    --tw-bg-opacity: 1;
    background-color: rgb(229 222 255 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.badge.badge-secondary-light {
    background-color: rgb(118 212 102 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.badge.badge-success-light {
    background-color: rgb(102 204 51 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.badge.badge-warning-light {
    background-color: rgb(255 163 5 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.badge.badge-danger-outline {
    border-color: rgb(255 70 38 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.badge.badge-disable-outline {
    border-color: rgb(153 153 153 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.badge.badge-info-outline {
    border-color: rgb(73 140 255 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.badge.badge-primary-outline {
    border-color: rgb(193 31 29 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.badge.badge-secondary-outline {
    border-color: rgb(118 212 102 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.badge.badge-success-outline {
    border-color: rgb(102 204 51 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.badge.badge-warning-outline {
    border-color: rgb(255 163 5 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.badge:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.badge.badge-danger-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.badge.badge-disable-solid.disable {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.badge.badge-disable-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.badge.badge-info-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.badge.badge-primary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.badge.badge-secondary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.badge.badge-success-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.badge.badge-warning-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.badge-counter {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}

.group\/b-counter.badge-primary-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.group\/b-counter.badge-secondary-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.group\/b-counter.badge-danger-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.group\/b-counter.badge-warning-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.group\/b-counter.badge-success-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.group\/b-counter.badge-info-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.group\/b-counter.badge-disable-outline .badge-counter {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.group\/b-counter.b-solid .badge-counter {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.badge-counter:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.badge.badge-primary-light:where(.dark, .dark *) {
    background-color: rgb(91 67 203 / 0.1);
}

.after-badge::after {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 0.125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-family: "Urbanist", sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    --tw-content: attr(after);
    content: var(--tw-content);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn {
    display: inline-flex;
    width: -moz-max-content;
    width: max-content;
    flex-shrink: 0;
    gap: 0.5rem;
    border-radius: 0.5rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-weight: 500;
    line-height: 1;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn:hover.b-light {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.b-outline {
    border-width: 1px;
}

.btn:hover.b-outline {
    border-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn.b-solid {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn:hover.b-solid {
    opacity: 0.9;
}

.btn.btn-danger-light {
    background-color: rgb(255 70 38 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.btn:hover.btn-danger-light {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.btn.btn-disable-light {
    background-color: rgb(153 153 153 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.btn:hover.btn-disable-light {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.btn.btn-extra-light {
    background-color: rgb(24 218 181 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(24 218 181 / var(--tw-text-opacity));
}

.btn:hover.btn-extra-light {
    --tw-bg-opacity: 1;
    background-color: rgb(24 218 181 / var(--tw-bg-opacity));
}

.btn.btn-info-light {
    background-color: rgb(73 140 255 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.btn:hover.btn-info-light {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.btn.btn-light-light {
    background-color: rgb(25 33 61 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(25 33 61 / var(--tw-text-opacity));
}

.btn:hover.btn-light-light {
    --tw-bg-opacity: 1;
    background-color: rgb(25 33 61 / var(--tw-bg-opacity));
}

.btn.btn-pink-light {
    background-color: rgb(215 119 249 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(215 119 249 / var(--tw-text-opacity));
}

.btn:hover.btn-pink-light {
    --tw-bg-opacity: 1;
    background-color: rgb(215 119 249 / var(--tw-bg-opacity));
}

.btn.btn-primary-light {
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.btn:hover.btn-primary-light {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.btn.btn-secondary-light {
    background-color: rgb(118 212 102 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.btn:hover.btn-secondary-light {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.btn.btn-success-light {
    background-color: rgb(102 204 51 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.btn:hover.btn-success-light {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.btn.btn-warning-light {
    background-color: rgb(255 163 5 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.btn:hover.btn-warning-light {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.btn.btn-danger-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.btn.btn-disable-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.btn.btn-extra-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(24 218 181 / var(--tw-bg-opacity));
}

.btn.btn-info-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.btn.btn-light-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(25 33 61 / var(--tw-bg-opacity));
}

.btn.btn-pink-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(215 119 249 / var(--tw-bg-opacity));
}

.btn.btn-primary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.btn.btn-secondary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.btn.btn-success-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.btn.btn-warning-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.btn.btn-danger-outline {
    border-color: rgb(255 70 38 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.btn:hover.btn-danger-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.btn.btn-disable-outline {
    border-color: rgb(153 153 153 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.btn:hover.btn-disable-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}

.btn.btn-extra-outline {
    border-color: rgb(24 218 181 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(24 218 181 / var(--tw-text-opacity));
}

.btn:hover.btn-extra-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(24 218 181 / var(--tw-bg-opacity));
}

.btn.btn-info-outline {
    border-color: rgb(73 140 255 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.btn:hover.btn-info-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.btn.btn-light-outline {
    border-color: rgb(25 33 61 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(25 33 61 / var(--tw-text-opacity));
}

.btn:hover.btn-light-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(25 33 61 / var(--tw-bg-opacity));
}

.btn.btn-pink-outline {
    border-color: rgb(215 119 249 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(215 119 249 / var(--tw-text-opacity));
}

.btn:hover.btn-pink-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(215 119 249 / var(--tw-bg-opacity));
}

.btn.btn-primary-outline {
    border-color: rgb(193 31 29 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.btn:hover.btn-primary-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.btn.btn-secondary-outline {
    border-color: rgb(118 212 102 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.btn:hover.btn-secondary-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.btn.btn-success-outline {
    border-color: rgb(102 204 51 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.btn:hover.btn-success-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.btn.btn-warning-outline {
    border-color: rgb(255 163 5 / 0.5);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.btn:hover.btn-warning-outline {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.btn.btn-link {
    padding: 0px;
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
    text-decoration-line: underline;
}

.btn.b-outline-static {
    border-width: 1px;
}

.btn:hover.b-outline-static {
    background-color: transparent;
}

.btn-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-icon.b-solid {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn-icon.btn-danger-icon-light {
    background-color: rgb(255 70 38 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.btn-icon.btn-info-icon-light {
    background-color: rgb(73 140 255 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.btn-icon.btn-primary-icon-light {
    background-color: rgb(193 31 29 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.btn-icon.btn-secondary-icon-light {
    background-color: rgb(118 212 102 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.btn-icon.btn-success-icon-light {
    background-color: rgb(102 204 51 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.btn-icon.btn-warning-icon-light {
    background-color: rgb(255 163 5 / 0.2);
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.btn-icon.btn-danger-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.btn-icon.btn-extra-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(24 218 181 / var(--tw-bg-opacity));
}

.btn-icon.btn-info-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.btn-icon.btn-primary-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.btn-icon.btn-secondary-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.btn-icon.btn-success-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.btn-icon.btn-warning-icon-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.btn.btn-primary-light:where(.dark, .dark *) {
    background-color: rgb(91 67 203 / 0.1);
}

.btn.btn-sm {
    border-radius: 0.375rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 14px;
}

.btn.btn-lg {
    border-radius: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

@media (min-width: 640px) {
    .btn.btn-lg {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 18px;
    }
}

.btn.btn-xl {
    border-radius: 12px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 640px) {
    .btn.btn-xl {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
        font-size: 20px;
    }
}

.menu-hamburger {
    position: relative;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 50%;
    border-width: 1px;
    border-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-hamburger::before {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 500;
    content: var(--tw-content);
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.menu-hamburger:hover {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.group[data-sidebar-size=lg] .menu-hamburger::before {
    --tw-content: '◁';
    content: var(--tw-content);
}

.group[data-sidebar-size=sm] .menu-hamburger::before {
    --tw-content: '▷';
    font-size: 16px;
    content: var(--tw-content);
}

.menu-hamburger:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

.menu-hamburger:hover:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dropdown-button {
    position: relative;
}

.dropdown-button::after {
    position: absolute;
    top: 50%;
    right: 0.875rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: remixicon;
    font-size: 16px;
    line-height: 1;
    --tw-content: '\ea6e';
    content: '▾';
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.group[data-sidebar-size=sm] .dropdown-button::after {
    content: '▾';
    display: none;
}

.dropdown-button.show::after {
    content: '▾';
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group[data-sidebar-size=sm] .dropdown-button.show::after {
    content: var(--tw-content);
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.faq-accordion-button {
    position: relative;
}

.faq-accordion-button:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.faq-accordion-button.chevron::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: flex;
    width: 1rem;
    height: 1rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: center;
    font-family: remixicon;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
    --tw-content: '\ea4e';
    content: var(--tw-content);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

@media (min-width: 640px) {
    .faq-accordion-button.chevron::after {
        content: var(--tw-content);
        right: 2.5rem;
    }
}

.faq-accordion-button.open.chevron::after {
    content: var(--tw-content);
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.prism-toggle {
    border-width: 1px;
    border-color: rgb(193 31 29 / 0.15);
    background-color: rgb(193 31 29 / 0.1);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.toggle-dark-btn {
    height: 2.75rem;
    width: 5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(232 236 246 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.toggle-dark-btn::before {
    position: absolute;
    left: 0.625rem;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: remixicon;
    content: var(--tw-content);
    font-size: 1.5rem;
    line-height: 2rem;
}

.toggle-dark-btn::after {
    position: absolute;
    right: 0.625rem;
    top: 50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: remixicon;
    content: var(--tw-content);
    font-size: 1.5rem;
    line-height: 2rem;
}

.toggle-dark-dot {
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    height: 2.25rem;
    width: 2.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(241 238 255 / var(--tw-bg-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.toggle-dark-dot::before {
    font-family: remixicon;
    font-size: 1.5rem;
    line-height: 2rem;
    content: var(--tw-content);
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.peer\/draft:checked ~ .toggle-dark-dot {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.com-accordion-button {
    position: relative;
    width: 100%;
    padding: 1rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.com-accordion-button:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.com-accordion-button.chevron::after {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border-width: 1px;
    font-family: remixicon;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 400;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
    content: var(--tw-content);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.com-accordion-button.open::after {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.com-accordion-button.open.chevron::after {
    content: var(--tw-content);
    --tw-rotate: -180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.stepper-step-btn {
    height: 3.75rem;
    width: 200px;
    flex-shrink: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}

.group\/stepper-menu.dragging .stepper-step-btn {
    pointer-events: none;
}

.stepper-step-btn.active {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card {
    border-radius: 15px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1.5rem;
}

.group[data-card-style=square] .card {
    border-radius: 4px;
}

.card:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 4 29 / var(--tw-bg-opacity));
}

.card-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(37 31 71 / var(--tw-text-opacity));
}

.card-title:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.card-description {
    margin-top: 0.5rem;
    font-family: "Urbanist", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.card-description:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

/*
************************************************
    INDEXING
**************************************************
01: GLOBAL
02: CHECK & RADIO COMPONENT
03: RATING
04: COLOR PICK INPUT
05: RANGE INPUT
06:
*/

/*************************************************
    01: GLOBAL
**************************************************/

.form-label {
    margin-bottom: 0.625rem;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.form-label:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.form-input, .textarea.textarea-bordered {
    display: block;
    height: 2.75rem;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
    padding: 0.75rem;
    font-family: "Urbanist", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.group[data-card-style=square] .form-input {
    border-radius: 4px;
}

.form-input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.form-input:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.form-input:where(.dark, .dark *)::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.form-input:where(.dark, .dark *)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.color-white {
    color: #fff;
}

.form-select {
    height: 2.25rem;
    width: 8rem;
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
    background-color: transparent;
    background-position: center right 0.75rem;
    background-repeat: no-repeat;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: Urbanist, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.group[data-card-style=square] .form-select {
    border-radius: 4px;
}

.form-select:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.form-select-sm {
    height: 2rem;
    width: 90px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 400;
}

.form-select-calendar {
    background-image: url(../images/icons/calendar-2-line.svg);
    background-size: 18px 16px;
}

.form-input-group {
    display: block;
    height: 2.75rem;
    width: 100%;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
    background-color: transparent;
    padding: 0.75rem;
    font-family: "Urbanist", sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.group[data-card-style=square] .form-input-group {
    border-radius: 4px;
}

.form-input-group:focus {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.form-input-group:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.form-input-group:where(.dark, .dark *)::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.form-input-group:where(.dark, .dark *)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175 / var(--tw-placeholder-opacity));
}

.form-input-group.input-icon {
    width: auto;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-inline-end-width: 0px;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-text-opacity: 1;
    color: rgb(156 132 244 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-input-label {
    display: inline-flex;
    width: 100%;
    cursor: pointer;
    border-radius: 0.5rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
    font-family: "Urbanist", sans-serif;
}

.file-input-label:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

select option:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 17 / var(--tw-bg-opacity));
}

input[disabled] {
    border: 1px solid #999 !important;
    color: #fff !important;

    &:checked {
        background-color: #999 !important;
    }
}

input:disabled:checked:-moz-read-only {
    background-color: transparent !important;
}

input:disabled:checked:read-only {
    background-color: transparent !important;
}

/*************************************************
    02: CHECK & RADIO
**************************************************/

.check {
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    border-width: 1.5px;
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.check::before {
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    font-family: remixicon;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    color: inherit;
    opacity: 0;
    --tw-content: '\eb7b';
    content: var(--tw-content);
}

.check:checked::before {
    content: var(--tw-content);
    opacity: 1;
}

.check.rounded-full::before {
    top: 1px;
    left: 1.5px;
    content: var(--tw-content);
    font-size: 15px;
}

.check.check-danger-solid {
    --tw-border-opacity: 1;
    border-color: rgb(255 70 38 / var(--tw-border-opacity));
}

.check:checked.check-danger-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.check.check-info-solid {
    --tw-border-opacity: 1;
    border-color: rgb(73 140 255 / var(--tw-border-opacity));
}

.check:checked.check-info-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.check.check-primary-solid {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.check:checked.check-primary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.check.check-secondary-solid {
    --tw-border-opacity: 1;
    border-color: rgb(118 212 102 / var(--tw-border-opacity));
}

.check:checked.check-secondary-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.check.check-success-solid {
    --tw-border-opacity: 1;
    border-color: rgb(102 204 51 / var(--tw-border-opacity));
}

.check:checked.check-success-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.check.check-warning-solid {
    --tw-border-opacity: 1;
    border-color: rgb(255 163 5 / var(--tw-border-opacity));
}

.check:checked.check-warning-solid {
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

.check.check-danger-outline {
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.check.check-danger-outline:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 70 38 / var(--tw-border-opacity));
}

.check.check-info-outline {
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.check.check-info-outline:checked {
    --tw-border-opacity: 1;
    border-color: rgb(73 140 255 / var(--tw-border-opacity));
}

.check.check-primary-outline {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.check.check-primary-outline:checked {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.check.check-secondary-outline {
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.check.check-secondary-outline:checked {
    --tw-border-opacity: 1;
    border-color: rgb(118 212 102 / var(--tw-border-opacity));
}

.check.check-success-outline {
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

.check.check-success-outline:checked {
    --tw-border-opacity: 1;
    border-color: rgb(102 204 51 / var(--tw-border-opacity));
}

.check.check-warning-outline {
    --tw-text-opacity: 1;
    color: rgb(255 163 5 / var(--tw-text-opacity));
}

.check.check-warning-outline:checked {
    --tw-border-opacity: 1;
    border-color: rgb(255 163 5 / var(--tw-border-opacity));
}

.check.check-md {
    width: 18px;
    height: 18px;
}

.check.check-sm {
    width: 1rem;
    height: 1rem;
}

.check.check-sm::before {
    top: -0.125rem;
    content: var(--tw-content);
    left: -0.125rem;
}

.radio {
    position: relative;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50%;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}

.radio:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.radio:checked.radio-primary {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.radio:checked.radio-primary::before {
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

/*************************************************
  03: RATING
**************************************************/

.rate-input {
    margin-inline-start: -1rem;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-width: 0px;
    background-color: transparent;
    color: transparent;
}

.rate-input:checked {
    background-image: none !important;
}

.rate-input:focus {
    background-image: none;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-offset-width: 0px;
}

.rate-input:disabled {
    cursor: default;
    border-width: 0px !important;
}

.rate-label {
    pointer-events: none;
    font-size: 1.25rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(230 230 230 / var(--tw-text-opacity));
    transition-duration: 200ms;
}

.rate-label::before {
    font-family: remixicon;
    --tw-content: '\f186';
    content: var(--tw-content);
}

.rate-label:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.readonly-rate {
    font-size: 1.125rem;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(236 188 56 / var(--tw-text-opacity));
}

.readonly-rate::before {
    font-family: remixicon;
    --tw-content: '\f186';
    content: var(--tw-content);
}

.readonly-rate.no-rate {
    --tw-text-opacity: 1;
    color: rgb(230 230 230 / var(--tw-text-opacity));
}

/*************************************************
  04: COLOR PICK INPUT
**************************************************/

.color-input {
    position: absolute;
    bottom: 0px;
    width: 0px;
    height: 0px;
    opacity: 0;
}

/*************************************************
  05: RANGE INPUT
**************************************************/

.range-input {
    position: absolute;
    height: 1rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
}

.range-input::-webkit-slider-thumb {
    width: 18px;
    height: 18px;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

/************ CUSTOM BREADCRUMB **********/

.custom-breadcrumb-outline {
    position: relative;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-breadcrumb-outline::before {
    position: absolute;
    top: 0.5px;
    left: 0px;
    height: 50%;
    width: 100%;
    --tw-skew-x: 40deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
    content: var(--tw-content);
    border-bottom-color: transparent;
}

.custom-breadcrumb-outline::after {
    position: absolute;
    bottom: 0.5px;
    left: 0px;
    height: 50%;
    width: 100%;
    --tw-skew-x: -40deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
    content: var(--tw-content);
    border-top-color: transparent;
}

.group\/cb.current-page .custom-breadcrumb-outline::before {
    border-color: rgb(153 153 153 / 0.5);
    content: var(--tw-content);
    border-bottom-color: transparent;
}

.group\/cb.current-page .custom-breadcrumb-outline::after {
    border-color: rgb(153 153 153 / 0.5);
    content: var(--tw-content);
    border-top-color: transparent;
}

.custom-breadcrumb-solid {
    position: relative;
    z-index: 1;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-breadcrumb-solid::before {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    height: 50%;
    width: 100%;
    --tw-skew-x: 40deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.custom-breadcrumb-solid::after {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: -1;
    height: 50%;
    width: 100%;
    --tw-skew-x: -40deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.group\/cb.current-page .custom-breadcrumb-solid {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.group\/cb.current-page .custom-breadcrumb-solid::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
}

.group\/cb.current-page .custom-breadcrumb-solid::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
}

.group\/cb.current-page .custom-breadcrumb-solid:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.group\/cb.current-page .custom-breadcrumb-solid:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.group\/cb.current-page .custom-breadcrumb-solid:where(.dark, .dark *)::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

/************ CUSTOM PGINATION **********/

.paginate {
    margin-inline-start: 0px;
    display: flex;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
    transition-duration: 300ms;
}

.paginate:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.paginate:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.paginate.active {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.count-paginate {
    min-width: 40px;
    border-radius: 0.375rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
    transition-duration: 300ms;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.count-paginate:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.count-paginate:hover {
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.count-paginate:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.count-paginate.active {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.stock-paginate {
    width: 2.5rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: transparent;
    margin-inline-start: 0px;
    display: flex;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 1.25;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
    transition-duration: 300ms;
}

.stock-paginate:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.stock-paginate:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.stock-paginate.active {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.stock-paginate:hover {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.stock-paginate.active {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.dk-border-one {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.dk-border-one:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dk-border-two {
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
}

.dk-border-two:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.image-mask {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.image-mask-blog {
    -webkit-mask-image: url("/assets/images/mask/blog-img-mask-2.png");
    mask-image: url("/assets/images/mask/blog-img-mask-2.png");
}

.list-style-leading-zero {
    list-style-type: decimal-leading-zero;
}

#color-picker::-webkit-color-swatch {
    border-radius: 4px;
}

input[type="search"] {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

input[type="date"] {
    position: relative;
}

input[type="date"]::before {
    position: absolute;
    top: 50%;
    right: 0.625rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    font-family: remixicon;
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
    --tw-content: '\eb21';
    content: var(--tw-content);
}

input[type="date"]:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
}

.scrollbar-prism::-webkit-scrollbar,
.scrollbar-table::-webkit-scrollbar {
    height: 0.625rem;
    width: 0px;
}

.scrollbar-prism::-webkit-scrollbar-track,
.scrollbar-table::-webkit-scrollbar-track,
.scrollbar-prism::-webkit-scrollbar-thumb,
.scrollbar-table::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    background-color: transparent;
}

.scrollbar-prism:hover::-webkit-scrollbar-thumb,
.scrollbar-table:hover::-webkit-scrollbar-thumb {
    background-color: rgb(153 153 153 / 0.5);
}

.rounded-row-border {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
    border-left-color: rgb(238 238 238 / var(--tw-border-opacity));
    --tw-border-opacity: 1;
    border-right-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.rounded-row-border:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left-width: 1px;
}

.group[data-card-style=square] .rounded-row-border:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded-row-border:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right-width: 2px;
}

.group[data-card-style=square] .rounded-row-border:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.rounded-row-border:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.ac-bg {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.danger-border-left {
    border-left-width: 6px;
    --tw-border-opacity: 1;
    border-color: rgb(255 70 38 / var(--tw-border-opacity));
}

.warning-border-left {
    border-left-width: 6px;
    --tw-border-opacity: 1;
    border-color: rgb(255 163 5 / var(--tw-border-opacity));
}

.info-border-left {
    border-left-width: 6px;
    --tw-border-opacity: 1;
    border-color: rgb(73 140 255 / var(--tw-border-opacity));
}

.success-border-left {
    border-left-width: 6px;
    --tw-border-opacity: 1;
    border-color: rgb(102 204 51 / var(--tw-border-opacity));
}

.typo-box {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(247 247 248 / var(--tw-bg-opacity));
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(50 50 50 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center;
}

.typo-box:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.side-canvas {
    position: fixed;
    z-index: 150;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    font-family: Urbanist, sans-serif;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.tooltip {
    position: absolute;
    top: -2.5rem;
    left: 50%;
    height: 1.5rem;
    min-width: 2.5rem;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 0.25rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tooltip::before {
    position: absolute;
    bottom: -0.5rem;
    height: 0px;
    width: 0px;
    border-left-width: 6px;
    border-right-width: 6px;
    border-top-width: 8px;
    border-left-color: transparent;
    border-right-color: transparent;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-top-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.is-quiz-checked::before {
    position: absolute;
    top: 0.25rem;
    left: -1.75rem;
    width: 1rem;
    height: 1rem;
    border-radius: 0.125rem;
    border-width: 1px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(85 85 85 / var(--tw-border-opacity));
}

.is-quiz-checked::after {
    position: absolute;
    top: 0.25rem;
    left: -1.75rem;
    width: 1rem;
    height: 1rem;
    content: var(--tw-content);
    background-image: none;
}

.is-quiz-checked:has(:checked)::before {
    content: var(--tw-content);
    border-style: none;
}

.is-quiz-checked:has(:checked)::after {
    content: var(--tw-content);
    background-image: url(../images/icons/checked.svg);
}

.is-verified {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.is-verified.unverified {
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.is-verified.unverified::before {
    --tw-content: '\eb96';
    content: var(--tw-content);
}

.is-verified.verified {
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.is-verified.verified::before {
    --tw-content: '\f3e8';
    content: var(--tw-content);
}

.is-available {
    font-size: 20px;
    font-weight: 300;
}

.is-available.no::before {
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
    --tw-content: '\eb97';
    content: var(--tw-content);
}

.is-available.yes::before {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
    --tw-content: '\eb80';
    content: var(--tw-content);
}

.log-device-type.desktop::before {
    --tw-content: '\eee6';
    content: var(--tw-content);
}

.log-device-type.laptop::before {
    --tw-content: '\eee8';
    content: var(--tw-content);
}

.log-device-type.mobile::before {
    --tw-content: '\f15a';
    content: var(--tw-content);
}

.log-device-type.tablet::before {
    --tw-content: '\f1e0';
    content: var(--tw-content);
}

html {
    font-family: "Urbanist", sans-serif;
}

body {
    overflow-x: hidden;
}

*, ::before, ::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(193 31 29 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(193 31 29 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    inset: 0px;
}

.\!-right-full {
    right: -100% !important;
}

.\!left-auto {
    left: auto !important;
}

.-bottom-1 {
    bottom: -0.25rem;
}

.-bottom-\[24px\] {
    bottom: -24px;
}

.-bottom-\[calc\(theme\(\'spacing\.ins-pro-img\'\)_\/_2\)\] {
    bottom: calc(calc(85px / 2) * -1);
}

.-right-1 {
    right: -0.25rem;
}

.-right-2 {
    right: -0.5rem;
}

.-right-2\.5 {
    right: -0.625rem;
}

.-right-3 {
    right: -0.75rem;
}

.-right-3\.5 {
    right: -0.875rem;
}

.-top-0 {
    top: -0px;
}

.-top-0\.5 {
    top: -0.125rem;
}

.-top-1 {
    top: -0.25rem;
}

.-top-1\.5 {
    top: -0.375rem;
}

.-top-\[30px\] {
    top: -30px;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-0\.5 {
    bottom: 0.125rem;
}

.bottom-1 {
    bottom: 0.25rem;
}

.bottom-4 {
    bottom: 1rem;
}

.bottom-6 {
    bottom: 1.5rem;
}

.end-2 {
    inset-inline-end: 0.5rem;
}

.end-2\.5 {
    inset-inline-end: 0.625rem;
}

.left-0 {
    left: 0px;
}

.left-1\/2 {
    left: 50%;
}

.left-1\/4 {
    left: 25%;
}

.left-2 {
    left: 0.5rem;
}

.left-2\.5 {
    left: 0.625rem;
}

.left-3 {
    left: 0.75rem;
}

.left-3\.5 {
    left: 0.875rem;
}

.left-6 {
    left: 1.5rem;
}

.right-0 {
    right: 0px;
}

.right-0\.5 {
    right: 0.125rem;
}

.right-1 {
    right: 0.25rem;
}

.right-1\.5 {
    right: 0.375rem;
}

.right-2 {
    right: 0.5rem;
}

.right-2\.5 {
    right: 0.625rem;
}

.right-4 {
    right: 1rem;
}

.right-5 {
    right: 1.25rem;
}

.right-6 {
    right: 1.5rem;
}

.top-0 {
    top: 0px;
}

.top-1\/2 {
    top: 50%;
}

.top-2 {
    top: 0.5rem;
}

.top-2\.5 {
    top: 0.625rem;
}

.top-3 {
    top: 0.75rem;
}

.top-4 {
    top: 1rem;
}

.top-5 {
    top: 1.25rem;
}

.top-full {
    top: 100%;
}

.z-10 {
    z-index: 10;
}

.z-\[151\] {
    z-index: 151;
}

.z-\[1\] {
    z-index: 1;
}

.z-\[9999\] {
    z-index: 9999;
}

.z-backdrop {
    z-index: 149;
}

.z-modal {
    z-index: 150;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

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

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

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

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

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

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

.m-3 {
    margin: 0.75rem;
}

.m-4 {
    margin: 1rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

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

.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

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

.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-2\.5 {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.\!mt-5 {
    margin-top: 1.25rem !important;
}

.-mb-\[10\%\] {
    margin-bottom: -10%;
}

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

.mb-0\.5 {
    margin-bottom: 0.125rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-1\.5 {
    margin-bottom: 0.375rem;
}

.mb-10 {
    margin-bottom: 2.5rem;
}

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

.mb-15 {
    margin-bottom: 3.75rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-2\.5 {
    margin-bottom: 0.625rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

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

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-7 {
    margin-bottom: 1.75rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mb-\[47px\] {
    margin-bottom: 47px;
}

.mb-\[50px\] {
    margin-bottom: 50px;
}

.ml-3 {
    margin-left: 0.75rem;
}

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

.ml-5 {
    margin-left: 1.25rem;
}

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

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

.mr-5 {
    margin-right: 1.25rem;
}

.ms-7 {
    margin-inline-start: 1.75rem;
}

.ms-auto {
    margin-inline-start: auto;
}

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

.mt-0\.5 {
    margin-top: 0.125rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-1\.5 {
    margin-top: 0.375rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-12 {
    margin-top: 3rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-2\.5 {
    margin-top: 0.625rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-3\.5 {
    margin-top: 0.875rem;
}

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

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-7 {
    margin-top: 1.75rem;
}

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

.mt-auto {
    margin-top: auto;
}

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

.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.\!block {
    display: block !important;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.\!hidden {
    display: none !important;
}

.hidden {
    display: none;
}

.aspect-\[4\/1\.5\] {
    aspect-ratio: 4/1.5;
}

.aspect-\[4\/2\] {
    aspect-ratio: 4/2;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

.size-0 {
    width: 0px;
    height: 0px;
}

.size-1 {
    width: 0.25rem;
    height: 0.25rem;
}

.size-10 {
    width: 2.5rem;
    height: 2.5rem;
}

.size-11 {
    width: 2.75rem;
    height: 2.75rem;
}

.size-12 {
    width: 3rem;
    height: 3rem;
}

.size-13 {
    width: 3.25rem;
    height: 3.25rem;
}

.size-14 {
    width: 3.5rem;
    height: 3.5rem;
}

.size-16 {
    width: 4rem;
    height: 4rem;
}

.size-2 {
    width: 0.5rem;
    height: 0.5rem;
}

.size-2\.5 {
    width: 0.625rem;
    height: 0.625rem;
}

.size-3 {
    width: 0.75rem;
    height: 0.75rem;
}

.size-3\.5 {
    width: 0.875rem;
    height: 0.875rem;
}

.size-4 {
    width: 1rem;
    height: 1rem;
}

.size-5 {
    width: 1.25rem;
    height: 1.25rem;
}

.size-6 {
    width: 1.5rem;
    height: 1.5rem;
}

.size-7 {
    width: 1.75rem;
    height: 1.75rem;
}

.size-8 {
    width: 2rem;
    height: 2rem;
}

.size-9 {
    width: 2.25rem;
    height: 2.25rem;
}

.size-\[18px\] {
    width: 18px;
    height: 18px;
}

.size-\[30px\] {
    width: 30px;
    height: 30px;
}

.size-\[70px\] {
    width: 70px;
    height: 70px;
}

.size-\[90px\] {
    width: 90px;
    height: 90px;
}

.size-full {
    width: 100%;
    height: 100%;
}

.h-1 {
    height: 0.25rem;
}

.h-1\.5 {
    height: 0.375rem;
}

.h-10 {
    height: 2.5rem;
}

.h-11 {
    height: 2.75rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-2 {
    height: 0.5rem;
}

.h-2\.5 {
    height: 0.625rem;
}

.h-20 {
    height: 5rem;
}

.h-5 {
    height: 1.25rem;
}

.h-7 {
    height: 1.75rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

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

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

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

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

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

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

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

.h-\[calc\(100\%-1rem\)\] {
    height: calc(100% - 1rem);
}

.h-\[calc\(100vh_-_18px_\*_3\.53\)\] {
    height: calc(100vh - 18px * 3.53);
}

.h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_1\.4\)\] {
    height: calc(100vh - 80px * 1.4);
}

.h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.3\)\] {
    height: calc(100vh - 80px * 3.3);
}

.h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.53\)\] {
    height: calc(100vh - 80px * 3.53);
}

.h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.6\)\] {
    height: calc(100vh - 80px * 3.6);
}

.h-\[calc\(theme\(\'spacing\.header\'\)_-_10px\)\] {
    height: calc(80px - 10px);
}

.h-\[theme\(\'spacing\.ins-pro-img\'\)\] {
    height: 85px;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-header {
    height: 80px;
}

.h-max {
    height: -moz-max-content;
    height: max-content;
}

.h-screen {
    height: 100vh;
}

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

.max-h-0 {
    max-height: 0px;
}

.max-h-\[300px\] {
    max-height: 300px;
}

.max-h-\[330px\] {
    max-height: 330px;
}

.max-h-\[350px\] {
    max-height: 350px;
}

.max-h-\[370px\] {
    max-height: 370px;
}

.max-h-\[80vh\] {
    max-height: 80vh;
}

.max-h-\[calc\(100vh_-_400px\)\] {
    max-height: calc(100vh - 400px);
}

.max-h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.4\)\] {
    max-height: calc(100vh - 80px * 3.4);
}

.max-h-full {
    max-height: 100%;
}

.min-h-80 {
    min-height: 20rem;
}

.min-h-\[180px\] {
    min-height: 180px;
}

.min-h-\[430px\] {
    min-height: 430px;
}

.min-h-\[calc\(100vh_-_32px\)\] {
    min-height: calc(100vh - 32px);
}

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

.w-10 {
    width: 2.5rem;
}

.w-12 {
    width: 3rem;
}

.w-20 {
    width: 5rem;
}

.w-24 {
    width: 6rem;
}

.w-48 {
    width: 12rem;
}

.w-56 {
    width: 14rem;
}

.w-6 {
    width: 1.5rem;
}

.w-8 {
    width: 2rem;
}

.w-80 {
    width: 20rem;
}

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

.w-\[100\%\] {
    width: 100%;
}

.w-\[106px\] {
    width: 106px;
}

.w-\[13\%\] {
    width: 13%;
}

.w-\[130px\] {
    width: 130px;
}

.w-\[15\%\] {
    width: 15%;
}

.w-\[1px\] {
    width: 1px;
}

.w-\[20\%\] {
    width: 20%;
}

.w-\[24\%\] {
    width: 24%;
}

.w-\[250px\] {
    width: 250px;
}

.w-\[30\%\] {
    width: 30%;
}

.w-\[35\%\] {
    width: 35%;
}

.w-\[40\%\] {
    width: 40%;
}

.w-\[45\%\] {
    width: 45%;
}

.w-\[48\%\] {
    width: 48%;
}

.w-\[49\%\] {
    width: 49%;
}

.w-\[55\%\] {
    width: 55%;
}

.w-\[60\%\] {
    width: 60%;
}

.w-\[65\%\] {
    width: 65%;
}

.w-\[67\%\] {
    width: 67%;
}

.w-\[68\%\] {
    width: 68%;
}

.w-\[70\%\] {
    width: 70%;
}

.w-\[72\%\] {
    width: 72%;
}

.w-\[75\%\] {
    width: 75%;
}

.w-\[78\%\] {
    width: 78%;
}

.w-\[80\%\] {
    width: 80%;
}

.w-\[85\%\] {
    width: 85%;
}

.w-\[90\%\] {
    width: 90%;
}

.w-\[91\%\] {
    width: 91%;
}

.w-\[calc\(theme\(\'spacing\.app-menu\'\)_\*_1\.1\)\] {
    width: calc(280px * 1.1);
}

.w-\[calc\(theme\(\'spacing\.ins-pro-img\'\)_\+_5px\)\] {
    width: calc(85px + 5px);
}

.w-app-menu {
    width: 280px;
}

.w-full {
    width: 100%;
}

.w-max {
    width: -moz-max-content;
    width: max-content;
}

.w-screen {
    width: 100vw;
}

.min-w-44 {
    min-width: 11rem;
}

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

.min-w-full {
    min-width: 100%;
}

.max-w-36 {
    max-width: 9rem;
}

.max-w-80 {
    max-width: 20rem;
}

.max-w-\[100px\] {
    max-width: 100px;
}

.max-w-\[106px\] {
    max-width: 106px;
}

.max-w-\[540px\] {
    max-width: 540px;
}

.max-w-full {
    max-width: 100%;
}

.max-w-lg {
    max-width: 32rem;
}

.max-w-md {
    max-width: 28rem;
}

.max-w-screen-2xl {
    max-width: 1440px;
}

.max-w-screen-xl {
    max-width: 1280px;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.shrink-0 {
    flex-shrink: 0;
}

.flex-grow {
    flex-grow: 1;
}

.grow {
    flex-grow: 1;
}

.grow-0 {
    flex-grow: 0;
}

.table-auto {
    table-layout: auto;
}

.border-collapse {
    border-collapse: collapse;
}

.border-separate {
    border-collapse: separate;
}

.border-spacing-x-0 {
    --tw-border-spacing-x: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.border-spacing-y-2 {
    --tw-border-spacing-y: 0.5rem;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}

.origin-\[70\%_70\%\] {
    transform-origin: 70% 70%;
}

.-translate-x-1 {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.-translate-x-full {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

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

.-translate-y-10 {
    --tw-translate-y: -2.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-\[40\%\] {
    --tw-translate-y: -40%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-full {
    --tw-translate-y: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes hand-wave {
    0% {
        transform: rotate(0.0deg);
    }

    10% {
        transform: rotate(14.0deg);
    }

    20% {
        transform: rotate(-8.0deg);
    }

    30% {
        transform: rotate(14.0deg);
    }

    40% {
        transform: rotate(-4.0deg);
    }

    50% {
        transform: rotate(10.0deg);
    }

    60% {
        transform: rotate(0.0deg);
    }

    100% {
        transform: rotate(0.0deg);
    }
}

.animate-hand-wave {
    animation: hand-wave 2.5s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.animate-spin-slow {
    animation: spin 3.5s linear infinite;
}

.cursor-pointer {
    cursor: pointer;
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.resize {
    resize: both;
}

.list-inside {
    list-style-position: inside;
}

.list-disc {
    list-style-type: disc;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

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

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

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

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

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

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

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

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.\!items-start {
    align-items: flex-start !important;
}

.items-start {
    align-items: flex-start;
}

.items-end {
    align-items: flex-end;
}

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

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

.\!justify-end {
    justify-content: flex-end !important;
}

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

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

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

.justify-around {
    justify-content: space-around;
}

.gap-0 {
    gap: 0px;
}

.gap-0\.5 {
    gap: 0.125rem;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-1\.5 {
    gap: 0.375rem;
}

.gap-10 {
    gap: 2.5rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-2\.5 {
    gap: 0.625rem;
}

.gap-24 {
    gap: 6rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-3\.5 {
    gap: 0.875rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-7 {
    gap: 1.75rem;
}

.gap-8 {
    gap: 2rem;
}

.gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: 0.75rem;
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

.gap-y-2 {
    row-gap: 0.5rem;
}

.gap-y-2\.5 {
    row-gap: 0.625rem;
}

.gap-y-3 {
    row-gap: 0.75rem;
}

.gap-y-4 {
    row-gap: 1rem;
}

.gap-y-5 {
    row-gap: 1.25rem;
}

.gap-y-6 {
    row-gap: 1.5rem;
}

.gap-y-7 {
    row-gap: 1.75rem;
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-px > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-1px * var(--tw-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.25rem * var(--tw-space-x-reverse));
    margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
}

.space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed;
}

.divide-\[\#E2E2E2\] > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(226 226 226 / var(--tw-divide-opacity));
}

.divide-\[\#E8E4FC\] > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(232 228 252 / var(--tw-divide-opacity));
}

.divide-\[\#EEE\] > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-divide-opacity));
}

.divide-\[\#F1F1F1\] > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(241 241 241 / var(--tw-divide-opacity));
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-divide-opacity));
}

.divide-gray-900\/60 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(153 153 153 / 0.6);
}

.divide-input-border > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-divide-opacity));
}

.divide-input-border\/50 > :not([hidden]) ~ :not([hidden]) {
    border-color: rgb(194 194 194 / 0.5);
}

.divide-opacity-95 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 0.95;
}

.self-start {
    align-self: flex-start;
}

.self-end {
    align-self: flex-end;
}

.self-center {
    align-self: center;
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-y-auto {
    overflow-y: auto;
}

.\!overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden {
    overflow-y: hidden;
}

.overscroll-x-auto {
    overscroll-behavior-x: auto;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.\!rounded-lg {
    border-radius: 0.5rem !important;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-10 {
    border-radius: 10px;
}

.rounded-15 {
    border-radius: 15px;
}

.rounded-20 {
    border-radius: 20px;
}

.rounded-50 {
    border-radius: 50%;
}

.rounded-\[10px\] {
    border-radius: 10px;
}

.rounded-\[4px\] {
    border-radius: 4px;
}

.rounded-\[5px\] {
    border-radius: 5px;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-none {
    border-radius: 0px;
}

.rounded-sm {
    border-radius: 0.125rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.\!rounded-l-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.\!rounded-r-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.rounded-b-lg {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-l-15 {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.rounded-l-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.rounded-r-10 {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.rounded-r-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.rounded-r-none {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.rounded-t-30 {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}

.rounded-t-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.\!rounded-tr-none {
    border-top-right-radius: 0px !important;
}

.rounded-bl-none {
    border-bottom-left-radius: 0px;
}

.border {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
}

.border-\[0\.5px\] {
    border-width: 0.5px;
}

.border-\[1\.5px\] {
    border-width: 1.5px;
}

.\!border-x-0 {
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-b-\[0\.5px\] {
    border-bottom-width: 0.5px;
}

.border-l-2 {
    border-left-width: 2px;
}

.border-l-8 {
    border-left-width: 8px;
}

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

.border-t {
    border-top-width: 1px;
}

.border-t-\[0\.5px\] {
    border-top-width: 0.5px;
}

.border-dashed {
    border-style: dashed;
}

.border-none {
    border-style: none;
}

.\!border-primary-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(242 236 254 / var(--tw-border-opacity)) !important;
}

.border-\[\#A18AFF\] {
    --tw-border-opacity: 1;
    border-color: rgb(161 138 255 / var(--tw-border-opacity));
}

.border-\[\#E2E2E2\] {
    --tw-border-opacity: 1;
    border-color: rgb(226 226 226 / var(--tw-border-opacity));
}

.border-\[\#E4E4E4\] {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 228 / var(--tw-border-opacity));
}

.border-\[\#EFEFEF\] {
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity));
}

.border-danger {
    --tw-border-opacity: 1;
    border-color: rgb(255 70 38 / var(--tw-border-opacity));
}

.border-form {
    --tw-border-opacity: 1;
    border-color: rgb(231 231 231 / var(--tw-border-opacity));
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(85 85 85 / var(--tw-border-opacity));
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(153 153 153 / var(--tw-border-opacity));
}

.border-gray-900\/50 {
    border-color: rgb(153 153 153 / 0.5);
}

.border-gray-900\/60 {
    border-color: rgb(153 153 153 / 0.6);
}

.border-info {
    --tw-border-opacity: 1;
    border-color: rgb(73 140 255 / var(--tw-border-opacity));
}

.border-input-border {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
}

.border-primary-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 132 244 / var(--tw-border-opacity));
}

.border-primary-500 {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.border-secondary {
    --tw-border-opacity: 1;
    border-color: rgb(118 212 102 / var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.border-warning {
    --tw-border-opacity: 1;
    border-color: rgb(255 163 5 / var(--tw-border-opacity));
}

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

.border-success {
    --tw-border-opacity: 1;
    border-color: rgb(102 204 51 / var(--tw-border-opacity));
}

.\!bg-\[\#FEF6EC\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 246 236 / var(--tw-bg-opacity)) !important;
}

.\!bg-primary-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(156 132 244 / var(--tw-bg-opacity)) !important;
}

.bg-\[\#7D7D7D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(125 125 125 / var(--tw-bg-opacity));
}

.bg-\[\#B2E8D9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(178 232 217 / var(--tw-bg-opacity));
}

.datatable thead tr th {
    --tw-bg-opacity: 1;
    background-color: rgb(71 31 63 / var(--tw-bg-opacity));
    color: #fff;
}

.dataTables_empty {
    padding: 13px;
    text-align: center;
}

.bg-\[\#BABABA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(186 186 186 / var(--tw-bg-opacity));
}

.bg-\[\#D9FAF2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(217 250 242 / var(--tw-bg-opacity));
}

.bg-\[\#E1DAFC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(225 218 252 / var(--tw-bg-opacity));
}

.bg-\[\#E2E2E2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(226 226 226 / var(--tw-bg-opacity));
}

.bg-\[\#E6F6FD\] {
    --tw-bg-opacity: 1;
    background-color: rgb(230 246 253 / var(--tw-bg-opacity));
}

.bg-\[\#E7E7E9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 231 233 / var(--tw-bg-opacity));
}

.bg-\[\#E7F1FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(231 241 255 / var(--tw-bg-opacity));
}

.bg-\[\#E8FFE9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(232 255 233 / var(--tw-bg-opacity));
}

.bg-\[\#EBF3DF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(235 243 223 / var(--tw-bg-opacity));
}

.bg-\[\#ECBC38\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 188 56 / var(--tw-bg-opacity));
}

.bg-\[\#ECEBF0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 235 240 / var(--tw-bg-opacity));
}

.bg-\[\#ECFAFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(236 250 255 / var(--tw-bg-opacity));
}

.bg-\[\#EDE9FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 255 / var(--tw-bg-opacity));
}

.bg-\[\#EEEDF0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 237 240 / var(--tw-bg-opacity));
}

.bg-\[\#EEEEEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.bg-\[\#EEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.bg-\[\#F2ECFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 255 / var(--tw-bg-opacity));
}

.bg-\[\#F2F4F9\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 249 / var(--tw-bg-opacity));
}

.bg-\[\#F2FCF0\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 252 240 / var(--tw-bg-opacity));
}

.bg-\[\#F3F3F3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}

.bg-\[\#F4F4F4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

.bg-\[\#F6F4FE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 244 254 / var(--tw-bg-opacity));
}

.bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}

.bg-\[\#F8F8FC\] {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 252 / var(--tw-bg-opacity));
}

.bg-\[\#F9F8FF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(249 248 255 / var(--tw-bg-opacity));
}

.bg-\[\#FAFAFA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-\[\#FDEAEB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(253 234 235 / var(--tw-bg-opacity));
}

.bg-\[\#FFEEEE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 238 238 / var(--tw-bg-opacity));
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-blog {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity));
}

.bg-body-light {
    --tw-bg-opacity: 1;
    background-color: rgb(243 243 243 / var(--tw-bg-opacity));
}

.bg-danger {
    --tw-bg-opacity: 1;
    background-color: rgb(255 70 38 / var(--tw-bg-opacity));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.bg-gray-200\/30 {
    background-color: rgb(238 238 238 / 0.3);
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(85 85 85 / var(--tw-bg-opacity));
}

.bg-heading {
    --tw-bg-opacity: 1;
    background-color: rgb(71 31 63 / var(--tw-bg-opacity));
}

.bg-info {
    --tw-bg-opacity: 1;
    background-color: rgb(73 140 255 / var(--tw-bg-opacity));
}

.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(236 139 0 / var(--tw-bg-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.bg-primary-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
}

.bg-primary-200\/60 {
    background-color: rgb(242 236 254 / 0.6);
}

.bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(91 67 203 / var(--tw-bg-opacity));
}

.bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}

.bg-success {
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.bg-transparent {
    background-color: transparent;
}

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

.bg-opacity-50 {
    --tw-bg-opacity: 0.5;
}

.bg-\[url\(\'\.\.\/\.\.\/assets\/images\/profile\/profile\.png\'\)\] {
    background-image: url('../../assets/images/profile/profile.png');
}

.bg-card-pattern {
    background-image: url(../images/admin/card/pattern.png);
}

.bg-doc-hero {
    background-image: url(../images/doc-hero-graphical-element.png);
}

.bg-progress-bar {
    background-image: linear-gradient(160.44deg, #7D5DFE 0.01%, #76D466 100%);
}

.bg-progress-bar-bg {
    background-image: linear-gradient(to bottom, #BCABFF 0.01%, #DDFFD8 100%);
}

.bg-task-before {
    background-image: linear-gradient(#795DED, #7D5DFE, #76D466);
}

.\!bg-cover {
    background-size: cover !important;
}

.bg-100\% {
    background-size: 100% 100%;
}

.bg-cover {
    background-size: cover;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.p-0 {
    padding: 0px;
}

.p-0\.5 {
    padding: 0.125rem;
}

.p-1 {
    padding: 0.25rem;
}

.p-1\.5 {
    padding: 0.375rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-2\.5 {
    padding: 0.625rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-7 {
    padding: 1.75rem;
}

.p-\[10px_16px\] {
    padding: 10px 16px;
}

.\!py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.\!py-2\.5 {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}

.\!py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
}

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

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-3\.5 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

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

.px-\[10\%\] {
    padding-left: 10%;
    padding-right: 10%;
}

.px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px;
}

.px-\[5\%\] {
    padding-left: 5%;
    padding-right: 5%;
}

.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
}

.py-15 {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

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

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.py-\[100px\] {
    padding-top: 100px;
    padding-bottom: 100px;
}

.py-\[30px\] {
    padding-top: 30px;
    padding-bottom: 30px;
}

.py-\[70px\] {
    padding-top: 70px;
    padding-bottom: 70px;
}

.pb-0 {
    padding-bottom: 0px;
}

.pb-3 {
    padding-bottom: 0.75rem;
}

.pb-4 {
    padding-bottom: 1rem;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.pb-6 {
    padding-bottom: 1.5rem;
}

.pb-7 {
    padding-bottom: 1.75rem;
}

.pb-8 {
    padding-bottom: 2rem;
}

.pl-0 {
    padding-left: 0px;
}

.pl-1 {
    padding-left: 0.25rem;
}

.pl-1\.5 {
    padding-left: 0.375rem;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-2\.5 {
    padding-left: 0.625rem;
}

.pl-3 {
    padding-left: 0.75rem;
}

.pl-3\.5 {
    padding-left: 0.875rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pl-8 {
    padding-left: 2rem;
}

.pl-\[30px\] {
    padding-left: 30px;
}

.pl-\[36px\] {
    padding-left: 36px;
}

.pr-12 {
    padding-right: 3rem;
}

.pr-14 {
    padding-right: 3.5rem;
}

.pr-3 {
    padding-right: 0.75rem;
}

.pr-5 {
    padding-right: 1.25rem;
}

.ps-3 {
    padding-inline-start: 0.75rem;
}

.pt-0 {
    padding-top: 0px;
}

.pt-0\.5 {
    padding-top: 0.125rem;
}

.pt-10 {
    padding-top: 2.5rem;
}

.pt-15 {
    padding-top: 3.75rem;
}

.pt-3 {
    padding-top: 0.75rem;
}

.pt-4 {
    padding-top: 1rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-7 {
    padding-top: 1.75rem;
}

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

.text-center {
    text-align: center;
}

.text-end {
    text-align: end;
}

.font-spline_sans {
    font-family: "Urbanist", sans-serif;
}

.font-urbanist {
    font-family: Urbanist, sans-serif;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

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

.text-\[10px\] {
    font-size: 10px;
}

.text-\[12px\] {
    font-size: 12px;
}

.text-\[13px\] {
    font-size: 13px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[15px\] {
    font-size: 15px;
}

.text-\[16px\] {
    font-size: 16px;
}

.text-\[18px\] {
    font-size: 18px;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[22px\] {
    font-size: 22px;
}

.text-\[25px\] {
    font-size: 25px;
}

.text-\[26px\] {
    font-size: 26px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-\[30px\] {
    font-size: 30px;
}

.text-\[32px\] {
    font-size: 32px;
}

.text-\[35px\] {
    font-size: 35px;
}

.text-\[40px\] {
    font-size: 40px;
}

.text-\[42px\] {
    font-size: 42px;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-bold {
    font-weight: 700;
}

.font-extrabold {
    font-weight: 800;
}

.font-light {
    font-weight: 300;
}

.font-medium {
    font-weight: 500;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.\!leading-\[1\.23\] {
    line-height: 1.23 !important;
}

.\!leading-none {
    line-height: 1 !important;
}

.leading-\[1\.14\] {
    line-height: 1.14;
}

.leading-\[1\.23\] {
    line-height: 1.23;
}

.leading-\[1\.31\] {
    line-height: 1.31;
}

.leading-\[1\.3\] {
    line-height: 1.3;
}

.leading-\[1\.42\] {
    line-height: 1.42;
}

.leading-\[1\.4\] {
    line-height: 1.4;
}

.leading-\[1\.62\] {
    line-height: 1.62;
}

.leading-none {
    line-height: 1;
}

.leading-normal {
    line-height: 1.5;
}

.\!text-gray-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(153 153 153 / var(--tw-text-opacity)) !important;
}

.text-\[\#01DDA5\] {
    --tw-text-opacity: 1;
    color: rgb(1 221 165 / var(--tw-text-opacity));
}

.text-\[\#1F1F1F\] {
    --tw-text-opacity: 1;
    color: rgb(31 31 31 / var(--tw-text-opacity));
}

.text-\[\#1FBF98\] {
    --tw-text-opacity: 1;
    color: rgb(31 191 152 / var(--tw-text-opacity));
}

.text-\[\#323232\] {
    --tw-text-opacity: 1;
    color: rgb(50 50 50 / var(--tw-text-opacity));
}

.text-\[\#686E81\] {
    --tw-text-opacity: 1;
    color: rgb(104 110 129 / var(--tw-text-opacity));
}

.text-\[\#727175\] {
    --tw-text-opacity: 1;
    color: rgb(114 113 117 / var(--tw-text-opacity));
}

.text-\[\#76D466\] {
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.text-\[\#979797\] {
    --tw-text-opacity: 1;
    color: rgb(151 151 151 / var(--tw-text-opacity));
}

.text-\[\#D63384\] {
    --tw-text-opacity: 1;
    color: rgb(214 51 132 / var(--tw-text-opacity));
}

.text-\[\#E2E2E2\] {
    --tw-text-opacity: 1;
    color: rgb(226 226 226 / var(--tw-text-opacity));
}

.text-\[\#F56F77\] {
    --tw-text-opacity: 1;
    color: rgb(245 111 119 / var(--tw-text-opacity));
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(37 99 235 / var(--tw-text-opacity));
}

.text-danger {
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.text-dark-text {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.text-disable {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(79 86 108 / var(--tw-text-opacity));
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(54 61 87 / var(--tw-text-opacity));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.text-heading {
    --tw-text-opacity: 1;
    color: rgb(37 31 71 / var(--tw-text-opacity));
}

.text-info {
    --tw-text-opacity: 1;
    color: rgb(73 140 255 / var(--tw-text-opacity));
}

.text-inherit {
    color: inherit;
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgb(118 212 102 / var(--tw-text-opacity));
}

.text-star-mail {
    --tw-text-opacity: 1;
    color: rgb(253 191 32 / var(--tw-text-opacity));
}

.text-success {
    --tw-text-opacity: 1;
    color: rgb(102 204 51 / var(--tw-text-opacity));
}

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

.underline {
    text-decoration-line: underline;
}

.accent-primary-500 {
    accent-color: #795DED;
}

.opacity-0 {
    opacity: 0;
}

.bg-blend-color-dodge {
    background-blend-mode: color-dodge;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-paginate-shadow {
    --tw-shadow: 0px 4px 12px 0px rgba(27, 10, 97, 0.08);
    --tw-shadow-colored: 0px 4px 12px 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);
}

.outline {
    outline-style: solid;
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-transparent {
    --tw-ring-color: transparent;
}

.blur-\[0\.5px\] {
    --tw-blur: blur(0.5px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-75 {
    --tw-brightness: brightness(.75);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.brightness-\[50\] {
    --tw-brightness: brightness(50);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.duration-200 {
    transition-duration: 200ms;
}

.duration-300 {
    transition-duration: 300ms;
}

.duration-500 {
    transition-duration: 500ms;
}

.position-center {
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.ac-transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.group[data-card-style=square] .dk-theme-card-square {
    border-radius: 4px;
}

.group[data-card-style=square] .dk-theme-card-square-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.group[data-card-style=square] .dk-theme-card-square-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 640px) {
    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
        max-width: 768px;
    }
}

@media (min-width: 1024px) {
    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
        max-width: 1280px;
    }
}

@media (min-width: 1440px) {
    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
        max-width: 1440px;
    }
}

@media (min-width: 1536px) {
    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:container {
        max-width: 1536px;
    }
}

.\*\:relative > * {
    position: relative;
}

.\*\:-ms-1 > * {
    margin-inline-start: -0.25rem;
}

.\*\:flex > * {
    display: flex;
}

.\*\:hidden > * {
    display: none;
}

.\*\:shrink-0 > * {
    flex-shrink: 0;
}

.\*\:items-center > * {
    align-items: center;
}

.\*\:justify-start > * {
    justify-content: flex-start;
}

.\*\:gap-1 > * {
    gap: 0.25rem;
}

.\*\:gap-1\.5 > * {
    gap: 0.375rem;
}

.\*\:gap-2 > * {
    gap: 0.5rem;
}

.\*\:gap-x-2 > * {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}

.\*\:gap-x-2\.5 > * {
    -moz-column-gap: 0.625rem;
    column-gap: 0.625rem;
}

.\*\:rounded-full > * {
    border-radius: 9999px;
}

.\*\:rounded-lg > * {
    border-radius: 0.5rem;
}

.\*\:border > * {
    border-width: 1px;
}

.\*\:border-t > * {
    border-top-width: 1px;
}

.\*\:border-\[\#EFEFEF\] > * {
    --tw-border-opacity: 1;
    border-color: rgb(239 239 239 / var(--tw-border-opacity));
}

.\*\:border-gray-200 > * {
    --tw-border-opacity: 1;
    border-color: rgb(238 238 238 / var(--tw-border-opacity));
}

.\*\:p-7 > * {
    padding: 1.75rem;
}

.\*\:px-1 > * {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

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

.\*\:px-2\.5 > * {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.\*\:px-3 > * {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.\*\:px-5 > * {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.\*\:px-7 > * {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}

.\*\:py-1 > * {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.\*\:py-1\.5 > * {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.\*\:py-4 > * {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.\*\:py-5 > * {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.\*\:py-6 > * {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.\*\:py-7 > * {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.\*\:pt-0 > * {
    padding-top: 0px;
}

.\*\:pt-0\.5 > * {
    padding-top: 0.125rem;
}

.\*\:pt-3 > * {
    padding-top: 0.75rem;
}

.\*\:pt-5 > * {
    padding-top: 1.25rem;
}

.\*\:text-xs > * {
    font-size: 0.75rem;
    line-height: 1rem;
}

.\*\:font-medium > * {
    font-weight: 500;
}

.\*\:leading-none > * {
    line-height: 1;
}

.\*\:text-gray-500 > * {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.\*\:text-gray-900 > * {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.\*\:flex-center-between > * {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.\*\:flex-center > * {
    display: flex;
    align-items: center;
    justify-content: center;
}

.\*\:marker\:text-primary-500 * > *::marker {
    color: rgb(193 31 29);
}

.\*\:marker\:text-primary-500 > *::marker {
    color: rgb(193 31 29);
}

.placeholder\:text-\[\#E2E2E2\]::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(226 226 226 / var(--tw-text-opacity));
}

.placeholder\:text-\[\#E2E2E2\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(226 226 226 / var(--tw-text-opacity));
}

.before\:absolute::before {
    content: var(--tw-content);
    position: absolute;
}

.before\:inset-0::before {
    content: var(--tw-content);
    inset: 0px;
}

.before\:left-0::before {
    content: var(--tw-content);
    left: 0px;
}

.before\:left-1\/2::before {
    content: var(--tw-content);
    left: 50%;
}

.before\:left-4::before {
    content: var(--tw-content);
    left: 1rem;
}

.before\:top-0::before {
    content: var(--tw-content);
    top: 0px;
}

.before\:top-\[49\%\]::before {
    content: var(--tw-content);
    top: 49%;
}

.before\:-z-\[1\]::before {
    content: var(--tw-content);
    z-index: -1;
}

.before\:z-10::before {
    content: var(--tw-content);
    z-index: 10;
}

.before\:size-1::before {
    content: var(--tw-content);
    width: 0.25rem;
    height: 0.25rem;
}

.before\:size-1\.5::before {
    content: var(--tw-content);
    width: 0.375rem;
    height: 0.375rem;
}

.before\:size-2::before {
    content: var(--tw-content);
    width: 0.5rem;
    height: 0.5rem;
}

.before\:size-3::before {
    content: var(--tw-content);
    width: 0.75rem;
    height: 0.75rem;
}

.before\:size-3\.5::before {
    content: var(--tw-content);
    width: 0.875rem;
    height: 0.875rem;
}

.before\:size-full::before {
    content: var(--tw-content);
    width: 100%;
    height: 100%;
}

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

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

.before\:rounded-10::before {
    content: var(--tw-content);
    border-radius: 10px;
}

.before\:rounded-50::before {
    content: var(--tw-content);
    border-radius: 50%;
}

.before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: 9999px;
}

.before\:border::before {
    content: var(--tw-content);
    border-width: 1px;
    margin-top: 3px;
}

.before\:border-gray-400::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity));
}

.before\:border-input-border::before {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
}

.before\:bg-\[\#88A4FF\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(136 164 255 / var(--tw-bg-opacity));
}

.before\:bg-\[\#F4F4F4\]::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity));
}

.before\:bg-primary-200::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
}

.before\:bg-primary-300::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(179 158 249 / var(--tw-bg-opacity));
}

.before\:bg-primary-500::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.before\:bg-success::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(102 204 51 / var(--tw-bg-opacity));
}

.before\:bg-warning::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 163 5 / var(--tw-bg-opacity));
}

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

.before\:pr-px::before {
    content: var(--tw-content);
    padding-right: 1px;
}

.before\:font-remix::before {
    content: var(--tw-content);
    font-family: remixicon;
}

.before\:text-2xl::before {
    content: var(--tw-content);
    font-size: 1.5rem;
    line-height: 2rem;
}

.before\:text-3xl::before {
    content: var(--tw-content);
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.before\:text-\[20px\]::before {
    content: var(--tw-content);
    font-size: 20px;
}

.before\:text-lg::before {
    content: var(--tw-content);
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.before\:text-sm::before {
    content: var(--tw-content);
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.before\:text-xl::before {
    content: var(--tw-content);
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.before\:leading-none::before {
    content: var(--tw-content);
    line-height: 1;
}

.before\:text-\[\#01DDA5\]::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(1 221 165 / var(--tw-text-opacity));
}

.before\:text-\[\#1877F2\]::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(24 119 242 / var(--tw-text-opacity));
}

.before\:text-\[\#1FBF98\]::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(31 191 152 / var(--tw-text-opacity));
}

.before\:text-black::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}

.before\:text-gray-500::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.before\:text-gray-900::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.before\:text-primary-500::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.before\:content-\[\'\\ea6e\'\]::before {
    --tw-content: '\ea6e';
    content: var(--tw-content);
}

.before\:content-\[\'\\ecbc\'\]::before {
    --tw-content: '\ecbc';
    content: var(--tw-content);
}

.before\:content-\[\'\\ede2\'\]::before {
    --tw-content: '\ede2';
    content: var(--tw-content);
}

.before\:content-\[\'\\efd6\'\]::before {
    --tw-content: '\efd6';
    content: var(--tw-content);
}

.before\:content-\[\'\\f186\'\]::before {
    --tw-content: '\f186';
    content: var(--tw-content);
}

.before\:content-\[\'\\f18b\'\]::before {
    --tw-content: '\f18b';
    content: var(--tw-content);
}

.before\:content-\[\'\\f1bc\'\]::before {
    --tw-content: '\f1bc';
    content: var(--tw-content);
}

.before\:content-\[\'\\f1bf\'\]::before {
    --tw-content: '\f1bf';
    content: var(--tw-content);
}

.before\:content-\[\'\\f24e\'\]::before {
    --tw-content: '\f24e';
    content: var(--tw-content);
}

.before\:content-\[\'\\f372\'\]::before {
    --tw-content: '\f372';
    content: var(--tw-content);
}

.before\:content-\[\'\\f3e9\'\]::before {
    --tw-content: '\f3e9';
    content: var(--tw-content);
}

.before\:position-center::before {
    content: var(--tw-content);
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.before\:dk-theme-card-square::before {
    content: var(--tw-content);
}

.group[data-card-style=square] .before\:dk-theme-card-square::before {
    border-radius: 4px;
}

.after\:absolute::after {
    content: var(--tw-content);
    position: absolute;
}

.after\:inset-0::after {
    content: var(--tw-content);
    inset: 0px;
}

.after\:left-0::after {
    content: var(--tw-content);
    left: 0px;
}

.after\:right-0::after {
    content: var(--tw-content);
    right: 0px;
}

.after\:top-1::after {
    content: var(--tw-content);
    top: 0.25rem;
}

.after\:top-1\.5::after {
    content: var(--tw-content);
    top: 0.375rem;
}

.after\:hidden::after {
    content: var(--tw-content);
    display: none;
}

.after\:size-4::after {
    content: var(--tw-content);
    width: 1rem;
    height: 1rem;
}

.after\:size-5::after {
    content: var(--tw-content);
    width: 1.25rem;
    height: 1.25rem;
}

.after\:size-full::after {
    content: var(--tw-content);
    width: 100%;
    height: 100%;
}

.after\:h-\[0\.5px\]::after {
    content: var(--tw-content);
    height: 0.5px;
}

.after\:w-full::after {
    content: var(--tw-content);
    width: 100%;
}

.after\:translate-y-\[1\.4px\]::after {
    content: var(--tw-content);
    --tw-translate-y: 1.4px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:border::after {
    content: var(--tw-content);
    border-width: 1px;
}

.after\:border-dashed::after {
    content: var(--tw-content);
    border-style: dashed;
}

.after\:border-input-border::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
}

.after\:font-remix::after {
    content: var(--tw-content);
    font-family: remixicon;
}

.after\:text-\[18px\]::after {
    content: var(--tw-content);
    font-size: 18px;
}

.after\:text-\[6px\]::after {
    content: var(--tw-content);
    font-size: 6px;
}

.after\:font-extrabold::after {
    content: var(--tw-content);
    font-weight: 800;
}

.after\:font-thin::after {
    content: var(--tw-content);
    font-weight: 100;
}

.after\:leading-none::after {
    content: var(--tw-content);
    line-height: 1;
}

.after\:text-gray-500::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.after\:text-gray-900::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.after\:opacity-0::after {
    content: var(--tw-content);
    opacity: 0;
}

.after\:content-\[\'\/\'\]::after {
    --tw-content: '/';
    content: var(--tw-content);
}

.after\:content-\[\'\\ea4e\'\]::after {
    --tw-content: '\ea4e';
    content: var(--tw-content);
}

.after\:content-\[\'\\ea6d\'\]::after {
    --tw-content: '\ea6d';
    content: var(--tw-content);
}

.after\:content-\[\'\\ea6e\'\]::after {
    --tw-content: '\ea6e';
    content: var(--tw-content);
}

.after\:content-\[\'\\eb7b\'\]::after {
    --tw-content: '\eb7b';
    content: var(--tw-content);
}

.after\:content-\[\'\\ef75\'\]::after {
    --tw-content: '\ef75';
    content: var(--tw-content);
}

.after\:content-\[\'\\f2e5\'\]::after {
    --tw-content: '\f2e5';
    content: var(--tw-content);
}

.after\:content-\[\'\\f3c1\'\]::after {
    --tw-content: '\f3c1';
    content: var(--tw-content);
}

.after\:position-center::after {
    content: var(--tw-content);
    position: absolute;
    top: 50%;
    left: 50%;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.after\:flex-center::after {
    content: var(--tw-content);
    display: flex;
    align-items: center;
    justify-content: center;
}

.\*\:after\:absolute > *::after {
    content: var(--tw-content);
    position: absolute;
}

.\*\:after\:-right-5 > *::after {
    content: var(--tw-content);
    right: -1.25rem;
}

.\*\:after\:top-1\/2 > *::after {
    content: var(--tw-content);
    top: 50%;
}

.\*\:after\:-translate-y-1\/2 > *::after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.\*\:after\:font-remix > *::after {
    content: var(--tw-content);
    font-family: remixicon;
}

.\*\:after\:text-\[16px\] > *::after {
    content: var(--tw-content);
    font-size: 16px;
}

.\*\:after\:text-white > *::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\*\:after\:content-\[\'\\ea6e\'\] > *::after {
    --tw-content: '\ea6e';
    content: var(--tw-content);
}

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

.first\:rounded-l-lg:first-child {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

.first\:pl-0:first-child {
    padding-left: 0px;
}

.first\:pl-5:first-child {
    padding-left: 1.25rem;
}

.first\:pt-0:first-child {
    padding-top: 0px;
}

.first\:text-left:first-child {
    text-align: left;
}

.group[data-card-style=square] .first\:dk-theme-card-square-left:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.first\:\*\:pl-0 > *:first-child {
    padding-left: 0px;
}

.first\:\*\:pt-0 > *:first-child {
    padding-top: 0px;
}

.first\:before\:left-0:first-child::before {
    content: var(--tw-content);
    left: 0px;
}

.first\:before\:translate-x-0:first-child::before {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.last\:rounded-r-lg:last-child {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.last\:pr-0:last-child {
    padding-right: 0px;
}

.last\:pr-4:last-child {
    padding-right: 1rem;
}

.last\:pt-0:last-child {
    padding-top: 0px;
}

.last\:text-end:last-child {
    text-align: end;
}

.group[data-card-style=square] .last\:dk-theme-card-square-right:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.last\:\*\:pb-0 > *:last-child {
    padding-bottom: 0px;
}

.last\:before\:left-auto:last-child::before {
    content: var(--tw-content);
    left: auto;
}

.last\:before\:right-0:last-child::before {
    content: var(--tw-content);
    right: 0px;
}

.last\:before\:translate-x-0:last-child::before {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.last\:after\:hidden:last-child::after {
    content: var(--tw-content);
    display: none;
}

.last-of-type\:mb-0:last-of-type {
    margin-bottom: 0px;
}

.checked\:border-none:checked {
    border-style: none;
}

.checked\:before\:text-star-mail:checked::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(253 191 32 / var(--tw-text-opacity));
}

.checked\:before\:content-\[\'\\f009\'\]:checked::before {
    --tw-content: '\f009';
    content: var(--tw-content);
}

.checked\:before\:content-\[\'\\f186\'\]:checked::before {
    --tw-content: '\f186';
    content: var(--tw-content);
}

.checked\:after\:bg-checked:checked::after {
    content: var(--tw-content);
    background-image: url(../images/icons/checked.svg);
}

.checked\:after\:opacity-100:checked::after {
    content: var(--tw-content);
    opacity: 1;
}

.hover\:z-10:hover {
    z-index: 10;
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:border-none:hover {
    border-style: none;
}

.hover\:border-\[\#E7E7E9\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(231 231 233 / var(--tw-border-opacity));
}

.hover\:border-gray-900\/50:hover {
    border-color: rgb(153 153 153 / 0.5);
}

.hover\:border-input-border:hover {
    --tw-border-opacity: 1;
    border-color: rgb(194 194 194 / var(--tw-border-opacity));
}

.hover\:border-primary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.hover\:border-primary-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.hover\:\!bg-primary-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity)) !important;
}

.hover\:\!bg-primary-500\/95:hover {
    background-color: rgb(193 31 29 / 0.95) !important;
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.hover\:bg-primary-100\/50:hover {
    background-color: rgb(229 222 255 / 0.5);
}

.hover\:bg-primary-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
}

.hover\:bg-primary-200\/50:hover {
    background-color: rgb(242 236 254 / 0.5);
}

.hover\:bg-primary-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity));
}

.hover\:bg-transparent:hover {
    background-color: transparent;
}

.hover\:text-danger:hover {
    --tw-text-opacity: 1;
    color: rgb(255 70 38 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.hover\:text-heading:hover {
    --tw-text-opacity: 1;
    color: rgb(37 31 71 / var(--tw-text-opacity));
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.hover\:text-primary-400:hover {
    --tw-text-opacity: 1;
    color: rgb(156 132 244 / var(--tw-text-opacity));
}

.hover\:text-primary-500:hover {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

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

.hover\:before\:border-none:hover::before {
    content: var(--tw-content);
    border-style: none;
}

.hover\:before\:bg-primary-400:hover::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(156 132 244 / var(--tw-bg-opacity));
}

.focus\:border-primary-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

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

.focus\:bg-gray-200:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.focus\:bg-primary-500:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

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

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

.focus\:outline-primary-300:focus {
    outline-color: #B39EF9;
}

.disabled\:text-gray-900:disabled {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.group\/noti:hover .group-hover\/noti\:visible {
    visibility: visible;
}

.group\/pc:hover .group-hover\/pc\:translate-y-\[44px\] {
    --tw-translate-y: 44px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/li:hover .group-hover\/li\:bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.group\/pc:hover .group-hover\/pc\:bg-primary-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 132 244 / var(--tw-bg-opacity));
}

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

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_1\)\] {
    fill: url(#g_1);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_10\)\] {
    fill: url(#g_10);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_11\)\] {
    fill: url(#g_11);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_12\)\] {
    fill: url(#g_12);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_13\)\] {
    fill: url(#g_13);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_14\)\] {
    fill: url(#g_14);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_15\)\] {
    fill: url(#g_15);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_16\)\] {
    fill: url(#g_16);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_17\)\] {
    fill: url(#g_17);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_18\)\] {
    fill: url(#g_18);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_19\)\] {
    fill: url(#g_19);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_2\)\] {
    fill: url(#g_2);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_20\)\] {
    fill: url(#g_20);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_21\)\] {
    fill: url(#g_21);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_22\)\] {
    fill: url(#g_22);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_23\)\] {
    fill: url(#g_23);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_24\)\] {
    fill: url(#g_24);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_3\)\] {
    fill: url(#g_3);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_4\)\] {
    fill: url(#g_4);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_5\)\] {
    fill: url(#g_5);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_6\)\] {
    fill: url(#g_6);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_7\)\] {
    fill: url(#g_7);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_8\)\] {
    fill: url(#g_8);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-\[url\(\#g_9\)\] {
    fill: url(#g_9);
}

.group\/menu-link:hover .group-hover\/menu-link\:fill-white {
    fill: #fff;
}

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

.group\/li:hover .group-hover\/li\:text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

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

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

.group\/msg:hover .group-hover\/msg\:opacity-100 {
    opacity: 1;
}

.group\/item.right .group-\[\.right\]\/item\:order-1 {
    order: 1;
}

.group\/item.right .group-\[\.right\]\/item\:order-2 {
    order: 2;
}

.group.dark .group-\[\.dark\]\:hidden {
    display: none;
}

.group.light .group-\[\.light\]\:hidden {
    display: none;
}

.group\/item.right .group-\[\.right\]\/item\:items-end {
    align-items: flex-end;
}

.group\/item.right .group-\[\.right\]\/item\:self-end {
    align-self: flex-end;
}

.group\/header.header-one-rounded .group-\[\.header-one-rounded\]\/header\:\!rounded-full {
    border-radius: 9999px !important;
}

.group\/header.header-one-rounded .group-\[\.header-one-rounded\]\/header\:rounded-full {
    border-radius: 9999px;
}

.group\/header.header-one .group-\[\.header-one\]\/header\:rounded-xl {
    border-radius: 0.75rem;
}

.group\/header.header-three-rounded .group-\[\.header-three-rounded\]\/header\:\!rounded-full {
    border-radius: 9999px !important;
}

.group\/header.header-three-rounded .group-\[\.header-three-rounded\]\/header\:rounded-full {
    border-radius: 9999px;
}

.group\/header.header-three .group-\[\.header-three\]\/header\:rounded-lg {
    border-radius: 0.5rem;
}

.group\/header.header-three .group-\[\.header-three\]\/header\:rounded-xl {
    border-radius: 0.75rem;
}

.group\/header.header-two-rounded .group-\[\.header-two-rounded\]\/header\:rounded-full {
    border-radius: 9999px;
}

.group\/item.right .group-\[\.right\]\/item\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
}

.group\/item.right .group-\[\.right\]\/item\:rounded-br-none {
    border-bottom-right-radius: 0px;
}

.group\/item.right .group-\[\.right\]\/item\:border-none {
    border-style: none;
}

.group\/li.active .group-\[\.active\]\/li\:bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.group\/product.active .group-\[\.active\]\/product\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group\/chat.offline .group-\[\.offline\]\/chat\:bg-\[\#94A3B8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}

.group\/chat.online .group-\[\.online\]\/chat\:bg-secondary {
    --tw-bg-opacity: 1;
    background-color: rgb(118 212 102 / var(--tw-bg-opacity));
}

.group\/item.right .group-\[\.right\]\/item\:bg-primary-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_1\)\] {
    fill: url(#g_1);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_10\)\] {
    fill: url(#g_10);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_11\)\] {
    fill: url(#g_11);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_12\)\] {
    fill: url(#g_12);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_13\)\] {
    fill: url(#g_13);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_14\)\] {
    fill: url(#g_14);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_15\)\] {
    fill: url(#g_15);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_16\)\] {
    fill: url(#g_16);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_17\)\] {
    fill: url(#g_17);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_18\)\] {
    fill: url(#g_18);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_19\)\] {
    fill: url(#g_19);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_2\)\] {
    fill: url(#g_2);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_20\)\] {
    fill: url(#g_20);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_21\)\] {
    fill: url(#g_21);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_22\)\] {
    fill: url(#g_22);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_23\)\] {
    fill: url(#g_23);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_24\)\] {
    fill: url(#g_24);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_3\)\] {
    fill: url(#g_3);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_4\)\] {
    fill: url(#g_4);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_5\)\] {
    fill: url(#g_5);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_6\)\] {
    fill: url(#g_6);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_7\)\] {
    fill: url(#g_7);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_8\)\] {
    fill: url(#g_8);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-\[url\(\#g_9\)\] {
    fill: url(#g_9);
}

.group\/menu-link.active .group-\[\.active\]\/menu-link\:fill-white {
    fill: #fff;
}

.group\/chat.unread .group-\[\.unread\]\/chat\:font-semibold {
    font-weight: 600;
}

.group\/li.active .group-\[\.active\]\/li\:text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.group\/li.active .group-\[\.active\]\/li\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group\/item.right .group-\[\.right\]\/item\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.group\/chat.unread .group-\[\.unread\]\/chat\:text-heading {
    --tw-text-opacity: 1;
    color: rgb(37 31 71 / var(--tw-text-opacity));
}

.group\/chat.unread .group-\[\.unread\]\/chat\:text-primary-500 {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.group\/mail.unread .group-\[\.unread\]\/mail\:text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.group\/mail.unread .group-\[\.unread\]\/mail\:text-heading {
    --tw-text-opacity: 1;
    color: rgb(37 31 71 / var(--tw-text-opacity));
}

.group\/pg:disabled .group-\[\:disabled\]\/pg\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(153 153 153 / var(--tw-text-opacity));
}

.group\/plug:hover .group-\[\:hover\]\/plug\:brightness-200 {
    --tw-brightness: brightness(2);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.group\/header.header-two-rounded .group-\[\.header-two-rounded\]\/header\:after\:content-\[\'\\ea4e\'\]::after {
    --tw-content: '\ea4e';
    content: var(--tw-content);
}

.peer\/rate:checked ~ .peer-checked\/rate\:text-\[\#ECBC38\] {
    --tw-text-opacity: 1;
    color: rgb(236 188 56 / var(--tw-text-opacity));
}

.peer\/draft:checked ~ .peer-checked\/draft\:before\:text-primary-500::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.peer\/draft:checked ~ .peer-checked\/draft\:before\:content-\[\'\\ef72\'\]::before {
    --tw-content: '\ef72';
    content: var(--tw-content);
}

.peer\/it:checked ~ .peer-checked\/it\:before\:content-\[\'\\ecb5\'\]::before {
    --tw-content: '\ecb5';
    content: var(--tw-content);
}

.peer\/rate:hover ~ .peer-hover\/rate\:text-\[\#ECBC38\] {
    --tw-text-opacity: 1;
    color: rgb(236 188 56 / var(--tw-text-opacity));
}

.peer\/dp-btn.show ~ .peer-\[\.show\]\/dp-btn\:my-1\.5 {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
}

.peer\/accord-btn.open ~ .peer-\[\.open\]\/accord-btn\:block {
    display: block;
}

.peer\/faq-btn.open ~ .peer-\[\.open\]\/faq-btn\:block {
    display: block;
}

.peer\/file.uploaded ~ .peer-\[\.uploaded\]\/file\:hidden {
    display: none;
}

.has-\[\:checked\]\:visible:has(:checked) {
    visibility: visible;
}

.has-\[\:checked\]\:border-none:has(:checked) {
    border-style: none;
}

.has-\[\.open\]\:border-primary-300:has(.open) {
    --tw-border-opacity: 1;
    border-color: rgb(179 158 249 / var(--tw-border-opacity));
}

.has-\[\.open\]\:bg-\[\#F7F8F9\]:has(.open) {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 249 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:bg-\[\#F2F4F9\]:has(:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(242 244 249 / var(--tw-bg-opacity));
}

.has-\[\:checked\]\:bg-primary-200\/50:has(:checked) {
    background-color: rgb(242 236 254 / 0.5);
}

.has-\[\:checked\]\:ring-primary-500:has(:checked) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(193 31 29 / var(--tw-ring-opacity));
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:absolute {
    position: absolute;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:-right-full {
    right: -100%;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:left-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\*_0\.9\)\] {
    left: calc(70px * 0.9);
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:\!my-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:ml-6 {
    margin-left: 1.5rem;
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:block {
    display: block;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:flex {
    display: flex;
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:hidden {
    display: none;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:hidden {
    display: none;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:h-max {
    height: -moz-max-content;
    height: max-content;
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:max-h-full {
    max-height: 100%;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:\!max-h-max {
    max-height: -moz-max-content !important;
    max-height: max-content !important;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:min-h-screen {
    min-height: 100vh;
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:w-\[calc\(theme\(\'spacing\.app-menu\'\)_-_16px\)\] {
    width: calc(280px - 16px);
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:w-full {
    width: 100%;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:w-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\*_0\.43\)\] {
    width: calc(70px * 0.43);
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:w-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\*_2\.5\)\] {
    width: calc(70px * 2.5);
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:w-full {
    width: 100%;
}

.group[data-theme-width=box] .group-data-\[theme-width\=box\]\:max-w-screen-3xl {
    max-width: 1536px;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:flex-col {
    flex-direction: column;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:items-start {
    align-items: flex-start;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:justify-center {
    justify-content: center;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.625rem * var(--tw-space-y-reverse));
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:\!overflow-visible {
    overflow: visible !important;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:overflow-visible {
    overflow: visible;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:rounded-lg {
    border-radius: 0.5rem;
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:p-3 {
    padding: 0.75rem;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:p-\[12px_8px\] {
    padding: 12px 8px;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:pl-8 {
    padding-left: 2rem;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:pl-0 {
    padding-left: 0px;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:shadow-menu-dropdown {
    --tw-shadow: 5px 5px 8px -2px rgba(0, 0, 0, 0.2);
    --tw-shadow-colored: 5px 5px 8px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:before\:hidden::before {
    content: var(--tw-content);
    display: none;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:after\:right-3::after {
    content: var(--tw-content);
    right: 0.75rem;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:after\:block::after {
    content: var(--tw-content);
    display: block;
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:hover\:w-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\*_3\.4\)\]:hover {
    width: calc(70px * 3.4);
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:hover\:bg-primary-500\/95:hover {
    background-color: rgb(193 31 29 / 0.95);
}

.group[data-sidebar-size=sm] .group\/sm:hover .group-data-\[sidebar-size\=sm\]\:group-hover\/sm\:block {
    display: block;
}

.group[data-sidebar-size=sm] .group\/sub:hover .group-data-\[sidebar-size\=sm\]\:group-hover\/sub\:block {
    display: block;
}

.group[data-sidebar-size=sm] .group\/sm:hover .group-data-\[sidebar-size\=sm\]\:group-hover\/sm\:\!rounded-br-none {
    border-bottom-right-radius: 0px !important;
}

.group[data-card-style=square] .group-data-\[card-style\=square\]\:has-\[\:checked\]\:rounded-sm:has(:checked) {
    border-radius: 0.125rem;
}

@media (min-width: 640px) {
    .sm\:\!right-0 {
        right: 0px !important;
    }

    .sm\:col-auto {
        grid-column: auto;
    }

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

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

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

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

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

    .sm\:m-5 {
        margin: 1.25rem;
    }

    .sm\:m-7 {
        margin: 1.75rem;
    }

    .sm\:block {
        display: block;
    }

    .sm\:inline-block {
        display: inline-block;
    }

    .sm\:size-10 {
        width: 2.5rem;
        height: 2.5rem;
    }

    .sm\:size-9 {
        width: 2.25rem;
        height: 2.25rem;
    }

    .sm\:h-header {
        height: 80px;
    }

    .sm\:w-72 {
        width: 18rem;
    }

    .sm\:w-96 {
        width: 24rem;
    }

    .sm\:w-\[320px\] {
        width: 320px;
    }

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

    .sm\:min-w-52 {
        min-width: 13rem;
    }

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

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

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

    .sm\:flex-nowrap {
        flex-wrap: nowrap;
    }

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

    .sm\:gap-2 {
        gap: 0.5rem;
    }

    .sm\:gap-3 {
        gap: 0.75rem;
    }

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

    .sm\:gap-7 {
        gap: 1.75rem;
    }

    .sm\:gap-\[10\%\] {
        gap: 10%;
    }

    .sm\:gap-x-0 {
        -moz-column-gap: 0px;
        column-gap: 0px;
    }

    .sm\:self-auto {
        align-self: auto;
    }

    .sm\:rounded-20 {
        border-radius: 20px;
    }

    .sm\:rounded-25 {
        border-radius: 25px;
    }

    .sm\:\!p-6 {
        padding: 1.5rem !important;
    }

    .sm\:p-0 {
        padding: 0px;
    }

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

    .sm\:p-6 {
        padding: 1.5rem;
    }

    .sm\:p-7 {
        padding: 1.75rem;
    }

    .sm\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .sm\:px-7 {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
    }

    .sm\:px-\[10\%\] {
        padding-left: 10%;
        padding-right: 10%;
    }

    .sm\:py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sm\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .sm\:pb-7 {
        padding-bottom: 1.75rem;
    }

    .sm\:pr-3 {
        padding-right: 0.75rem;
    }

    .sm\:pr-4 {
        padding-right: 1rem;
    }

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

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .sm\:text-\[22px\] {
        font-size: 22px;
    }

    .sm\:text-\[42px\] {
        font-size: 42px;
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .sm\:flex-center-between {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sm\:flex-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sm\:after\:block::after {
        content: '▾';
        display: block;
    }

    .sm\:first\:pl-8:first-child {
        padding-left: 2rem;
    }

    .sm\:last\:pr-7:last-child {
        padding-right: 1.75rem;
    }

    .group\/header.header-two-rounded .group-\[\.header-two-rounded\]\/header\:sm\:block {
        display: block;
    }

    .group\/header.header-two-rounded .group-\[\.header-two-rounded\]\/header\:sm\:pr-4 {
        padding-right: 1rem;
    }
}

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

    .md\:col-auto {
        grid-column: auto;
    }

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

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

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

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

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

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

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

    .md\:mt-11 {
        margin-top: 2.75rem;
    }

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

    .md\:block {
        display: block;
    }

    .md\:inline-block {
        display: inline-block;
    }

    .md\:flex {
        display: flex;
    }

    .md\:hidden {
        display: none;
    }

    .md\:size-15 {
        width: 3.75rem;
        height: 3.75rem;
    }

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

    .md\:w-72 {
        width: 18rem;
    }

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

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

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

    .md\:gap-5 {
        gap: 1.25rem;
    }

    .md\:rounded-30 {
        border-radius: 30px;
    }

    .md\:p-10 {
        padding: 2.5rem;
    }

    .md\:p-5 {
        padding: 1.25rem;
    }

    .md\:p-6 {
        padding: 1.5rem;
    }

    .md\:p-7 {
        padding: 1.75rem;
    }

    .md\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

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

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

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .md\:text-\[28px\] {
        font-size: 28px;
    }

    .md\:text-\[32px\] {
        font-size: 32px;
    }

    .md\:text-\[40px\] {
        font-size: 40px;
    }

    .md\:text-\[44px\] {
        font-size: 44px;
    }

    .md\:text-\[52px\] {
        font-size: 52px;
    }

    .md\:text-\[70px\] {
        font-size: 70px;
    }

    .md\:text-\[86px\] {
        font-size: 86px;
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 1024px) {
    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

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

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

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

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

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

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

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

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

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:size-auto {
        width: auto;
        height: auto;
    }

    .lg\:min-h-\[calc\(100vh_-_32px\)\] {
        min-height: calc(100vh - 32px);
    }

    .lg\:min-h-screen {
        min-height: 100vh;
    }

    .lg\:w-80 {
        width: 20rem;
    }

    .lg\:max-w-\[600px\] {
        max-width: 600px;
    }

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

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

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

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

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

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

    .lg\:gap-0\.5 {
        gap: 0.125rem;
    }

    .lg\:gap-2 {
        gap: 0.5rem;
    }

    .lg\:p-5 {
        padding: 1.25rem;
    }

    .lg\:px-15 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }

    .lg\:px-\[5\%\] {
        padding-left: 5%;
        padding-right: 5%;
    }

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

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .lg\:after\:block::after {
        content: var(--tw-content);
        display: block;
    }
}

@media (min-width: 1280px) {
    .xl\:bottom-4 {
        bottom: 1rem;
    }

    .xl\:left-4 {
        left: 1rem;
    }

    .xl\:top-4 {
        top: 1rem;
    }

    .xl\:col-auto {
        grid-column: auto;
    }

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

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

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

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

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

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

    .xl\:mb-\[-116px\] {
        margin-bottom: -116px;
    }

    .xl\:mb-\[104px\] {
        margin-bottom: 104px;
    }

    .xl\:block {
        display: block;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:h-\[calc\(100vh_-_18px_\*_3\.73\)\] {
        height: calc(100vh - 18px * 3.73);
    }

    .xl\:h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_1\.6\)\] {
        height: calc(100vh - 80px * 1.6);
    }

    .xl\:h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.5\)\] {
        height: calc(100vh - 80px * 3.5);
    }

    .xl\:h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.73\)\] {
        height: calc(100vh - 80px * 3.73);
    }

    .xl\:h-\[calc\(100vh_-_theme\(\'spacing\.header\'\)_\*_3\.85\)\] {
        height: calc(100vh - 80px * 3.85);
    }

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

    .xl\:min-w-\[370px\] {
        min-width: 370px;
    }

    .xl\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

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

    .xl\:rounded-15 {
        border-radius: 15px;
    }

    .xl\:p-10 {
        padding: 2.5rem;
    }

    .xl\:p-15 {
        padding: 3.75rem;
    }

    .xl\:p-6 {
        padding: 1.5rem;
    }

    .xl\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .xl\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .xl\:text-\[32px\] {
        font-size: 32px;
    }

    .xl\:text-\[34px\] {
        font-size: 34px;
    }

    .xl\:text-\[42px\] {
        font-size: 42px;
    }

    .xl\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .xl\:\*\:px-6 > * {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .xl\:\*\:px-8 > * {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .group\/pc:hover .xl\:group-hover\/pc\:translate-y-\[64px\] {
        --tw-translate-y: 64px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .group[data-sidebar-size=lg] .xl\:group-data-\[sidebar-size\=lg\]\:fixed {
        position: fixed;
    }

    .group[data-sidebar-size=sm] .xl\:group-data-\[sidebar-size\=sm\]\:absolute {
        position: absolute;
    }

    .group[data-theme-width=box] .xl\:group-data-\[theme-width\=box\]\:left-auto {
        left: auto;
    }

    .group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:xl\:ml-\[calc\(theme\(\'spacing\.app-menu\'\)_\+_16px\)\] {
        margin-left: calc(280px + 16px);
    }

    .group[data-sidebar-size=lg] .group-data-\[sidebar-size\=lg\]\:xl\:ml-\[calc\(theme\(\'spacing\.app-menu\'\)_\+_32px\)\] {
        margin-left: calc(280px + 32px);
    }

    .group[data-sidebar-size=sm][data-theme-width=box] .group-data-\[sidebar-size\=sm\]\:group-data-\[theme-width\=box\]\:xl\:ml-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\+_16px\)\] {
        margin-left: calc(70px + 16px);
    }

    .group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:xl\:ml-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\+_16px\)\] {
        margin-left: calc(70px + 16px);
    }

    .group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:xl\:ml-\[calc\(theme\(\'spacing\.app-menu-sm\'\)_\+_32px\)\] {
        margin-left: calc(70px + 32px);
    }

    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:xl\:ml-\[calc\(theme\(\'spacing\.app-menu\'\)_\+_16px\)\] {
        margin-left: calc(280px + 16px);
    }

    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:xl\:mr-0 {
        margin-right: 0px;
    }

    .group[data-sidebar-size=lg] .xl\:group-data-\[sidebar-size\=lg\]\:w-app-menu {
        width: 280px;
    }

    .group[data-sidebar-size=sm] .xl\:group-data-\[sidebar-size\=sm\]\:w-app-menu-sm {
        width: 70px;
    }

    .group[data-theme-width=box] .group-data-\[theme-width\=box\]\:xl\:px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .group[data-theme-width=box] .xl\:group-data-\[theme-width\=box\]\:px-3 {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

@media (min-width: 1440px) {
    .\32xl\:order-none {
        order: 0;
    }

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

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

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

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

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

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

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

    .\32xl\:block {
        display: block;
    }

    .\32xl\:w-32 {
        width: 8rem;
    }

    .\32xl\:max-w-sm {
        max-width: 24rem;
    }

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

    .\32xl\:gap-5 {
        gap: 1.25rem;
    }

    .\32xl\:px-\[70px\] {
        padding-left: 70px;
        padding-right: 70px;
    }
}

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

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

    .\33xl\:mt-5 {
        margin-top: 1.25rem;
    }

    .\33xl\:max-w-\[65\%\] {
        max-width: 65%;
    }

    .\33xl\:transform-none {
        transform: none;
    }

    .\33xl\:flex-col {
        flex-direction: column;
    }

    .\33xl\:text-\[42px\] {
        font-size: 42px;
    }
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 1;
}

.dark\:divide-dark-border:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-divide-opacity));
}

.dark\:divide-dark-border-four:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-divide-opacity));
}

.dark\:divide-dark-border-three:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(19 19 61 / var(--tw-divide-opacity));
}

.dark\:divide-dark-border-two:where(.dark, .dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(17 17 51 / var(--tw-divide-opacity));
}

.dark\:\!border-dark-border:where(.dark, .dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(33 33 70 / var(--tw-border-opacity)) !important;
}

.dark\:border-dark-border:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dark\:border-dark-border-four:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(43 43 101 / var(--tw-border-opacity));
}

.dark\:border-dark-border-three:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(19 19 61 / var(--tw-border-opacity));
}

.dark\:border-dark-border-two:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(17 17 51 / var(--tw-border-opacity));
}

.dark\:border-dark-text:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(215 215 215 / var(--tw-border-opacity));
}

.dark\:border-gray-800:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(54 61 87 / var(--tw-border-opacity));
}

.dark\:\!bg-dark-card-shade:where(.dark, .dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(21 21 65 / var(--tw-bg-opacity)) !important;
}

.dark\:\!bg-dark-icon:where(.dark, .dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity)) !important;
}

.dark\:\!bg-light:where(.dark, .dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(25 33 61 / var(--tw-bg-opacity)) !important;
}

.dark\:bg-\[\#090927\]:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.dark\:bg-dark-body:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 17 / var(--tw-bg-opacity));
}

.dark\:bg-dark-border:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(33 33 70 / var(--tw-bg-opacity));
}

.dark\:bg-dark-card:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 4 29 / var(--tw-bg-opacity));
}

.dark\:bg-dark-card-shade:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 65 / var(--tw-bg-opacity));
}

.dark\:bg-dark-card-two:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.dark\:bg-dark-icon:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(54 61 87 / var(--tw-bg-opacity));
}

.dark\:bg-primary-500:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.dark\:bg-card-pattern-dark:where(.dark, .dark *) {
    background-image: url(../images/admin/card/pattern-dark.png);
}

.dark\:bg-progress-bar-bg-dark:where(.dark, .dark *) {
    background-image: linear-gradient(to bottom, #231E36 0.01%, #292559 100%);
}

.dark\:fill-dark-body:where(.dark, .dark *) {
    fill: #000011;
}

.dark\:fill-dark-icon:where(.dark, .dark *) {
    fill: #23234D;
}

.dark\:fill-none:where(.dark, .dark *) {
    fill: none;
}

.dark\:\!text-white:where(.dark, .dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.dark\:text-blue-500:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.dark\:text-dark-text:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark\:text-dark-text-two:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

.dark\:text-gray-200:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(238 238 238 / var(--tw-text-opacity));
}

.dark\:text-gray-400:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
}

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

.dark\:blur-none:where(.dark, .dark *) {
    --tw-blur: blur(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:brightness-100:where(.dark, .dark *) {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:brightness-200:where(.dark, .dark *) {
    --tw-brightness: brightness(2);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:brightness-50:where(.dark, .dark *) {
    --tw-brightness: brightness(.5);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:brightness-\[3\]:where(.dark, .dark *) {
    --tw-brightness: brightness(3);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:contrast-100:where(.dark, .dark *) {
    --tw-contrast: contrast(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:contrast-\[100\%\]:where(.dark, .dark *) {
    --tw-contrast: contrast(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:grayscale:where(.dark, .dark *) {
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:invert:where(.dark, .dark *) {
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.dark\:\*\:border-dark-border > *:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dark\:\*\:text-dark-text > *:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark\:before\:bg-dark-card-shade:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 65 / var(--tw-bg-opacity));
}

.dark\:before\:bg-dark-icon:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.dark\:before\:text-dark-text:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark\:before\:text-dark-text-two:where(.dark, .dark *)::before {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

.dark\:before\:\!content-\[\'\\f1bf\'\]:where(.dark, .dark *)::before {
    --tw-content: '\f1bf' !important;
    content: var(--tw-content) !important;
}

.dark\:after\:border-dark-border:where(.dark, .dark *)::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dark\:after\:text-dark-text:where(.dark, .dark *)::after {
    content: var(--tw-content);
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark\:hover\:border-dark-border-five:hover:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(41 37 89 / var(--tw-border-opacity));
}

.dark\:hover\:bg-dark-card-shade:hover:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 65 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-dark-icon:hover:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-dark-icon\/50:hover:where(.dark, .dark *) {
    background-color: rgb(35 35 77 / 0.5);
}

.dark\:hover\:bg-gray-600:hover:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-700:hover:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(79 86 108 / var(--tw-bg-opacity));
}

.dark\:hover\:text-dark-text:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.dark\:hover\:text-dark-text-two:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

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

.dark\:focus\:bg-dark-icon:focus:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.dark\:focus\:bg-gray-700:focus:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(79 86 108 / var(--tw-bg-opacity));
}

.group\/chat.unread .dark\:group-\[\.unread\]\/chat\:text-dark-text-two:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

.group\/mail.unread .dark\:group-\[\.unread\]\/mail\:text-white:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.dark\:has-\[\.open\]\:border-dark-border:has(.open):where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(33 33 70 / var(--tw-border-opacity));
}

.dark\:has-\[\.open\]\:bg-dark-card-two:has(.open):where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.dark\:has-\[\:checked\]\:bg-dark-icon:has(:checked):where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.dark\:has-\[\:checked\]\:bg-dark-icon\/50:has(:checked):where(.dark, .dark *) {
    background-color: rgb(35 35 77 / 0.5);
}

.group[data-sidebar-size=sm] .dark\:group-data-\[sidebar-size\=sm\]\:bg-dark-card-shade:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(21 21 65 / var(--tw-bg-opacity));
}

.group[data-sidebar-size=sm] .dark\:group-data-\[sidebar-size\=sm\]\:bg-dark-icon:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.group[data-sidebar-size=sm] .dark\:group-data-\[sidebar-size\=sm\]\:bg-dark-tooltip:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 26 62 / var(--tw-bg-opacity));
}

.\[\&\.active\]\:border-primary.active {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.\[\&\.active\]\:border-primary-500.active {
    --tw-border-opacity: 1;
    border-color: rgb(193 31 29 / var(--tw-border-opacity));
}

.\[\&\.active\]\:bg-gray-200.active {
    --tw-bg-opacity: 1;
    background-color: rgb(238 238 238 / var(--tw-bg-opacity));
}

.\[\&\.active\]\:bg-primary-200.active {
    --tw-bg-opacity: 1;
    background-color: rgb(242 236 254 / var(--tw-bg-opacity));
}

.\[\&\.active\]\:bg-primary-200\/50.active {
    background-color: rgb(242 236 254 / 0.5);
}

.\[\&\.active\]\:bg-primary-500.active {
    --tw-bg-opacity: 1;
    background-color: rgb(193 31 29 / var(--tw-bg-opacity));
}

.\[\&\.active\]\:bg-primary-500\/95.active {
    background-color: rgb(193 31 29 / 0.95);
}

.\[\&\.active\]\:bg-transparent.active {
    background-color: transparent;
}

.\[\&\.active\]\:text-primary.active {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.\[\&\.active\]\:text-primary-500.active {
    --tw-text-opacity: 1;
    color: rgb(193 31 29 / var(--tw-text-opacity));
}

.\[\&\.active\]\:text-white.active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.\[\&\.active\]\:before\:border-none.active::before {
    content: var(--tw-content);
    border-style: none;
}

.\[\&\.active\]\:before\:bg-primary-400.active::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(156 132 244 / var(--tw-bg-opacity));
}

.group[data-sidebar-size=sm] .group-data-\[sidebar-size\=sm\]\:\[\&\.active\]\:bg-primary-500\/95.active {
    background-color: rgb(193 31 29 / 0.95);
}

.dark\:\[\&\.active\]\:bg-dark-icon.active:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 77 / var(--tw-bg-opacity));
}

.dark\:\[\&\.active\]\:text-dark-text.active:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(215 215 215 / var(--tw-text-opacity));
}

.\[\&\.chevron\]\:after\:content-\[\'\\ea13\'\].chevron::after {
    --tw-content: '\ea13';
    content: var(--tw-content);
}

.\[\&\.chevron\]\:after\:content-\[\'\\ea78\'\].chevron::after {
    --tw-content: '\ea78';
    content: var(--tw-content);
}

.\[\&\.current-page\]\:text-gray-500.current-page {
    --tw-text-opacity: 1;
    color: rgb(85 85 85 / var(--tw-text-opacity));
}

.dark\:\[\&\.current-page\]\:text-dark-text-two.current-page:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(160 160 160 / var(--tw-text-opacity));
}

.\[\&\.current\]\:bg-primary-200\/50.current {
    background-color: rgb(242 236 254 / 0.5);
}

.dark\:\[\&\.current\]\:bg-dark-icon\/50.current:where(.dark, .dark *) {
    background-color: rgb(35 35 77 / 0.5);
}

.\[\&\.header-one-rounded\]\:rounded-full.header-one-rounded {
    border-radius: 9999px;
}

.\[\&\.header-one\]\:bg-\[\#F0F1F8\].header-one {
    --tw-bg-opacity: 1;
    background-color: rgb(240 241 248 / var(--tw-bg-opacity));
}

.dark\:\[\&\.header-one\]\:bg-dark-card-two.header-one:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.\[\&\.header-three-rounded\]\:rounded-full.header-three-rounded {
    border-radius: 9999px;
}

.\[\&\.header-three\]\:bg-\[\#F0F1F8\].header-three {
    --tw-bg-opacity: 1;
    background-color: rgb(240 241 248 / var(--tw-bg-opacity));
}

.dark\:\[\&\.header-three\]\:bg-dark-card-two.header-three:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.\[\&\.header-two-rounded\]\:rounded-full.header-two-rounded {
    border-radius: 9999px;
}

.\[\&\.header-two\]\:bg-\[\#F1F1F5\].header-two {
    --tw-bg-opacity: 1;
    background-color: rgb(241 241 245 / var(--tw-bg-opacity));
}

.dark\:\[\&\.header-two\]\:bg-dark-card-two.header-two:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 39 / var(--tw-bg-opacity));
}

.\[\&\.open\]\:after\:content-\[\'\\f1af\'\].open::after {
    --tw-content: '\f1af';
    content: var(--tw-content);
}

.\[\&\.right\]\:justify-end.right {
    justify-content: flex-end;
}

.\[\&\.verified\]\:block.verified {
    display: block;
}

.\[\&\.visible\]\:\!block.visible {
    display: block !important;
}

/* ==========================================
   CALLY DATE PICKER
   ========================================== */

.cally-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.cally-dropdown {
    min-width: 280px;
}

.cally {
    --color-accent: rgb(193 31 29);
    --color-text-on-accent: white;
}

.cally::part(button) {
    border: 1px solid #e5e7eb;
    background: white;
    color: #374151;
    border-radius: 0.5rem;
    padding: 0.5rem;
    cursor: pointer;
}

.cally::part(button):hover {
    background: #f3f4f6;
}

.cally::part(selected) {
    background: rgb(193 31 29);
    color: white;
}

.cally::part(today) {
    border: 2px solid rgb(193 31 29);
}

.cally::part(outside) {
    opacity: 0.4;
}

.cally::part(heading) {
    font-weight: 600;
    color: #374151;
}

.cally-horizontal::part(months) {
    display: flex;
    gap: 1.5rem;
}

/* ==========================================
   CALENDRIER
   ========================================== */


/* Toolbar header */
.fc .fc-toolbar {
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-bottom: 1.25rem !important;
}

.fc .fc-toolbar-title {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    color: oklch(var(--bc) / 0.8);
}

/* Boutons FC */
.fc .fc-button {
    background: oklch(var(--b2)) !important;
    border: none !important;
    color: oklch(var(--bc) / 0.7) !important;
    font-weight: 500 !important;
    font-size: 0.875rem !important;
    padding: 0.5rem 1rem !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s !important;
    text-transform: none !important;
    box-shadow: none !important;
}

.fc .fc-button:hover {
    background: oklch(var(--b3)) !important;
    color: oklch(var(--bc)) !important;
}

.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    background: oklch(var(--p)) !important;
    color: oklch(var(--pc)) !important;
}

.fc .fc-button-group {
    gap: 0.25rem !important;
}

.fc .fc-button-group > .fc-button {
    border-radius: 0.5rem !important;
}

.fc .fc-today-button {
    border-radius: 0.5rem !important;
}

.fc .fc-today-button:disabled {
    opacity: 0.4 !important;
}

/* Container global */
.fc {
    --fc-border-color: transparent;
    --fc-page-bg-color: transparent;
}

/* Grille - style soft aéré */
.fc .fc-scrollgrid {
    border: none !important;
    border-radius: 1.5rem !important;
    overflow: visible !important;
    background: transparent !important;
}

.fc .fc-scrollgrid td,
.fc .fc-scrollgrid th {
    border: none !important;
}

.fc .fc-scrollgrid-section,
.fc .fc-scrollgrid-section > td {
    border: none !important;
}

/* Headers jours */
.fc .fc-col-header {
    background: transparent !important;
}

.fc .fc-col-header-cell {
    background: transparent !important;
    padding: 0.75rem 0 1rem !important;
    font-weight: 600 !important;
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: oklch(var(--bc) / 0.4) !important;
    border: none !important;
}

.fc .fc-col-header-cell-cushion {
    padding: 0 !important;
}

/* Body de la grille */
.fc .fc-daygrid-body {
    background: oklch(var(--b2) / 0.25);
    border-radius: 1.25rem;
    padding: 0.375rem;
}

/* Lignes de semaine */
.fc .fc-daygrid-body tr {
    border: none !important;
}

/* Cellules jour - style carte flottante */
.fc .fc-daygrid-day {
    background: transparent !important;
}

.fc .fc-daygrid-day-frame {
    background: oklch(var(--b1));
    margin: 3px;
    border-radius: 1rem;
    min-height: 110px;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px oklch(var(--bc) / 0.04);
}


.fc .fc-daygrid-day-top {
    flex-direction: row !important;
    padding: 0.625rem 0.75rem 0.375rem !important;
}

.fc .fc-daygrid-day-number {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: oklch(var(--bc) / 0.5) !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* Weekend - teinte légère */
.fc .fc-day-sat .fc-daygrid-day-frame,
.fc .fc-day-sun .fc-daygrid-day-frame {
    background: oklch(var(--b2) / 0.5);
}

/* Jours hors mois */
.fc .fc-day-other .fc-daygrid-day-frame {
    background: oklch(var(--b2) / 0.3);
    box-shadow: none;
}

.fc .fc-day-other .fc-daygrid-day-number {
    color: oklch(var(--bc) / 0.25) !important;
}

.fc .fc-day-other:hover .fc-daygrid-day-frame {
    transform: none;
    box-shadow: none;
}

/* Aujourd'hui */
.fc .fc-day-today .fc-daygrid-day-frame {
    background: linear-gradient(135deg, oklch(var(--p) / 0.08), oklch(var(--p) / 0.04)) !important;
    box-shadow: 0 0 0 2px oklch(var(--p) / 0.15), 0 2px 8px oklch(var(--p) / 0.1);
}

.fc .fc-day-today .fc-daygrid-day-number {
    color: oklch(var(--p)) !important;
    font-weight: 700 !important;
}

.fc .fc-day-today:hover .fc-daygrid-day-frame {
    box-shadow: 0 0 0 2px oklch(var(--p) / 0.2), 0 6px 16px oklch(var(--p) / 0.12);
}

/* Événements */
.fc .fc-daygrid-day-events {
    padding: 0 0.5rem 0.5rem !important;
}

.fc .fc-daygrid-event-harness {
    margin-bottom: 3px !important;
}

.fc .fc-event {
    border-radius: 0.5rem !important;
    border: none !important;
    border-left: 3px solid !important;
    padding: 0.3rem 0.5rem !important;
    font-size: 0.7rem !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 1px 3px oklch(var(--bc) / 0.06);
}

.fc .fc-event:hover {
    transform: translateX(3px) !important;
    box-shadow: 0 3px 8px oklch(var(--bc) / 0.12) !important;
}

.fc .fc-event-main {
    padding: 0 !important;
}

/* More events link */
.fc .fc-daygrid-more-link {
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    color: oklch(var(--p)) !important;
    padding: 0.2rem 0.5rem !important;
    background: oklch(var(--p) / 0.08) !important;
    border-radius: 0.375rem !important;
    margin: 0 0.25rem !important;
}

.fc .fc-daygrid-more-link:hover {
    background: oklch(var(--p) / 0.15) !important;
}

/* ========== TIME GRID (Semaine/Jour) ========== */
.fc .fc-timegrid {
    background: transparent !important;
}

.fc .fc-timegrid-body {
    background: oklch(var(--b2) / 0.25);
    border-radius: 1.25rem;
    padding: 0.375rem;
}

.fc .fc-timegrid-slots table {
    border: none !important;
}

.fc .fc-timegrid-slot {
    height: 3rem !important;
    border: none !important;
}

.fc .fc-timegrid-slot-label {
    font-size: 0.65rem !important;
    font-weight: 500 !important;
    color: oklch(var(--bc) / 0.35) !important;
    border: none !important;
    vertical-align: top !important;
    padding-top: 0.25rem !important;
}

.fc .fc-timegrid-cols {
    background: transparent;
}

.fc .fc-timegrid-col {
    background: oklch(var(--b1));
    margin: 3px;
    border-radius: 1rem;
}

.fc .fc-timegrid-col.fc-day-today {
    background: linear-gradient(180deg, oklch(var(--p) / 0.06), oklch(var(--p) / 0.02));
}

.fc .fc-timegrid-col-frame {
    border: none !important;
}

/* Lignes horaires subtiles */
.fc .fc-timegrid-slot-lane {
    border-top: 1px dashed oklch(var(--bc) / 0.06) !important;
}

.fc .fc-timegrid-slot-minor .fc-timegrid-slot-lane {
    border-top-style: dotted !important;
    border-color: oklch(var(--bc) / 0.04) !important;
}

/* Indicateur maintenant */
.fc .fc-timegrid-now-indicator-line {
    border-color: oklch(var(--er)) !important;
    border-width: 2px !important;
}

.fc .fc-timegrid-now-indicator-arrow {
    border-color: oklch(var(--er)) !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

/* Événements time grid */
.fc .fc-timegrid-event {
    border-radius: 0.5rem !important;
    box-shadow: 0 2px 6px oklch(var(--bc) / 0.1) !important;
}

/* Axe horaire */
.fc .fc-timegrid-axis {
    border: none !important;
    background: transparent !important;
}

.fc .fc-timegrid-divider {
    display: none !important;
}

/* All day row */
.fc .fc-timegrid-axis-frame {
    border: none !important;
}

/* === VUE SAISON === */
.saison-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(80px, 1fr));
    gap: 2px;
    overflow-x: auto;
}

.saison-header {
    background: oklch(var(--b2));
    padding: 0.75rem 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: oklch(var(--bc) / 0.7);
    border-radius: 0.5rem 0.5rem 0 0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.saison-column {
    min-height: 400px;
    background: oklch(var(--b1));
    border: 1px solid oklch(var(--b3));
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.saison-event {
    padding: 0.5rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    cursor: pointer;
    border-left: 3px solid;
    background: white;
    transition: transform 0.1s, box-shadow 0.1s;
}

.saison-event:hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.saison-event-title {
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.125rem;
}

.saison-event-date {
    font-size: 0.65rem;
    opacity: 0.8;
    margin-bottom: 0.125rem;
}

.saison-event-lieu {
    font-size: 0.65rem;
    opacity: 0.7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.saison-event-type span {
    color: white;
    mix-blend-mode: difference;
}

/* === FILTRES TOGGLE === */
.filter-toggle {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    cursor: pointer;
    transition: all 0.2s;
    border: 2px solid transparent;
    font-size: 0.875rem;
    background: oklch(var(--b2));
}

.filter-toggle input {
    display: none;
}

.filter-toggle.active {
    border-color: currentColor;
    background: oklch(var(--b1));
}

.filter-toggle:not(.active) {
    opacity: 0.5;
}

.filter-toggle:hover {
    opacity: 1;
}

/* === VIEW SELECTOR === */
.view-btn {
    padding: 0.5rem 1rem;
    border: 1px solid oklch(var(--b3));
    background: oklch(var(--b1));
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    color: oklch(var(--bc));
}

.view-btn:first-child {
    border-radius: 0.5rem 0 0 0.5rem;
}

.view-btn:last-child {
    border-radius: 0 0.5rem 0.5rem 0;
}

.view-btn:not(:last-child) {
    border-right: none;
}

.view-btn.active {
    background: oklch(var(--p));
    color: oklch(var(--pc));
    border-color: oklch(var(--p));
}

.view-btn:hover:not(.active) {
    background: oklch(var(--b2));
}

/* === LÉGENDE === */
.legend-item {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    font-size: 0.75rem;
    color: oklch(var(--bc) / 0.7);
}

.legend-dot {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 9999px;
}

/* ==========================================
   VUES LOGISTIQUES
   ========================================== */

.gabarit-btn.active {
    border-color: var(--btn-active-color, currentColor) !important;
    background-color: color-mix(in srgb, var(--btn-active-color) 15%, transparent) !important;
}

.gabarit-btn.active .badge {
    transform: scale(1.1);
}