/*! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com*/

::-webkit-scrollbar {

    width: 12px;

}



::-webkit-scrollbar-thumb {

    background-color: #080808;

    border-radius: 10px;

}



::-webkit-scrollbar-track {

    background-color: transparent;

}



* {

    user-select: auto !important;

}



*,

:after,

:before {

    box-sizing: border-box;

    border-width: 0;

    border-style: solid;

    border-color: var(--tw-gray-200)

}



:after,

:before {

    --tw-content: ""

}



:host,

html {

    line-height: 1.5;

    -webkit-text-size-adjust: 100%;

    -moz-tab-size: 4;

    -o-tab-size: 4;

    tab-size: 4;

    font-family: Inter, system-ui, sans-serif;

    font-feature-settings: normal;

    font-variation-settings: normal;

    -webkit-tap-highlight-color: transparent

}



body {

    margin: 0;

    line-height: inherit;
    
    background-color: #0d0d0d

}



hr {

    height: 0;

    color: inherit;

    border-top-width: 1px

}



abbr:where([title]) {

    -webkit-text-decoration: underline dotted;

    text-decoration: underline dotted

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-size: inherit;

    font-weight: inherit

}



a {

    color: inherit;

    text-decoration: inherit

}



b,

strong {

    font-weight: bolder

}



code,

kbd,

pre,

samp {

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;

    font-feature-settings: normal;

    font-variation-settings: normal;

    font-size: 1em

}



small {

    font-size: 80%

}



sub,

sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: initial

}



sub {

    bottom: -.25em

}



sup {

    top: -.5em

}



table {

    text-indent: 0;

    border-color: inherit;

    border-collapse: collapse

}



button,

input,

optgroup,

select,

textarea {

    font-family: inherit;

    font-feature-settings: inherit;

    font-variation-settings: inherit;

    font-size: 100%;

    font-weight: inherit;

    line-height: inherit;

    letter-spacing: inherit;

    color: inherit;

    margin: 0;

    padding: 0

}



button,

select {

    text-transform: none

}



button,

input:where([type=button]),

input:where([type=reset]),

input:where([type=submit]) {

    -webkit-appearance: button;

    background-color: initial;

    background-image: none

}



:-moz-focusring {

    outline: auto

}



:-moz-ui-invalid {

    box-shadow: none

}



progress {

    vertical-align: initial

}



::-webkit-inner-spin-button,

::-webkit-outer-spin-button {

    height: auto

}



[type=search] {

    -webkit-appearance: textfield;

    outline-offset: -2px

}



::-webkit-search-decoration {

    -webkit-appearance: none

}



::-webkit-file-upload-button {

    -webkit-appearance: button;

    font: inherit

}



summary {

    display: list-item

}



blockquote,

dd,

dl,

figure,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

pre {

    margin: 0

}



fieldset {

    margin: 0

}



fieldset,

legend {

    padding: 0

}



menu,

ol,

ul {

    list-style: none;

    margin: 0;

    padding: 0

}



dialog {

    padding: 0

}



textarea {

    resize: vertical

}



input::-moz-placeholder,

textarea::-moz-placeholder {

    opacity: 1;

    color: var(--tw-gray-400)

}



input::placeholder,

textarea::placeholder {

    opacity: 1;

    color: var(--tw-gray-400)

}



[role=button],

button {

    cursor: pointer

}



:disabled {

    cursor: default

}



audio,

canvas,

embed,

iframe,

img,

object,

svg,




img,

video {

    max-width: 100%;

    height: auto

}



[hidden] {

    display: none

}



:root {

    --tw-sm: 640px;

    --tw-md: 768px;

    --tw-lg: 1024px;

    --tw-xl: 1280px;

    --tw-2xl: 1536px;

    --tw-gray-100-light: #f9f9f9;

    --tw-gray-200-light: #f1f1f4;

    --tw-gray-300-light: #dbdfe9;

    --tw-gray-400-light: #c4cada;

    --tw-gray-500-light: #99a1b7;

    --tw-gray-600-light: #78829d;

    --tw-gray-700-light: #4b5675;

    --tw-gray-800-light: #252f4a;

    --tw-gray-900-light: #071437;

    --tw-gray-100-dark: #1b1c22;

    --tw-gray-200-dark: #26272f;

    --tw-gray-300-dark: #363843;

    --tw-gray-400-dark: #464852;

    --tw-gray-500-dark: #636674;

    --tw-gray-600-dark: #808290;

    --tw-gray-700-dark: #9a9cae;

    --tw-gray-800-dark: #b5b7c8;

    --tw-gray-900-dark: #f5f5f5;

    --tw-brand-light: #ff6f1e;

    --tw-brand-active-light: #f15700;

    --tw-brand-light-light: #fff5ef;

    --tw-brand-clarity-light: #ff6f1e33;

    --tw-brand-inverse-light: #fff;

    --tw-primary-light: #1b84ff;

    --tw-primary-active-light: #056ee9;

    --tw-primary-light-light: #eff6ff;

    --tw-primary-clarity-light: #1b84ff33;

    --tw-primary-inverse-light: #fff;

    --tw-success-light: #17c653;

    --tw-success-active-light: #04b440;

    --tw-success-light-light: #eafff1;

    --tw-success-clarity-light: #17c65333;

    --tw-success-inverse-light: #fff;

    --tw-info-light: #7239ea;

    --tw-info-active-light: #5014d0;

    --tw-info-light-light: #f8f5ff;

    --tw-info-clarity-light: #7239ea33;

    --tw-info-inverse-light: #fff;

    --tw-danger-light: #f8285a;

    --tw-danger-active-light: #d81a48;

    --tw-danger-light-light: #ffeef3;

    --tw-danger-clarity-light: #f8285a33;

    --tw-danger-inverse-light: #fff;

    --tw-warning-light: #f6b100;

    --tw-warning-active-light: #dfa000;

    --tw-warning-light-light: #fff8dd;

    --tw-warning-clarity-light: #f6b10033;

    --tw-warning-inverse-light: #fff;

    --tw-dark-light: #1e2129;

    --tw-dark-active-light: #111318;

    --tw-dark-light-light: #f9f9f9;

    --tw-dark-clarity-light: #1e212933;

    --tw-dark-inverse-light: #fff;

    --tw-light-light: #fff;

    --tw-light-active-light: #fcfcfc;

    --tw-light-light-light: #fff;

    --tw-light-clarity-light: #fff3;

    --tw-light-inverse-light: #4b5675;

    --tw-secondary-light: #f9f9f9;

    --tw-secondary-active-light: #f9f9f9;

    --tw-secondary-light-light: #f9f9f9;

    --tw-secondary-clarity-light: #f9f9f933;

    --tw-secondary-inverse-light: #4b5675;

    --tw-brand-dark: #d74e00;

    --tw-brand-active-dark: #f35700;

    --tw-brand-light-dark: #272320;

    --tw-brand-clarity-dark: #d74e0033;

    --tw-brand-inverse-dark: #fff;

    --tw-primary-dark: #006ae6;

    --tw-primary-active-dark: #107eff;

    --tw-primary-light-dark: #172331;

    --tw-primary-clarity-dark: #006ae633;

    --tw-primary-inverse-dark: #fff;

    --tw-success-dark: #00a261;

    --tw-success-active-dark: #01bf73;

    --tw-success-light-dark: #1f2623;

    --tw-success-clarity-dark: #00a26133;

    ;

    --tw-success-inverse-dark: #fff;

    --tw-info-dark: #883fff;

    --tw-info-active-dark: #9e63ff;

    --tw-info-light-dark: #272134;

    --tw-info-clarity-dark: #883fff33;

    --tw-info-inverse-dark: #fff;

    --tw-danger-dark: #e42855;

    --tw-danger-active-dark: #ff3767;

    --tw-danger-light-dark: #302024;

    --tw-danger-clarity-dark: #e4285533;

    --tw-danger-inverse-dark: #fff;

    --tw-warning-dark: #c59a00;

    --tw-warning-active-dark: #d9aa00;

    --tw-warning-light-dark: #242320;

    --tw-warning-clarity-dark: #c59a0033;

    --tw-warning-inverse-dark: #fff;

    --tw-dark-dark: #272a34;

    --tw-dark-active-dark: #2d2f39;

    --tw-dark-light-dark: #1e2027;

    --tw-dark-clarity-dark: #272a3433;

    --tw-dark-inverse-dark: #fff;

    --tw-light-dark: #1f212a;

    --tw-light-active-dark: #1f212a;

    --tw-light-light-dark: #1f212a;

    --tw-light-clarity-dark: #1f212a33;

    --tw-light-inverse-dark: #9a9cae;

    --tw-secondary-dark: #363843;

    --tw-secondary-active-dark: #464852;

    --tw-secondary-light-dark: #363843;

    --tw-secondary-clarity-dark: #36384333;

    --tw-secondary-inverse-dark: #9a9cae;

    --tw-coal-100: #0f0f0f;

    --tw-coal-200: #0d0d0d;

    --tw-coal-300: #0b0b0b;

    --tw-coal-400: #090909;

    --tw-coal-500: #0d0d0d;

    --tw-coal-600: #060606;

    --tw-coal-black: #000;

    --tw-coal-clarity: #0f0f0f80

}



.light,

:root {

    --tw-gray-100: #f9f9f9;

    --tw-gray-200: #f1f1f4;

    --tw-gray-300: #dbdfe9;

    --tw-gray-400: #c4cada;

    --tw-gray-500: #99a1b7;

    --tw-gray-600: #78829d;

    --tw-gray-700: #4b5675;

    --tw-gray-800: #252f4a;

    --tw-gray-900: #071437;

    --tw-brand: #ff6f1e;

    --tw-brand-active: #f15700;

    --tw-brand-light: #fff5ef;

    --tw-brand-clarity: #ff6f1e33;

    --tw-brand-inverse: #fff;

    --tw-primary: #1b84ff;

    --tw-primary-active: #056ee9;

    --tw-primary-light: #eff6ff;

    --tw-primary-clarity: #1b84ff33;

    --tw-primary-inverse: #fff;

    --tw-success: #17c653;

    --tw-success-active: #04b440;

    --tw-success-light: #eafff1;

    --tw-success-clarity: #17c65333;

    --tw-success-inverse: #fff;

    --tw-info: #7239ea;

    --tw-info-active: #5014d0;

    --tw-info-light: #f8f5ff;

    --tw-info-clarity: #7239ea33;

    --tw-info-inverse: #fff;

    --tw-danger: #f8285a;

    --tw-danger-active: #d81a48;

    --tw-danger-light: #ffeef3;

    --tw-danger-clarity: #f8285a33;

    --tw-danger-inverse: #fff;

    --tw-warning: #f6b100;

    --tw-warning-active: #dfa000;

    --tw-warning-light: #fff8dd;

    --tw-warning-clarity: #f6b10033;

    --tw-warning-inverse: #fff;

    --tw-dark: #1e2129;

    --tw-dark-active: #111318;

    --tw-dark-light: #f9f9f9;

    --tw-dark-clarity: #1e212933;

    --tw-dark-inverse: #fff;

    --tw-light: #fff;

    --tw-light-active: #fcfcfc;

    --tw-light-light: #fff;

    --tw-light-clarity: #fff3;

    --tw-light-inverse: #4b5675;

    --tw-secondary: #f9f9f9;

    --tw-secondary-active: #f9f9f9;

    --tw-secondary-light: #f9f9f9;

    --tw-secondary-clarity: #f9f9f933;

    --tw-secondary-inverse: #4b5675;

    --tw-default-box-shadow: 0px 4px 12px 0px #00000017;

    --tw-light-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-primary-box-shadow: 0px 4px 12px 0px #2884ef59;

    --tw-success-box-shadow: 0px 4px 12px 0px #35bd6459;

    --tw-danger-box-shadow: 0px 4px 12px 0px #f1416c59;

    --tw-info-box-shadow: 0px 4px 12px 0px #7239ea59;

    --tw-warning-box-shadow: 0px 4px 12px 0px #f6c00059;

    --tw-dark-box-shadow: 0px 4px 12px 0px #252f4a59;

    --tw-card-background-color: #fff;

    --tw-tooltip-background-color: #0f1014;

    --tw-popover-background-color: #fff;

    --tw-modal-background-color: #fff;

    --tw-drawer-background-color: #fff;

    --tw-dropdown-background-color: #fff;

    --tw-backdrop-background-color: #000c;

    --tw-table-head-background-color: var(--tw-light-active);

    --tw-card-border: 1px solid var(--tw-gray-200);

    --tw-table-border: 1px solid var(--tw-gray-200);

    --tw-dropdown-border: 1px solid var(--tw-gray-200);

    --tw-popover-border: 1px solid var(--tw-gray-200);

    --tw-tooltip-border: 0;

    --tw-card-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-tooltip-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-popover-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-modal-box-shadow: 0px 10px 14px 0px #0f2a5108;

    --tw-drawer-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-dropdown-box-shadow: 0px 7px 18px 0px #00000017;

    --tw-input-box-shadow: 0px 0px 10px 0px #0000001a

}



.dark {

    --tw-gray-100: #121212;

    --tw-gray-200: #1a1a1a;

    --tw-gray-300: #222222;

    --tw-gray-400: #2a2a2a;

    --tw-gray-500: #3a3a3a;

    --tw-gray-600: #4a4a4a;

    --tw-gray-700: #6a6a6a;

    --tw-gray-800: #8a8a8a;

    --tw-gray-900: #f5f5f5;

    --tw-brand: #d74e00;

    --tw-brand-active: #f35700;

    --tw-brand-light: #0f0e0d;

    --tw-brand-clarity: #d74e0033;

    --tw-brand-inverse: #fff;

    --tw-primary: #666666;

    --tw-primary-active: #777777;

    --tw-primary-light: #0f1215;

    --tw-primary-clarity: #66666633;

    --tw-primary-inverse: #fff;

    --tw-success: #00a261;

    --tw-success-active: #01bf73;

    --tw-success-light: #0f1210;

    --tw-success-clarity: #00a26133;

    ;

    --tw-success-inverse: #fff;

    --tw-info: #883fff;

    --tw-info-active: #9e63ff;

    --tw-info-light: #0f0d15;

    --tw-info-clarity: #883fff33;

    --tw-info-inverse: #fff;

    --tw-danger: #e42855;

    --tw-danger-active: #ff3767;

    --tw-danger-light: #120f10;

    --tw-danger-clarity: #e4285533;

    --tw-danger-inverse: #fff;

    --tw-warning: #c59a00;

    --tw-warning-active: #d9aa00;

    --tw-warning-light: #12100f;

    --tw-warning-clarity: #c59a0033;

    --tw-warning-inverse: #fff;

    --tw-dark: #0f0f0f;

    --tw-dark-active: #121212;

    --tw-dark-light: #0a0a0a;

    --tw-dark-clarity: #0f0f0f33;

    --tw-dark-inverse: #fff;

    --tw-light: #0f0f0f;

    --tw-light-active: #121212;

    --tw-light-light: #0f0f0f;

    --tw-light-clarity: #0f0f0f33;

    --tw-light-inverse: #8a8a8a;

    --tw-secondary: #1a1a1a;

    --tw-secondary-active: #222222;

    --tw-secondary-light: #1a1a1a;

    --tw-secondary-clarity: #1a1a1a33;

    --tw-secondary-inverse: #8a8a8a;

    --tw-default-box-shadow: none;

    --tw-light-box-shadow: none;

    --tw-primary-box-shadow: none;

    --tw-success-box-shadow: none;

    --tw-danger-box-shadow: none;

    --tw-info-box-shadow: none;

    --tw-warning-box-shadow: none;

    --tw-dark-box-shadow: none;

    --tw-card-background-color: #09090B;

    --tw-tooltip-background-color: #09090B;

    --tw-popover-background-color: #09090B;

    --tw-modal-background-color: #09090B;

    --tw-drawer-background-color: #080808;

    --tw-dropdown-background-color: #09090B;

    --tw-backdrop-background-color: #000c;

    --tw-table-head-background-color: #0a0a0a;

    --tw-card-border: 1px solid #151515;

    --tw-table-border: 1px solid #151515;

    --tw-dropdown-border: 1px solid #151515;

    --tw-tooltip-border: 1px solid #151515;

    --tw-popover-border: 1px solid #151515;

    --tw-card-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-tooltip-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-popover-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-modal-box-shadow: 0px 10px 14px 0px #0f2a5108;

    --tw-drawer-box-shadow: 0px 3px 4px 0px #00000008;

    --tw-dropdown-box-shadow: 0px 7px 18px 0px #00000017;

    --tw-input-box-shadow: 0px 0px 10px 0px #0000001a

}



*,

::backdrop,

:after,

:before {

    --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: #3b82f680;

    --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% !important

}



.container {

    width: 100%

}



@media (min-width:640px) {

    .\!container {

        max-width: 640px !important

    }



    .container {

        max-width: 640px

    }

}



@media (min-width:768px) {

    .\!container {

        max-width: 768px !important

    }



    .container {

        max-width: 768px

    }

}



@media (min-width:1024px) {

    .\!container {

        max-width: 1024px !important

    }



    .container {

        max-width: 1024px

    }

}



@media (min-width:1280px) {

    .\!container {

        max-width: 1280px !important

    }



    .container {

        max-width: 1280px

    }

}



@media (min-width:1536px) {

    .\!container {

        max-width: 1536px !important

    }



    .container {

        max-width: 1536px

    }

}



.\!menu {

    display: flex !important

}

.link {

    color: var(--tw-primary)

}



.link:hover {

    color: var(--tw-primary-active)

}



.form-label {

    display: flex;

    width: 100%

}



.form-info,

.form-label {

    color: var(--tw-gray-700);

    font-weight: 500;

    font-size: .8125rem;

    line-height: 1.125rem

}



.form-hint {

    color: var(--tw-gray-600);

    font-weight: 500;

    font-size: .75rem;

    line-height: 1rem

}

.dropdown {

    display: flex

}



.dropdown-content {

    display: none;

    align-items: stretch;

    flex-direction: column;

    border: var(--tw-dropdown-border);

    box-shadow: var(--tw-dropdown-box-shadow);

    background-color: var(--tw-dropdown-background-color);

    border-radius: .75rem

}



.dropdown-content.open[data-popper-placement],

.open.dropdown>.dropdown-content {

    will-change: transform

}



.accordion-item {

    display: flex;

    flex-direction: column

}



.accordion-toggle {

    display: flex;

    flex-grow: 1;

    align-items: center;

    justify-content: space-between

}



.accordion-content {

    transition: height .3s ease;

    overflow: hidden

}



.accordion.active .accordion-content {

    display: block;

    transition: height .3s ease

}



.\!input {

    display: block !important;

    width: 100% !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    appearance: none !important;

    box-shadow: none !important;

    outline: none !important;

    font-weight: 500 !important;

    font-size: .8125rem !important;

    line-height: 1 !important;

    background-color: var(--tw-light-active) !important;

    border-radius: .375rem !important;

    height: 2.5rem !important;

    padding-left: .75rem !important;

    padding-right: .75rem !important;

    border: 1px solid var(--tw-gray-300) !important;

    color: var(--tw-gray-700) !important

}



.input {

    display: block;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    box-shadow: none;

    outline: none;

    font-weight: 500;

    font-size: .8125rem;

    line-height: 1;

    background-color: var(--tw-light-active);

    border-radius: .375rem;

    height: 2.5rem;

    padding-left: .75rem;

    padding-right: .75rem;

    border: 1px solid var(--tw-gray-300);

    color: var(--tw-gray-700)

}



.input input::-moz-placeholder,

.input::-moz-placeholder {

    color: var(--tw-gray-500)

}



.input input::placeholder,

.input::placeholder {

    color: var(--tw-gray-500)

}



.\!input input::-moz-placeholder,

.\!input::-moz-placeholder {

    color: var(--tw-gray-500) !important

}



.\!input input::placeholder,

.\!input::placeholder {

    color: var(--tw-gray-500) !important

}



.\!input:hover {

    border-color: var(--tw-gray-400) !important

}



.input:hover {

    border-color: var(--tw-gray-400)

}



.input:focus,

.input:has(input:focus) {

    border-color: var(--tw-primary);

    box-shadow: var(--tw-input-focus-box-shadow);

    color: var(--tw-gray-700)

}



.\!input:focus,

.\!input:has(input:focus) {

    border-color: var(--tw-primary) !important;

    box-shadow: var(--tw-input-focus-box-shadow) !important;

    color: var(--tw-gray-700) !important

}



.input:focus input::-moz-placeholder,

.input:focus::-moz-placeholder,

.input:has(input:focus) input::-moz-placeholder,

.input:has(input:focus)::-moz-placeholder {

    color: var(--tw-gray-600)

}



.input:focus input::placeholder,

.input:focus::placeholder,

.input:has(input:focus) input::placeholder,

.input:has(input:focus)::placeholder {

    color: var(--tw-gray-600)

}



.\!input:focus input::-moz-placeholder,

.\!input:focus::-moz-placeholder,

.\!input:has(input:focus) input::-moz-placeholder,

.\!input:has(input:focus)::-moz-placeholder {

    color: var(--tw-gray-600) !important

}



.\!input:focus input::placeholder,

.\!input:focus::placeholder,

.\!input:has(input:focus) input::placeholder,

.\!input:has(input:focus)::placeholder {

    color: var(--tw-gray-600) !important

}



.input:active,

.input:has(input:active) {

    color: var(--tw-gray-700)

}



.\!input:active,

.\!input:has(input:active) {

    color: var(--tw-gray-700) !important

}



.input:active input::-moz-placeholder,

.input:active::-moz-placeholder,

.input:has(input:active) input::-moz-placeholder,

.input:has(input:active)::-moz-placeholder {

    color: var(--tw-gray-600)

}



.input:active input::placeholder,

.input:active::placeholder,

.input:has(input:active) input::placeholder,

.input:has(input:active)::placeholder {

    color: var(--tw-gray-600)

}



.\!input:active input::-moz-placeholder,

.\!input:active::-moz-placeholder,

.\!input:has(input:active) input::-moz-placeholder,

.\!input:has(input:active)::-moz-placeholder {

    color: var(--tw-gray-600) !important

}



.\!input:active input::placeholder,

.\!input:active::placeholder,

.\!input:has(input:active) input::placeholder,

.\!input:has(input:active)::placeholder {

    color: var(--tw-gray-600) !important

}



.input:active,

.input:has(input:active) {

    box-shadow: none

}



.\!input:active,

.\!input:has(input:active) {

    box-shadow: none !important

}



.input:disabled,

.input:has(input:disabled) {

    background-color: var(--tw-gray-100);

    color: var(--tw-gray-400)

}



.\!input:disabled,

.\!input:has(input:disabled) {

    background-color: var(--tw-gray-100) !important;

    color: var(--tw-gray-400) !important

}



.input:disabled input::-moz-placeholder,

.input:disabled::-moz-placeholder,

.input:has(input:disabled) input::-moz-placeholder,

.input:has(input:disabled)::-moz-placeholder {

    color: var(--tw-gray-300)

}



.input:disabled input::placeholder,

.input:disabled::placeholder,

.input:has(input:disabled) input::placeholder,

.input:has(input:disabled)::placeholder {

    color: var(--tw-gray-300)

}



.\!input:disabled input::-moz-placeholder,

.\!input:disabled::-moz-placeholder,

.\!input:has(input:disabled) input::-moz-placeholder,

.\!input:has(input:disabled)::-moz-placeholder {

    color: var(--tw-gray-300) !important

}



.\!input:disabled input::placeholder,

.\!input:disabled::placeholder,

.\!input:has(input:disabled) input::placeholder,

.\!input:has(input:disabled)::placeholder {

    color: var(--tw-gray-300) !important

}



.input-sm {

    font-weight: 500;

    font-size: .75rem;

    height: 2rem;

    padding-left: .625rem;

    padding-right: .625rem

}



.input-lg {

    font-weight: 500;

    font-size: .875rem;

    height: 3rem

}



.\!input:not(input) {

    display: flex !important;

    gap: .375rem !important;

    align-items: center !important;

    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    appearance: none !important;

    box-shadow: none !important;

    outline: none !important;

    color: var(--tw-gray-600) !important

}



.input:not(input) {

    display: flex;

    gap: .375rem;

    align-items: center;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    box-shadow: none;

    outline: none;

    color: var(--tw-gray-600)

}



.\!input:not(input) input {

    flex-grow: 1 !important;

    background-color: initial !important;

    border-color: #0000 !important;

    color: inherit !important;

    outline: none !important;

    font-size: inherit !important;

    font-weight: inherit !important

}



.input:not(input) input {

    flex-grow: 1;

    background-color: initial;

    border-color: #0000;

    color: inherit;

    outline: none;

    font-size: inherit;

    font-weight: inherit

}



.\!input:not(input) i {

    font-size: 1.125rem !important

}



.input:not(input) i {

    font-size: 1.125rem

}



.\!input:not(input) .btn-icon {

    border: 0 !important;

    height: auto !important;

    width: auto !important

}



.input:not(input) .btn-icon {

    border: 0;

    height: auto;

    width: auto

}



.input:not(input) .btn-icon.active i,

.input:not(input) .btn-icon:active i,

.input:not(input) .btn-icon:focus i,

.input:not(input) .btn-icon:hover i {

    color: var(--tw-gray-800)

}



.\!input:not(input) .btn-icon.active i,

.\!input:not(input) .btn-icon:active i,

.\!input:not(input) .btn-icon:focus i,

.\!input:not(input) .btn-icon:hover i {

    color: var(--tw-gray-800) !important

}



.\!input:not(input).input-xs i {

    font-size: .75rem !important

}



.input:not(input).input-xs i {

    font-size: .75rem

}



.\!input:not(input).input-sm i {

    font-size: .875rem !important

}



.input:not(input).input-sm i {

    font-size: .875rem

}



.\!input:not(input).input-lg i {

    font-size: 1.25rem !important

}



.input:not(input).input-lg i {

    font-size: 1.25rem

}



.input-group {

    display: flex;

    align-items: stretch

}



.input-group .btn {

    flex-shrink: 0

}



.input-group .input {

    flex-grow: 1

}



.input-group .\!input {

    flex-grow: 1 !important

}



.input-group .input~.btn,

.input-group .input~.dropdown>.btn {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.input-group .\!input~.btn,

.input-group .\!input~.dropdown>.btn {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important

}



.input-group .input+.btn,

.input-group .input+.dropdown>.btn {

    border-left: 0

}



.input-group .\!input+.btn,

.input-group .\!input+.dropdown>.btn {

    border-left: 0 !important

}



.input-group .btn~.btn,

.input-group .btn~.input,

.input-group .input~.input {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0

}



.input-group .\!input~.\!input,

.input-group .btn~.\!input {

    border-top-left-radius: 0 !important;

    border-bottom-left-radius: 0 !important

}



.input-group .input:has(~.btn),

.input-group .input:has(~.dropdown>.btn),

.input-group .input:has(~.input) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.input-group .\!input:has(~.\!input),

.input-group .\!input:has(~.btn),

.input-group .\!input:has(~.dropdown>.btn) {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important

}



.input-group .btn:has(~.input, ~.btn),

.input-group .input:has(~.input) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-right: 0

}



.input-group .\!input:has(~.\!input),

.input-group .btn:has(~.\!input, ~.btn) {

    border-top-right-radius: 0 !important;

    border-bottom-right-radius: 0 !important;

    border-right: 0 !important

}



.select {

    display: block;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    box-shadow: none;

    outline: none;

    background-repeat: no-repeat;

    background-position: right .675rem center;

    background-size: 14px 11px;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2378829D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")

}



.dark .select {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23808290' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E")

}



.select[multiple],

.select[size]:not([size="1"]) {

    padding-right: 1rem;

    background-image: none

}



.select:-moz-focusring {

    color: #0000;

    text-shadow: none

}



.select {

    font-weight: 500;

    font-size: .8125rem;

    line-height: 1;

    background-color: var(--tw-light-active);

    border-radius: .375rem;

    height: 2.5rem;

    padding-left: .75rem;

    padding-right: .75rem;

    border: 1px solid var(--tw-gray-300);

    color: var(--tw-gray-700)

}



.select:hover {

    border-color: var(--tw-gray-400)

}



.select:focus {

    border-color: var(--tw-primary);

    box-shadow: var(--tw-input-focus-box-shadow);

    color: var(--tw-gray-700)

}



.select:focus::-moz-placeholder {

    color: var(--tw-gray-600)

}



.select:focus::placeholder {

    color: var(--tw-gray-600)

}



.select:active {

    color: var(--tw-gray-700)

}



.select:active::-moz-placeholder {

    color: var(--tw-gray-600)

}



.select:active::placeholder {

    color: var(--tw-gray-600)

}



.select:active {

    box-shadow: none

}



.select:disabled {

    background-color: var(--tw-gray-100);

    color: var(--tw-gray-400)

}



.select:disabled::-moz-placeholder {

    color: var(--tw-gray-300)

}



.select:disabled::placeholder {

    color: var(--tw-gray-300)

}



.select-sm {

    font-size: .75rem;

    height: 2rem;

    padding-left: .625rem;

    padding-right: .625rem;

    background-size: 14px 10px;

    background-position: right .55rem center

}



.select-sm,

.textarea {

    font-weight: 500

}



.textarea {

    display: block;

    width: 100%;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    box-shadow: none;

    outline: none;

    font-size: .8125rem;

    background-color: var(--tw-light-active);

    border-radius: .375rem;

    padding: .55rem .75rem;

    border: 1px solid var(--tw-gray-300);

    color: var(--tw-gray-700)

}



.textarea::-moz-placeholder {

    color: var(--tw-gray-500)

}



.textarea::placeholder {

    color: var(--tw-gray-500)

}



.textarea:hover {

    border-color: var(--tw-gray-400)

}



.textarea:focus {

    border-color: var(--tw-primary);

    box-shadow: var(--tw-form-input-focus-box-shadow);

    color: var(--tw-gray-700)

}



.textarea:focus::-moz-placeholder {

    color: var(--tw-gray-600)

}



.textarea:focus::placeholder {

    color: var(--tw-gray-600)

}



.textarea:active {

    color: var(--tw-gray-700)

}



.textarea:active::-moz-placeholder {

    color: var(--tw-gray-600)

}



.textarea:active::placeholder {

    color: var(--tw-gray-600)

}



.textarea:active {

    box-shadow: none

}



.textarea[disabled] {

    background-color: var(--tw-gray-100);

    color: var(--tw-gray-400)

}



.textarea[disabled]::-moz-placeholder {

    color: var(--tw-gray-300)

}



.textarea[disabled]::placeholder {

    color: var(--tw-gray-300)

}



.textarea[readonly] {

    background-color: var(--tw-gray-100);

    color: var(--tw-gray-400)

}



.textarea[readonly]::-moz-placeholder {

    color: var(--tw-gray-300)

}



.textarea[readonly]::placeholder {

    color: var(--tw-gray-300)

}



.switch {

    align-items: center;

    gap: .625rem

}



.switch,

.switch input[type=checkbox] {

    display: flex;

    cursor: pointer

}



.switch input[type=checkbox] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: var(--tw-gray-300);

    position: relative;

    flex-shrink: 0;

    height: 1.375rem;

    width: 2.125rem;

    border-radius: 1.375rem;

    transition: all .15s ease-in-out

}



.switch input[type=checkbox]:before {

    display: flex;

    position: absolute;

    content: "";

    height: 1rem;

    width: 1rem;

    border-radius: 100%;

    background-color: var(--tw-light);

    left: .25rem;

    top: 50%;

    transform: translateY(-50%);

    filter: drop-shadow(0 3px 4px rgba(0, 0, 0, .03));

    transition: all .15s ease-in-out

}



.switch input[type=checkbox]:checked,

.switch input[type=checkbox][aria-checked=true] {

    background-color: var(--tw-primary);

    transition: all .15s ease-in-out

}



.switch input[type=checkbox]:checked:before,

.switch input[type=checkbox][aria-checked=true]:before {

    background-color: #fff;

    transition: all .15s ease-in-out;

    left: calc(100% - .25rem);

    transform: translate(-100%, -50%);

    filter: none

}



.switch input[type=checkbox]:disabled {

    background-color: var(--tw-gray-100);

    border: 1px solid var(--tw-gray-300);

    cursor: not-allowed;

    opacity: .5

}



.switch input[type=checkbox]:disabled:before {

    background-color: var(--tw-gray-300)

}



.switch input[type=checkbox]:disabled:checked,

.switch input[type=checkbox]:disabled[aria-checked=true] {

    background-color: var(--tw-primary-clarity);

    border: 0

}



.switch input[type=checkbox]:disabled:checked:before,

.switch input[type=checkbox]:disabled[aria-checked=true]:before {

    background-color: var(--tw-light)

}



.switch .switch-label {

    color: var(--tw-gray-700);

    font-size: .875rem;

    font-weight: 500;

    line-height: 1rem

}



.switch input[type=checkbox]+.switch-label {

    color: var(--tw-gray-800)

}



.switch:has(input[type=checkbox]:disabled) .switch-label {

    color: var(--tw-gray-500)

}



.switch-sm input[type=checkbox] {

    height: 1.125rem;

    width: 1.875rem;

    border-radius: 1.125rem

}



.switch-sm input[type=checkbox]:before {

    height: .75rem;

    width: .75rem

}



.switch-sm .switch-label {

    font-size: .8125rem

}



.switch-lg .switch-label {

    font-size: .9375rem

}



.checkbox[type=checkbox] {

    flex-shrink: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    box-shadow: none;

    background-color: var(--tw-light-light);

    border-radius: .375rem;

    height: 1.375rem;

    width: 1.375rem;

    border: 1px solid var(--tw-gray-300);

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: auto

}



.checkbox[type=checkbox]:checked,

.checkbox[type=checkbox][aria-checked=true] {

    background-color: var(--tw-primary);

    border: 1px solid var(--tw-primary);

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath fill='%23fff' d='M10.367.542 4.8 6.108 1.567 2.875a.833.833 0 0 0-1.175 0 .833.833 0 0 0 0 1.175l3.825 3.825a.833.833 0 0 0 1.175 0l6.15-6.15A.833.833 0 1 0 10.367.542Z'/%3E%3C/svg%3E")

}



.checkbox[type=checkbox]:indeterminate {

    background-color: var(--tw-primary);

    border: 1px solid var(--tw-primary);

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")

}



.checkbox[type=checkbox]:focus {

    border-color: var(--tw-primary);

    box-shadow: var(--tw-input-focus-box-shadow);

    color: var(--tw-gray-700)

}



.checkbox[type=checkbox]:focus::-moz-placeholder {

    color: var(--tw-gray-600)

}



.checkbox[type=checkbox]:focus::placeholder {

    color: var(--tw-gray-600)

}



.checkbox[type=checkbox]:active {

    color: var(--tw-gray-700)

}



.checkbox[type=checkbox]:active::-moz-placeholder {

    color: var(--tw-gray-600)

}



.checkbox[type=checkbox]:active::placeholder {

    color: var(--tw-gray-600)

}



.checkbox[type=checkbox]:active {

    box-shadow: none

}



.checkbox[type=checkbox]:disabled {

    cursor: not-allowed;

    background-color: var(--tw-gray-200);

    border: 1px solid var(--tw-gray-300)

}



.checkbox[type=checkbox]:disabled:indeterminate {

    background-color: var(--tw-primary-clarity);

    border: 0;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E")

}



.checkbox[type=checkbox]:disabled:checked,

.checkbox[type=checkbox]:disabled[aria-checked=true] {

    background-color: var(--tw-primary-clarity);

    border: 0;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='9' fill='none'%3E%3Cpath fill='%23fff' d='M10.367.542 4.8 6.108 1.567 2.875a.833.833 0 0 0-1.175 0 .833.833 0 0 0 0 1.175l3.825 3.825a.833.833 0 0 0 1.175 0l6.15-6.15A.833.833 0 1 0 10.367.542Z'/%3E%3C/svg%3E")

}



.checkbox-sm[type=checkbox] {

    border-radius: .25rem;

    height: 1.125rem;

    width: 1.125rem

}



.checkbox-sm[type=checkbox]:checked,

.checkbox-sm[type=checkbox][aria-checked=true] {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' fill='none'%3E%3Cpath fill='%23fff' d='M8.493.233 4.04 4.687 1.453 2.1a.667.667 0 0 0-.94 0 .667.667 0 0 0 0 .94l3.06 3.06a.667.667 0 0 0 .94 0l4.92-4.92a.667.667 0 1 0-.94-.947Z'/%3E%3C/svg%3E")

}



.checkbox-sm[type=checkbox]:indeterminate {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2' fill='none'%3E%3Cpath fill='%23fff' d='M9.046.293 1.04.333a.667.667 0 0 0 0 1.334l8-.04a.667.667 0 1 0 0-1.334h.006Z'/%3E%3C/svg%3E")

}



.checkbox-group {

    display: flex;

    align-items: center;

    gap: .4rem

}



.checkbox-label {

    color: var(--tw-gray-800);

    font-weight: 500;

    font-size: .8125rem;

    line-height: 1.125rem

}



.radio[type=radio] {

    flex-shrink: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    box-shadow: none;

    background-color: var(--tw-light-light);

    border-radius: 50%;

    height: 1.375rem;

    width: 1.375rem;

    border: 1px solid var(--tw-gray-300);

    background-repeat: no-repeat;

    background-size: contain;

    background-position: 50%

}



.radio[type=radio]:checked,

.radio[type=radio][aria-checked=true] {

    background-color: var(--tw-primary);

    border: 1px solid var(--tw-primary);

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none'%3E%3Ccircle cx='10.999' cy='11' r='5.867' fill='%23fff'/%3E%3C/svg%3E")

}



.radio[type=radio]:focus {

    border-color: var(--tw-primary);

    box-shadow: var(--tw-input-focus-box-shadow);

    color: var(--tw-gray-700)

}



.radio[type=radio]:focus::-moz-placeholder {

    color: var(--tw-gray-600)

}



.radio[type=radio]:focus::placeholder {

    color: var(--tw-gray-600)

}



.radio[type=radio]:active {

    color: var(--tw-gray-700)

}



.radio[type=radio]:active::-moz-placeholder {

    color: var(--tw-gray-600)

}



.radio[type=radio]:active::placeholder {

    color: var(--tw-gray-600)

}



.radio[type=radio]:active {

    box-shadow: none

}



.radio[type=radio]:disabled {

    cursor: not-allowed;

    background-color: var(--tw-gray-200);

    border: 1px solid var(--tw-gray-300)

}



.radio[type=radio]:disabled:checked,

.radio[type=radio]:disabled[aria-checked=true] {

    background-color: var(--tw-primary-clarity);

    border: 0

}



.radio-sm[type=radio] {

    height: 1.125rem;

    width: 1.125rem

}



.radio-sm[type=radio]:checked,

.radio-sm[type=radio][aria-checked=true] {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Ccircle cx='9' cy='9' r='4.8' fill='%23fff'/%3E%3C/svg%3E")

}



.radio-group {

    display: flex;

    align-items: center;

    gap: .4rem

}



.radio-label {

    color: var(--tw-gray-800);

    font-weight: 500;

    font-size: .8125rem;

    line-height: 1.125rem

}



.range {

    width: 100%;

    height: .5rem;

    padding: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.range:focus {

    outline: 0

}



.range::-moz-focus-outer {

    border: 0

}



.range::-webkit-slider-thumb {

    width: 1.625rem;

    height: 1.625rem;

    margin-top: -.563rem;

    box-shadow: var(--tw-default-box-shadow);

    -webkit-appearance: none;

    appearance: none;

    border: 1px solid var(--tw-gray-200);

    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    border-radius: 50%

}



.range::-webkit-slider-thumb,

.range::-webkit-slider-thumb:active {

    background-color: var(--tw-light)

}



.range::-moz-range-thumb {

    width: 1.625rem;

    height: 1.625rem;

    margin-top: -.563rem;

    box-shadow: var(--tw-default-box-shadow);

    -moz-appearance: none;

    appearance: none;

    border: 1px solid var(--tw-gray-200);

    -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

    border-radius: 50%

}



.range::-moz-range-thumb,

.range::-moz-range-thumb:active {

    background-color: var(--tw-light)

}



.range::-moz-range-track {

    width: 100%;

    height: .5rem;

    color: #0000;

    cursor: pointer;

    background-color: var(--tw-gray-200);

    border-color: #0000;

    border-radius: .188rem

}



.range::-webkit-slider-runnable-track {

    width: 100%;

    height: .5rem;

    color: #0000;

    cursor: pointer;

    background-color: var(--tw-gray-200);

    border-color: #0000;

    border-radius: .188rem

}



.range:disabled {

    pointer-events: none

}



.range:disabled::-webkit-slider-thumb {

    background-color: var(--tw-gray-100)

}



.range:disabled::-moz-range-thumb {

    background-color: var(--tw-gray-100)

}



.container-fixed {

    flex-grow: 1;

    padding-left: 1.5rem;

    padding-right: 1.5rem

}



@media (min-width:1280px) {

    .container-fixed {

        margin-left: auto;

        margin-right: auto;

        padding-left: 2.5rem;

        padding-right: 2.5rem;

        max-width: 1280px

    }

}



.image-input {

    display: inline-flex;

    position: relative;

    align-items: stretch;

    justify-content: center

}



.image-input input[type=file] {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    position: absolute;

    width: 0 !important;

    height: 0 !important;

    overflow: hidden;

    opacity: 0

}



.image-input .image-input-preview {

    cursor: pointer

}



.image-input .image-input-placeholder,

.image-input .image-input-preview {

    position: relative;

    overflow: hidden;

    width: 100%;

    height: 100%;

    background-size: cover;

    background-repeat: no-repeat

}



.\!modal {

    width: 100% !important;

    display: none !important;

    opacity: 0 !important;

    position: fixed !important;

    overflow: auto !important;

    inset: 0 !important;

    padding: 1.25rem !important;

    transition: opacity .3s ease !important

}



.modal {

    width: 100%;

    display: none;

    opacity: 0;

    position: fixed;

    overflow: auto;

    inset: 0;

    padding: 1.25rem;

    transition: opacity .3s ease

}



.\!modal.open {

    opacity: 1 !important;

    transition: opacity .3s ease !important

}



.modal.open {

    opacity: 1;

    transition: opacity .3s ease

}



.modal-content {

    position: relative;

    margin-left: auto;

    margin-right: auto;

    border-radius: .75rem;

    box-shadow: var(--tw-modal-box-shadow);

    background-color: var(--tw-modal-background-color);

    display: flex;

    flex-direction: column

}



.modal-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-bottom: 1px solid var(--tw-gray-200);

    padding: .625rem 1.25rem

}



.modal-title {

    font-size: .875rem;

    line-height: 1.25rem;

    font-weight: 600;

    color: var(--tw-gray-900)

}



.modal-body {

    padding: .625rem 1.25rem

}



.modal-table .table td:first-child,

.modal-table .table th:first-child {

    padding-left: 1.25rem

}



.modal-table .table td:last-child,

.modal-table .table th:last-child {

    padding-right: 1.25rem

}



.modal-backdrop {

    position: fixed;

    inset: 0;

    background-color: var(--tw-backdrop-background-color)

}



.modal-center {

    left: 50%;

    top: 50%;

    margin-left: 0;

    margin-right: 0;

    transform: translate(-50%, -50%)

}



.modal-rounded-t {

    border-top-left-radius: .75rem;

    border-top-right-radius: .75rem

}



.\!drawer {

    transition: transform .3s ease !important;

    position: fixed !important;

    background-color: var(--tw-drawer-background-color) !important

}



.drawer {

    transition: transform .3s ease;

    position: fixed;

    background-color: var(--tw-drawer-background-color)

}



.\!drawer.open {

    box-shadow: var(--tw-drawer-box-shadow) !important;

    transition: transform .3s ease !important

}



.drawer.open {

    box-shadow: var(--tw-drawer-box-shadow);

    transition: transform .3s ease

}



.drawer-start {

    top: 0;

    bottom: 0;

    left: 0;

    right: auto;

    transform: translateX(-100%)

}



.drawer-start.drawer.open {

    transform: translateX(0)

}



.drawer-end.\!drawer.open,

.drawer-start.\!drawer.open {

    transform: translateX(0) !important

}



.drawer-end.drawer.open {

    transform: translateX(0)

}



.drawer-top.\!drawer.open {

    transform: translateY(0) !important

}



.drawer-top.drawer.open {

    transform: translateY(0)

}



.drawer-bottom.\!drawer.open {

    transform: translateY(0) !important

}



.drawer-bottom.drawer.open {

    transform: translateY(0)

}



.drawer-backdrop {

    position: fixed;

    inset: 0;

    background-color: var(--tw-backdrop-background-color)

}



.\!tooltip {

    display: none !important;

    color: #fff !important;

    box-shadow: var(--tw-tooltip-box-shadow) !important;

    background-color: var(--tw-tooltip-background-color) !important;

    border: var(--tw-tooltip-border) !important;

    border-radius: .5rem !important;

    padding: .375rem .6rem !important;

    font-size: .75rem !important;

    font-weight: 400 !important;

    line-height: 1rem !important

}



.tooltip {

    display: none;

    color: #fff;

    box-shadow: var(--tw-tooltip-box-shadow);

    background-color: var(--tw-tooltip-background-color);

    border: var(--tw-tooltip-border);

    border-radius: .5rem;

    padding: .375rem .6rem;

    font-size: .75rem;

    font-weight: 400;

    line-height: 1rem

}



.\!tooltip.show {

    display: block !important

}



.tooltip.show {

    display: block

}



.popover {

    display: none;

    box-shadow: var(--tw-popover-box-shadow);

    background-color: var(--tw-popover-background-color);

    border-radius: .5rem;

    border: var(--tw-popover-border)

}



.popover.show {

    display: block

}



.btn {

    display: inline-flex;

    align-items: center;

    cursor: pointer;

    line-height: 1;

    border-radius: .375rem;

    height: 2.5rem;

    padding-left: 1rem;

    padding-right: 1rem;

    gap: .375rem;

    border: 1px solid #0000;

    font-weight: 500;

    font-size: .8125rem;

    outline: none

}



.btn-icon i {

    line-height: 0 !important

}



.btn-xs {

    height: 1.75rem;

    padding-left: .5rem;

    padding-right: .5rem;

    font-weight: 500;

    font-size: .6875rem;

    gap: .25rem

}



.btn-xs.btn-icon {

    width: 1.75rem

}



.btn-sm {

    height: 2rem;

    padding-left: .75rem;

    padding-right: .75rem;

    font-weight: 500;

    font-size: .75rem;

    gap: .275rem

}



.btn-sm.btn-icon {

    width: 2rem

}



.btn-lg.btn-icon {

    width: 3rem

}



.btn.disabled,

.btn[disabled] {

    opacity: .5;

    pointer-events: none

}



.btn-icon {

    justify-content: center;

    flex-shrink: 0;

    padding: 0;

    gap: 0;

    width: 2.5rem

}



.btn-icon.btn-xs {

    width: 1.75rem

}



.btn-icon.btn-sm {

    width: 2rem

}



.btn-icon.btn-lg {

    width: 3rem

}



.btn i {

    font-size: 1.125rem;

    line-height: 0 !important

}



.btn-icon i {

    font-size: 1.5rem

}



.btn-xs i {

    font-size: .75rem

}



.btn-xs.btn-icon i {

    font-size: 1rem

}



.btn-sm i {

    font-size: .875rem

}



.btn-sm.btn-icon i {

    font-size: 1.125rem

}



.btn-lg.btn-icon i {

    font-size: 1.75rem

}



.btn-icon-xs i {

    font-size: .75rem

}



.btn-icon-md i {

    font-size: .9375rem

}



.btn-icon-lg i {

    font-size: 1.125rem

}



.btn.btn-icon-sm i {

    font-size: .875rem

}



.btn.btn-icon-md i {

    font-size: .9375rem

}



.btn.btn-icon-lg i {

    font-size: 1.125rem

}



.btn.btn-icon-xl i {

    font-size: 1.25rem

}



.btn.btn-icon-2xl i {

    font-size: 1.5rem

}



.btn-link {

    color: var(--tw-primary);

    font-size: .8125rem;

    height: auto;

    padding-bottom: .25em;

    padding-left: 0;

    padding-right: 0;

    border-radius: 0;

    font-weight: 600;

    background-color: initial;

    border-bottom: 1px dashed var(--tw-primary)

}



.btn-link.active,

.btn-link:active,

.btn-link:focus,

.btn-link:hover {

    background-color: initial;

    border-bottom: 1px dashed var(--tw-primary-active);

    color: var(--tw-primary-active)

}



.btn-link.btn-sm {

    font-size: .75rem

}



.btn-link.btn-lg {

    font-size: .875rem

}



.btn-tabs {

    display: inline-flex;

    align-items: center;

    line-height: 1;

    background-color: var(--tw-gray-100);

    border: 1px solid var(--tw-gray-200)

}



.btn-tabs .btn {

    color: var(--tw-gray-700)

}



.btn-tabs .btn i {

    color: var(--tw-gray-400)

}



.btn-tabs .btn.active,

.btn-tabs .btn:active,

.btn-tabs .btn:focus,

.btn-tabs .btn:hover {

    background-color: var(--tw-light);

    border: 1px solid var(--tw-gray-200);

    color: var(--tw-gray-900);

    box-shadow: var(--tw-light-box-shadow)

}



.btn-tabs .btn.active i,

.btn-tabs .btn:active i,

.btn-tabs .btn:focus i,

.btn-tabs .btn:hover i {

    color: var(--tw-gray-500)

}



.btn-tabs {

    border-radius: .375rem;

    height: 2.5rem;

    padding: .25rem;

    gap: .25rem

}



.btn-tabs .btn i {

    font-size: 1.125rem

}



.btn-tabs .btn {

    height: 2rem

}



.btn-tabs .btn.btn-icon {

    width: 2rem

}



.btn-tabs.btn-tabs-sm {

    height: 2rem;

    padding: .188rem;

    gap: .188rem

}



.btn-tabs.btn-tabs-sm .btn i {

    font-size: .875rem

}



.btn-tabs.btn-tabs-sm .btn {

    height: 1.624rem

}



.btn-tabs.btn-tabs-sm .btn.btn-icon {

    width: 1.624rem

}



.btn-tabs.btn-tabs-lg {

    height: 3rem;

    padding: .313rem;

    gap: .313rem

}



.btn-tabs.btn-tabs-lg .btn i {

    font-size: 1.25rem

}



.btn-tabs.btn-tabs-lg .btn {

    height: 2.374rem

}



.btn-tabs.btn-tabs-lg .btn.btn-icon {

    width: 2.374rem

}



.btn-primary {

    color: #fff;

    background-color: var(--tw-primary)

}



.btn-primary.active,

.btn-primary:active,

.btn-primary:focus,

.btn-primary:hover {

    background-color: var(--tw-primary-active);

    box-shadow: var(--tw-primary-box-shadow)

}



.btn-outline.btn-primary {

    color: var(--tw-primary);

    background-color: var(--tw-primary-light);

    border-color: var(--tw-primary-clarity)

}



.btn-outline.btn-primary i {

    color: var(--tw-primary)

}



.btn-outline.btn-primary.active,

.btn-outline.btn-primary:active,

.btn-outline.btn-primary:focus,

.btn-outline.btn-primary:hover {

    color: var(--tw-primary-inverse);

    background-color: var(--tw-primary);

    border-color: var(--tw-primary);

    box-shadow: none

}



.btn-outline.btn-primary.active i,

.btn-outline.btn-primary:active i,

.btn-outline.btn-primary:focus i,

.btn-outline.btn-primary:hover i {

    color: var(--tw-primary-inverse)

}



.btn-clear.btn-primary {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-primary)

}



.btn-clear.btn-primary.active,

.btn-clear.btn-primary:active,

.btn-clear.btn-primary:focus,

.btn-clear.btn-primary:hover {

    color: var(--tw-primary-inverse);

    background-color: var(--tw-primary);

    border-color: var(--tw-primary);

    box-shadow: none

}



.btn-clear.btn-primary.active i,

.btn-clear.btn-primary:active i,

.btn-clear.btn-primary:focus i,

.btn-clear.btn-primary:hover i {

    color: var(--tw-primary-inverse)

}



.btn-subtle.btn-primary {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-primary)

}



.btn-subtle.btn-primary i {

    color: var(--tw-primary)

}



.btn-subtle.btn-primary.active,

.btn-subtle.btn-primary:active,

.btn-subtle.btn-primary:focus,

.btn-subtle.btn-primary:hover {

    color: var(--tw-primary);

    background-color: var(--tw-primary-light);

    border-color: var(--tw-primary-light);

    box-shadow: none

}



.btn-subtle.btn-primary.active i,

.btn-subtle.btn-primary:active i,

.btn-subtle.btn-primary:focus i,

.btn-subtle.btn-primary:hover i {

    color: var(--tw-primary)

}



.btn-success {

    color: #fff;

    background-color: var(--tw-success)

}



.btn-success.active,

.btn-success:active,

.btn-success:focus,

.btn-success:hover {

    background-color: var(--tw-success-active);

    box-shadow: var(--tw-success-box-shadow)

}



.btn-outline.btn-success {

    color: var(--tw-success);

    background-color: var(--tw-success-light);

    border-color: var(--tw-success-clarity)

}



.btn-outline.btn-success i {

    color: var(--tw-success)

}



.btn-outline.btn-success.active,

.btn-outline.btn-success:active,

.btn-outline.btn-success:focus,

.btn-outline.btn-success:hover {

    color: var(--tw-success-inverse);

    background-color: var(--tw-success);

    border-color: var(--tw-success);

    box-shadow: none

}



.btn-outline.btn-success.active i,

.btn-outline.btn-success:active i,

.btn-outline.btn-success:focus i,

.btn-outline.btn-success:hover i {

    color: var(--tw-success-inverse)

}



.btn-clear.btn-success {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-success)

}



.btn-clear.btn-success.active,

.btn-clear.btn-success:active,

.btn-clear.btn-success:focus,

.btn-clear.btn-success:hover {

    color: var(--tw-success-inverse);

    background-color: var(--tw-success);

    border-color: var(--tw-success);

    box-shadow: none

}



.btn-clear.btn-success.active i,

.btn-clear.btn-success:active i,

.btn-clear.btn-success:focus i,

.btn-clear.btn-success:hover i {

    color: var(--tw-success-inverse)

}



.btn-subtle.btn-success {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-success)

}



.btn-subtle.btn-success i {

    color: var(--tw-success)

}



.btn-subtle.btn-success.active,

.btn-subtle.btn-success:active,

.btn-subtle.btn-success:focus,

.btn-subtle.btn-success:hover {

    color: var(--tw-success);

    background-color: var(--tw-success-light);

    border-color: var(--tw-success-light);

    box-shadow: none

}



.btn-subtle.btn-success.active i,

.btn-subtle.btn-success:active i,

.btn-subtle.btn-success:focus i,

.btn-subtle.btn-success:hover i {

    color: var(--tw-success)

}



.btn-danger {

    color: #fff;

    background-color: var(--tw-danger)

}



.btn-danger.active,

.btn-danger:active,

.btn-danger:focus,

.btn-danger:hover {

    background-color: var(--tw-danger-active);

    box-shadow: var(--tw-danger-box-shadow)

}



.btn-outline.btn-danger {

    color: var(--tw-danger);

    background-color: var(--tw-danger-light);

    border-color: var(--tw-danger-clarity)

}



.btn-outline.btn-danger i {

    color: var(--tw-danger)

}



.btn-outline.btn-danger.active,

.btn-outline.btn-danger:active,

.btn-outline.btn-danger:focus,

.btn-outline.btn-danger:hover {

    color: var(--tw-danger-inverse);

    background-color: var(--tw-danger);

    border-color: var(--tw-danger);

    box-shadow: none

}



.btn-outline.btn-danger.active i,

.btn-outline.btn-danger:active i,

.btn-outline.btn-danger:focus i,

.btn-outline.btn-danger:hover i {

    color: var(--tw-danger-inverse)

}



.btn-clear.btn-danger {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-danger)

}



.btn-clear.btn-danger.active,

.btn-clear.btn-danger:active,

.btn-clear.btn-danger:focus,

.btn-clear.btn-danger:hover {

    color: var(--tw-danger-inverse);

    background-color: var(--tw-danger);

    border-color: var(--tw-danger);

    box-shadow: none

}



.btn-clear.btn-danger.active i,

.btn-clear.btn-danger:active i,

.btn-clear.btn-danger:focus i,

.btn-clear.btn-danger:hover i {

    color: var(--tw-danger-inverse)

}



.btn-subtle.btn-danger {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-danger)

}



.btn-subtle.btn-danger i {

    color: var(--tw-danger)

}



.btn-subtle.btn-danger.active,

.btn-subtle.btn-danger:active,

.btn-subtle.btn-danger:focus,

.btn-subtle.btn-danger:hover {

    color: var(--tw-danger);

    background-color: var(--tw-danger-light);

    border-color: var(--tw-danger-light);

    box-shadow: none

}



.btn-subtle.btn-danger.active i,

.btn-subtle.btn-danger:active i,

.btn-subtle.btn-danger:focus i,

.btn-subtle.btn-danger:hover i {

    color: var(--tw-danger)

}



.btn-warning.active,

.btn-warning:active,

.btn-warning:focus,

.btn-warning:hover {

    background-color: var(--tw-warning-active);

    box-shadow: var(--tw-warning-box-shadow)

}



.btn-outline.btn-warning {

    color: var(--tw-warning);

    background-color: var(--tw-warning-light);

    border-color: var(--tw-warning-clarity)

}



.btn-outline.btn-warning i {

    color: var(--tw-warning)

}



.btn-outline.btn-warning.active,

.btn-outline.btn-warning:active,

.btn-outline.btn-warning:focus,

.btn-outline.btn-warning:hover {

    color: var(--tw-warning-inverse);

    background-color: var(--tw-warning);

    border-color: var(--tw-warning);

    box-shadow: none

}



.btn-outline.btn-warning.active i,

.btn-outline.btn-warning:active i,

.btn-outline.btn-warning:focus i,

.btn-outline.btn-warning:hover i {

    color: var(--tw-warning-inverse)

}



.btn-clear.btn-warning {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-warning)

}



.btn-clear.btn-warning.active,

.btn-clear.btn-warning:active,

.btn-clear.btn-warning:focus,

.btn-clear.btn-warning:hover {

    color: var(--tw-warning-inverse);

    background-color: var(--tw-warning);

    border-color: var(--tw-warning);

    box-shadow: none

}



.btn-clear.btn-warning.active i,

.btn-clear.btn-warning:active i,

.btn-clear.btn-warning:focus i,

.btn-clear.btn-warning:hover i {

    color: var(--tw-warning-inverse)

}



.btn-subtle.btn-warning.active,

.btn-subtle.btn-warning:active,

.btn-subtle.btn-warning:focus,

.btn-subtle.btn-warning:hover {

    color: var(--tw-warning);

    background-color: var(--tw-warning-light);

    border-color: var(--tw-warning-light);

    box-shadow: none

}



.btn-subtle.btn-warning.active i,

.btn-subtle.btn-warning:active i,

.btn-subtle.btn-warning:focus i,

.btn-subtle.btn-warning:hover i {

    color: var(--tw-warning)

}



.btn-info.active,

.btn-info:active,

.btn-info:focus,

.btn-info:hover {

    background-color: var(--tw-info-active);

    box-shadow: var(--tw-info-box-shadow)

}



.btn-outline.btn-info {

    color: var(--tw-info);

    background-color: var(--tw-info-light);

    border-color: var(--tw-info-clarity)

}



.btn-outline.btn-info i {

    color: var(--tw-info)

}



.btn-outline.btn-info.active,

.btn-outline.btn-info:active,

.btn-outline.btn-info:focus,

.btn-outline.btn-info:hover {

    color: var(--tw-info-inverse);

    background-color: var(--tw-info);

    border-color: var(--tw-info);

    box-shadow: none

}



.btn-outline.btn-info.active i,

.btn-outline.btn-info:active i,

.btn-outline.btn-info:focus i,

.btn-outline.btn-info:hover i {

    color: var(--tw-info-inverse)

}



.btn-clear.btn-info {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-info)

}



.btn-clear.btn-info.active,

.btn-clear.btn-info:active,

.btn-clear.btn-info:focus,

.btn-clear.btn-info:hover {

    color: var(--tw-info-inverse);

    background-color: var(--tw-info);

    border-color: var(--tw-info);

    box-shadow: none

}



.btn-clear.btn-info.active i,

.btn-clear.btn-info:active i,

.btn-clear.btn-info:focus i,

.btn-clear.btn-info:hover i {

    color: var(--tw-info-inverse)

}



.btn-subtle.btn-info.active,

.btn-subtle.btn-info:active,

.btn-subtle.btn-info:focus,

.btn-subtle.btn-info:hover {

    color: var(--tw-info);

    background-color: var(--tw-info-light);

    border-color: var(--tw-info-light);

    box-shadow: none

}



.btn-subtle.btn-info.active i,

.btn-subtle.btn-info:active i,

.btn-subtle.btn-info:focus i,

.btn-subtle.btn-info:hover i {

    color: var(--tw-info)

}



.btn-dark {

    color: #fff;

    background-color: var(--tw-dark)

}



.btn-dark.active,

.btn-dark:active,

.btn-dark:focus,

.btn-dark:hover {

    background-color: var(--tw-dark-active);

    box-shadow: var(--tw-dark-box-shadow)

}



.btn-outline.btn-dark {

    color: var(--tw-dark);

    background-color: var(--tw-dark-light);

    border-color: var(--tw-dark-clarity)

}



.btn-outline.btn-dark i {

    color: var(--tw-dark)

}



.btn-outline.btn-dark.active,

.btn-outline.btn-dark:active,

.btn-outline.btn-dark:focus,

.btn-outline.btn-dark:hover {

    color: var(--tw-dark-inverse);

    background-color: var(--tw-dark);

    border-color: var(--tw-dark);

    box-shadow: none

}



.btn-outline.btn-dark.active i,

.btn-outline.btn-dark:active i,

.btn-outline.btn-dark:focus i,

.btn-outline.btn-dark:hover i {

    color: var(--tw-dark-inverse)

}



.btn-clear.btn-dark {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-dark)

}



.btn-clear.btn-dark.active,

.btn-clear.btn-dark:active,

.btn-clear.btn-dark:focus,

.btn-clear.btn-dark:hover {

    color: var(--tw-dark-inverse);

    background-color: var(--tw-dark);

    border-color: var(--tw-dark);

    box-shadow: none

}



.btn-clear.btn-dark.active i,

.btn-clear.btn-dark:active i,

.btn-clear.btn-dark:focus i,

.btn-clear.btn-dark:hover i {

    color: var(--tw-dark-inverse)

}



.btn-subtle.btn-dark {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-dark)

}



.btn-subtle.btn-dark i {

    color: var(--tw-dark)

}



.btn-subtle.btn-dark.active,

.btn-subtle.btn-dark:active,

.btn-subtle.btn-dark:focus,

.btn-subtle.btn-dark:hover {

    color: var(--tw-dark);

    background-color: var(--tw-dark-light);

    border-color: var(--tw-dark-light);

    box-shadow: none

}



.btn-subtle.btn-dark.active i,

.btn-subtle.btn-dark:active i,

.btn-subtle.btn-dark:focus i,

.btn-subtle.btn-dark:hover i {

    color: var(--tw-dark)

}



.btn-light {

    color: var(--tw-gray-700);

    border-color: var(--tw-gray-300);

    background-color: var(--tw-light)

}



.btn-light i {

    color: var(--tw-gray-500)

}



.btn-light.active,

.btn-light:active,

.btn-light:focus,

.btn-light:hover {

    border-color: var(--tw-gray-300);

    background-color: var(--tw-light-active);

    box-shadow: var(--tw-default-box-shadow);

    color: var(--tw-gray-800)

}



.btn-light.active i,

.btn-light:active i,

.btn-light:focus i,

.btn-light:hover i {

    color: var(--tw-gray-600)

}



.btn-light.disabled,

.btn-light[disabled] {

    opacity: 1;

    color: var(--tw-gray-500);

    border-color: var(--tw-gray-200);

    background-color: var(--tw-light)

}



.btn-light.disabled i,

.btn-light[disabled] i {

    color: var(--tw-gray-400)

}



.btn-light.btn-clear {

    border-color: #0000;

    background-color: initial;

    color: var(--tw-gray-700)

}



.btn-light.btn-clear i {

    color: var(--tw-gray-600)

}



.btn-light.btn-clear.active,

.btn-light.btn-clear:active,

.btn-light.btn-clear:focus,

.btn-light.btn-clear:hover {

    background-color: var(--tw-gray-200);

    border-color: #0000;

    box-shadow: none;

    color: var(--tw-gray-800)

}



.btn-light.btn-clear.active i,

.btn-light.btn-clear:active i,

.btn-light.btn-clear:focus i,

.btn-light.btn-clear:hover i {

    color: var(--tw-gray-700)

}



.btn-light.btn-clear.disabled,

.btn-light.btn-clear[disabled] {

    opacity: 1;

    color: var(--tw-gray-500);

    border-color: #0000;

    background-color: initial

}



.btn-light.btn-clear.disabled i,

.btn-light.btn-clear[disabled] i {

    color: var(--tw-gray-400)

}



.btn-secondary {

    color: var(--tw-gray-700);

    border-color: var(--tw-gray-200);

    background-color: var(--tw-secondary)

}



.btn-secondary i {

    color: var(--tw-gray-500)

}



.btn-secondary.active,

.btn-secondary:active,

.btn-secondary:focus,

.btn-secondary:hover {

    border-color: var(--tw-gray-300);

    background-color: var(--tw-secondary-active);

    box-shadow: var(--tw-default-box-shadow);

    color: var(--tw-gray-800)

}



.btn-secondary.active i,

.btn-secondary:active i,

.btn-secondary:focus i,

.btn-secondary:hover i {

    color: var(--tw-gray-600)

}



.btn-secondary.disabled,

.btn-secondary[disabled] {

    opacity: 1;

    color: var(--tw-gray-500);

    border-color: var(--tw-gray-200);

    background-color: var(--tw-light)

}



.btn-secondary.disabled i,

.btn-secondary[disabled] i {

    color: var(--tw-gray-400)

}



.btn-group .btn+.btn {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

    border-left: 0

}



.btn-group .btn:has(+.btn) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



.tabs {

    display: flex;

    align-items: center;

    gap: 1.25rem;

    border-bottom: 1px solid var(--tw-gray-200)

}



.tab {

    display: inline-flex;

    align-items: center;

    gap: .5rem;

    font-size: .8125rem;

    line-height: 1;

    color: var(--tw-gray-700)

}



.tab i {

    font-size: .9375rem;

    color: var(--tw-gray-600)

}



.tab {

    font-weight: 500;

    padding: 1rem 0;

    border-bottom: 2px solid #0000

}



.tab.active,

.tab.active i,

.tab:focus,

.tab:focus i,

.tab:hover,

.tab:hover i {

    color: var(--tw-primary)

}



.tab.active {

    border-bottom-color: var(--tw-primary)

}



.pagination {

    display: inline-flex;

    align-items: center;

    gap: .25rem

}



.pagination .btn {

    display: inline-flex;

    flex-shrink: 0;

    justify-content: center;

    height: 1.875rem;

    width: 1.875rem;

    font-size: .8125rem;

    padding: 0;

    line-height: 0;

    color: var(--tw-gray-600)

}



.pagination .btn i {

    font-size: 1rem;

    color: var(--tw-gray-700)

}



.pagination .btn.active,

.pagination .btn:active,

.pagination .btn:focus,

.pagination .btn:hover {

    background-color: var(--tw-gray-200);

    color: var(--tw-gray-800)

}



.pagination .btn.active i,

.pagination .btn:active i,

.pagination .btn:focus i,

.pagination .btn:hover i {

    color: var(--tw-gray-900)

}



.pagination .btn.disabled,

.pagination .btn[disabled] {

    opacity: 1;

    pointer-events: none;

    color: var(--tw-gray-500)

}



.pagination .btn.disabled i,

.pagination .btn[disabled] i {

    color: var(--tw-gray-400)

}



.pagination.pagination-sm {

    gap: .175rem

}



.pagination.pagination-sm .btn {

    height: 1.575rem;

    width: 1.575rem;

    font-size: .75rem

}



.pagination.pagination-sm .btn i {

    font-size: .875rem

}



.pagination.pagination-lg {

    gap: .35rem

}



.pagination.pagination-lg .btn {

    height: 2.275rem;

    width: 2.275rem;

    font-size: .875rem

}



.pagination.pagination-lg .btn i {

    font-size: 1.25rem

}



.card {

    display: flex;

    flex-direction: column;

    box-shadow: var(--tw-card-box-shadow);

    background-color: var(--tw-card-background-color);

    border-radius: 1rem;

    border: var(--tw-card-border);

    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    position: relative;

    overflow: hidden

}

.card:hover {

    transform: translateY(-2px);

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.15);

}



.card-title {

    font-size: 1rem;

    line-height: 1.5rem;

    font-weight: 600;

    color: var(--tw-gray-900);

    letter-spacing: -0.01em

}



.card-header {

    display: flex;

    min-height: 56px;

    align-items: center;

    justify-content: space-between;

    border-bottom: var(--tw-card-border);

    padding: .75rem 1.875rem;

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.02) 0%, rgba(255, 255, 255, 0.01) 100%);

    backdrop-filter: blur(10px);

    -webkit-backdrop-filter: blur(10px)

}

.dark .card-header {

    background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);

}



.card-body {

    flex-grow: 1;

    padding: 1.25rem 1.875rem

}



.card-footer {

    display: flex;

    align-items: center;

    justify-content: space-between;

    border-top: var(--tw-card-border);

    padding: .75rem 1.875rem

}



.card-table table td:first-child,

.card-table table th:first-child {

    padding-left: 1.875rem

}



.card-table table td:last-child,

.card-table table th:last-child {

    padding-right: 1.875rem

}



.card-table table.table-border {

    border: 0

}



.card-group {

    padding: .75rem 1.875rem;

    border-bottom: var(--tw-card-border)

}



.card-group:last-child {

    border-bottom: 0

}



.card-group+.card-footer {

    border-top: 0

}



.table th:first-child {

    border-top-left-radius: .75rem

}



.table th:last-child {

    border-top-right-radius: .75rem

}



.card-header+.card-body table th:first-child,

.card-header+.card-body table th:last-child,

.card-header+.card-table table th:first-child,

.card-header+.card-table table th:last-child {

    border-radius: 0

}



.card-grid .card-footer,

.card-grid .card-header {

    padding-left: 1.25rem;

    padding-right: 1.25rem

}



.card-grid .card-body {

    padding: 0

}



.card-grid .card-body table {

    border: 0

}



.card-grid .card-body table td:first-child,

.card-grid .card-body table th:first-child {

    padding-left: 1.25rem

}



.card-grid .card-body table td:last-child,

.card-grid .card-body table th:last-child {

    padding-right: 1.25rem

}



.card-border {

    border: var(--tw-card-border)

}



.card-rounded {

    border-radius: 1rem

}



.card-rounded.table {

    border-collapse: initial;

    border-spacing: 0

}



.card-rounded-b {

    border-bottom-left-radius: .75rem;

    border-bottom-right-radius: .75rem

}



.card-rounded-t {

    border-top-right-radius: .75rem

}



.card-rounded-t,

.card-rounded-tl {

    border-top-left-radius: .75rem

}



.card-rounded-tr {

    border-top-right-radius: .75rem

}



.table {

    width: 100%;

    caption-side: bottom;

    border-collapse: collapse;

    vertical-align: middle;

    text-align: left;

    color: var(--tw-gray-700);

    font-weight: 500;

    font-size: .875rem;

    line-height: 1.25rem

}



.table td input[type=checkbox],

.table th input[type=checkbox] {

    vertical-align: inherit

}



.table tfoot td,

.table tfoot th,

.table thead td,

.table thead th {

    padding: .625rem 1rem;

    background-color: var(--tw-table-head-background-color);

    color: var(--tw-gray-600);

    font-weight: 500;

    font-size: .8125rem;

    line-height: 1.125rem;

    vertical-align: middle

}



.table thead td,

.table thead th {

    border-bottom: var(--tw-table-border)

}



.table tfoot td,

.table tfoot th {

    border-top: var(--tw-table-border)

}



.table tbody {

    vertical-align: inherit

}



.table tbody tr td,

.table tbody tr th {

    padding: .75rem 1rem;

    border-bottom: var(--tw-table-border)

}



.table tbody tr:last-child td,

.table tbody tr:last-child th {

    border-bottom: 0

}

.table tbody tr {

    transition: background-color 0.2s ease, transform 0.15s ease

}

.table tbody tr:hover {

    background-color: rgba(102, 102, 102, 0.05);

    transform: translateX(2px)

}

.dark .table tbody tr:hover {

    background-color: rgba(102, 102, 102, 0.08)

}



.table-border {

    border: var(--tw-table-border)

}



.table-border td,

.table-border th {

    border-right: var(--tw-table-border)

}



.table-border td:last-child,

.table-border th:last-child {

    border-right: 0

}



.table-border-l {

    border-left: var(--tw-table-border)

}



.table-border-r {

    border-right: var(--tw-table-border)

}



.table-border-t {

    border-top: var(--tw-table-border)

}



.table-border-b {

    border-bottom: var(--tw-table-border)

}



.sort {

    gap: .35rem;

    cursor: pointer

}



.sort,

.sort-icon {

    display: inline-flex;

    align-items: center;

    line-height: 1

}



.sort-icon {

    flex-direction: column;

    justify-content: center;

    height: .875rem;

    width: .875rem;

    gap: .125rem

}



.sort-icon:before {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%2378829D' d='M1.083 4.833a.53.53 0 0 1-.408-.175.564.564 0 0 1 0-.816L3.592.925a.564.564 0 0 1 .816 0l2.917 2.917a.564.564 0 0 1 0 .816.564.564 0 0 1-.817 0L4 2.15 1.492 4.658a.53.53 0 0 1-.409.175Z'/%3E%3C/svg%3E")

}



.sort-icon:after,

.sort-icon:before {

    display: inline-block;

    content: "";

    height: .25rem;

    width: .438rem;

    background-repeat: no-repeat;

    background-position: 50%;

    background-size: cover

}



.sort-icon:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%2378829D' d='M4 4.25a.53.53 0 0 1-.408-.175L.675 1.158a.564.564 0 0 1 0-.816.564.564 0 0 1 .817 0L4 2.85 6.508.342a.564.564 0 0 1 .817 0 .564.564 0 0 1 0 .816L4.408 4.075A.53.53 0 0 1 4 4.25Z'/%3E%3C/svg%3E")

}



.asc>.sort-icon:before {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%234B5675' d='M1.083 4.833a.53.53 0 0 1-.408-.175.564.564 0 0 1 0-.816L3.592.925a.564.564 0 0 1 .816 0l2.917 2.917a.564.564 0 0 1 0 .816.564.564 0 0 1-.817 0L4 2.15 1.492 4.658a.53.53 0 0 1-.409.175Z'/%3E%3C/svg%3E")

}



.asc>.sort-icon:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%23C4CADA' d='M4 4.25a.53.53 0 0 1-.408-.175L.675 1.158a.564.564 0 0 1 0-.816.564.564 0 0 1 .817 0L4 2.85 6.508.342a.564.564 0 0 1 .817 0 .564.564 0 0 1 0 .816L4.408 4.075A.53.53 0 0 1 4 4.25Z'/%3E%3C/svg%3E")

}



.desc>.sort-icon:before {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%23C4CADA' d='M1.083 4.833a.53.53 0 0 1-.408-.175.564.564 0 0 1 0-.816L3.592.925a.564.564 0 0 1 .816 0l2.917 2.917a.564.564 0 0 1 0 .816.564.564 0 0 1-.817 0L4 2.15 1.492 4.658a.53.53 0 0 1-.409.175Z'/%3E%3C/svg%3E")

}



.desc>.sort-icon:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='none'%3E%3Cpath fill='%234B5675' d='M4 4.25a.53.53 0 0 1-.408-.175L.675 1.158a.564.564 0 0 1 0-.816.564.564 0 0 1 .817 0L4 2.85 6.508.342a.564.564 0 0 1 .817 0 .564.564 0 0 1 0 .816L4.408 4.075A.53.53 0 0 1 4 4.25Z'/%3E%3C/svg%3E")

}



.sort-label {

    gap: .35rem

}



.badge,

.sort-label {

    display: inline-flex;

    align-items: center

}






.badge.badge-pill {

    border-radius: 1.875rem;

    padding-left: .625rem;

    padding-right: .625rem

}



.badge-circle,

.badge-dot {

    padding: 0;

    border-radius: 50%

}



.badge-circle {

    flex-shrink: 0;

    line-height: 0

}



.badge-xs {

    font-size: .625rem;

    padding: .1875rem .3125rem

}



.badge-xs.badge-pill {

    padding-left: .25rem;

    padding-right: .25rem

}



.badge-sm {

    padding: .3125rem .375rem

}



.badge-sm.badge-pill {

    padding-left: .375rem;

    padding-right: .375rem

}



.badge-lg.badge-pill {

    padding-left: .6875rem;

    padding-right: .6875rem

}





.badge-outline {

    color: var(--tw-gray-600);

    border-color: var(--tw-gray-300);

    background-color: var(--tw-gray-100)

}



.badge-primary {

    color: #fff;

    background-color: var(--tw-primary)

}



.badge-outline.badge-primary {

    color: var(--tw-primary);

    background-color: var(--tw-primary-light);

    border-color: var(--tw-primary-clarity)

}



.badge-success {

    color: #fff;

    background-color: var(--tw-success)

}



.badge-outline.badge-success {

    color: var(--tw-success);

    background-color: var(--tw-success-light);

    border-color: var(--tw-success-clarity)

}



.badge-danger {

    color: #fff;

    background-color: var(--tw-danger)

}



.badge-outline.badge-danger {

    color: var(--tw-danger);

    background-color: var(--tw-danger-light);

    border-color: var(--tw-danger-clarity)

}



.badge-warning {

    color: #fff;

    background-color: var(--tw-warning)

}



.badge-outline.badge-warning {

    color: var(--tw-warning);

    background-color: var(--tw-warning-light);

    border-color: var(--tw-warning-clarity)

}



.badge-info {

    color: #fff;

    background-color: var(--tw-info)

}



.badge-outline.badge-info {

    color: var(--tw-info);

    background-color: var(--tw-info-light);

    border-color: var(--tw-info-clarity)

}



.badge-outline.badge-dark {

    color: var(--tw-dark);

    background-color: var(--tw-dark-light);

    border-color: var(--tw-dark-clarity)

}



.rating {

    display: inline-flex;

    align-items: stretch

}



.rating input {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    position: absolute;

    left: 9999px

}



.rating input[disabled] {

    display: none

}



.rating-on {

    color: var(--tw-warning)

}



.rating-off {

    color: var(--tw-gray-400)

}



.rating-label {

    display: inline-flex;

    align-items: center

}



.rating-label .rating-on {

    display: none

}



.rating-label .rating-off,

.rating:hover label.rating-label .rating-on,

div.rating-label.checked .rating-on,

label.rating-label .rating-on,

label.rating-label.checked .rating-on {

    display: inline-flex

}



.rating-input:checked~.rating-label .rating-on,

.rating:hover label.rating-label .rating-off,

div.rating-label.checked .rating-off,

label.rating-label .rating-off,

label.rating-label.checked .rating-off,

label.rating-label:hover~label.rating-label .rating-on {

    display: none

}



.rating-input:checked~.rating-label .rating-off,

label.rating-label:hover~label.rating-label .rating-off {

    display: inline-flex

}



.rating-label.indeterminate {

    position: relative

}



.rating-label.indeterminate .rating-on {

    display: inline-flex;

    position: absolute;

    z-index: 1;

    overflow: hidden

}



.rating-label.indeterminate .rating-off {

    display: inline-flex

}



label.rating-label {

    cursor: pointer

}



.scrollable,

.scrollable-auto,

.scrollable-hover,

.scrollable-x,

.scrollable-x-auto,

.scrollable-x-hover,

.scrollable-y,

.scrollable-y-auto,

.scrollable-y-hover {

    scrollbar-width: thin;

    scrollbar-color: #0000 #0000;

    position: relative

}



.scrollable-auto::-webkit-scrollbar,

.scrollable-hover::-webkit-scrollbar,

.scrollable-x-auto::-webkit-scrollbar,

.scrollable-x-hover::-webkit-scrollbar,

.scrollable-x::-webkit-scrollbar,

.scrollable-y-auto::-webkit-scrollbar,

.scrollable-y-hover::-webkit-scrollbar,

.scrollable-y::-webkit-scrollbar,

.scrollable::-webkit-scrollbar {

    width: .35rem;

    height: .35rem

}



.scrollable-auto::-webkit-scrollbar-track,

.scrollable-hover::-webkit-scrollbar-track,

.scrollable-x-auto::-webkit-scrollbar-track,

.scrollable-x-hover::-webkit-scrollbar-track,

.scrollable-x::-webkit-scrollbar-track,

.scrollable-y-auto::-webkit-scrollbar-track,

.scrollable-y-hover::-webkit-scrollbar-track,

.scrollable-y::-webkit-scrollbar-track,

.scrollable::-webkit-scrollbar-track {

    background-color: initial

}



.scrollable-auto::-webkit-scrollbar-thumb,

.scrollable-hover::-webkit-scrollbar-thumb,

.scrollable-x-auto::-webkit-scrollbar-thumb,

.scrollable-x-hover::-webkit-scrollbar-thumb,

.scrollable-x::-webkit-scrollbar-thumb,

.scrollable-y-auto::-webkit-scrollbar-thumb,

.scrollable-y-hover::-webkit-scrollbar-thumb,

.scrollable-y::-webkit-scrollbar-thumb,

.scrollable::-webkit-scrollbar-thumb {

    border-radius: 1.25rem

}



.scrollable-auto::-webkit-scrollbar-corner,

.scrollable-hover::-webkit-scrollbar-corner,

.scrollable-x-auto::-webkit-scrollbar-corner,

.scrollable-x-hover::-webkit-scrollbar-corner,

.scrollable-x::-webkit-scrollbar-corner,

.scrollable-y-auto::-webkit-scrollbar-corner,

.scrollable-y-hover::-webkit-scrollbar-corner,

.scrollable-y::-webkit-scrollbar-corner,

.scrollable::-webkit-scrollbar-corner {

    background-color: initial

}



.scrollable,

.scrollable-hover {

    overflow: scroll

}



.scrollable-y,

.scrollable-y-hover {

    overflow-y: scroll

}



.scrollable-x,

.scrollable-x-hover {

    overflow-x: scroll

}



.scrollable-auto {

    overflow: auto

}



.scrollable-y-auto {

    overflow-y: auto

}



.scrollable-x-auto {

    overflow-x: auto

}



.scrollable,

.scrollable-auto,

.scrollable-hover:hover,

.scrollable-x,

.scrollable-x-auto,

.scrollable-x-hover:hover,

.scrollable-y,

.scrollable-y-auto,

.scrollable-y-hover:hover {

    scrollbar-color: var(--tw-scrollbar-thumb-color, var(--tw-gray-200)) #0000

}



.scrollable-auto::-webkit-scrollbar-thumb,

.scrollable-hover:hover::-webkit-scrollbar-thumb,

.scrollable-x-auto::-webkit-scrollbar-thumb,

.scrollable-x-hover:hover::-webkit-scrollbar-thumb,

.scrollable-x::-webkit-scrollbar-thumb,

.scrollable-y-auto::-webkit-scrollbar-thumb,

.scrollable-y-hover:hover::-webkit-scrollbar-thumb,

.scrollable-y::-webkit-scrollbar-thumb,

.scrollable::-webkit-scrollbar-thumb {

    background-color: var(--tw-scrollbar-thumb-color, var(--tw-gray-200))

}



.scrollable-auto::-webkit-scrollbar-corner,

.scrollable-hover:hover::-webkit-scrollbar-corner,

.scrollable-x-auto::-webkit-scrollbar-corner,

.scrollable-x-hover:hover::-webkit-scrollbar-corner,

.scrollable-x::-webkit-scrollbar-corner,

.scrollable-y-auto::-webkit-scrollbar-corner,

.scrollable-y-hover:hover::-webkit-scrollbar-corner,

.scrollable-y::-webkit-scrollbar-corner,

.scrollable::-webkit-scrollbar-corner {

    background-color: initial

}



@media (max-width:1024px) {



    .scrollable,

    .scrollable-hover {

        overflow: auto

    }



    .scrollable-y,

    .scrollable-y-hover {

        overflow-y: auto

    }



    .scrollable-x,

    .scrollable-x-hover {

        overflow-x: auto

    }

}



.progress {

    width: 100%;

    min-height: 4px;

    background-color: var(--tw-gray-100)

}



.progress,

.progress-bar {

    display: flex;

    overflow: hidden;

    border-radius: .5rem

}



.progress-bar {

    flex-direction: column;

    justify-content: center;

    text-align: center;

    white-space: nowrap;

    background-color: var(--tw-gray-300)

}



.progress-primary {

    background-color: var(--tw-primary-light)

}



.progress-primary .progress-bar {

    background-color: var(--tw-primary)

}



.progress-success {

    background-color: var(--tw-success-light)

}



.progress-success .progress-bar {

    background-color: var(--tw-success)

}



.progress-danger .progress-bar {

    background-color: var(--tw-danger)

}



.progress-warning .progress-bar {

    background-color: var(--tw-warning)

}



.progress-info .progress-bar {

    background-color: var(--tw-info)

}



.progress-dark .progress-bar {

    background-color: var(--tw-dark)

}



.apexcharts-legend-text,

.apexcharts-text,

.apexcharts-title-text {

    font-family: inherit !important

}



.apexcharts-title-text {

    font-weight: 400

}



.apexcharts-pie-label {

    font-size: .75rem;

    line-height: 1rem

}



.apexcharts-toolbar {

    text-align: left !important

}



.apexcharts-menu {

    border: 1px solid var(--tw-gray-200) !important;

    box-shadow: var(--tw-default-box-shadow) !important;

    background-color: var(--tw-light) !important;

    border-radius: .625rem !important;

    padding: .5rem 0 !important;

    overflow: hidden;

    min-width: 10rem !important

}



.apexcharts-menu .apexcharts-menu-item {

    padding: .5rem !important

}



.apexcharts-menu .apexcharts-menu-item:hover {

    background-color: var(--tw-gray-100) !important

}



.apexcharts-tooltip {

    border: 1px solid var(--tw-gray-200) !important;

    box-shadow: var(--tw-default-box-shadow) !important;

    background-color: var(--tw-light) !important;

    border-radius: .625rem !important;

    color: var(--tw-gray-700) !important

}



.apexcharts-tooltip .apexcharts-tooltip-title {

    padding: .25rem .5rem !important;

    background-color: initial !important;

    font-size: .8125rem;

    line-height: 1.125rem;

    font-weight: 500;

    color: var(--tw-gray-800);

    border-bottom: 1px solid var(--tw-gray-200) !important

}



.apexcharts-xaxistooltip {

    border: 1px solid var(--tw-gray-200) !important;

    box-shadow: var(--tw-default-box-shadow);

    background-color: var(--tw-light) !important;

    border-radius: .625rem;

    color: var(--tw-gray-900)

}



.apexcharts-xaxistooltip:before {

    border-bottom: 0 !important

}



.apexcharts-legend {

    display: flex;

    flex-direction: column;

    gap: .5rem

}



.apexcharts-legend .apexcharts-legend-series {

    gap: .25rem;

    display: flex;

    align-items: center

}



.apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {

    font-size: .875rem;

    line-height: 1.25rem;

    font-weight: 500;

    color: var(--tw-gray-500)

}



.apexcharts-card-rounded .apexcharts-canvas svg {

    border-bottom-left-radius: .75rem;

    border-bottom-right-radius: .75rem

}



.apexcharts-rounded-sm .apexcharts-canvas svg {

    border-radius: .125rem

}



.apexcharts-rounded .apexcharts-canvas svg {

    border-radius: .25rem

}



.apexcharts-rounded-lg .apexcharts-canvas svg {

    border-radius: .5rem

}



.apexcharts-rounded-xl .apexcharts-canvas svg {

    border-radius: .75rem

}



.leaflet-container .leaflet-bottom,

.leaflet-container .leaflet-control,

.leaflet-container .leaflet-pane,

.leaflet-container .leaflet-top {

    z-index: 1 !important

}



.leaflet-container .leaflet-popup-content-wrapper {

    border-radius: .75rem;

    text-align: center;

    background-color: var(--tw-dropdown-background-color)

}



.leaflet-container .leaflet-popup-content-wrapper .leaflet-popup-content {

    font-family: inherit;

    font-size: .8125rem

}



.visible {

    visibility: visible

}



.collapse {

    visibility: collapse

}



.static {

    position: static

}



.fixed {

    position: fixed

}



.absolute {

    position: absolute

}



.relative {

    position: relative

}



.sticky {

    position: sticky

}



.inset-0 {

    inset: 0

}



.-right-0\.5 {

    right: -.125rem

}



.-top-0\.5 {

    top: -.125rem

}



.bottom-0 {

    bottom: 0

}



.bottom-0\.5 {

    bottom: .125rem

}



.bottom-2 {

    bottom: .5rem

}



.end-0 {

    inset-inline-end: 0

}



.end-0\.5 {

    inset-inline-end: .125rem

}



.left-0 {

    left: 0

}



.left-1\/2 {

    left: 50%

}



.left-16 {

    left: 4rem

}



.left-2\/4 {

    left: 50%

}



.left-\[93px\] {

    left: 93px

}



.left-auto {

    left: auto

}



.left-full {

    left: 100%

}



.right-0 {

    right: 0

}



.right-0\.5 {

    right: .125rem

}



.right-3 {

    right: .75rem

}



.top-0 {

    top: 0

}



.top-0\.5 {

    top: .125rem

}



.top-1\/2 {

    top: 50%

}



.top-2 {

    top: .5rem

}



.top-2\/4 {

    top: 50%

}



.top-5 {

    top: 1.25rem

}



.top-7 {

    top: 1.75rem

}



.top-9 {

    top: 2.25rem

}



.top-\[15\%\] {

    top: 15%

}



.top-\[calc\(var\(--tw-header-height\)\+1\.875rem\)\] {

    top: calc(var(--tw-header-height) + 1.875rem)

}



.z-1 {

    z-index: 1

}



.z-10 {

    z-index: 10

}



.z-20 {

    z-index: 20

}



.order-1 {

    order: 1

}



.order-2 {

    order: 2

}



.col-span-1 {

    grid-column: span 1/span 1

}



.col-span-2 {

    grid-column: span 2/span 2

}



.mx-1 {

    margin-left: .25rem;

    margin-right: .25rem

}



.mx-1\.5 {

    margin-left: .375rem;

    margin-right: .375rem

}



.mx-2 {

    margin-left: .5rem;

    margin-right: .5rem

}



.mx-5 {

    margin-left: 1.25rem;

    margin-right: 1.25rem

}



.mx-7\.5 {

    margin-left: 1.875rem;

    margin-right: 1.875rem

}



.mx-auto {

    margin-left: auto;

    margin-right: auto

}



.my-1 {

    margin-top: .25rem;

    margin-bottom: .25rem

}



.my-1\.5 {

    margin-top: .375rem;

    margin-bottom: .375rem

}



.my-2 {

    margin-top: .5rem;

    margin-bottom: .5rem

}



.my-2\.5 {

    margin-top: .625rem;

    margin-bottom: .625rem

}



.my-7\.5 {

    margin-top: 1.875rem;

    margin-bottom: 1.875rem

}



.my-\[3\%\] {

    margin-top: 3%;

    margin-bottom: 3%

}



.-ml-1 {

    margin-left: -.25rem

}



.-mt-3 {

    margin-top: -.75rem

}



.-mt-7\.5 {

    margin-top: -1.875rem

}



.-mt-8 {

    margin-top: -2rem

}



.-mt-px {

    margin-top: -1px

}



.mb-0\.5 {

    margin-bottom: .125rem

}



.mb-1 {

    margin-bottom: .25rem

}



.mb-1\.5 {

    margin-bottom: .375rem

}



.mb-10 {

    margin-bottom: 2.5rem

}



.mb-16 {

    margin-bottom: 4rem

}



.mb-2 {

    margin-bottom: .5rem

}



.mb-2\.5 {

    margin-bottom: .625rem

}



.mb-3 {

    margin-bottom: .75rem

}



.mb-3\.5 {

    margin-bottom: .875rem

}



.mb-4 {

    margin-bottom: 1rem

}



.mb-4\.5 {

    margin-bottom: 1.125rem

}



.mb-5 {

    margin-bottom: 1.25rem

}



.mb-7 {

    margin-bottom: 1.75rem

}



.mb-7\.5 {

    margin-bottom: 1.875rem

}



.mb-8 {

    margin-bottom: 2rem

}



.mb-9 {

    margin-bottom: 2.25rem

}



.mb-px {

    margin-bottom: 1px

}



.me-0\.5 {

    margin-inline-end: .125rem

}



.me-1 {

    margin-inline-end: .25rem

}



.me-1\.5 {

    margin-inline-end: .375rem

}



.me-2 {

    margin-inline-end: .5rem

}



.ml-1 {

    margin-left: .25rem

}



.ml-2\.5 {

    margin-left: .625rem

}



.ml-3 {

    margin-left: .75rem

}



.ml-5 {

    margin-left: 1.25rem

}



.ml-7\.5 {

    margin-left: 1.875rem

}



.mr-1 {

    margin-right: .25rem

}



.mr-2 {

    margin-right: .5rem

}



.mr-2\.5 {

    margin-right: .625rem

}



.mr-3 {

    margin-right: .75rem

}



.mr-5 {

    margin-right: 1.25rem

}



.mr-6 {

    margin-right: 1.5rem

}



.mr-\[-10px\] {

    margin-right: -10px

}



.ms-1 {

    margin-inline-start: .25rem

}



.ms-2\.5 {

    margin-inline-start: .625rem

}



.ms-5 {

    margin-inline-start: 1.25rem

}



.mt-0\.5 {

    margin-top: .125rem

}



.mt-1 {

    margin-top: .25rem

}



.mt-2 {

    margin-top: .5rem

}



.mt-2\.5 {

    margin-top: .625rem

}



.mt-4 {

    margin-top: 1rem

}



.mt-5 {

    margin-top: 1.25rem

}



.mt-7 {

    margin-top: 1.75rem

}



.block {

    display: block

}



.inline-block {

    display: inline-block

}



.flex {

    display: flex

}



.inline-flex {

    display: inline-flex

}



.table {

    display: table

}



.grid {

    display: grid

}



.contents {

    display: contents

}



.hidden {

    display: none

}



.aspect-video {

    aspect-ratio: 16/9

}



.size-0\.75 {

    width: .1875rem;

    height: .1875rem

}



.size-1 {

    width: .25rem;

    height: .25rem

}



.size-1\.5 {

    width: .375rem;

    height: .375rem

}



.size-10 {

    width: 2.5rem;

    height: 2.5rem

}



.size-11 {

    width: 2.75rem;

    height: 2.75rem

}



.size-12 {

    width: 3rem;

    height: 3rem

}



.size-14 {

    width: 3.5rem;

    height: 3.5rem

}



.size-16 {

    width: 4rem;

    height: 4rem

}



.size-2 {

    width: .5rem;

    height: .5rem

}



.size-2\.5 {

    width: .625rem;

    height: .625rem

}



.size-20 {

    width: 5rem;

    height: 5rem

}



.size-3 {

    width: .75rem;

    height: .75rem

}



.size-3\.5 {

    width: .875rem;

    height: .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-7\.5 {

    width: 1.875rem;

    height: 1.875rem

}



.size-8 {

    width: 2rem;

    height: 2rem

}



.size-9 {

    width: 2.25rem;

    height: 2.25rem

}



.size-\[100px\] {

    width: 100px;

    height: 100px

}



.size-\[11px\] {

    width: 11px;

    height: 11px

}



.size-\[120px\] {

    width: 120px;

    height: 120px

}



.size-\[140px\] {

    width: 140px;

    height: 140px

}



.size-\[18px\] {

    width: 18px;

    height: 18px

}



.size-\[30px\] {

    width: 30px;

    height: 30px

}



.size-\[4\.8px\] {

    width: 4.8px;

    height: 4.8px

}



.size-\[44px\] {

    width: 44px;

    height: 44px

}



.size-\[45px\] {

    width: 45px;

    height: 45px

}



.size-\[50px\] {

    width: 50px;

    height: 50px

}



.size-\[5px\] {

    width: 5px;

    height: 5px

}



.size-\[60px\] {

    width: 60px;

    height: 60px

}



.size-\[70px\] {

    width: 70px;

    height: 70px

}



.size-\[90px\] {

    width: 90px;

    height: 90px

}



.h-1\.5 {

    height: .375rem

}



.h-10 {

    height: 2.5rem

}



.h-11 {

    height: 2.75rem

}



.h-12 {

    height: 3rem

}



.h-2 {

    height: .5rem

}



.h-20 {

    height: 5rem

}



.h-24 {

    height: 6rem

}



.h-3\.5 {

    height: .875rem

}



.h-4 {

    height: 1rem

}



.h-40 {

    height: 10rem

}



.h-44 {

    height: 11rem

}



.h-48 {

    height: 12rem

}



.h-5 {

    height: 1.25rem

}



.h-56 {

    height: 14rem

}



.h-6 {

    height: 1.5rem

}



.h-7 {

    height: 1.75rem

}



.h-9 {

    height: 2.25rem

}



.h-\[1\.875rem\] {

    height: 1.875rem

}



.h-\[100px\] {

    height: 100px

}



.h-\[120px\] {

    height: 120px

}



.h-\[170px\] {

    height: 170px

}



.h-\[240px\] {

    height: 240px

}



.h-\[28px\] {

    height: 28px

}



.h-\[30px\] {

    height: 30px

}



.h-\[35px\] {

    height: 35px

}



.h-\[36px\] {

    height: 36px

}



.h-\[50px\] {

    height: 50px

}



.h-\[95\%\] {

    height: 95%

}



.h-auto {

    height: auto

}



.h-full {

    height: 100%

}



.max-h-20 {

    max-height: 5rem

}



.max-h-36 {

    max-height: 9rem

}



.max-h-44 {

    max-height: 11rem

}



.max-h-5 {

    max-height: 1.25rem

}



.max-h-\[100px\] {

    max-height: 100px

}



.max-h-\[113px\] {

    max-height: 113px

}



.max-h-\[120px\] {

    max-height: 120px

}



.max-h-\[130px\] {

    max-height: 130px

}



.max-h-\[140px\] {

    max-height: 140px

}



.max-h-\[150px\] {

    max-height: 150px

}



.max-h-\[160px\] {

    max-height: 160px

}



.max-h-\[170px\] {

    max-height: 170px

}



.max-h-\[180px\] {

    max-height: 180px

}



.max-h-\[200px\] {

    max-height: 200px

}



.max-h-\[230px\] {

    max-height: 230px

}



.max-h-\[25px\] {

    max-height: 25px

}



.max-h-\[300px\] {

    max-height: 300px

}



.max-h-\[400px\] {

    max-height: 400px

}



.max-h-\[55px\] {

    max-height: 55px

}



.min-h-52 {

    min-height: 13rem

}



.min-h-80 {

    min-height: 20rem

}



.min-h-\[22px\] {

    min-height: 22px

}



.min-h-\[340px\] {

    min-height: 340px

}



.min-h-\[400px\] {

    min-height: 400px

}



.w-1\.5 {

    width: .375rem

}



.w-10 {

    width: 2.5rem

}



.w-11 {

    width: 2.75rem

}



.w-14 {

    width: 3.5rem

}



.w-16 {

    width: 4rem

}



.w-20 {

    width: 5rem

}



.w-24 {

    width: 6rem

}



.w-28 {

    width: 7rem

}



.w-36 {

    width: 9rem

}



.w-40 {

    width: 10rem

}



.w-48 {

    width: 12rem

}



.w-5 {

    width: 1.25rem

}



.w-7 {

    width: 1.75rem

}



.w-8 {

    width: 2rem

}



.w-80 {

    width: 20rem

}



.w-9 {

    width: 2.25rem

}



.w-\[1\.875rem\] {

    width: 1.875rem

}



.w-\[100px\] {

    width: 100px

}



.w-\[125px\] {

    width: 125px

}



.w-\[170px\] {

    width: 170px

}



.w-\[185px\] {

    width: 185px

}



.w-\[200px\] {

    width: 200px

}



.w-\[20px\] {

    width: 20px

}



.w-\[225px\] {

    width: 225px

}



.w-\[230px\] {

    width: 230px

}



.w-\[240px\] {

    width: 240px

}



.w-\[26px\] {

    width: 26px

}



.w-\[280px\] {

    width: 280px

}



.w-\[285px\] {

    width: 285px

}



.w-\[30px\] {

    width: 30px

}



.w-\[350px\] {

    width: 350px

}



.w-\[50px\] {

    width: 50px

}



.w-\[60px\] {

    width: 60px

}



.w-\[6px\] {

    width: 6px

}



.w-\[70px\] {

    width: 70px

}



.w-full {

    width: 100%

}



.min-w-12 {

    min-width: 3rem

}



.min-w-14 {

    min-width: 3.5rem

}



.min-w-16 {

    min-width: 4rem

}



.min-w-20 {

    min-width: 5rem

}



.min-w-24 {

    min-width: 6rem

}



.min-w-28 {

    min-width: 7rem

}



.min-w-32 {

    min-width: 8rem

}



.min-w-36 {

    min-width: 9rem

}



.min-w-40 {

    min-width: 10rem

}



.min-w-44 {

    min-width: 11rem

}



.min-w-48 {

    min-width: 12rem

}



.min-w-52 {

    min-width: 13rem

}



.min-w-56 {

    min-width: 14rem

}



.min-w-60 {

    min-width: 15rem

}



.min-w-64 {

    min-width: 16rem

}



.min-w-72 {

    min-width: 18rem

}



.min-w-\[1000px\] {

    min-width: 1000px

}



.min-w-\[100px\] {

    min-width: 100px

}



.min-w-\[103px\] {

    min-width: 103px

}



.min-w-\[110px\] {

    min-width: 110px

}



.min-w-\[120px\] {

    min-width: 120px

}



.min-w-\[122px\] {

    min-width: 122px

}



.min-w-\[130px\] {

    min-width: 130px

}



.min-w-\[135px\] {

    min-width: 135px

}



.min-w-\[137px\] {

    min-width: 137px

}



.min-w-\[150px\] {

    min-width: 150px

}



.min-w-\[160px\] {

    min-width: 160px

}



.min-w-\[165px\] {

    min-width: 165px

}



.min-w-\[175px\] {

    min-width: 175px

}



.min-w-\[180px\] {

    min-width: 180px

}



.min-w-\[190px\] {

    min-width: 190px

}



.min-w-\[200px\] {

    min-width: 200px

}



.min-w-\[206px\] {

    min-width: 206px

}



.min-w-\[220px\] {

    min-width: 220px

}



.min-w-\[224px\] {

    min-width: 224px

}



.min-w-\[225px\] {

    min-width: 225px

}



.min-w-\[240px\] {

    min-width: 240px

}



.min-w-\[250px\] {

    min-width: 250px

}



.min-w-\[260px\] {

    min-width: 260px

}



.min-w-\[300px\] {

    min-width: 300px

}



.min-w-\[98px\] {

    min-width: 98px

}



.min-w-full {

    min-width: 100%

}



.max-w-16 {

    max-width: 4rem

}



.max-w-24 {

    max-width: 6rem

}



.max-w-2xl {

    max-width: 42rem

}



.max-w-32 {

    max-width: 8rem

}



.max-w-48 {

    max-width: 12rem

}



.max-w-56 {

    max-width: 14rem

}



.max-w-64 {

    max-width: 16rem

}



.max-w-72 {

    max-width: 18rem

}



.max-w-\[125px\] {

    max-width: 125px

}



.max-w-\[15\%\] {

    max-width: 15%

}



.max-w-\[170px\] {

    max-width: 170px

}



.max-w-\[175px\] {

    max-width: 175px

}



.max-w-\[200px\] {

    max-width: 200px

}



.max-w-\[220px\] {

    max-width: 220px

}



.max-w-\[25\%\] {

    max-width: 25%

}



.max-w-\[250px\] {

    max-width: 250px

}



.max-w-\[280px\] {

    max-width: 280px

}



.max-w-\[320px\] {

    max-width: 320px

}



.max-w-\[370px\] {

    max-width: 370px

}



.max-w-\[380px\] {

    max-width: 380px

}



.max-w-\[440px\] {

    max-width: 440px

}



.max-w-\[450px\] {

    max-width: 450px

}



.max-w-\[460px\] {

    max-width: 460px

}



.max-w-\[500px\] {

    max-width: 500px

}



.max-w-\[60\%\] {

    max-width: 60%

}



.max-w-\[600px\] {

    max-width: 600px

}



.max-w-full {

    max-width: 100%

}



.max-w-none {

    max-width: none

}



.flex-1 {

    flex: 1 1 0%

}



.flex-none {

    flex: none

}



.shrink-0 {

    flex-shrink: 0

}



.grow {

    flex-grow: 1

}



.grow-0 {

    flex-grow: 0

}



.table-auto {

    table-layout: auto

}



.table-fixed {

    table-layout: fixed

}



.-translate-x-1\/2,

.-translate-x-2\/4 {

    --tw-translate-x: -50%;

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

}



.-translate-y-1\/2,

.-translate-y-2\/4 {

    --tw-translate-y: -50%

}



.-translate-y-1\/2,

.-translate-y-2\/4,

.translate-x-1\/2 {

    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%

}



.translate-x-full {

    --tw-translate-x: 100%

}



.translate-x-full,

.translate-y-1\/2 {

    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 {

    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 spin {

    to {

        transform: rotate(1turn)

    }

}



.animate-spin {

    animation: spin 1s linear infinite

}



.cursor-pointer {

    cursor: pointer

}



.resize {

    resize: both

}



.appearance-none {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.grid-cols-1 {

    grid-template-columns: repeat(1, 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-rows-2 {

    grid-template-rows: repeat(2, minmax(0, 1fr))

}



.flex-row {

    flex-direction: row

}



.flex-col {

    flex-direction: column

}



.flex-col-reverse {

    flex-direction: column-reverse

}



.flex-wrap {

    flex-wrap: wrap

}



.flex-nowrap {

    flex-wrap: nowrap

}



.place-content-center {

    place-content: center

}



.place-content-between {

    place-content: space-between

}



.place-items-center {

    place-items: center

}



.content-between {

    align-content: space-between

}



.items-start {

    align-items: flex-start

}



.items-end {

    align-items: flex-end

}



.items-center {

    align-items: center

}



.items-baseline {

    align-items: baseline

}



.items-stretch {

    align-items: stretch

}



.justify-end {

    justify-content: flex-end

}



.justify-center {

    justify-content: center

}



.justify-between {

    justify-content: space-between

}



.gap-0 {

    gap: 0

}



.gap-0\.5 {

    gap: .125rem

}



.gap-1 {

    gap: .25rem

}



.gap-1\.25 {

    gap: .3rem

}



.gap-1\.5 {

    gap: .375rem

}



.gap-10 {

    gap: 2.5rem

}



.gap-2 {

    gap: .5rem

}



.gap-2\.5 {

    gap: .625rem

}



.gap-3 {

    gap: .75rem

}



.gap-3\.5 {

    gap: .875rem

}



.gap-4 {

    gap: 1rem

}



.gap-5 {

    gap: 1.25rem

}



.gap-6 {

    gap: 1.5rem

}



.gap-7 {

    gap: 1.75rem

}



.gap-7\.5 {

    gap: 1.875rem

}



.gap-\[10px\] {

    gap: 10px

}



.gap-\[14px\] {

    gap: 14px

}



.gap-\[5px\] {

    gap: 5px

}



.gap-px {

    gap: 1px

}



.gap-x-4 {

    -moz-column-gap: 1rem;

    column-gap: 1rem

}



.gap-y-3\.5 {

    row-gap: .875rem

}



.gap-y-5 {

    row-gap: 1.25rem

}



.-space-x-2>:not([hidden])~:not([hidden]) {

    --tw-space-x-reverse: 0;

    margin-right: calc(-.5rem*var(--tw-space-x-reverse));

    margin-left: calc(-.5rem*(1 - var(--tw-space-x-reverse)))

}



.divide-y>:not([hidden])~:not([hidden]) {

    --tw-divide-y-reverse: 0;

    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));

    border-bottom-width: calc(1px*var(--tw-divide-y-reverse))

}



.divide-gray-200>:not([hidden])~:not([hidden]) {

    border-color: var(--tw-gray-200)

}



.place-self-end {

    place-self: end

}



.justify-self-end {

    justify-self: end

}



.justify-self-center {

    justify-self: center

}



.overflow-auto {

    overflow: auto

}



.overflow-hidden {

    overflow: hidden

}



.text-nowrap {

    text-wrap: nowrap

}



.rounded {

    border-radius: .25rem

}



.rounded-\[30px\] {

    border-radius: 30px

}



.rounded-full {

    border-radius: 9999px

}



.rounded-lg {

    border-radius: .5rem

}



.rounded-md {

    border-radius: .375rem

}



.rounded-sm {

    border-radius: .125rem

}



.rounded-xl {

    border-radius: .75rem

}



.rounded-t-lg {

    border-top-left-radius: .5rem;

    border-top-right-radius: .5rem

}



.rounded-t-xl {

    border-top-left-radius: .75rem;

    border-top-right-radius: .75rem

}



.rounded-bl-none {

    border-bottom-left-radius: 0

}



.rounded-br-none {

    border-bottom-right-radius: 0

}



.border {

    border-width: 1px

}



.border-0 {

    border-width: 0

}



.border-2 {

    border-width: 2px

}



.border-3 {

    border-width: 3px

}



.border-\[0\.5px\] {

    border-width: .5px

}



.\!border-b-0 {

    border-bottom-width: 0 !important

}



.border-b {

    border-bottom-width: 1px

}



.border-b-0 {

    border-bottom-width: 0

}



.border-b-2 {

    border-bottom-width: 2px

}



.border-l {

    border-left-width: 1px

}



.border-l-2 {

    border-left-width: 2px

}



.border-r {

    border-right-width: 1px

}



.border-t {

    border-top-width: 1px

}



.border-dashed {

    border-style: dashed

}



.border-none {

    border-style: none

}



.border-brand {

    border-color: var(--tw-brand)

}



.border-brand-clarity {

    border-color: var(--tw-brand-clarity)

}



.border-danger {

    border-color: var(--tw-danger)

}



.border-danger-clarity {

    border-color: var(--tw-danger-clarity)

}



.border-gray-200 {

    border-color: var(--tw-gray-200)

}



.border-gray-300 {

    border-color: var(--tw-gray-300)

}



.border-gray-400 {

    border-color: var(--tw-gray-400)

}



.border-primary {

    border-color: var(--tw-primary)

}



.border-success {

    border-color: var(--tw-success)

}



.border-success-clarity {

    border-color: var(--tw-success-clarity)

}



.border-transparent {

    border-color: #0000

}



.border-warning {

    border-color: var(--tw-warning)

}



.border-b-brand-clarity {

    border-bottom-color: var(--tw-brand-clarity)

}



.border-b-gray-200 {

    border-bottom-color: var(--tw-gray-200)

}



.border-b-transparent {

    border-bottom-color: #0000

}



.border-l-gray-200 {

    border-left-color: var(--tw-gray-200)

}



.border-l-gray-300 {

    border-left-color: var(--tw-gray-300)

}



.border-r-gray-200 {

    border-right-color: var(--tw-gray-200)

}



.border-r-gray-300 {

    border-right-color: var(--tw-gray-300)

}



.border-t-gray-200 {

    border-top-color: var(--tw-gray-200)

}



.bg-\[\#fefefe\] {

    --tw-bg-opacity: 1;

    background-color: #0d0d0d

}



.bg-brand {

    background-color: var(--tw-brand)

}



.bg-brand-light {

    background-color: var(--tw-brand-light)

}



.bg-danger {

    background-color: var(--tw-danger)

}



.bg-danger-light {

    background-color: var(--tw-danger-light)

}



.bg-dark-clarity {

    background-color: var(--tw-dark-clarity)

}



.bg-gray-100 {

    background-color: var(--tw-gray-100)

}



.bg-gray-300 {

    background-color: var(--tw-gray-300)

}



.bg-gray-400 {

    background-color: var(--tw-gray-400)

}



.bg-gray-500 {

    background-color: var(--tw-gray-500)

}



.bg-gray-600 {

    background-color: var(--tw-gray-600)

}



.bg-gray-900 {

    background-color: var(--tw-gray-900)

}



.bg-purp {

    background-color: var(--tw-info-active-light)

}



.bg-info {

    background-color: var(--tw-info)

}



.bg-info-light {

    background-color: var(--tw-info-light)

}



.bg-light {

    background-color: var(--tw-light)

}



.bg-light-active {

    background-color: var(--tw-light-active)

}



.bg-primary {

    background-color: var(--tw-primary)

}



.bg-primary-light {

    background-color: var(--tw-primary-light)

}



.bg-secondary-clarity {

    background-color: var(--tw-secondary-clarity)

}



.bg-success {

    background-color: var(--tw-success)

}



.bg-success-light {

    background-color: var(--tw-success-light)

}



.bg-transparent {

    background-color: initial

}



.bg-warning {

    background-color: var(--tw-warning)

}



.bg-warning-light {

    background-color: var(--tw-warning-light)

}



.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255/var(--tw-bg-opacity))

}



.bg-gradient-to-t {

    background-image: linear-gradient(to top, var(--tw-gradient-stops))

}



.from-light {

    --tw-gradient-from: var(--tw-light) var(--tw-gradient-from-position);

    --tw-gradient-to: #fff0 var(--tw-gradient-to-position);

    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)

}



.to-transparent {

    --tw-gradient-to: #0000 var(--tw-gradient-to-position)

}



.bg-\[length\:500px\] {

    background-size: 500px

}



.bg-\[length\:550px\] {

    background-size: 550px

}



.bg-\[length\:600px\] {

    background-size: 600px

}



.bg-\[length\:650px\] {

    background-size: 650px

}



.bg-\[length\:660px_310px\] {

    background-size: 660px 310px

}



.bg-\[length\:700px\] {

    background-size: 700px

}



.bg-\[length\:750px\] {

    background-size: 750px

}



.bg-\[length\:80\%\] {

    background-size: 80%

}



.bg-cover {

    background-size: cover

}



.bg-\[center_right_-8rem\] {

    background-position: center right -8rem

}



.bg-\[center_top_1\.3rem\] {

    background-position: center top 1.3rem

}



.bg-\[right_top_-1\.7rem\] {

    background-position: right top -1.7rem

}



.bg-center {

    background-position: 50%

}



.bg-top {

    background-position: top

}



.bg-no-repeat {

    background-repeat: no-repeat

}



.fill-brand-light {

    fill: var(--tw-brand-light)

}



.fill-danger-light {

    fill: var(--tw-danger-light)

}



.fill-gray-100 {

    fill: var(--tw-gray-100)

}



.fill-info-light {

    fill: var(--tw-info-light)

}



.fill-light {

    fill: var(--tw-light)

}



.fill-primary-light {

    fill: var(--tw-primary-light)

}



.fill-success-light {

    fill: var(--tw-success-light)

}



.stroke-brand-clarity {

    stroke: var(--tw-brand-clarity)

}



.stroke-danger-clarity {

    stroke: var(--tw-danger-clarity)

}



.stroke-gray-300 {

    stroke: var(--tw-gray-300)

}



.stroke-info-clarity {

    stroke: var(--tw-info-clarity)

}



.stroke-primary-clarity {

    stroke: var(--tw-primary-clarity)

}



.stroke-success-clarity {

    stroke: var(--tw-success-clarity)

}



.\!p-5 {

    padding: 1.25rem !important

}



.p-0 {

    padding: 0

}



.p-1\.5 {

    padding: .375rem

}



.p-10 {

    padding: 2.5rem

}



.p-2 {

    padding: .5rem

}



.p-2\.5 {

    padding: .625rem

}



.p-3 {

    padding: .75rem

}



.p-3\.5 {

    padding: .875rem

}



.p-4 {

    padding: 1rem

}



.p-5 {

    padding: 1.25rem

}



.p-7 {

    padding: 1.75rem

}



.p-7\.5 {

    padding: 1.875rem

}



.p-8 {

    padding: 2rem

}



.\!px-5 {

    padding-left: 1.25rem !important;

    padding-right: 1.25rem !important

}



.\!py-3\.5 {

    padding-top: .875rem !important;

    padding-bottom: .875rem !important

}



.\!py-5\.5 {

    padding-top: 1.375rem !important;

    padding-bottom: 1.375rem !important

}



.px-0 {

    padding-left: 0;

    padding-right: 0

}



.px-10 {

    padding-left: 2.5rem;

    padding-right: 2.5rem

}



.px-2 {

    padding-left: .5rem;

    padding-right: .5rem

}



.px-2\.5 {

    padding-left: .625rem;

    padding-right: .625rem

}



.px-2\.75 {

    padding-left: .688rem;

    padding-right: .688rem

}



.px-3 {

    padding-left: .75rem;

    padding-right: .75rem

}



.px-3\.5 {

    padding-left: .875rem;

    padding-right: .875rem

}



.px-4 {

    padding-left: 1rem;

    padding-right: 1rem

}



.px-5 {

    padding-left: 1.25rem;

    padding-right: 1.25rem

}



.px-7\.5 {

    padding-left: 1.875rem;

    padding-right: 1.875rem

}



.px-9 {

    padding-left: 2.25rem;

    padding-right: 2.25rem

}



.py-0 {

    padding-top: 0;

    padding-bottom: 0

}



.py-0\.5 {

    padding-top: .125rem;

    padding-bottom: .125rem

}



.py-1 {

    padding-top: .25rem;

    padding-bottom: .25rem

}



.py-1\.5 {

    padding-top: .375rem;

    padding-bottom: .375rem

}



.py-10 {

    padding-top: 2.5rem;

    padding-bottom: 2.5rem

}



.py-2 {

    padding-top: .5rem;

    padding-bottom: .5rem

}



.py-2\.25 {

    padding-top: .563rem;

    padding-bottom: .563rem

}



.py-2\.5 {

    padding-top: .625rem;

    padding-bottom: .625rem

}



.py-3 {

    padding-top: .75rem;

    padding-bottom: .75rem

}



.py-3\.5 {

    padding-top: .875rem;

    padding-bottom: .875rem

}



.py-4 {

    padding-top: 1rem;

    padding-bottom: 1rem

}



.py-4\.5 {

    padding-top: 1.125rem;

    padding-bottom: 1.125rem

}



.py-5 {

    padding-top: 1.25rem;

    padding-bottom: 1.25rem

}



.py-7\.5 {

    padding-top: 1.875rem;

    padding-bottom: 1.875rem

}



.py-9 {

    padding-top: 2.25rem;

    padding-bottom: 2.25rem

}



.py-\[5\%\] {

    padding-top: 5%;

    padding-bottom: 5%

}



.py-\[6px\] {

    padding-top: 6px;

    padding-bottom: 6px

}



.py-\[8px\] {

    padding-top: 8px;

    padding-bottom: 8px

}



.\!pb-6 {

    padding-bottom: 1.5rem !important

}



.\!pr-7\.5 {

    padding-right: 1.875rem !important

}



.\!pt-7\.5 {

    padding-top: 1.875rem !important

}



.pb-0 {

    padding-bottom: 0

}



.pb-0\.5 {

    padding-bottom: .125rem

}



.pb-1 {

    padding-bottom: .25rem

}



.pb-1\.5 {

    padding-bottom: .375rem

}



.pb-10 {

    padding-bottom: 2.5rem

}



.pb-2 {

    padding-bottom: .5rem

}



.pb-2\.5 {

    padding-bottom: .625rem

}



.pb-3 {

    padding-bottom: .75rem

}



.pb-3\.5 {

    padding-bottom: .875rem

}



.pb-4 {

    padding-bottom: 1rem

}



.pb-5 {

    padding-bottom: 1.25rem

}



.pb-6 {

    padding-bottom: 1.5rem

}



.pb-7 {

    padding-bottom: 1.75rem

}



.pb-7\.5 {

    padding-bottom: 1.875rem

}



.pb-px {

    padding-bottom: 1px

}



.pe-3 {

    padding-inline-end: .75rem

}



.pe-4 {

    padding-inline-end: 1rem

}



.pe-6 {

    padding-inline-end: 1.5rem

}



.pe-7\.5 {

    padding-inline-end: 1.875rem

}



.pl-2 {

    padding-left: .5rem

}



.pl-2\.5 {

    padding-left: .625rem

}



.pl-5 {

    padding-left: 1.25rem

}



.pl-6 {

    padding-left: 1.5rem

}



.pl-8 {

    padding-left: 2rem

}



.pl-\[10px\] {

    padding-left: 10px

}



.pl-\[22px\] {

    padding-left: 22px

}



.pr-1 {

    padding-right: .25rem

}



.pr-10 {

    padding-right: 2.5rem

}



.pr-2 {

    padding-right: .5rem

}



.pr-2\.5 {

    padding-right: .625rem

}



.pr-3 {

    padding-right: .75rem

}



.pr-\[10px\] {

    padding-right: 10px

}



.ps-12 {

    padding-inline-start: 3rem

}



.ps-3 {

    padding-inline-start: .75rem

}



.ps-8 {

    padding-inline-start: 2rem

}



.ps-px {

    padding-inline-start: 1px

}



.pt-0 {

    padding-top: 0

}



.pt-1 {

    padding-top: .25rem

}



.pt-1\.5 {

    padding-top: .375rem

}



.pt-2 {

    padding-top: .5rem

}



.pt-2\.25 {

    padding-top: .563rem

}



.pt-2\.5 {

    padding-top: .625rem

}



.pt-3 {

    padding-top: .75rem

}



.pt-3\.5 {

    padding-top: .875rem

}



.pt-4 {

    padding-top: 1rem

}



.pt-5 {

    padding-top: 1.25rem

}



.pt-7\.5 {

    padding-top: 1.875rem

}



.pt-px {

    padding-top: 1px

}



.text-left {

    text-align: left

}



.text-center {

    text-align: center

}



.text-right {

    text-align: right

}



.text-start {

    text-align: start

}



.align-middle {

    vertical-align: middle

}



.align-bottom {

    vertical-align: bottom

}



.text-1\.5xl {

    font-size: 1.375rem;

    line-height: 1.8125rem

}



.text-2\.5xl {

    font-size: 1.625rem;

    line-height: 2.125rem

}



.text-2sm {

    font-size: .8125rem;

    line-height: 1.125rem

}



.text-2xl {

    font-size: 1.5rem;

    line-height: 2rem

}



.text-2xs {

    font-size: .6875rem;

    line-height: .75rem

}



.text-3xl {

    font-size: 1.875rem;

    line-height: 2.25rem

}



.text-3xs {

    font-size: .625rem;

    line-height: .75rem

}



.text-4xs {

    font-size: .5625rem;

    line-height: .6875rem

}



.text-\[0\.75rem\] {

    font-size: .75rem

}



.text-\[1\.875rem\] {

    font-size: 1.875rem

}



.text-\[2\.25rem\] {

    font-size: 2.25rem

}



.text-base {

    font-size: 1rem;

    line-height: 1.5rem

}



.text-lg {

    font-size: 1.125rem;

    line-height: 1.75rem

}



.text-md {

    font-size: .9375rem;

    line-height: 1.375rem

}



.text-sm {

    font-size: .875rem;

    line-height: 1.25rem

}



.text-xl {

    font-size: 1.25rem;

    line-height: 1.75rem

}



.text-xs {

    font-size: .75rem;

    line-height: 1rem

}



.font-medium {

    font-weight: 500

}



.font-normal {

    font-weight: 400

}



.font-semibold {

    font-weight: 600

}



.uppercase {

    text-transform: uppercase

}



.italic {

    font-style: italic

}



.leading-3 {

    line-height: .75rem

}



.leading-4 {

    line-height: 1rem

}



.leading-5 {

    line-height: 1.25rem

}



.leading-5\.5 {

    line-height: 1.375rem

}



.leading-6 {

    line-height: 1.5rem

}



.leading-\[14px\] {

    line-height: 14px

}



.leading-\[22px\] {

    line-height: 22px

}



.leading-none {

    line-height: 1

}



.tracking-tight {

    letter-spacing: -.025em

}



.text-brand {

    color: var(--tw-brand)

}



.text-danger {

    color: var(--tw-danger)

}



.text-danger-inverse {

    color: var(--tw-danger-inverse)

}



.text-gr {

    color: var(--tw-success-dark)

}



.text-purp {

    color: var(--tw-info-active-light)

}



.text-lar {

    color: var(--tw-danger-dark)

}



.text-yel {

    color: var(--tw-warning-active)

}



.text-blue {

    color: var(--tw-primary-active-light)

}



.text-orange {

    color: var(--tw-brand-active-light)

}



.text-gray-300 {

    color: var(--tw-gray-300)

}



.text-gray-400 {

    color: var(--tw-gray-400)

}



.text-gray-500 {

    color: var(--tw-gray-500)

}



.text-gray-600 {

    color: var(--tw-gray-600)

}



.text-gray-700 {

    color: var(--tw-gray-700)

}



.text-gray-800 {

    color: var(--tw-gray-800)

}



.text-gray-900 {

    color: var(--tw-gray-900)

}



.text-info {

    color: var(--tw-info)

}



.text-info-inverse {

    color: var(--tw-info-inverse)

}



.text-light {

    color: var(--tw-light)

}



.text-primary {

    color: var(--tw-primary)

}



.text-primary-inverse {

    color: var(--tw-primary-inverse)

}



.text-success {

    color: var(--tw-success)

}



.text-success-inverse {

    color: var(--tw-success-inverse)

}



.text-warning {

    color: var(--tw-warning)

}



.text-warning-inverse {

    color: var(--tw-warning-inverse)

}



.opacity-25 {

    opacity: .25

}



.opacity-75 {

    opacity: .75

}



.opacity-80 {

    opacity: .8

}



.shadow-card {

    --tw-shadow: var(--tw-card-box-shadow);

    --tw-shadow-colored: var(--tw-card-box-shadow)

}



.shadow-card,

.shadow-default {

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

}



.shadow-default {

    --tw-shadow: var(--tw-default-box-shadow);

    --tw-shadow-colored: var(--tw-default-box-shadow)

}



.shadow-none {

    --tw-shadow: 0 0 #0000;

    --tw-shadow-colored: 0 0 #0000

}



.shadow-none,

.shadow-sm {

    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)

}



.shadow-sm {

    --tw-shadow: 0 1px 2px 0 #0000000d;

    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)

}



.outline {

    outline-style: solid

}



.ring-1 {

    --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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)

}



.ring-1,

.ring-2 {

    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)

}



.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)

}



.ring-danger-clarity {

    --tw-ring-color: var(--tw-danger-clarity)

}



.ring-danger-light {

    --tw-ring-color: var(--tw-danger-light)

}



.ring-gray-200 {

    --tw-ring-color: var(--tw-gray-200)

}



.ring-gray-300 {

    --tw-ring-color: var(--tw-gray-300)

}



.ring-info-clarity {

    --tw-ring-color: var(--tw-info-clarity)

}



.ring-info-light {

    --tw-ring-color: var(--tw-info-light)

}



.ring-light {

    --tw-ring-color: var(--tw-light)

}



.ring-light-light {

    --tw-ring-color: var(--tw-light-light)

}



.ring-primary-clarity {

    --tw-ring-color: var(--tw-primary-clarity)

}



.ring-primary-light {

    --tw-ring-color: var(--tw-primary-light)

}



.ring-success-clarity {

    --tw-ring-color: var(--tw-success-clarity)

}



.ring-success-light {

    --tw-ring-color: var(--tw-success-light)

}



.ring-warning-clarity {

    --tw-ring-color: var(--tw-warning-clarity)

}



.ring-warning-light {

    --tw-ring-color: var(--tw-warning-light)

}



.blur {

    --tw-blur: blur(8px)

}



.blur,

.filter {

    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)

}



.transition-all {

    transition-property: all;

    transition-timing-function: cubic-bezier(.4, 0, .2, 1);

    transition-duration: .15s

}



.duration-300 {

    transition-duration: .3s

}



.\[background-position\:121\%_41\%\] {

    background-position: 121% 41%

}



.\[background-position\:175\%_25\%\] {

    background-position: 175% 25%

}



.\[background-position\:220\%_44\%\] {

    background-position: 220% 44%

}



.demo1 {

    --tw-sidebar-transition-duration: 0.3s;

    --tw-sidebar-transition-timing: ease;

    --tw-sidebar-width: 280px;

    --tw-sidebar-defualt-width: 280px;

    --tw-header-height: 70px

}



@media (max-width:1024px) {

    .demo1 {

        --tw-sidebar-width: 280px;

        --tw-header-height: 60px

    }

}



.demo1 .header {

    height: var(--tw-header-height)

}



.demo1.header-fixed .wrapper {

    padding-top: var(--tw-header-height)

}


.\[\&_tr\:nth-of-type\(2\)\>td\:first-child\]\:card-rounded-tl tr:nth-of-type(2)>td:first-child {

    border-top-left-radius: .75rem

}



.\[\&_tr\:nth-of-type\(2\)\>td\]\:table-border-t tr:nth-of-type(2)>td {

    border-top: var(--tw-table-border)

}



.placeholder\:text-gray-700::-moz-placeholder {

    color: var(--tw-gray-700)

}



.placeholder\:text-gray-700::placeholder {

    color: var(--tw-gray-700)

}



.before\:absolute:before {

    content: var(--tw-content);

    position: absolute

}



.before\:bottom-0:before {

    content: var(--tw-content);

    bottom: 0

}



.before\:left-\[11px\]:before {

    content: var(--tw-content);

    left: 11px

}



.before\:left-\[20px\]:before {

    content: var(--tw-content);

    left: 20px

}



.before\:left-\[32px\]:before {

    content: var(--tw-content);

    left: 32px

}



.before\:left-px:before {

    content: var(--tw-content);

    left: 1px

}



.before\:top-0:before {

    content: var(--tw-content);

    top: 0

}



.before\:size-1\.5:before {

    content: var(--tw-content);

    width: .375rem;

    height: .375rem

}



.before\:size-\[6px\]:before {

    content: var(--tw-content);

    width: 6px;

    height: 6px

}



.before\:-translate-x-1\/2:before,

.before\:-translate-x-2\/4: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,

.before\:-translate-y-2\/4: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-full:before {

    content: var(--tw-content);

    border-radius: 9999px

}



.before\:border-l:before {

    content: var(--tw-content);

    border-left-width: 1px

}



.before\:border-gray-200:before {

    content: var(--tw-content);

    border-color: var(--tw-gray-200)

}



.last\:mr-5:last-child {

    margin-right: 1.25rem

}



.last-of-type\:hidden:last-of-type {

    display: none

}



.hover\:z-5:hover {

    z-index: 5

}



.hover\:rounded-lg:hover {

    border-radius: .5rem

}



.hover\:bg-primary-light:hover {

    background-color: var(--tw-primary-light)

}



.hover\:bg-secondary-active:hover {

    background-color: var(--tw-secondary-active)

}



.hover\:text-gray-700:hover {

    color: var(--tw-gray-700)

}



.hover\:text-gray-800:hover {

    color: var(--tw-gray-800)

}



.hover\:text-primary:hover {

    color: var(--tw-primary)

}



.hover\:text-primary-active:hover {

    color: var(--tw-primary-active)

}



.focus\:border-primary-clarity:focus {

    border-color: var(--tw-primary-clarity)

}



.focus\:ring:focus {

    --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(3px + 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)

}



.focus\:ring-primary-clarity:focus {

    --tw-ring-color: var(--tw-primary-clarity)

}



.group:hover .group-hover\:text-primary {

    color: var(--tw-primary)

}



.group:hover .group-hover\:text-primary-active {

    color: var(--tw-primary-active)

}



.has-\[\:checked\]\:border-3:has(:checked) {

    border-width: 3px

}



.has-\[\:checked\]\:border-primary:has(:checked) {

    border-color: var(--tw-primary)

}



.has-\[\:checked\]\:border-success:has(:checked) {

    border-color: var(--tw-success)

}



[data-accordion-item].active.accordion-active\:block {

    display: block

}



[data-accordion-item].active.accordion-active\:hidden {

    display: none

}



[data-accordion-item].active>[data-accordion-toggle] .accordion-active\:block {

    display: block

}



[data-accordion-item].active>[data-accordion-toggle] .accordion-active\:hidden {

    display: none

}



[data-accordion-item].active>[data-accordion-toggle].accordion-active\:block {

    display: block

}



[data-accordion-item].active>[data-accordion-toggle].accordion-active\:hidden {

    display: none

}



[data-modal].open .modal-open\:\!flex,

[data-modal].open.modal-open\:\!flex {

    display: flex !important

}



[data-dropdown].open .dropdown-open\:bg-primary-light {

    background-color: var(--tw-primary-light)

}



[data-dropdown].open .dropdown-open\:text-primary {

    color: var(--tw-primary)

}



[data-dropdown-content].open .dropdown-open\:bg-primary-light {

    background-color: var(--tw-primary-light)

}



[data-dropdown-content].open .dropdown-open\:text-primary {

    color: var(--tw-primary)

}



[data-toggle].active .toggle-active\:rotate-180,

[data-toggle].active.toggle-active\:rotate-180 {

    --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))

}



[data-tab-toggle].active.tab-active\:border-primary-clarity {

    border-color: var(--tw-primary-clarity)

}



[data-tab-toggle].active.tab-active\:bg-primary-light {

    background-color: var(--tw-primary-light)

}



[data-tab-toggle].active.tab-active\:text-primary {

    color: var(--tw-primary)

}



[data-tab-toggle].active .tab-active\:border-primary-clarity {

    border-color: var(--tw-primary-clarity)

}



[data-tab-toggle].active .tab-active\:bg-primary-light {

    background-color: var(--tw-primary-light)

}



[data-tab-toggle].active .tab-active\:text-primary {

    color: var(--tw-primary)

}



[data-toggle-password].active.toggle-password-active\:block {

    display: block

}



[data-toggle-password].active.toggle-password-active\:hidden {

    display: none

}



[data-toggle-password].active .toggle-password-active\:block {

    display: block

}



[data-toggle-password].active .toggle-password-active\:hidden {

    display: none

}



[data-scrollspy-anchor].active.scrollspy-active\:bg-secondary-active {

    background-color: var(--tw-secondary-active)

}



[data-scrollspy-anchor].active.scrollspy-active\:text-primary {

    color: var(--tw-primary)

}



[data-scrollspy-anchor].active.scrollspy-active\:before\:bg-primary:before {

    content: var(--tw-content);

    background-color: var(--tw-primary)

}



[data-scrollspy-anchor].active .scrollspy-active\:bg-secondary-active {

    background-color: var(--tw-secondary-active)

}



[data-scrollspy-anchor].active .scrollspy-active\:text-primary {

    color: var(--tw-primary)

}



[data-scrollspy-anchor].active .scrollspy-active\:before\:bg-primary:before {

    content: var(--tw-content);

    background-color: var(--tw-primary)

}



[data-image-input].empty .image-input-empty\:border-gray-300 {

    border-color: var(--tw-gray-300)

}



.light .light\:hidden {

    display: none

}



.light .light\:border-gray-300 {

    border-color: var(--tw-gray-300)

}



.switch:has([type=checkbox]:checked) .switch-on\:inline {

    display: inline

}



.switch:has([type=checkbox]:checked) .switch-on\:hidden {

    display: none

}



.dark\:block:is(.dark *) {

    display: block

}



.dark\:hidden:is(.dark *) {

    display: none

}



.dark\:border-b:is(.dark *) {

    border-bottom-width: 1px

}



.dark\:border-gray-300:is(.dark *) {

    border-color: var(--tw-gray-300)

}



.dark\:border-b-coal-100:is(.dark *) {

    --tw-border-opacity: 1;

    border-bottom-color: rgb(21 23 28/var(--tw-border-opacity))

}



.dark\:border-r-coal-100:is(.dark *) {

    --tw-border-opacity: 1;

    border-right-color: rgb(21 23 28/var(--tw-border-opacity))

}



.dark\:bg-coal-100:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(15 15 15/var(--tw-bg-opacity))

}



.dark\:bg-coal-500:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(13 13 13/var(--tw-bg-opacity))

}



.dark\:bg-coal-600:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(6 6 6/var(--tw-bg-opacity))

}



.dark\:text-gray-400:is(.dark *) {

    color: var(--tw-gray-400)

}



.dark\:hover\:border-gray-100:hover:is(.dark *) {

    border-color: var(--tw-gray-100)

}



.dark\:hover\:bg-coal-300:hover:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(11 11 11/var(--tw-bg-opacity))

}




[data-scrollspy-anchor].active.dark\:scrollspy-active\:border-gray-100:is(.dark *) {

    border-color: var(--tw-gray-100)

}



[data-scrollspy-anchor].active.dark\:scrollspy-active\:bg-coal-300:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(11 11 11/var(--tw-bg-opacity))

}



[data-scrollspy-anchor].active .dark\:scrollspy-active\:border-gray-100:is(.dark *) {

    border-color: var(--tw-gray-100)

}



[data-scrollspy-anchor].active .dark\:scrollspy-active\:bg-coal-300:is(.dark *) {

    --tw-bg-opacity: 1;

    background-color: rgb(11 11 11/var(--tw-bg-opacity))

}



@media (min-width:640px) {

    .sm\:ml-8 {

        margin-left: 2rem

    }



    .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\:pl-8 {

        padding-left: 2rem

    }

}



@media (min-width:768px) {

    .md\:order-1 {

        order: 1

    }



    .md\:order-2 {

        order: 2

    }



    .md\:w-80 {

        width: 20rem

    }



    .md\:max-w-\[60\%\] {

        max-width: 60%

    }



    .md\:flex-1 {

        flex: 1 1 0%

    }



    .md\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .md\:flex-row {

        flex-direction: row

    }



    .md\:flex-nowrap {

        flex-wrap: nowrap

    }



    .md\:items-center {

        align-items: center

    }



    .md\:justify-between {

        justify-content: space-between

    }



    .md\:gap-10 {

        gap: 2.5rem

    }

}



@media (min-width:1024px) {

    .lg\:top-\[15\%\] {

        top: 15%

    }



    .lg\:order-1 {

        order: 1

    }



    .lg\:order-2 {

        order: 2

    }



    .lg\:col-span-1 {

        grid-column: span 1/span 1

    }



    .lg\:col-span-2 {

        grid-column: span 2/span 2

    }



    .lg\:col-span-3 {

        grid-column: span 3/span 3

    }



    .lg\:m-5 {

        margin: 1.25rem

    }



    .lg\:mb-0 {

        margin-bottom: 0

    }



    .lg\:mb-10 {

        margin-bottom: 2.5rem

    }



    .lg\:mb-5 {

        margin-bottom: 1.25rem

    }



    .lg\:mb-6 {

        margin-bottom: 1.5rem

    }



    .lg\:mb-7 {

        margin-bottom: 1.75rem

    }



    .lg\:mb-8 {

        margin-bottom: 2rem

    }



    .lg\:mr-10 {

        margin-right: 2.5rem

    }



    .lg\:mt-0 {

        margin-top: 0

    }



    .lg\:block {

        display: block

    }



    .lg\:flex {

        display: flex

    }



    .lg\:hidden {

        display: none

    }



    .lg\:h-\[50px\] {

        height: 50px

    }



    .lg\:w-\[250px\] {

        width: 250px

    }



    .lg\:w-\[50px\] {

        width: 50px

    }



    .lg\:w-full {

        width: 100%

    }



    .lg\:min-w-24 {

        min-width: 6rem

    }



    .lg\:max-w-\[1240px\] {

        max-width: 1240px

    }



    .lg\:max-w-\[220px\] {

        max-width: 220px

    }



    .lg\:max-w-\[670px\] {

        max-width: 670px

    }



    .lg\:max-w-\[875px\] {

        max-width: 875px

    }



    .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\:grid-cols-5 {

        grid-template-columns: repeat(5, minmax(0, 1fr))

    }



    .lg\:flex-row {

        flex-direction: row

    }



    .lg\:flex-col {

        flex-direction: column

    }



    .lg\:flex-nowrap {

        flex-wrap: nowrap

    }



    .lg\:items-end {

        align-items: flex-end

    }



    .lg\:items-stretch {

        align-items: stretch

    }



    .lg\:justify-end {

        justify-content: flex-end

    }



    .lg\:justify-center {

        justify-content: center

    }



    .lg\:justify-between {

        justify-content: space-between

    }



    .lg\:gap-10 {

        gap: 2.5rem

    }



    .lg\:gap-11 {

        gap: 2.75rem

    }



    .lg\:gap-12 {

        gap: 3rem

    }



    .lg\:gap-14 {

        gap: 3.5rem

    }



    .lg\:gap-2\.5 {

        gap: .625rem

    }



    .lg\:gap-20 {

        gap: 5rem

    }



    .lg\:gap-3 {

        gap: .75rem

    }



    .lg\:gap-3\.5 {

        gap: .875rem

    }



    .lg\:gap-4 {

        gap: 1rem

    }



    .lg\:gap-4\.5 {

        gap: 1.125rem

    }



    .lg\:gap-5 {

        gap: 1.25rem

    }



    .lg\:gap-6 {

        gap: 1.5rem

    }



    .lg\:gap-7\.5 {

        gap: 1.875rem

    }



    .lg\:rounded-none {

        border-radius: 0

    }



    .lg\:rounded-xl {

        border-radius: .75rem

    }



    .lg\:rounded-l-none {

        border-top-left-radius: 0;

        border-bottom-left-radius: 0

    }



    .lg\:rounded-l-xl {

        border-top-left-radius: .75rem;

        border-bottom-left-radius: .75rem

    }



    .lg\:rounded-r-none {

        border-top-right-radius: 0;

        border-bottom-right-radius: 0

    }



    .lg\:rounded-r-xl {

        border-top-right-radius: .75rem;

        border-bottom-right-radius: .75rem

    }



    .lg\:rounded-t-none {

        border-top-left-radius: 0;

        border-top-right-radius: 0

    }



    .lg\:rounded-tl-xl {

        border-top-left-radius: .75rem

    }



    .lg\:border {

        border-width: 1px

    }



    .lg\:border-0 {

        border-width: 0

    }



    .lg\:border-l {

        border-left-width: 1px

    }



    .lg\:border-r {

        border-right-width: 1px

    }



    .lg\:border-t {

        border-top-width: 1px

    }



    .lg\:border-gray-200 {

        border-color: var(--tw-gray-200)

    }



    .lg\:border-l-gray-200 {

        border-left-color: var(--tw-gray-200)

    }



    .lg\:border-r-gray-200 {

        border-right-color: var(--tw-gray-200)

    }



    .lg\:border-t-gray-300 {

        border-top-color: var(--tw-gray-300)

    }



    .lg\:p-0 {

        padding: 0

    }



    .lg\:p-10 {

        padding: 2.5rem

    }



    .lg\:p-12 {

        padding: 3rem

    }



    .lg\:p-16 {

        padding: 4rem

    }



    .lg\:p-7 {

        padding: 1.75rem

    }



    .lg\:p-7\.5 {

        padding: 1.875rem

    }



    .lg\:px-10 {

        padding-left: 2.5rem;

        padding-right: 2.5rem

    }



    .lg\:px-6 {

        padding-left: 1.5rem;

        padding-right: 1.5rem

    }



    .lg\:px-7 {

        padding-left: 1.75rem;

        padding-right: 1.75rem

    }



    .lg\:px-7\.5 {

        padding-left: 1.875rem;

        padding-right: 1.875rem

    }



    .lg\:py-10 {

        padding-top: 2.5rem;

        padding-bottom: 2.5rem

    }



    .lg\:py-4 {

        padding-top: 1rem;

        padding-bottom: 1rem

    }



    .lg\:py-5 {

        padding-top: 1.25rem;

        padding-bottom: 1.25rem

    }



    .lg\:py-6 {

        padding-top: 1.5rem;

        padding-bottom: 1.5rem

    }



    .lg\:py-7\.5 {

        padding-top: 1.875rem;

        padding-bottom: 1.875rem

    }



    .lg\:py-9 {

        padding-top: 2.25rem;

        padding-bottom: 2.25rem

    }



    .lg\:pb-10 {

        padding-bottom: 2.5rem

    }



    .lg\:pb-2\.5 {

        padding-bottom: .625rem

    }



    .lg\:pb-4 {

        padding-bottom: 1rem

    }



    .lg\:pb-5 {

        padding-bottom: 1.25rem

    }



    .lg\:pb-7 {

        padding-bottom: 1.75rem

    }



    .lg\:pb-7\.5 {

        padding-bottom: 1.875rem

    }



    .lg\:pb-9 {

        padding-bottom: 2.25rem

    }



    .lg\:pe-10 {

        padding-inline-end: 2.5rem

    }



    .lg\:pe-12 {

        padding-inline-end: 3rem

    }



    .lg\:pe-6 {

        padding-inline-end: 1.5rem

    }



    .lg\:pe-8 {

        padding-inline-end: 2rem

    }



    .lg\:pl-5 {

        padding-left: 1.25rem

    }



    .lg\:pr-12\.5 {

        padding-right: 3.125rem

    }



    .lg\:pr-3 {

        padding-right: .75rem

    }



    .lg\:pt-10 {

        padding-top: 2.5rem

    }



    .lg\:pt-4 {

        padding-top: 1rem

    }



    .lg\:pt-5 {

        padding-top: 1.25rem

    }



    .lg\:pt-6 {

        padding-top: 1.5rem

    }



    .lg\:pt-7 {

        padding-top: 1.75rem

    }



    .lg\:pt-7\.5 {

        padding-top: 1.875rem

    }



    .lg\:pt-9 {

        padding-top: 2.25rem

    }



    .lg\:text-right {

        text-align: right

    }



    .lg\:text-2\.5xl {

        font-size: 1.625rem;

        line-height: 2.125rem

    }



    .lg\:text-sm {

        font-size: .875rem;

        line-height: 1.25rem

    }



    .dark\:lg\:border-l-coal-100:is(.dark *) {

        --tw-border-opacity: 1;

        border-left-color: rgb(21 23 28/var(--tw-border-opacity))

    }



    .dark\:lg\:border-r-coal-100:is(.dark *) {

        --tw-border-opacity: 1;

        border-right-color: rgb(21 23 28/var(--tw-border-opacity))

    }



    .dark\:lg\:border-t-gray-100:is(.dark *) {

        border-top-color: var(--tw-gray-100)

    }

}



@media (min-width:1280px) {

    .xl\:mr-14 {

        margin-right: 3.5rem

    }



    .xl\:mr-16 {

        margin-right: 4rem

    }



    .xl\:w-\[38\.75rem\] {

        width: 38.75rem

    }



    .xl\:min-w-24 {

        min-width: 6rem

    }



    .xl\:grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr))

    }



    .xl\:grid-cols-3 {

        grid-template-columns: repeat(3, minmax(0, 1fr))

    }



    .xl\:grid-cols-4 {

        grid-template-columns: repeat(4, minmax(0, 1fr))

    }



    .xl\:flex-row {

        flex-direction: row

    }



    .xl\:gap-7\.5 {

        gap: 1.875rem

    }



    .xl\:bg-cover {

        background-size: cover

    }

}



.\[\&\.dark\]\:bg-coal-600.dark {

    --tw-bg-opacity: 1;

    background-color: rgb(6 6 6/var(--tw-bg-opacity))

}



.\[\&\:not\(\:last-child\)\]\:block:not(:last-child) {

    display: block

}



.\[\&\:not\(\:last-child\)\]\:border-b:not(:last-child) {

    border-bottom-width: 1px

}



.\[\&\:not\(\:last-child\)\]\:border-r:not(:last-child) {

    border-right-width: 1px

}



.\[\&_\.checked\]\:has-\[\:checked\]\:flex:has(:checked) .checked {

    display: flex

}



.authors-row .\[\.authors-row_\&\]\:left-\[64px\] {

    left: 64px

}



.authors-row .\[\.authors-row_\&\]\:size-\[80px\] {

    width: 80px;

    height: 80px

}



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

    .header .\[\.header_\&\]\:below-lg\:hidden {

        display: none

    }

}



html.dark .\[html\.dark_\&\]\:block {

    display: block

}



html.dark .\[html\.dark_\&\]\:hidden {

    display: none

}