*,: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:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }

/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/
*, :after, :before {
    border-color: rgba(var(--gray-200), 1);
    border-style: solid;
    border-width: 0;
    box-sizing: border-box
}

:after, :before {
    --tw-content: ""
}

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

body {
    line-height: inherit;
    margin: 0
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

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-feature-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-size: 1em;
    font-variation-settings: normal
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button, input, optgroup, select, textarea {
    font-feature-settings: inherit;
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: 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: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

::-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 {
    color: rgba(var(--gray-400), 1);
    opacity: 1
}

input::placeholder, textarea::placeholder {
    color: rgba(var(--gray-400), 1);
    opacity: 1
}

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], input:where(:not([type])), select, textarea {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem
}

[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, input:where(:not([type])):focus, select:focus, textarea:focus {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --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);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
    opacity: 1
}

input::placeholder, textarea::placeholder {
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
    opacity: 1
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-meridiem-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-year-field {
    padding-bottom: 0;
    padding-top: 0
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

[multiple], [size]:where(select:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

[type=checkbox], [type=radio] {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem
}

[type=checkbox] {
    border-radius: 0
}

[type=radio] {
    border-radius: 100%
}

[type=checkbox]:focus, [type=radio]:focus {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

[type=checkbox]:checked, [type=radio]:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

@media (forced-colors: active) {
    [type=checkbox]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=radio]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}

@media (forced-colors: active) {
    [type=radio]:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:checked:focus, [type=checkbox]:checked:hover, [type=radio]:checked:focus, [type=radio]:checked:hover {
    background-color: currentColor;
    border-color: transparent
}

[type=checkbox]:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

@media (forced-colors: active) {
    [type=checkbox]:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

[type=checkbox]:indeterminate:focus, [type=checkbox]:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
}

[type=file] {
    background: unset;
    border-color: inherit;
    border-radius: 0;
    border-width: 0;
    font-size: unset;
    line-height: inherit;
    padding: 0
}

[type=file]:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color
}

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

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

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

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

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

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

.prose {
    color: var(--tw-prose-body);
    max-width: 65ch
}

.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-links);
    font-weight: 500;
    text-decoration: underline
}

.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: decimal;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    list-style-type: disc;
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    color: var(--tw-prose-counters);
    font-weight: 400
}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.25em
}

.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-bottom: 3em;
    margin-top: 3em
}

.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-inline-start-color: var(--tw-prose-quote-borders);
    border-inline-start-width: .25rem;
    color: var(--tw-prose-quotes);
    font-style: italic;
    font-weight: 500;
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em;
    quotes: "\201C" "\201D" "\2018" "\2019"
}

.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content: close-quote
}

.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 2.25em;
    font-weight: 800;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 900
}

.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 800
}

.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-weight: 700
}

.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    display: block;
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
    color: var(--tw-prose-kbd);
    font-family: inherit;
    font-size: .875em;
    font-weight: 500;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-code);
    font-size: .875em;
    font-weight: 600
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content: "`"
}

.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content: "`"
}

.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-size: .875em
}

.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit;
    font-size: .9em
}

.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    background-color: var(--tw-prose-pre-bg);
    border-radius: .375rem;
    color: var(--tw-prose-pre-code);
    font-size: .875em;
    font-weight: 400;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    overflow-x: auto;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    background-color: transparent;
    border-radius: 0;
    border-width: 0;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    padding: 0
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before {
    content: none
}

.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after {
    content: none
}

.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 2em;
    margin-top: 2em;
    table-layout: auto;
    width: 100%
}

.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-th-borders);
    border-bottom-width: 1px
}

.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em;
    vertical-align: bottom
}

.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-color: var(--tw-prose-td-borders);
    border-bottom-width: 1px
}

.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-top-color: var(--tw-prose-th-borders);
    border-top-width: 1px
}

.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    vertical-align: top
}

.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    text-align: start
}

.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: var(--tw-prose-captions);
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-kbd: #111827;
    --tw-prose-kbd-shadows: rgba(17, 24, 39, .1);
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-kbd: #fff;
    --tw-prose-invert-kbd-shadows: hsla(0, 0%, 100%, .1);
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start: .5714286em
}

.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-sm {
    font-size: .875rem;
    line-height: 1.7142857
}

.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start: 1.1111111em
}

.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 2.1428571em;
    line-height: 1.2;
    margin-bottom: .8em;
    margin-top: 0
}

.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.4285714em;
    line-height: 1.4;
    margin-bottom: .8em;
    margin-top: 1.6em
}

.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.5555556em
}

.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    line-height: 1.4285714;
    margin-bottom: .5714286em;
    margin-top: 1.4285714em
}

.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8571429em;
    padding-inline-end: .3571429em;
    padding-bottom: .1428571em;
    padding-top: .1428571em;
    padding-inline-start: .3571429em
}

.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8571429em
}

.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em
}

.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .25rem;
    font-size: .8571429em;
    line-height: 1.6666667;
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .2857143em;
    margin-top: .2857143em
}

.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .4285714em
}

.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .4285714em
}

.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(.prose-sm>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(.prose-sm>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em
}

.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5714286em;
    margin-top: .5714286em
}

.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.1428571em;
    margin-top: 1.1428571em
}

.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.1428571em
}

.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .2857143em;
    padding-inline-start: 1.5714286em
}

.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2.8571429em;
    margin-top: 2.8571429em
}

.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.5
}

.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 1em;
    padding-bottom: .6666667em;
    padding-top: .6666667em;
    padding-inline-start: 1em
}

.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em
}

.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8571429em;
    line-height: 1.3333333;
    margin-top: .6666667em
}

.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-base {
    font-size: 1rem;
    line-height: 1.75
}

.prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: 1.2em;
    margin-top: 1.2em
}

.prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.6em;
    margin-top: 1.6em;
    padding-inline-start: 1em
}

.prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 2.25em;
    line-height: 1.1111111;
    margin-bottom: .8888889em;
    margin-top: 0
}

.prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.5em;
    line-height: 1.3333333;
    margin-bottom: 1em;
    margin-top: 2em
}

.prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.25em;
    line-height: 1.6;
    margin-bottom: .6em;
    margin-top: 1.6em
}

.prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    line-height: 1.5;
    margin-bottom: .5em;
    margin-top: 1.5em
}

.prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .875em;
    padding-inline-end: .375em;
    padding-bottom: .1875em;
    padding-top: .1875em;
    padding-inline-start: .375em
}

.prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em
}

.prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em
}

.prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .9em
}

.prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .375rem;
    font-size: .875em;
    line-height: 1.7142857;
    margin-bottom: 1.7142857em;
    margin-top: 1.7142857em;
    padding-inline-end: 1.1428571em;
    padding-bottom: .8571429em;
    padding-top: .8571429em;
    padding-inline-start: 1.1428571em
}

.prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em;
    padding-inline-start: 1.625em
}

.prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .5em;
    margin-top: .5em
}

.prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .375em
}

.prose-base :where(.prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose-base :where(.prose-base>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose-base :where(.prose-base>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose-base :where(.prose-base>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose-base :where(.prose-base>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em
}

.prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .75em;
    margin-top: .75em
}

.prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.25em;
    margin-top: 1.25em
}

.prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.25em
}

.prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .5em;
    padding-inline-start: 1.625em
}

.prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 3em;
    margin-top: 3em
}

.prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.7142857
}

.prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-inline-start: .5714286em
}

.prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: .5714286em;
    padding-bottom: .5714286em;
    padding-top: .5714286em;
    padding-inline-start: .5714286em
}

.prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 2em;
    margin-top: 2em
}

.prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose-base :where(.prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-base :where(.prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778
}

.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em
}

.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-bottom: 1.0909091em;
    margin-top: 1.0909091em
}

.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.6666667em;
    margin-top: 1.6666667em;
    padding-inline-start: 1em
}

.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 2.6666667em;
    line-height: 1;
    margin-bottom: .8333333em;
    margin-top: 0
}

.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.6666667em;
    line-height: 1.3333333;
    margin-bottom: 1.0666667em;
    margin-top: 1.8666667em
}

.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: 1.3333333em;
    line-height: 1.5;
    margin-bottom: .6666667em;
    margin-top: 1.6666667em
}

.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)) {
    line-height: 1.5555556;
    margin-bottom: .4444444em;
    margin-top: 1.7777778em
}

.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .3125rem;
    font-size: .8888889em;
    padding-inline-end: .4444444em;
    padding-bottom: .2222222em;
    padding-top: .2222222em;
    padding-inline-start: .4444444em
}

.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em
}

.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8666667em
}

.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .875em
}

.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)) {
    border-radius: .375rem;
    font-size: .8888889em;
    line-height: 1.75;
    margin-bottom: 2em;
    margin-top: 2em;
    padding-inline-end: 1.5em;
    padding-bottom: 1em;
    padding-top: 1em;
    padding-inline-start: 1.5em
}

.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start: 1.5555556em
}

.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em;
    padding-inline-start: 1.5555556em
}

.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .6666667em;
    margin-top: .6666667em
}

.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .4444444em
}

.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: .4444444em
}

.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-lg :where(.prose-lg>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg :where(.prose-lg>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg :where(.prose-lg>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg :where(.prose-lg>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em
}

.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: .8888889em;
    margin-top: .8888889em
}

.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.3333333em;
    margin-top: 1.3333333em
}

.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 1.3333333em
}

.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: .6666667em;
    padding-inline-start: 1.5555556em
}

.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 3.1111111em;
    margin-top: 3.1111111em
}

.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: .75em;
    padding-bottom: .75em;
    padding-inline-start: .75em
}

.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: .75em;
    padding-bottom: .75em;
    padding-top: .75em;
    padding-inline-start: .75em
}

.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-start: 0
}

.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    padding-inline-end: 0
}

.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 1.7777778em;
    margin-top: 1.7777778em
}

.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0;
    margin-top: 0
}

.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-top: 0
}

.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    margin-bottom: 0
}

.form-input, .form-multiselect, .form-select, .form-textarea {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
    border-radius: 0;
    border-width: 1px;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: .5rem .75rem
}

.form-input:focus, .form-multiselect:focus, .form-select:focus, .form-textarea:focus {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --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);
    border-color: #2563eb;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-input::-moz-placeholder, .form-textarea::-moz-placeholder {
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
    opacity: 1
}

.form-input::placeholder, .form-textarea::placeholder {
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1));
    opacity: 1
}

.form-select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-select:where([size]:not([size="1"])) {
    background-image: none;
    background-position: 0 0;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

.form-checkbox, .form-radio {
    --tw-shadow: 0 0 #0000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-origin: border-box;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1));
    border-width: 1px;
    color: #2563eb;
    display: inline-block;
    flex-shrink: 0;
    height: 1rem;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 1rem
}

.form-checkbox {
    border-radius: 0
}

.form-checkbox:focus, .form-radio:focus {
    --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-checkbox:checked, .form-radio:checked {
    background-color: currentColor;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

.form-checkbox:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

@media (forced-colors: active) {
    .form-checkbox:checked {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.form-checkbox:checked:focus, .form-checkbox:checked:hover, .form-radio:checked:focus, .form-radio:checked:hover {
    background-color: currentColor;
    border-color: transparent
}

.form-checkbox:indeterminate {
    background-color: currentColor;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-color: transparent
}

@media (forced-colors: active) {
    .form-checkbox:indeterminate {
        -webkit-appearance: auto;
        -moz-appearance: auto;
        appearance: auto
    }
}

.form-checkbox:indeterminate:focus, .form-checkbox:indeterminate:hover {
    background-color: currentColor;
    border-color: transparent
}

.accordion .accordion-item {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.accordion .accordion-item:not(:last-child) {
    border-bottom-width: 1px;
    border-color: rgb(var(--color-slate-200)/.6)
}

.accordion .accordion-item:not(:last-child):is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.accordion .accordion-item:first-child {
    margin-top: -1rem
}

.accordion .accordion-item:last-child {
    margin-bottom: -1rem
}

.accordion .accordion-item .accordion-header .accordion-button {
    font-weight: 500;
    margin-bottom: -1rem;
    margin-top: -1rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
    text-align: left;
    width: 100%
}

.accordion .accordion-item .accordion-header .accordion-button:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.accordion .accordion-item .accordion-header .accordion-button:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1))
}

html.dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed):is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.accordion .accordion-collapse {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    line-height: 1.625;
    margin-top: .75rem
}

.accordion .accordion-collapse:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.accordion .accordion-collapse.collapse:not(.show) {
    display: none
}

.accordion.accordion-boxed .accordion-item {
    border-color: rgb(var(--color-slate-200)/.6);
    border-width: 1px;
    margin-top: .75rem;
    padding: 1rem
}

.accordion.accordion-boxed .accordion-item:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.accordion.accordion-boxed .accordion-item:first-child {
    margin-top: 0
}

.accordion.accordion-boxed .accordion-item:last-child {
    margin-bottom: 0
}

.alert {
    border-radius: .375rem;
    border-width: 1px;
    padding: 1rem 1.25rem;
    position: relative
}

.alert.alert-dismissible {
    padding-left: 1.25rem;
    padding-right: 4rem
}

.alert.alert-dismissible:not(.show) {
    display: none
}

.alert .btn-close {
    margin-bottom: auto;
    margin-right: .5rem;
    margin-top: auto;
    padding: .5rem .75rem;
    position: absolute;
    right: 0
}

.btn-close {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.alert-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.alert-secondary {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-secondary)/.7);
    border-color: rgb(var(--color-secondary)/.7);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.alert-secondary:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.alert-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.alert-warning {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.alert-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.alert-pending {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.alert-danger {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.alert-dark {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.alert-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-outline-primary {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1))
}

html.dark .alert-outline-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-outline-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.alert-outline-secondary {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.alert-outline-secondary:is(.dark *) {
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-darkmode-100)/.4);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-outline-success {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-success)/var(--tw-text-opacity, 1))
}

.alert-outline-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.alert-outline-warning {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-warning)/var(--tw-text-opacity, 1))
}

.alert-outline-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.alert-outline-pending {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-pending)/var(--tw-text-opacity, 1))
}

.alert-outline-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.alert-outline-danger {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-danger)/var(--tw-text-opacity, 1))
}

.alert-outline-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.alert-outline-dark {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-dark)/var(--tw-text-opacity, 1))
}

.alert-outline-dark:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-primary-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1))
}

html.dark .alert-primary-soft {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-primary-soft:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 0.2;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.alert-secondary-soft {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 0.1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-slate-300)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.alert-secondary-soft:is(.dark *) {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-100)/.2);
    border-color: rgb(var(--color-darkmode-100)/.3);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.alert-success-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-success)/var(--tw-text-opacity, 1))
}

.alert-success-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.alert-warning-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-warning)/var(--tw-text-opacity, 1))
}

.alert-warning-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.alert-pending-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-pending)/var(--tw-text-opacity, 1))
}

.alert-pending-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.alert-danger-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-danger)/var(--tw-text-opacity, 1))
}

.alert-danger-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.alert-dark-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-dark)/var(--tw-text-opacity, 1))
}

.alert-dark-soft:is(.dark *) {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/.3);
    border-color: rgb(var(--color-darkmode-800)/.6);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    align-items: center;
    border-radius: .375rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    padding: .5rem .75rem;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.btn: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.btn:is(.dark *) {
    transition-property: none
}

.btn:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.btn:hover:not(:disabled) {
    --tw-border-opacity: 0.9;
    --tw-bg-opacity: 0.9
}

.btn:not(button) {
    text-align: center
}

.btn:disabled {
    cursor: not-allowed;
    opacity: .7
}

.btn-sm {
    font-size: .75rem;
    line-height: 1rem;
    padding: .375rem .5rem
}

.btn-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .375rem 1rem
}

.btn-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.btn-secondary {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-secondary)/.7);
    border-color: rgb(var(--color-secondary)/.7);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.btn-secondary:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-secondary:hover:not(:disabled) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-100)/var(--tw-border-opacity, 1))
}

.btn-secondary:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-300)/.8);
    border-color: rgb(var(--color-darkmode-300)/.8)
}

.btn-success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.btn-warning {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.btn-pending {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.btn-danger {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.btn-dark {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-dark:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.7)
}

.btn-elevated-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.btn-elevated-primary {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-secondary {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-secondary)/.7);
    border-color: rgb(var(--color-secondary)/.7);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.btn-elevated-secondary:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-elevated-secondary:hover:not(:disabled) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-100)/var(--tw-border-opacity, 1))
}

.btn-elevated-secondary:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-300)/.8);
    border-color: rgb(var(--color-darkmode-300)/.8)
}

.btn-elevated-secondary {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-elevated-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.btn-elevated-success {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-warning {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-elevated-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.btn-elevated-warning {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-pending {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.btn-elevated-pending {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-danger {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.btn-elevated-danger {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-dark {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-elevated-dark:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.7)
}

.btn-elevated-dark {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-rounded {
    border-radius: 9999px
}

.btn-rounded-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-rounded-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.btn-rounded-primary {
    border-radius: 9999px
}

.btn-rounded-secondary {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-secondary)/.7);
    border-color: rgb(var(--color-secondary)/.7);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.btn-rounded-secondary:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-rounded-secondary:hover:not(:disabled) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-100)/var(--tw-border-opacity, 1))
}

.btn-rounded-secondary:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-300)/.8);
    border-color: rgb(var(--color-darkmode-300)/.8)
}

.btn-rounded-secondary {
    border-radius: 9999px
}

.btn-rounded-success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-rounded-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.btn-rounded-success {
    border-radius: 9999px
}

.btn-rounded-warning {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-rounded-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.btn-rounded-warning {
    border-radius: 9999px
}

.btn-rounded-pending {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-rounded-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.btn-rounded-pending {
    border-radius: 9999px
}

.btn-rounded-danger {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-rounded-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.btn-rounded-danger {
    border-radius: 9999px
}

.btn-rounded-dark {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-rounded-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-rounded-dark:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.7)
}

.btn-rounded-dark {
    border-radius: 9999px
}

.btn-elevated-rounded-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.btn-elevated-rounded-primary {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-rounded-secondary {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-secondary)/.7);
    border-color: rgb(var(--color-secondary)/.7);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-secondary:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-secondary:hover:not(:disabled) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-100)/var(--tw-border-opacity, 1))
}

.btn-elevated-rounded-secondary:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-300)/.8);
    border-color: rgb(var(--color-darkmode-300)/.8)
}

.btn-elevated-rounded-secondary {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-rounded-success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.btn-elevated-rounded-success {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-rounded-warning {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-900)/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.btn-elevated-rounded-warning {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-rounded-pending {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.btn-elevated-rounded-pending {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-rounded-danger {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.btn-elevated-rounded-danger {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-elevated-rounded-dark {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-dark:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-elevated-rounded-dark:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.7)
}

.btn-elevated-rounded-dark {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.btn-facebook {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(59 89 152/var(--tw-bg-opacity, 1));
    border-color: rgb(59 89 152/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-facebook:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(59 89 152/var(--tw-border-opacity, 1))
}

.btn-twitter {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(74 179 244/var(--tw-bg-opacity, 1));
    border-color: rgb(74 179 244/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-twitter:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(74 179 244/var(--tw-border-opacity, 1))
}

.btn-instagram {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(81 127 164/var(--tw-bg-opacity, 1));
    border-color: rgb(81 127 164/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-instagram:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(81 127 164/var(--tw-border-opacity, 1))
}

.btn-linkedin {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(0 119 181/var(--tw-bg-opacity, 1));
    border-color: rgb(0 119 181/var(--tw-border-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.btn-linkedin:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(0 119 181/var(--tw-border-opacity, 1))
}

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

html.dark .btn-outline-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-outline-primary:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.btn-outline-primary:hover:not(:disabled) {
    background-color: rgb(var(--color-primary)/.1)
}

.btn-outline-secondary {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.btn-outline-secondary:is(.dark *) {
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-darkmode-100)/.4);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-outline-secondary:hover:not(:disabled) {
    background-color: rgb(var(--color-secondary)/.2)
}

.btn-outline-secondary:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-100)/.1)
}

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

.btn-outline-success:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.btn-outline-success:hover:not(:disabled) {
    background-color: rgb(var(--color-success)/.1)
}

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

.btn-outline-warning:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.btn-outline-warning:hover:not(:disabled) {
    background-color: rgb(var(--color-warning)/.1)
}

.btn-outline-pending {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-pending)/var(--tw-text-opacity, 1))
}

.btn-outline-pending:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.btn-outline-pending:hover:not(:disabled) {
    background-color: rgb(var(--color-pending)/.1)
}

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

.btn-outline-danger:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.btn-outline-danger:hover:not(:disabled) {
    background-color: rgb(var(--color-danger)/.1)
}

.btn-outline-dark {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-dark)/var(--tw-text-opacity, 1))
}

.btn-outline-dark:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-outline-dark:hover:not(:disabled) {
    background-color: rgb(var(--color-darkmode-800)/.3)
}

.btn-outline-dark:hover:not(:disabled):is(.dark *) {
    --tw-bg-opacity: 0.3
}

.btn-primary-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1))
}

html.dark .btn-primary-soft {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-primary-soft:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 0.2;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.btn-primary-soft:hover:not(:disabled) {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 0.1
}

.btn-primary-soft:hover:not(:disabled):is(.dark *) {
    --tw-border-opacity: 0.6
}

.btn-secondary-soft {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-slate-300)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-secondary)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.btn-secondary-soft:is(.dark *) {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-100)/.2);
    border-color: rgb(var(--color-darkmode-100)/.3);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-secondary-soft:hover:not(:disabled) {
    --tw-bg-opacity: 0.1
}

.btn-secondary-soft:hover:not(:disabled):is(.dark *) {
    background-color: rgb(var(--color-darkmode-100)/.1);
    border-color: rgb(var(--color-darkmode-100)/.2)
}

.btn-success-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-success)/var(--tw-text-opacity, 1))
}

.btn-success-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1))
}

.btn-success-soft:hover:not(:disabled) {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 0.1
}

.btn-warning-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-warning)/var(--tw-text-opacity, 1))
}

.btn-warning-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1))
}

.btn-warning-soft:hover:not(:disabled) {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 0.1
}

.btn-pending-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-pending)/var(--tw-text-opacity, 1))
}

.btn-pending-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-pending)/var(--tw-border-opacity, 1))
}

.btn-pending-soft:hover:not(:disabled) {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 0.1
}

.btn-danger-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-danger)/var(--tw-text-opacity, 1))
}

.btn-danger-soft:is(.dark *) {
    --tw-border-opacity: 0.2;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.btn-danger-soft:hover:not(:disabled) {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 0.1
}

.btn-dark-soft {
    --tw-border-opacity: 0.05;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-dark)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-dark)/var(--tw-text-opacity, 1))
}

.btn-dark-soft:is(.dark *) {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/.3);
    border-color: rgb(var(--color-darkmode-800)/.6);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.btn-dark-soft:hover:not(:disabled) {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 0.1
}

.btn-dark-soft:hover:not(:disabled):is(.dark *) {
    --tw-border-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/.5);
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1))
}

.dropdown .dropdown-menu {
    transform: translate3d(-10000px, 0, 0) !important
}

.dropdown-menu {
    inset: 0 auto auto 0;
    opacity: 0;
    position: absolute;
    transition: visibility 0s ease-in-out .2s, opacity .2s 0s;
    visibility: hidden;
    z-index: 9999
}

.dropdown-menu.show {
    opacity: 1;
    transition: visibility 0s ease-in-out 0s, opacity .2s 0s;
    visibility: visible
}

.dropdown-menu.show > .dropdown-content {
    margin-top: .25rem
}

.dropdown-menu.show > .dropdown-content .tab-content .tab-pane {
    visibility: visible
}

.dropdown-menu .dropdown-content {
    box-shadow: 0 3px 10px #00000017;
    margin-top: 1.25rem;
    padding: .5rem;
    transition: margin-top .2s;
    width: 100%
}

.dropdown-menu .dropdown-content .dropdown-header {
    font-weight: 500;
    padding: .5rem
}

.dropdown-menu .dropdown-content .dropdown-divider {
    margin: .5rem -.5rem
}

.dropdown-menu .dropdown-content .dropdown-item {
    align-items: center;
    border-radius: .375rem;
    display: flex;
    padding: .5rem;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.dropdown-menu .dropdown-content .dropdown-footer {
    display: flex;
    padding: .25rem
}

.dropdown-menu .dropdown-content .tab-content .tab-pane {
    visibility: hidden
}

.dropdown-content {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1))
}

.dropdown-content:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.dropdown-divider {
    border-color: rgb(var(--color-slate-200)/.6)
}

.dropdown-divider:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.dropdown-item:hover {
    background-color: rgb(var(--color-slate-200)/.6)
}

.dropdown-item:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.dropdown-item:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.\!file .file__icon, .file .file__icon {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    position: relative
}

.\!file .file__icon.file__icon--empty-directory {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='786' height='786'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E") !important
}

.file .file__icon.file__icon--empty-directory {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='786' height='786'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E")
}

.\!file .file__icon.file__icon--directory {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='786' height='786'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E") !important
}

.file .file__icon.file__icon--directory {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='786' height='786'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23a)'/%3E%3C/g%3E%3C/svg%3E")
}

.\!file .file__icon.file__icon--file {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='628.027' height='786.012'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 5'%3E%3Cpath data-name='Union 2' d='M40 786a40 40 0 0 1-40-40V40A40 40 0 0 1 40 0h461v103h29v24h98v619a40 40 0 0 1-40 40Z' transform='translate(0 .012)' fill='url(%23a)'/%3E%3Cpath data-name='Intersection 2' d='m501.409 111.054.058-109.9c31.605 29.739 125.37 125.377 125.37 125.377l-109.976.049a20.025 20.025 0 0 1-15.452-15.526Z' fill='%23bec8d9' stroke='%23bec8d9'/%3E%3C/g%3E%3C/svg%3E") !important
}

.file .file__icon.file__icon--file {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='628.027' height='786.012'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg data-name='Group 5'%3E%3Cpath data-name='Union 2' d='M40 786a40 40 0 0 1-40-40V40A40 40 0 0 1 40 0h461v103h29v24h98v619a40 40 0 0 1-40 40Z' transform='translate(0 .012)' fill='url(%23a)'/%3E%3Cpath data-name='Intersection 2' d='m501.409 111.054.058-109.9c31.605 29.739 125.37 125.377 125.37 125.377l-109.976.049a20.025 20.025 0 0 1-15.452-15.526Z' fill='%23bec8d9' stroke='%23bec8d9'/%3E%3C/g%3E%3C/svg%3E")
}

.\!file .file__icon.file__icon--image .file__icon--image__preview, .file .file__icon.file__icon--image .file__icon--image__preview {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.\!file .file__icon.file__icon--image .file__icon--image__preview img, .file .file__icon.file__icon--image .file__icon--image__preview img {
    border-radius: .375rem
}

.\!file .file__icon .file__icon__file-name, .file .file__icon .file__icon__file-name {
    --tw-text-opacity: 1;
    align-items: center;
    bottom: 0;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: flex;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0
}

.\!file .file__icon:before {
    content: "" !important;
    padding-top: 100% !important
}

.file .file__icon:before {
    content: "";
    padding-top: 100%
}

.\!file .file__icon:before, .file .file__icon:before {
    display: block;
    width: 100%
}

[multiple], [type=date], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], select, textarea {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.form-check {
    align-items: center;
    display: flex
}

.form-check-label {
    cursor: pointer;
    margin-left: .5rem
}

.form-check-input {
    transition-duration: .1s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-check-input[type=radio] {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor: pointer
}

.form-check-input[type=radio]: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.form-check-input[type=radio]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.form-check-input[type=radio]:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.form-check-input[type=radio]:checked {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.form-check-input[type=radio]:disabled:not(:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    cursor: not-allowed
}

.form-check-input[type=radio]:disabled:not(:checked):is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.5)
}

.form-check-input[type=radio]:disabled:checked {
    cursor: not-allowed;
    opacity: .7
}

.form-check-input[type=radio]:disabled:checked:is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.5)
}

.form-check-input[type=checkbox] {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor: pointer
}

.form-check-input[type=checkbox]: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    --tw-ring-offset-width: 0px;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.form-check-input[type=checkbox]:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.form-check-input[type=checkbox]:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.form-check-input[type=checkbox]:checked {
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.form-check-input[type=checkbox]:disabled:not(:checked) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    cursor: not-allowed
}

.form-check-input[type=checkbox]:disabled:not(:checked):is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.5)
}

.form-check-input[type=checkbox]:disabled:checked {
    cursor: not-allowed;
    opacity: .7
}

.form-check-input[type=checkbox]:disabled:checked:is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.5)
}

.form-switch .form-check-input {
    background-image: none;
    border-radius: 9999px;
    height: 24px;
    padding: 1px;
    position: relative;
    width: 38px
}

.form-switch .form-check-input:before {
    border-radius: 9999px;
    bottom: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
    content: "";
    height: 20px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    transition-duration: .2s;
    transition-property: margin-left;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 20px
}

.form-switch .form-check-input:is(.dark *):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.form-switch .form-check-input:checked {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.form-switch .form-check-input:checked:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    margin-left: 14px
}

.form-control {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .375rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    font-size: .875rem;
    line-height: 1.25rem;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.form-control::-moz-placeholder {
    color: rgb(var(--color-slate-400)/.9)
}

.form-control::placeholder {
    color: rgb(var(--color-slate-400)/.9)
}

.form-control:focus {
    --tw-border-opacity: 0.4;
    --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.form-control:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    transition-property: none
}

.form-control:is(.dark *)::-moz-placeholder {
    color: rgb(var(--color-slate-500)/.8)
}

.form-control:is(.dark *)::placeholder {
    color: rgb(var(--color-slate-500)/.8)
}

.form-control:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.form-control:disabled, .form-control[readonly] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    cursor: not-allowed
}

.form-control:disabled:is(.dark *), .form-control[readonly]:is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.5);
    border-color: transparent
}

.form-control-sm {
    font-size: .75rem;
    line-height: 1rem;
    padding: .375rem .5rem
}

.form-control-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .375rem 1rem
}

.form-control-rounded {
    border-radius: 9999px
}

.form-help {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1));
    font-size: .75rem;
    line-height: 1rem;
    margin-top: .5rem
}

.form-inline {
    align-items: center;
    display: flex
}

.form-inline .form-label {
    margin-bottom: 0;
    margin-right: 1.25rem;
    text-align: right
}

.form-inline .form-control {
    flex: 1 1 0%
}

.form-label {
    display: inline-block;
    margin-bottom: .5rem
}

.form-select {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .375rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem 2rem .5rem .75rem;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 100%
}

.form-select:focus {
    --tw-border-opacity: 0.4;
    --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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.form-select:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.form-select:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.form-select:disabled, .form-select[readonly] {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    cursor: not-allowed
}

.form-select:disabled:is(.dark *), .form-select[readonly]:is(.dark *) {
    background-color: rgb(var(--color-darkmode-800)/.5)
}

.form-select-sm {
    font-size: .75rem;
    line-height: 1rem;
    padding: .375rem 2rem .375rem .5rem
}

.form-select-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    padding: .375rem 2rem .375rem 1rem
}

.image-fit {
    position: relative
}

.image-fit > img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.input-group {
    display: flex
}

.input-group .input-group-text {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(var(--color-slate-600)/var(--tw-text-opacity, 1));
    padding: .5rem .75rem
}

.input-group .input-group-text:is(.dark *) {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-900)/.2);
    border-color: rgb(var(--color-darkmode-900)/.2);
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.input-group > .form-control, .input-group > .input-group-text {
    border-radius: 0
}

.input-group > .form-control:not(:first-child), .input-group > .input-group-text:not(:first-child) {
    border-left-color: transparent
}

.input-group > .form-control:first-child, .input-group > .input-group-text:first-child {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem
}

.input-group > .form-control:last-child, .input-group > .input-group-text:last-child {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem
}

.input-group > .form-control {
    z-index: 10
}

.modal {
    height: 100vh;
    left: 0;
    margin-left: -10000px;
    margin-top: -10000px;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: visibility 0s linear .2s, opacity .2s 0s;
    visibility: hidden;
    width: 100vw
}

.modal, .modal.modal-overlap {
    background: #000000a6
}

.modal.modal-static .modal-content {
    animation: modal-static-backdrop .3s infinite;
    animation-direction: alternate
}

.modal.show {
    opacity: 1;
    transition: visibility 0s ease-in-out 0s, opacity .4s ease-in-out 0s;
    visibility: visible
}

.modal.show > .modal-dialog {
    margin-top: 4rem
}

.modal .modal-dialog {
    margin: -4rem auto 4rem;
    transition: margin-top .4s;
    width: 90%
}

@media (min-width: 640px) {
    .modal .modal-dialog {
        width: 460px
    }

    .modal .modal-dialog.modal-sm {
        width: 300px
    }

    .modal .modal-dialog.modal-lg, .modal .modal-dialog.modal-xl {
        width: 600px
    }
}

@media (min-width: 1024px) {
    .modal .modal-dialog.modal-xl {
        width: 900px
    }
}

.modal .modal-dialog .modal-content {
    position: relative
}

.modal .modal-dialog .modal-content > [data-tw-dismiss=modal] {
    margin-right: .75rem;
    margin-top: .75rem;
    position: absolute;
    right: 0;
    top: 0
}

.modal.modal-slide-over {
    overflow-x: hidden
}

.modal.modal-slide-over.modal-static .modal-content {
    animation: none
}

.modal.modal-slide-over.show {
    opacity: 1;
    transition: visibility 0s ease-in-out 0s, opacity .6s ease-in-out 0s;
    visibility: visible
}

.modal.modal-slide-over.show > .modal-dialog {
    margin-right: 0
}

.modal.modal-slide-over .modal-dialog {
    margin-bottom: 0;
    margin-right: -100%;
    margin-top: 0;
    transition: margin-right .6s
}

.modal.modal-slide-over .modal-dialog .modal-content {
    border-radius: 0;
    min-height: 100vh
}

.modal.modal-slide-over .modal-dialog .modal-content > [data-tw-dismiss=modal] {
    left: 0;
    margin-left: -3rem;
    margin-top: 1rem;
    position: absolute;
    right: auto;
    top: 0
}

.modal-content {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: .375rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    position: relative;
    width: 100%
}

.modal-content:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.modal-header {
    align-items: center;
    border-bottom-width: 1px;
    border-color: rgb(var(--color-slate-200)/.6);
    display: flex;
    padding: .75rem 1.25rem
}

.modal-header:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.modal-body {
    padding: 1.25rem
}

.modal-footer {
    border-color: rgb(var(--color-slate-200)/.6);
    border-top-width: 1px;
    padding: .75rem 1.25rem;
    text-align: right
}

.modal-footer:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

@keyframes modal-static-backdrop {
    0% {
        transform: scale(1)
    }
    to {
        transform: scale(1.05)
    }
}

.pagination {
    display: flex;
    margin-right: auto
}

.pagination .page-item.active .page-link {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: transparent;
    border-radius: .375rem;
    box-shadow: 0 3px 20px #0000000b;
    position: relative
}

.pagination .page-item.active .page-link:is(.dark *) {
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.pagination .page-item.active .page-link {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: 0 3px 5px #0000000b
}

.pagination .page-item.active .page-link:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-500)/var(--tw-border-opacity, 1))
}

.pagination .page-item.active .page-link {
    font-weight: 500
}

.pagination .page-item.active .page-link:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.pagination .page-item .page-link {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    align-items: center;
    border-radius: .375rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    min-width: 40px;
    padding: .5rem .75rem;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.pagination .page-item .page-link: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.pagination .page-item .page-link:is(.dark *) {
    transition-property: none
}

.pagination .page-item .page-link:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.pagination .page-item .page-link:hover:not(:disabled) {
    --tw-border-opacity: 0.9;
    --tw-bg-opacity: 0.9
}

.pagination .page-item .page-link:not(button) {
    text-align: center
}

.pagination .page-item .page-link:disabled {
    cursor: not-allowed;
    opacity: .7
}

.pagination .page-item .page-link {
    --tw-text-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    align-items: center;
    border-color: transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1));
    display: flex;
    font-weight: 400;
    justify-content: center;
    margin-right: .5rem
}

.pagination .page-item .page-link:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.progress {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    height: .5rem;
    width: 100%
}

.progress:is(.dark *) {
    background-color: rgba(0, 0, 0, .2)
}

.progress-bar {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    display: flex;
    font-size: .75rem;
    height: 100%;
    justify-content: center;
    line-height: 1rem
}

.scrollbar-hidden::-webkit-scrollbar {
    background-color: transparent;
    width: 0
}

.nav {
    display: flex;
    width: 100%
}

.nav.nav-tabs {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.nav.nav-tabs:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.nav.nav-tabs .nav-item {
    margin-bottom: -1px
}

.nav.nav-tabs .nav-item .nav-link {
    border-color: transparent;
    border-top-left-radius: .375rem;
    border-top-right-radius: .375rem;
    display: block
}

.nav.nav-tabs .nav-item .nav-link:hover:not(.disabled):not(.active):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.nav.nav-tabs .nav-item .nav-link:hover:not(.disabled):not(.active):hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.nav.nav-tabs .nav-item .nav-link.active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-bottom-color: transparent;
    font-weight: 500
}

.nav.nav-tabs .nav-item .nav-link.active:is(.dark *) {
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1)) rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1)) rgb(var(--color-darkmode-600)/var(--tw-border-opacity, 1))
}

.nav.nav-pills .nav-item .nav-link {
    border-radius: .375rem;
    border-width: 0
}

.nav.nav-pills .nav-item .nav-link.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 500
}

.nav.nav-boxed-tabs .nav-item .nav-link {
    border-radius: .375rem;
    box-shadow: 0 3px 20px #0000000b
}

.nav.nav-boxed-tabs .nav-item .nav-link.active {
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1));
    font-weight: 500
}

.nav.nav-link-tabs .nav-item .nav-link {
    border-bottom-width: 2px;
    border-color: transparent
}

.nav.nav-link-tabs .nav-item .nav-link.active {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    font-weight: 500
}

.nav-link {
    --tw-text-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: transparent;
    border-width: 1px;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    display: block;
    padding: .625rem 1.25rem
}

.nav-link:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.nav-link.active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.nav-link.active:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.tab-content {
    position: relative
}

.tab-content .tab-pane {
    left: -9999px;
    opacity: 0;
    position: absolute;
    top: -9999px;
    transition: visibility 0s linear .6s, opacity .6s 0s;
    visibility: hidden
}

.tab-content .tab-pane.active {
    opacity: 1;
    position: static;
    transition: visibility 0s linear 0s, opacity .6s 0s;
    visibility: visible
}

.typing-dots span {
    opacity: 0
}

.typing-dots span:first-child {
    animation: type-animation 1s .33333s infinite
}

.typing-dots span:nth-child(2) {
    animation: type-animation 1s .66666s infinite
}

.typing-dots span:nth-child(3) {
    animation: type-animation 1s .99999s infinite
}

@keyframes type-animation {
    50% {
        opacity: 1
    }
}

.zoom-in {
    cursor: pointer;
    transition-duration: .3s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.zoom-in, .zoom-in:hover {
    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))
}

.zoom-in:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.box {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: transparent;
    border-radius: .375rem;
    box-shadow: 0 3px 20px #0000000b;
    position: relative
}

.box:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.box {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: 0 3px 5px #0000000b
}

.box:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-500)/var(--tw-border-opacity, 1))
}

.nav.nav-boxed-tabs {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 1px;
    padding: .25rem
}

.nav.nav-boxed-tabs:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.nav.nav-boxed-tabs .nav-item .nav-link {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-bottom: .25rem;
    padding-top: .25rem
}

.nav.nav-boxed-tabs .nav-item .nav-link:is(.dark *) {
    border-color: transparent
}

.nav.nav-boxed-tabs .nav-item .nav-link.active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-width: 1px;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1))
}

.nav.nav-boxed-tabs .nav-item .nav-link.active:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dropdown-menu .dropdown-content {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: transparent;
    border-radius: .375rem;
    box-shadow: 0 3px 20px #0000000b;
    position: relative
}

.dropdown-menu .dropdown-content:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: transparent
}

.dropdown-menu .dropdown-content {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: 0 3px 5px #0000000b
}

.dropdown-menu .dropdown-content:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-500)/var(--tw-border-opacity, 1))
}

.dropdown-menu .dropdown-content {
    border-radius: .5rem
}

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

.pointer-events-none {
    pointer-events: none !important
}

.pointer-events-auto {
    pointer-events: auto !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

.collapse {
    visibility: collapse !important
}

.static {
    position: static !important
}

.fixed {
    position: fixed !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

.sticky {
    position: sticky !important
}

.inset-0 {
    inset: 0 !important
}

.inset-4 {
    inset: 1rem !important
}

.inset-y-0 {
    bottom: 0 !important;
    top: 0 !important
}

.-top-1 {
    top: -.25rem !important
}

.-top-2 {
    top: -.5rem !important
}

.-top-3 {
    top: -.75rem !important
}

.bottom-0 {
    bottom: 0 !important
}

.end-0 {
    inset-inline-end: 0 !important
}

.end-4 {
    inset-inline-end: 1rem !important
}

.end-6 {
    inset-inline-end: 1.5rem !important
}

.left-0 {
    left: 0 !important
}

.left-3 {
    left: .75rem !important
}

.right-0 {
    right: 0 !important
}

.start-full {
    inset-inline-start: 100% !important
}

.top-0 {
    top: 0 !important
}

.top-1 {
    top: .25rem !important
}

.top-4 {
    top: 1rem !important
}

.top-6 {
    top: 1.5rem !important
}

.isolate {
    isolation: isolate !important
}

.\!z-50 {
    z-index: 50 !important
}

.z-10 {
    z-index: 10 !important
}

.z-20 {
    z-index: 20 !important
}

.z-30 {
    z-index: 30 !important
}

.z-40 {
    z-index: 40 !important
}

.z-50 {
    z-index: 50 !important
}

.z-\[1\] {
    z-index: 1 !important
}

.order-first {
    order: -9999 !important
}

.col-\[--col-span-default\] {
    grid-column: var(--col-span-default) !important
}

.col-span-1 {
    grid-column: span 1/span 1 !important
}

.col-span-12 {
    grid-column: span 12/span 12 !important
}

.col-span-2 {
    grid-column: span 2/span 2 !important
}

.col-span-3 {
    grid-column: span 3/span 3 !important
}

.col-span-4 {
    grid-column: span 4/span 4 !important
}

.col-span-6 {
    grid-column: span 6/span 6 !important
}

.col-span-8 {
    grid-column: span 8/span 8 !important
}

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

.col-start-2 {
    grid-column-start: 2 !important
}

.col-start-3 {
    grid-column-start: 3 !important
}

.col-start-\[--col-start-default\] {
    grid-column-start: var(--col-start-default) !important
}

.row-start-2 {
    grid-row-start: 2 !important
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.clear-both {
    clear: both !important
}

.-m-0\.5 {
    margin: -.125rem !important
}

.-m-1 {
    margin: -.25rem !important
}

.-m-1\.5 {
    margin: -.375rem !important
}

.-m-2 {
    margin: -.5rem !important
}

.-m-2\.5 {
    margin: -.625rem !important
}

.-m-3 {
    margin: -.75rem !important
}

.-m-3\.5 {
    margin: -.875rem !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-auto {
    margin: auto !important
}

.-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
}

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

.-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
}

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

.-my-1 {
    margin-bottom: -.25rem !important;
    margin-top: -.25rem !important
}

.-my-2\.5 {
    margin-bottom: -.625rem !important;
    margin-top: -.625rem !important
}

.-my-8 {
    margin-bottom: -2rem !important;
    margin-top: -2rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.mx-1\.5 {
    margin-left: .375rem !important;
    margin-right: .375rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
}

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

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

.my-2 {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important
}

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

.my-5 {
    margin-bottom: 1.25rem !important;
    margin-top: 1.25rem !important
}

.my-7 {
    margin-bottom: 1.75rem !important;
    margin-top: 1.75rem !important
}

.my-auto {
    margin-bottom: auto !important;
    margin-top: auto !important
}

.\!mt-0 {
    margin-top: 0 !important
}

.-mb-1 {
    margin-bottom: -.25rem !important
}

.-mb-10 {
    margin-bottom: -2.5rem !important
}

.-mb-2 {
    margin-bottom: -.5rem !important
}

.-mb-4 {
    margin-bottom: -1rem !important
}

.-mb-5 {
    margin-bottom: -1.25rem !important
}

.-mb-6 {
    margin-bottom: -1.5rem !important
}

.-mb-px {
    margin-bottom: -1px !important
}

.-me-2 {
    margin-inline-end: -.5rem !important
}

.-ml-16 {
    margin-left: -4rem !important
}

.-ml-4 {
    margin-left: -1rem !important
}

.-ml-5 {
    margin-left: -1.25rem !important
}

.-ml-px {
    margin-left: -1px !important
}

.-mr-1 {
    margin-right: -.25rem !important
}

.-mr-12 {
    margin-right: -3rem !important
}

.-mr-2 {
    margin-right: -.5rem !important
}

.-mr-4 {
    margin-right: -1rem !important
}

.-ms-0\.5 {
    margin-inline-start: -.125rem !important
}

.-ms-1 {
    margin-inline-start: -.25rem !important
}

.-ms-2 {
    margin-inline-start: -.5rem !important
}

.-mt-0\.5 {
    margin-top: -.125rem !important
}

.-mt-1 {
    margin-top: -.25rem !important
}

.-mt-10 {
    margin-top: -2.5rem !important
}

.-mt-2 {
    margin-top: -.5rem !important
}

.-mt-20 {
    margin-top: -5rem !important
}

.-mt-3 {
    margin-top: -.75rem !important
}

.-mt-4 {
    margin-top: -1rem !important
}

.-mt-6 {
    margin-top: -1.5rem !important
}

.-mt-7 {
    margin-top: -1.75rem !important
}

.-mt-\[20\%\] {
    margin-top: -20% !important
}

.-mt-px {
    margin-top: -1px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-10 {
    margin-bottom: 2.5rem !important
}

.mb-12 {
    margin-bottom: 3rem !important
}

.mb-16 {
    margin-bottom: 4rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-2\.5 {
    margin-bottom: .625rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.me-1 {
    margin-inline-end: .25rem !important
}

.me-2 {
    margin-inline-end: .5rem !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-0\.5 {
    margin-left: .125rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.ml-1\.5 {
    margin-left: .375rem !important
}

.ml-12 {
    margin-left: 3rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.ml-2\.5 {
    margin-left: .625rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.ml-5 {
    margin-left: 1.25rem !important
}

.ml-\[55\%\] {
    margin-left: 55% !important
}

.ml-auto {
    margin-left: auto !important
}

.mr-0 {
    margin-right: 0 !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mr-1\.5 {
    margin-right: .375rem !important
}

.mr-10 {
    margin-right: 2.5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mr-5 {
    margin-right: 1.25rem !important
}

.mr-52 {
    margin-right: 13rem !important
}

.mr-6 {
    margin-right: 1.5rem !important
}

.mr-\[55\%\] {
    margin-right: 55% !important
}

.mr-auto {
    margin-right: auto !important
}

.ms-1 {
    margin-inline-start: .25rem !important
}

.ms-4 {
    margin-inline-start: 1rem !important
}

.ms-auto {
    margin-inline-start: auto !important
}

.mt-0\.5 {
    margin-top: .125rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-1\.5 {
    margin-top: .375rem !important
}

.mt-10 {
    margin-top: 2.5rem !important
}

.mt-12 {
    margin-top: 3rem !important
}

.mt-14 {
    margin-top: 3.5rem !important
}

.mt-16 {
    margin-top: 4rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-2\.5 {
    margin-top: .625rem !important
}

.mt-20 {
    margin-top: 5rem !important
}

.mt-24 {
    margin-top: 6rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

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

.mt-6 {
    margin-top: 1.5rem !important
}

.mt-7 {
    margin-top: 1.75rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mt-\[67px\] {
    margin-top: 67px !important
}

.mt-auto {
    margin-top: auto !important
}

.line-clamp-\[--line-clamp\] {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: var(--line-clamp) !important;
    display: -webkit-box !important;
    overflow: hidden !important
}

.block {
    display: block !important
}

.inline-block {
    display: inline-block !important
}

.inline {
    display: inline !important
}

.flex {
    display: flex !important
}

.inline-flex {
    display: inline-flex !important
}

.table {
    display: table !important
}

.table-cell {
    display: table-cell !important
}

.table-column {
    display: table-column !important
}

.table-row {
    display: table-row !important
}

.flow-root {
    display: flow-root !important
}

.grid {
    display: grid !important
}

.inline-grid {
    display: inline-grid !important
}

.contents {
    display: contents !important
}

.list-item {
    display: list-item !important
}

.hidden {
    display: none !important
}

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

.\!h-\[140\%\] {
    height: 140% !important
}

.h-0 {
    height: 0 !important
}

.h-1 {
    height: .25rem !important
}

.h-1\.5 {
    height: .375rem !important
}

.h-10 {
    height: 2.5rem !important
}

.h-11 {
    height: 2.75rem !important
}

.h-12 {
    height: 3rem !important
}

.h-16 {
    height: 4rem !important
}

.h-2 {
    height: .5rem !important
}

.h-20 {
    height: 5rem !important
}

.h-24 {
    height: 6rem !important
}

.h-3 {
    height: .75rem !important
}

.h-3\.5 {
    height: .875rem !important
}

.h-32 {
    height: 8rem !important
}

.h-4 {
    height: 1rem !important
}

.h-40 {
    height: 10rem !important
}

.h-48 {
    height: 12rem !important
}

.h-5 {
    height: 1.25rem !important
}

.h-56 {
    height: 14rem !important
}

.h-6 {
    height: 1.5rem !important
}

.h-64 {
    height: 16rem !important
}

.h-7 {
    height: 1.75rem !important
}

.h-72 {
    height: 18rem !important
}

.h-8 {
    height: 2rem !important
}

.h-80 {
    height: 20rem !important
}

.h-9 {
    height: 2.25rem !important
}

.h-96 {
    height: 24rem !important
}

.h-\[1\.15rem\] {
    height: 1.15rem !important
}

.h-\[100dvh\] {
    height: 100dvh !important
}

.h-\[190px\] {
    height: 190px !important
}

.h-\[192px\] {
    height: 192px !important
}

.h-\[210px\] {
    height: 210px !important
}

.h-\[260px\] {
    height: 260px !important
}

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

.h-\[39px\] {
    height: 39px !important
}

.h-\[445px\] {
    height: 445px !important
}

.h-\[450px\] {
    height: 450px !important
}

.h-\[46px\] {
    height: 46px !important
}

.h-\[49px\] {
    height: 49px !important
}

.h-\[642px\] {
    height: 642px !important
}

.h-\[768px\] {
    height: 768px !important
}

.h-\[820px\] {
    height: 820px !important
}

.h-dvh {
    height: 100dvh !important
}

.h-full {
    height: 100% !important
}

.h-screen {
    height: 100vh !important
}

.max-h-\[380px\] {
    max-height: 380px !important
}

.max-h-\[500px\] {
    max-height: 500px !important
}

.min-h-\[theme\(spacing\.48\)\] {
    min-height: 12rem !important
}

.min-h-full {
    min-height: 100% !important
}

.min-h-screen {
    min-height: 100vh !important
}

.\!w-\[140\%\] {
    width: 140% !important
}

.w-0 {
    width: 0 !important
}

.w-1 {
    width: .25rem !important
}

.w-1\.5 {
    width: .375rem !important
}

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

.w-1\/3 {
    width: 33.333333% !important
}

.w-1\/6 {
    width: 16.666667% !important
}

.w-10 {
    width: 2.5rem !important
}

.w-11 {
    width: 2.75rem !important
}

.w-12 {
    width: 3rem !important
}

.w-16 {
    width: 4rem !important
}

.w-2 {
    width: .5rem !important
}

.w-2\/3 {
    width: 66.666667% !important
}

.w-2\/6 {
    width: 33.333333% !important
}

.w-20 {
    width: 5rem !important
}

.w-24 {
    width: 6rem !important
}

.w-28 {
    width: 7rem !important
}

.w-3 {
    width: .75rem !important
}

.w-3\.5 {
    width: .875rem !important
}

.w-3\/4 {
    width: 75% !important
}

.w-3\/5 {
    width: 60% !important
}

.w-32 {
    width: 8rem !important
}

.w-36 {
    width: 9rem !important
}

.w-4 {
    width: 1rem !important
}

.w-4\/5 {
    width: 80% !important
}

.w-40 {
    width: 10rem !important
}

.w-44 {
    width: 11rem !important
}

.w-48 {
    width: 12rem !important
}

.w-5 {
    width: 1.25rem !important
}

.w-52 {
    width: 13rem !important
}

.w-56 {
    width: 14rem !important
}

.w-6 {
    width: 1.5rem !important
}

.w-64 {
    width: 16rem !important
}

.w-7 {
    width: 1.75rem !important
}

.w-72 {
    width: 18rem !important
}

.w-8 {
    width: 2rem !important
}

.w-9 {
    width: 2.25rem !important
}

.w-96 {
    width: 24rem !important
}

.w-\[1\.15rem\] {
    width: 1.15rem !important
}

.w-\[350px\] {
    width: 350px !important
}

.w-\[calc\(100\%\+2rem\)\] {
    width: calc(100% + 2rem) !important
}

.w-auto {
    width: auto !important
}

.w-full {
    width: 100% !important
}

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

.w-screen {
    width: 100vw !important
}

.min-w-0 {
    min-width: 0 !important
}

.min-w-\[28\%\] {
    min-width: 28% !important
}

.min-w-\[theme\(spacing\.4\)\] {
    min-width: 1rem !important
}

.min-w-\[theme\(spacing\.5\)\] {
    min-width: 1.25rem !important
}

.min-w-\[theme\(spacing\.6\)\] {
    min-width: 1.5rem !important
}

.min-w-\[theme\(spacing\.8\)\] {
    min-width: 2rem !important
}

.min-w-full {
    min-width: 100% !important
}

.\!max-w-2xl {
    max-width: 42rem !important
}

.\!max-w-3xl {
    max-width: 48rem !important
}

.\!max-w-4xl {
    max-width: 56rem !important
}

.\!max-w-5xl {
    max-width: 64rem !important
}

.\!max-w-6xl {
    max-width: 72rem !important
}

.\!max-w-7xl {
    max-width: 80rem !important
}

.\!max-w-\[14rem\] {
    max-width: 14rem !important
}

.\!max-w-lg {
    max-width: 32rem !important
}

.\!max-w-md {
    max-width: 28rem !important
}

.\!max-w-sm {
    max-width: 24rem !important
}

.\!max-w-xl {
    max-width: 36rem !important
}

.\!max-w-xs {
    max-width: 20rem !important
}

.max-w-2xl {
    max-width: 42rem !important
}

.max-w-3xl {
    max-width: 48rem !important
}

.max-w-48 {
    max-width: 12rem !important
}

.max-w-4xl {
    max-width: 56rem !important
}

.max-w-5xl {
    max-width: 64rem !important
}

.max-w-6xl {
    max-width: 72rem !important
}

.max-w-7xl {
    max-width: 80rem !important
}

.max-w-\[450px\] {
    max-width: 450px !important
}

.max-w-\[7rem\] {
    max-width: 7rem !important
}

.max-w-fit {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important
}

.max-w-full {
    max-width: 100% !important
}

.max-w-lg {
    max-width: 32rem !important
}

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

.max-w-md {
    max-width: 28rem !important
}

.max-w-min {
    max-width: -moz-min-content !important;
    max-width: min-content !important
}

.max-w-none {
    max-width: none !important
}

.max-w-prose {
    max-width: 65ch !important
}

.max-w-screen-2xl {
    max-width: 1536px !important
}

.max-w-screen-lg {
    max-width: 1024px !important
}

.max-w-screen-md {
    max-width: 768px !important
}

.max-w-screen-sm {
    max-width: 640px !important
}

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

.max-w-sm {
    max-width: 24rem !important
}

.max-w-xl {
    max-width: 36rem !important
}

.max-w-xs {
    max-width: 20rem !important
}

.flex-1 {
    flex: 1 1 0% !important
}

.flex-none {
    flex: none !important
}

.shrink {
    flex-shrink: 1 !important
}

.shrink-0 {
    flex-shrink: 0 !important
}

.flex-grow, .grow {
    flex-grow: 1 !important
}

.table-auto {
    table-layout: auto !important
}

.border-collapse {
    border-collapse: collapse !important
}

.origin-top {
    transform-origin: top !important
}

.origin-top-left {
    transform-origin: top left !important
}

.origin-top-right {
    transform-origin: top right !important
}

.-translate-x-1\/2 {
    --tw-translate-x: -50% !important
}

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

.-translate-x-1\/4 {
    --tw-translate-x: -25% !important
}

.-translate-x-12 {
    --tw-translate-x: -3rem !important
}

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

.-translate-x-5 {
    --tw-translate-x: -1.25rem !important
}

.-translate-y-1\/2 {
    --tw-translate-y: -50% !important
}

.-translate-y-12, .-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)) !important
}

.-translate-y-12 {
    --tw-translate-y: -3rem !important
}

.-translate-y-3\/4 {
    --tw-translate-y: -75% !important
}

.-translate-y-3\/4, .translate-x-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.translate-x-0 {
    --tw-translate-x: 0px !important
}

.translate-x-12 {
    --tw-translate-x: 3rem !important
}

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

.translate-x-5 {
    --tw-translate-x: 1.25rem !important
}

.translate-x-full {
    --tw-translate-x: 100% !important
}

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

.translate-y-0 {
    --tw-translate-y: 0px !important
}

.translate-y-12 {
    --tw-translate-y: 3rem !important
}

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

.translate-y-4 {
    --tw-translate-y: 1rem !important
}

.-rotate-180 {
    --tw-rotate: -180deg !important
}

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

.rotate-180 {
    --tw-rotate: 180deg !important
}

.rotate-90 {
    --tw-rotate: 90deg !important
}

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

.scale-100 {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important
}

.scale-95 {
    --tw-scale-x: .95 !important;
    --tw-scale-y: .95 !important
}

.scale-95, .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)) !important
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite !important
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite !important
}

.cursor-default {
    cursor: default !important
}

.cursor-move {
    cursor: move !important
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-wait {
    cursor: wait !important
}

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

.select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important
}

.resize-none {
    resize: none !important
}

.resize {
    resize: both !important
}

.list-inside {
    list-style-position: inside !important
}

.list-disc {
    list-style-type: disc !important
}

.columns-\[--cols-default\] {
    -moz-columns: var(--cols-default) !important;
    columns: var(--cols-default) !important
}

.break-inside-avoid {
    -moz-column-break-inside: avoid !important;
    break-inside: avoid !important
}

.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr) !important
}

.grid-flow-col {
    grid-auto-flow: column !important
}

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

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

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

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

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

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

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

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

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

.grid-cols-\[--cols-default\] {
    grid-template-columns:var(--cols-default) !important
}

.grid-cols-\[1fr_auto_1fr\] {
    grid-template-columns:1fr auto 1fr !important
}

.grid-cols-\[repeat\(7\2c minmax\(theme\(spacing\.7\)\2c 1fr\)\)\] {
    grid-template-columns:repeat(7, minmax(1.75rem, 1fr)) !important
}

.grid-cols-\[repeat\(auto-fit\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns:repeat(auto-fit, minmax(0, 1fr)) !important
}

.grid-rows-\[1fr_auto_1fr\] {
    grid-template-rows:1fr auto 1fr !important
}

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-col {
    flex-direction: column !important
}

.flex-col-reverse {
    flex-direction: column-reverse !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.place-items-center {
    place-items: center !important
}

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

.items-end {
    align-items: flex-end !important
}

.items-center {
    align-items: center !important
}

.items-baseline {
    align-items: baseline !important
}

.items-stretch {
    align-items: stretch !important
}

.justify-start {
    justify-content: flex-start !important
}

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

.justify-center {
    justify-content: center !important
}

.justify-between {
    justify-content: space-between !important
}

.justify-around {
    justify-content: space-around !important
}

.justify-stretch {
    justify-content: stretch !important
}

.justify-items-start {
    justify-items: start !important
}

.justify-items-end {
    justify-items: end !important
}

.justify-items-center {
    justify-items: center !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-1\.5 {
    gap: .375rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: .75rem !important
}

.gap-4 {
    gap: 1rem !important
}

.gap-5 {
    gap: 1.25rem !important
}

.gap-6 {
    gap: 1.5rem !important
}

.gap-8 {
    gap: 2rem !important
}

.gap-x-1 {
    -moz-column-gap: .25rem !important;
    column-gap: .25rem !important
}

.gap-x-1\.5 {
    -moz-column-gap: .375rem !important;
    column-gap: .375rem !important
}

.gap-x-2 {
    -moz-column-gap: .5rem !important;
    column-gap: .5rem !important
}

.gap-x-2\.5 {
    -moz-column-gap: .625rem !important;
    column-gap: .625rem !important
}

.gap-x-3 {
    -moz-column-gap: .75rem !important;
    column-gap: .75rem !important
}

.gap-x-4 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important
}

.gap-x-5 {
    -moz-column-gap: 1.25rem !important;
    column-gap: 1.25rem !important
}

.gap-x-6 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important
}

.gap-x-8 {
    -moz-column-gap: 2rem !important;
    column-gap: 2rem !important
}

.gap-y-1 {
    row-gap: .25rem !important
}

.gap-y-1\.5 {
    row-gap: .375rem !important
}

.gap-y-2 {
    row-gap: .5rem !important
}

.gap-y-3 {
    row-gap: .75rem !important
}

.gap-y-4 {
    row-gap: 1rem !important
}

.gap-y-5 {
    row-gap: 1.25rem !important
}

.gap-y-6 {
    row-gap: 1.5rem !important
}

.gap-y-7 {
    row-gap: 1.75rem !important
}

.gap-y-8 {
    row-gap: 2rem !important
}

.gap-y-px {
    row-gap: 1px !important
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-.25rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-.25rem * var(--tw-space-x-reverse)) !important
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-.5rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-.5rem * var(--tw-space-x-reverse)) !important
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-.75rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-.75rem * var(--tw-space-x-reverse)) !important
}

.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-1rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-1rem * var(--tw-space-x-reverse)) !important
}

.-space-x-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-1.25rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-1.25rem * var(--tw-space-x-reverse)) !important
}

.-space-x-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-1.5rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-1.5rem * var(--tw-space-x-reverse)) !important
}

.-space-x-7 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-1.75rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-1.75rem * var(--tw-space-x-reverse)) !important
}

.-space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(-2rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(-2rem * var(--tw-space-x-reverse)) !important
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(.25rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(.25rem * var(--tw-space-x-reverse)) !important
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(.5rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(.5rem * var(--tw-space-x-reverse)) !important
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important
}

.space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-left: calc(2rem * (1 - var(--tw-space-x-reverse))) !important;
    margin-right: calc(2rem * var(--tw-space-x-reverse)) !important
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(.25rem * (1 - var(--tw-space-y-reverse))) !important
}

.space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(2.5rem * (1 - var(--tw-space-y-reverse))) !important
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(.5rem * (1 - var(--tw-space-y-reverse))) !important
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(.75rem * (1 - var(--tw-space-y-reverse))) !important
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse))) !important
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(1.25rem * (1 - var(--tw-space-y-reverse))) !important
}

.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
    margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse))) !important
}

.divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0 !important;
    border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse))) !important;
    border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse))) !important
}

.divide-dashed > :not([hidden]) ~ :not([hidden]) {
    border-style: dashed !important
}

.divide-blue-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgb(191 219 254/var(--tw-divide-opacity, 1)) !important
}

.divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgba(var(--gray-100), var(--tw-divide-opacity, 1)) !important
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgba(var(--gray-200), var(--tw-divide-opacity, 1)) !important
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgb(var(--color-slate-200)/var(--tw-divide-opacity, 1)) !important
}

.place-self-stretch {
    place-self: stretch !important
}

.self-start {
    align-self: flex-start !important
}

.self-center {
    align-self: center !important
}

.self-stretch {
    align-self: stretch !important
}

.justify-self-start {
    justify-self: start !important
}

.justify-self-end {
    justify-self: end !important
}

.justify-self-center {
    justify-self: center !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.overflow-y-hidden {
    overflow-y: hidden !important
}

.overflow-x-scroll {
    overflow-x: scroll !important
}

.overflow-y-scroll {
    overflow-y: scroll !important
}

.truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.whitespace-normal {
    white-space: normal !important
}

.whitespace-nowrap {
    white-space: nowrap !important
}

.break-words {
    overflow-wrap: break-word !important
}

.\!rounded-lg {
    border-radius: .5rem !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-full {
    border-radius: 9999px !important
}

.rounded-lg {
    border-radius: .5rem !important
}

.rounded-md {
    border-radius: .375rem !important
}

.rounded-xl {
    border-radius: .75rem !important
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem !important;
    border-bottom-right-radius: .5rem !important
}

.rounded-b-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.rounded-b-xl {
    border-bottom-left-radius: .75rem !important;
    border-bottom-right-radius: .75rem !important
}

.rounded-e-lg {
    border-end-end-radius: .5rem !important;
    border-start-end-radius: .5rem !important
}

.rounded-l {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.rounded-l-full {
    border-bottom-left-radius: 9999px !important;
    border-top-left-radius: 9999px !important
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem !important;
    border-top-left-radius: .5rem !important
}

.rounded-l-md {
    border-bottom-left-radius: .375rem !important;
    border-top-left-radius: .375rem !important
}

.rounded-r-full {
    border-bottom-right-radius: 9999px !important;
    border-top-right-radius: 9999px !important
}

.rounded-r-lg {
    border-bottom-right-radius: .5rem !important;
    border-top-right-radius: .5rem !important
}

.rounded-r-md {
    border-bottom-right-radius: .375rem !important;
    border-top-right-radius: .375rem !important
}

.rounded-t-none {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.rounded-t-xl {
    border-top-left-radius: .75rem !important;
    border-top-right-radius: .75rem !important
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem !important
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem !important
}

.rounded-tl-lg {
    border-top-left-radius: .5rem !important
}

.rounded-tr-lg {
    border-top-right-radius: .5rem !important
}

.border {
    border-width: 1px !important
}

.border-0 {
    border-width: 0 !important
}

.border-2 {
    border-width: 2px !important
}

.border-4 {
    border-width: 4px !important
}

.border-x-\[0\.5px\] {
    border-left-width: .5px !important;
    border-right-width: .5px !important
}

.border-y {
    border-bottom-width: 1px !important;
    border-top-width: 1px !important
}

.border-y-2 {
    border-bottom-width: 2px !important;
    border-top-width: 2px !important
}

.\!border-t-0 {
    border-top-width: 0 !important
}

.border-b {
    border-bottom-width: 1px !important
}

.border-b-0 {
    border-bottom-width: 0 !important
}

.border-b-2 {
    border-bottom-width: 2px !important
}

.border-e {
    border-inline-end-width: 1px !important
}

.border-l {
    border-left-width: 1px !important
}

.border-l-4 {
    border-left-width: 4px !important
}

.border-r {
    border-right-width: 1px !important
}

.border-s {
    border-inline-start-width: 1px !important
}

.border-s-0 {
    border-inline-start-width: 0 !important
}

.border-t {
    border-top-width: 1px !important
}

.border-t-0 {
    border-top-width: 0 !important
}

.border-dashed {
    border-style: dashed !important
}

.\!border-none, .border-none {
    border-style: none !important
}

.border-amber-200 {
    border-color: rgb(253 230 138/var(--tw-border-opacity, 1)) !important
}

.border-amber-200, .border-blue-500 {
    --tw-border-opacity: 1 !important
}

.border-blue-500 {
    border-color: rgb(59 130 246/var(--tw-border-opacity, 1)) !important
}

.border-danger {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1)) !important
}

.border-danger\/20 {
    border-color: rgb(var(--color-danger)/.2) !important
}

.border-gray-100 {
    border-color: rgba(var(--gray-100), var(--tw-border-opacity, 1)) !important
}

.border-gray-100, .border-gray-200 {
    --tw-border-opacity: 1 !important
}

.border-gray-200 {
    border-color: rgba(var(--gray-200), var(--tw-border-opacity, 1)) !important
}

.border-gray-300 {
    border-color: rgba(var(--gray-300), var(--tw-border-opacity, 1)) !important
}

.border-gray-300, .border-gray-600 {
    --tw-border-opacity: 1 !important
}

.border-gray-600 {
    border-color: rgba(var(--gray-600), var(--tw-border-opacity, 1)) !important
}

.border-green-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(74 222 128/var(--tw-border-opacity, 1)) !important
}

.border-indigo-400 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(129 140 248/var(--tw-border-opacity, 1)) !important
}

.border-pending\/20 {
    border-color: rgb(var(--color-pending)/.2) !important
}

.border-pending\/50 {
    border-color: rgb(var(--color-pending)/.5) !important
}

.border-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1)) !important
}

.border-primary\/10 {
    border-color: rgb(var(--color-primary)/.1) !important
}

.border-primary\/20 {
    border-color: rgb(var(--color-primary)/.2) !important
}

.border-primary\/50 {
    border-color: rgb(var(--color-primary)/.5) !important
}

.border-red-400 {
    border-color: rgb(248 113 113/var(--tw-border-opacity, 1)) !important
}

.border-red-400, .border-slate-100 {
    --tw-border-opacity: 1 !important
}

.border-slate-100 {
    border-color: rgb(var(--color-slate-100)/var(--tw-border-opacity, 1)) !important
}

.border-slate-200 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1)) !important
}

.border-slate-200\/60 {
    border-color: rgb(var(--color-slate-200)/.6) !important
}

.border-slate-300 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-slate-300)/var(--tw-border-opacity, 1)) !important
}

.border-slate-300\/50 {
    border-color: rgb(var(--color-slate-300)/.5) !important
}

.border-slate-400\/20 {
    border-color: rgb(var(--color-slate-400)/.2) !important
}

.border-slate-500 {
    border-color: rgb(var(--color-slate-500)/var(--tw-border-opacity, 1)) !important
}

.border-slate-500, .border-success {
    --tw-border-opacity: 1 !important
}

.border-success {
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1)) !important
}

.border-success\/20 {
    border-color: rgb(var(--color-success)/.2) !important
}

.border-transparent {
    border-color: transparent !important
}

.border-warning {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1)) !important
}

.border-warning\/20 {
    border-color: rgb(var(--color-warning)/.2) !important
}

.border-warning\/60 {
    border-color: rgb(var(--color-warning)/.6) !important
}

.border-white {
    border-color: rgb(255 255 255/var(--tw-border-opacity, 1)) !important
}

.border-t-gray-200, .border-white {
    --tw-border-opacity: 1 !important
}

.border-t-gray-200 {
    border-top-color: rgba(var(--gray-200), var(--tw-border-opacity, 1)) !important
}

.border-opacity-10 {
    --tw-border-opacity: 0.1 !important
}

.border-opacity-20 {
    --tw-border-opacity: 0.2 !important
}

.\!bg-gray-50 {
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.\!bg-gray-50, .\!bg-gray-700 {
    --tw-bg-opacity: 1 !important
}

.\!bg-gray-700 {
    background-color: rgba(var(--gray-700), var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#00195f\] {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(0 25 95/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#2d3c5a\] {
    background-color: rgb(45 60 90/var(--tw-bg-opacity, 1)) !important
}

.bg-\[\#2d3c5a\], .bg-amber-50 {
    --tw-bg-opacity: 1 !important
}

.bg-amber-50 {
    background-color: rgb(255 251 235/var(--tw-bg-opacity, 1)) !important
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5) !important
}

.bg-blue-100 {
    background-color: rgb(219 234 254/var(--tw-bg-opacity, 1)) !important
}

.bg-blue-100, .bg-blue-500 {
    --tw-bg-opacity: 1 !important
}

.bg-blue-500 {
    background-color: rgb(59 130 246/var(--tw-bg-opacity, 1)) !important
}

.bg-blue-700 {
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1)) !important
}

.bg-blue-700, .bg-blue-800 {
    --tw-bg-opacity: 1 !important
}

.bg-blue-800 {
    background-color: rgb(30 64 175/var(--tw-bg-opacity, 1)) !important
}

.bg-custom-100 {
    background-color: rgba(var(--c-100), var(--tw-bg-opacity, 1)) !important
}

.bg-custom-100, .bg-custom-50 {
    --tw-bg-opacity: 1 !important
}

.bg-custom-50 {
    background-color: rgba(var(--c-50), var(--tw-bg-opacity, 1)) !important
}

.bg-custom-600 {
    background-color: rgba(var(--c-600), var(--tw-bg-opacity, 1)) !important
}

.bg-custom-600, .bg-danger {
    --tw-bg-opacity: 1 !important
}

.bg-danger {
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1)) !important
}

.bg-danger\/20 {
    background-color: rgb(var(--color-danger)/.2) !important
}

.bg-gray-100 {
    background-color: rgba(var(--gray-100), var(--tw-bg-opacity, 1)) !important
}

.bg-gray-100, .bg-gray-200 {
    --tw-bg-opacity: 1 !important
}

.bg-gray-200 {
    background-color: rgba(var(--gray-200), var(--tw-bg-opacity, 1)) !important
}

.bg-gray-300 {
    background-color: rgba(var(--gray-300), var(--tw-bg-opacity, 1)) !important
}

.bg-gray-300, .bg-gray-50 {
    --tw-bg-opacity: 1 !important
}

.bg-gray-50 {
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.bg-gray-500 {
    background-color: rgba(var(--gray-500), var(--tw-bg-opacity, 1)) !important
}

.bg-gray-500, .bg-gray-800 {
    --tw-bg-opacity: 1 !important
}

.bg-gray-800 {
    background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1)) !important
}

.bg-gray-950\/50 {
    background-color: rgba(var(--gray-950), .5) !important
}

.bg-green-100 {
    background-color: rgb(220 252 231/var(--tw-bg-opacity, 1)) !important
}

.bg-green-100, .bg-indigo-100 {
    --tw-bg-opacity: 1 !important
}

.bg-indigo-100 {
    background-color: rgb(224 231 255/var(--tw-bg-opacity, 1)) !important
}

.bg-indigo-50 {
    background-color: rgb(238 242 255/var(--tw-bg-opacity, 1)) !important
}

.bg-indigo-50, .bg-orange-400 {
    --tw-bg-opacity: 1 !important
}

.bg-orange-400 {
    background-color: rgb(251 146 60/var(--tw-bg-opacity, 1)) !important
}

.bg-pending {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-pending)/var(--tw-bg-opacity, 1)) !important
}

.bg-pending\/10 {
    background-color: rgb(var(--color-pending)/.1) !important
}

.bg-pending\/20 {
    background-color: rgb(var(--color-pending)/.2) !important
}

.bg-pending\/50 {
    background-color: rgb(var(--color-pending)/.5) !important
}

.bg-pink-100 {
    background-color: rgb(252 231 243/var(--tw-bg-opacity, 1)) !important
}

.bg-pink-100, .bg-primary {
    --tw-bg-opacity: 1 !important
}

.bg-primary {
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1)) !important
}

.bg-primary\/10 {
    background-color: rgb(var(--color-primary)/.1) !important
}

.bg-primary\/20 {
    background-color: rgb(var(--color-primary)/.2) !important
}

.bg-primary\/30 {
    background-color: rgb(var(--color-primary)/.3) !important
}

.bg-primary\/40 {
    background-color: rgb(var(--color-primary)/.4) !important
}

.bg-primary\/50 {
    background-color: rgb(var(--color-primary)/.5) !important
}

.bg-primary\/60 {
    background-color: rgb(var(--color-primary)/.6) !important
}

.bg-purple-100 {
    background-color: rgb(243 232 255/var(--tw-bg-opacity, 1)) !important
}

.bg-purple-100, .bg-slate-100 {
    --tw-bg-opacity: 1 !important
}

.bg-slate-100 {
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1)) !important
}

.bg-slate-100\/80 {
    background-color: rgb(var(--color-slate-100)/.8) !important
}

.bg-slate-200 {
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1)) !important
}

.bg-slate-200, .bg-slate-50 {
    --tw-bg-opacity: 1 !important
}

.bg-slate-50 {
    background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1)) !important
}

.bg-slate-500 {
    background-color: rgb(var(--color-slate-500)/var(--tw-bg-opacity, 1)) !important
}

.bg-slate-500, .bg-success {
    --tw-bg-opacity: 1 !important
}

.bg-success {
    background-color: rgb(var(--color-success)/var(--tw-bg-opacity, 1)) !important
}

.bg-success\/20 {
    background-color: rgb(var(--color-success)/.2) !important
}

.bg-success\/30 {
    background-color: rgb(var(--color-success)/.3) !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-warning {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-warning)/var(--tw-bg-opacity, 1)) !important
}

.bg-warning\/20 {
    background-color: rgb(var(--color-warning)/.2) !important
}

.bg-warning\/50 {
    background-color: rgb(var(--color-warning)/.5) !important
}

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

.bg-white\/0 {
    background-color: hsla(0, 0%, 100%, 0) !important
}

.bg-white\/5 {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.bg-yellow-100 {
    background-color: rgb(254 249 195/var(--tw-bg-opacity, 1)) !important
}

.bg-yellow-100, .bg-yellow-200 {
    --tw-bg-opacity: 1 !important
}

.bg-yellow-200 {
    background-color: rgb(254 240 138/var(--tw-bg-opacity, 1)) !important
}

.bg-opacity-10 {
    --tw-bg-opacity: 0.1 !important
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2 !important
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3 !important
}

.bg-opacity-40 {
    --tw-bg-opacity: 0.4 !important
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6 !important
}

.\!bg-none {
    background-image: none !important
}

.from-black\/20 {
    --tw-gradient-from: rgba(0, 0, 0, .2) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: transparent var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important
}

.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position) !important
}

.bg-cover {
    background-size: cover !important
}

.bg-center {
    background-position: 50% !important
}

.fill-current {
    fill: currentColor !important
}

.stroke-current {
    stroke: currentColor !important
}

.\!stroke-2 {
    stroke-width: 2 !important
}

.object-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

.object-center {
    -o-object-position: center !important;
    object-position: center !important
}

.p-0 {
    padding: 0 !important
}

.p-0\.5 {
    padding: .125rem !important
}

.p-1 {
    padding: .25rem !important
}

.p-10 {
    padding: 2.5rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-2\.5 {
    padding: .625rem !important
}

.p-20 {
    padding: 5rem !important
}

.p-3 {
    padding: .75rem !important
}

.p-4 {
    padding: 1rem !important
}

.p-5 {
    padding: 1.25rem !important
}

.p-6 {
    padding: 1.5rem !important
}

.p-8 {
    padding: 2rem !important
}

.\!py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
}

.\!py-7 {
    padding-bottom: 1.75rem !important;
    padding-top: 1.75rem !important
}

.\!py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.px-0\.5 {
    padding-left: .125rem !important;
    padding-right: .125rem !important
}

.px-1 {
    padding-left: .25rem !important;
    padding-right: .25rem !important
}

.px-1\.5 {
    padding-left: .375rem !important;
    padding-right: .375rem !important
}

.px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important
}

.px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}

.px-2 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
}

.px-2\.5 {
    padding-left: .625rem !important;
    padding-right: .625rem !important
}

.px-3 {
    padding-left: .75rem !important;
    padding-right: .75rem !important
}

.px-3\.5 {
    padding-left: .875rem !important;
    padding-right: .875rem !important
}

.px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}

.px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important
}

.px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
}

.px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}

.py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.py-0\.5 {
    padding-bottom: .125rem !important;
    padding-top: .125rem !important
}

.py-1 {
    padding-bottom: .25rem !important;
    padding-top: .25rem !important
}

.py-1\.5 {
    padding-bottom: .375rem !important;
    padding-top: .375rem !important
}

.py-10 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important
}

.py-12 {
    padding-bottom: 3rem !important;
    padding-top: 3rem !important
}

.py-16 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important
}

.py-2 {
    padding-bottom: .5rem !important;
    padding-top: .5rem !important
}

.py-2\.5 {
    padding-bottom: .625rem !important;
    padding-top: .625rem !important
}

.py-3 {
    padding-bottom: .75rem !important;
    padding-top: .75rem !important
}

.py-3\.5 {
    padding-bottom: .875rem !important;
    padding-top: .875rem !important
}

.py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important
}

.py-5 {
    padding-bottom: 1.25rem !important;
    padding-top: 1.25rem !important
}

.py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important
}

.py-8 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important
}

.\!pt-6 {
    padding-top: 1.5rem !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-10 {
    padding-bottom: 2.5rem !important
}

.pb-16 {
    padding-bottom: 4rem !important
}

.pb-20 {
    padding-bottom: 5rem !important
}

.pb-24 {
    padding-bottom: 6rem !important
}

.pb-3 {
    padding-bottom: .75rem !important
}

.pb-4 {
    padding-bottom: 1rem !important
}

.pb-5 {
    padding-bottom: 1.25rem !important
}

.pb-52 {
    padding-bottom: 13rem !important
}

.pb-6 {
    padding-bottom: 1.5rem !important
}

.pb-8 {
    padding-bottom: 2rem !important
}

.pe-0 {
    padding-inline-end: 0 !important
}

.pe-1 {
    padding-inline-end: .25rem !important
}

.pe-2 {
    padding-inline-end: .5rem !important
}

.pe-3 {
    padding-inline-end: .75rem !important
}

.pe-4 {
    padding-inline-end: 1rem !important
}

.pe-6 {
    padding-inline-end: 1.5rem !important
}

.pe-8 {
    padding-inline-end: 2rem !important
}

.pl-1 {
    padding-left: .25rem !important
}

.pl-10 {
    padding-left: 2.5rem !important
}

.pl-12 {
    padding-left: 3rem !important
}

.pl-2 {
    padding-left: .5rem !important
}

.pl-3 {
    padding-left: .75rem !important
}

.pl-32 {
    padding-left: 8rem !important
}

.pl-5 {
    padding-left: 1.25rem !important
}

.pl-6 {
    padding-left: 1.5rem !important
}

.pr-10 {
    padding-right: 2.5rem !important
}

.pr-16 {
    padding-right: 4rem !important
}

.pr-2 {
    padding-right: .5rem !important
}

.pr-4 {
    padding-right: 1rem !important
}

.pr-5 {
    padding-right: 1.25rem !important
}

.ps-0 {
    padding-inline-start: 0 !important
}

.ps-1 {
    padding-inline-start: .25rem !important
}

.ps-2 {
    padding-inline-start: .5rem !important
}

.ps-3 {
    padding-inline-start: .75rem !important
}

.ps-4 {
    padding-inline-start: 1rem !important
}

.ps-\[5\.25rem\] {
    padding-inline-start: 5.25rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-0\.5 {
    padding-top: .125rem !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-10 {
    padding-top: 2.5rem !important
}

.pt-16 {
    padding-top: 4rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: .75rem !important
}

.pt-4 {
    padding-top: 1rem !important
}

.pt-5 {
    padding-top: 1.25rem !important
}

.pt-6 {
    padding-top: 1.5rem !important
}

.pt-8 {
    padding-top: 2rem !important
}

.pt-\[100\%\] {
    padding-top: 100% !important
}

.\!text-left, .text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.text-justify {
    text-align: justify !important
}

.text-start {
    text-align: start !important
}

.text-end {
    text-align: end !important
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace !important
}

.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
}

.font-serif {
    font-family: ui-serif, Georgia, Cambria, Times New Roman, Times, serif !important
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important
}

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

.text-5xl {
    font-size: 3rem !important
}

.text-5xl, .text-6xl {
    line-height: 1 !important
}

.text-6xl {
    font-size: 3.75rem !important
}

.text-8xl {
    font-size: 6rem !important;
    line-height: 1 !important
}

.text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important
}

.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important
}

.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important
}

.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
}

.text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important
}

.\!font-normal {
    font-weight: 400 !important
}

.font-black {
    font-weight: 900 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-extrabold {
    font-weight: 800 !important
}

.font-extralight {
    font-weight: 200 !important
}

.font-light {
    font-weight: 300 !important
}

.font-medium {
    font-weight: 500 !important
}

.font-normal {
    font-weight: 400 !important
}

.font-semibold {
    font-weight: 600 !important
}

.font-thin {
    font-weight: 100 !important
}

.uppercase {
    text-transform: uppercase !important
}

.lowercase {
    text-transform: lowercase !important
}

.capitalize {
    text-transform: capitalize !important
}

.normal-case {
    text-transform: none !important
}

.italic {
    font-style: italic !important
}

.lining-nums {
    --tw-numeric-figure: lining-nums !important;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}

.leading-4 {
    line-height: 1rem !important
}

.leading-5 {
    line-height: 1.25rem !important
}

.leading-6 {
    line-height: 1.5rem !important
}

.leading-7 {
    line-height: 1.75rem !important
}

.leading-loose {
    line-height: 2 !important
}

.leading-none {
    line-height: 1 !important
}

.leading-relaxed {
    line-height: 1.625 !important
}

.leading-tight {
    line-height: 1.25 !important
}

.tracking-tight {
    letter-spacing: -.025em !important
}

.tracking-tighter {
    letter-spacing: -.05em !important
}

.tracking-wide {
    letter-spacing: .025em !important
}

.tracking-wider {
    letter-spacing: .05em !important
}

.tracking-widest {
    letter-spacing: .1em !important
}

.text-amber-500 {
    color: rgb(245 158 11/var(--tw-text-opacity, 1)) !important
}

.text-amber-500, .text-amber-800 {
    --tw-text-opacity: 1 !important
}

.text-amber-800 {
    color: rgb(146 64 14/var(--tw-text-opacity, 1)) !important
}

.text-black {
    color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important
}

.text-black, .text-blue-400 {
    --tw-text-opacity: 1 !important
}

.text-blue-400 {
    color: rgb(96 165 250/var(--tw-text-opacity, 1)) !important
}

.text-blue-500 {
    color: rgb(59 130 246/var(--tw-text-opacity, 1)) !important
}

.text-blue-500, .text-blue-600 {
    --tw-text-opacity: 1 !important
}

.text-blue-600 {
    color: rgb(37 99 235/var(--tw-text-opacity, 1)) !important
}

.text-blue-800 {
    color: rgb(30 64 175/var(--tw-text-opacity, 1)) !important
}

.text-blue-800, .text-custom-400 {
    --tw-text-opacity: 1 !important
}

.text-custom-400 {
    color: rgba(var(--c-400), var(--tw-text-opacity, 1)) !important
}

.text-custom-500 {
    color: rgba(var(--c-500), var(--tw-text-opacity, 1)) !important
}

.text-custom-500, .text-custom-600 {
    --tw-text-opacity: 1 !important
}

.text-custom-600 {
    color: rgba(var(--c-600), var(--tw-text-opacity, 1)) !important
}

.text-custom-700\/50 {
    color: rgba(var(--c-700), .5) !important
}

.text-danger {
    color: rgb(var(--color-danger)/var(--tw-text-opacity, 1)) !important
}

.text-danger, .text-dark {
    --tw-text-opacity: 1 !important
}

.text-dark {
    color: rgb(var(--color-dark)/var(--tw-text-opacity, 1)) !important
}

.text-emerald-500 {
    color: rgb(16 185 129/var(--tw-text-opacity, 1)) !important
}

.text-emerald-500, .text-gray-200 {
    --tw-text-opacity: 1 !important
}

.text-gray-200 {
    color: rgba(var(--gray-200), var(--tw-text-opacity, 1)) !important
}

.text-gray-300 {
    color: rgba(var(--gray-300), var(--tw-text-opacity, 1)) !important
}

.text-gray-300, .text-gray-400 {
    --tw-text-opacity: 1 !important
}

.text-gray-400 {
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.text-gray-500 {
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.text-gray-500, .text-gray-600 {
    --tw-text-opacity: 1 !important
}

.text-gray-600 {
    color: rgba(var(--gray-600), var(--tw-text-opacity, 1)) !important
}

.text-gray-700 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-700), var(--tw-text-opacity, 1)) !important
}

.text-gray-700\/50 {
    color: rgba(var(--gray-700), .5) !important
}

.text-gray-800 {
    color: rgba(var(--gray-800), var(--tw-text-opacity, 1)) !important
}

.text-gray-800, .text-gray-900 {
    --tw-text-opacity: 1 !important
}

.text-gray-900 {
    color: rgba(var(--gray-900), var(--tw-text-opacity, 1)) !important
}

.text-gray-950 {
    color: rgba(var(--gray-950), var(--tw-text-opacity, 1)) !important
}

.text-gray-950, .text-green-500 {
    --tw-text-opacity: 1 !important
}

.text-green-500 {
    color: rgb(34 197 94/var(--tw-text-opacity, 1)) !important
}

.text-green-600 {
    color: rgb(22 163 74/var(--tw-text-opacity, 1)) !important
}

.text-green-600, .text-green-800 {
    --tw-text-opacity: 1 !important
}

.text-green-800 {
    color: rgb(22 101 52/var(--tw-text-opacity, 1)) !important
}

.text-indigo-600 {
    color: rgb(79 70 229/var(--tw-text-opacity, 1)) !important
}

.text-indigo-600, .text-indigo-700 {
    --tw-text-opacity: 1 !important
}

.text-indigo-700 {
    color: rgb(67 56 202/var(--tw-text-opacity, 1)) !important
}

.text-indigo-800 {
    color: rgb(55 48 163/var(--tw-text-opacity, 1)) !important
}

.text-indigo-800, .text-pending {
    --tw-text-opacity: 1 !important
}

.text-pending {
    color: rgb(var(--color-pending)/var(--tw-text-opacity, 1)) !important
}

.text-pink-800 {
    color: rgb(157 23 77/var(--tw-text-opacity, 1)) !important
}

.text-pink-800, .text-primary {
    --tw-text-opacity: 1 !important
}

.text-primary {
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1)) !important
}

.text-primary\/80 {
    color: rgb(var(--color-primary)/.8) !important
}

.text-purple-800 {
    color: rgb(107 33 168/var(--tw-text-opacity, 1)) !important
}

.text-purple-800, .text-red-500 {
    --tw-text-opacity: 1 !important
}

.text-red-500 {
    color: rgb(239 68 68/var(--tw-text-opacity, 1)) !important
}

.text-red-600 {
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.text-red-600, .text-slate-400 {
    --tw-text-opacity: 1 !important
}

.text-slate-400 {
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1)) !important
}

.text-slate-500 {
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1)) !important
}

.text-slate-500, .text-slate-600 {
    --tw-text-opacity: 1 !important
}

.text-slate-600 {
    color: rgb(var(--color-slate-600)/var(--tw-text-opacity, 1)) !important
}

.text-slate-700 {
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1)) !important
}

.text-slate-700, .text-success {
    --tw-text-opacity: 1 !important
}

.text-success {
    color: rgb(var(--color-success)/var(--tw-text-opacity, 1)) !important
}

.text-warning {
    color: rgb(var(--color-warning)/var(--tw-text-opacity, 1)) !important
}

.text-warning, .text-white {
    --tw-text-opacity: 1 !important
}

.text-white {
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.text-yellow-800 {
    --tw-text-opacity: 1 !important;
    color: rgb(133 77 14/var(--tw-text-opacity, 1)) !important
}

.text-opacity-70 {
    --tw-text-opacity: 0.7 !important
}

.underline {
    text-decoration-line: underline !important
}

.overline {
    text-decoration-line: overline !important
}

.line-through {
    text-decoration-line: line-through !important
}

.decoration-dotted {
    text-decoration-style: dotted !important
}

.antialiased {
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-100 {
    opacity: 1 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-70 {
    opacity: .7 !important
}

.opacity-75 {
    opacity: .75 !important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important
}

.shadow, .shadow-lg {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important
}

.shadow-md, .shadow-none {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-none {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05) !important;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important
}

.shadow-sm, .shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important
}

.outline-none {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.outline {
    outline-style: solid !important
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.ring, .ring-0 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.ring-1, .ring-2 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.ring-inset {
    --tw-ring-inset: inset !important
}

.ring-black {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(0 0 0/var(--tw-ring-opacity, 1)) !important
}

.ring-custom-600 {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--c-600), var(--tw-ring-opacity, 1)) !important
}

.ring-custom-600\/10 {
    --tw-ring-color: rgba(var(--c-600), 0.1) !important
}

.ring-custom-600\/20 {
    --tw-ring-color: rgba(var(--c-600), 0.2) !important
}

.ring-gray-200 {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--gray-200), var(--tw-ring-opacity, 1)) !important
}

.ring-gray-300 {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--gray-300), var(--tw-ring-opacity, 1)) !important
}

.ring-gray-600\/10 {
    --tw-ring-color: rgba(var(--gray-600), 0.1) !important
}

.ring-gray-900\/10 {
    --tw-ring-color: rgba(var(--gray-900), 0.1) !important
}

.ring-gray-950\/10 {
    --tw-ring-color: rgba(var(--gray-950), 0.1) !important
}

.ring-gray-950\/5 {
    --tw-ring-color: rgba(var(--gray-950), 0.05) !important
}

.ring-white {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity, 1)) !important
}

.ring-white\/10 {
    --tw-ring-color: hsla(0, 0%, 100%, .1) !important
}

.ring-opacity-5 {
    --tw-ring-opacity: 0.05 !important
}

.blur {
    --tw-blur: blur(8px) !important
}

.blur, .grayscale {
    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) !important
}

.grayscale {
    --tw-grayscale: grayscale(100%) !important
}

.invert {
    --tw-invert: invert(100%) !important
}

.filter, .invert {
    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) !important
}

.transition {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-all {
    transition-duration: .15s !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-colors {
    transition-duration: .15s !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.transition-opacity {
    transition-duration: .15s !important;
    transition-property: opacity !important;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.duration-100 {
    transition-duration: .1s !important
}

.duration-150 {
    transition-duration: .15s !important
}

.duration-200 {
    transition-duration: .2s !important
}

.duration-300 {
    transition-duration: .3s !important
}

.duration-75 {
    transition-duration: 75ms !important
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1) !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1) !important
}

.dark\:prose-invert:is(.dark *) {
    --tw-prose-body: var(--tw-prose-invert-body);
    --tw-prose-headings: var(--tw-prose-invert-headings);
    --tw-prose-lead: var(--tw-prose-invert-lead);
    --tw-prose-links: var(--tw-prose-invert-links);
    --tw-prose-bold: var(--tw-prose-invert-bold);
    --tw-prose-counters: var(--tw-prose-invert-counters);
    --tw-prose-bullets: var(--tw-prose-invert-bullets);
    --tw-prose-hr: var(--tw-prose-invert-hr);
    --tw-prose-quotes: var(--tw-prose-invert-quotes);
    --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
    --tw-prose-captions: var(--tw-prose-invert-captions);
    --tw-prose-kbd: var(--tw-prose-invert-kbd);
    --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
    --tw-prose-code: var(--tw-prose-invert-code);
    --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
    --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
    --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
    --tw-prose-td-borders: var(--tw-prose-invert-td-borders)
}

.placeholder\:text-gray-400::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.placeholder\:text-gray-400::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.before\:absolute:before {
    content: var(--tw-content) !important;
    position: absolute !important
}

.before\:inset-0:before {
    content: var(--tw-content) !important;
    inset: 0 !important
}

.before\:inset-x-0:before {
    content: var(--tw-content) !important;
    left: 0 !important;
    right: 0 !important
}

.before\:inset-y-0:before {
    top: 0 !important
}

.before\:bottom-0:before, .before\:inset-y-0:before {
    bottom: 0 !important;
    content: var(--tw-content) !important
}

.before\:bottom-\[9\%\]:before {
    bottom: 9% !important;
    content: var(--tw-content) !important
}

.before\:left-0:before {
    content: var(--tw-content) !important;
    left: 0 !important
}

.before\:left-\[60px\]:before {
    content: var(--tw-content) !important;
    left: 60px !important
}

.before\:right-0:before {
    content: var(--tw-content) !important;
    right: 0 !important
}

.before\:right-\[60px\]:before {
    content: var(--tw-content) !important;
    right: 60px !important
}

.before\:start-0:before {
    content: var(--tw-content) !important;
    inset-inline-start: 0 !important
}

.before\:top-0:before {
    content: var(--tw-content) !important;
    top: 0 !important
}

.before\:top-\[12\%\]:before {
    content: var(--tw-content) !important;
    top: 12% !important
}

.before\:z-10:before {
    content: var(--tw-content) !important;
    z-index: 10 !important
}

.before\:z-\[-1\]:before {
    content: var(--tw-content) !important;
    z-index: -1 !important
}

.before\:m-auto:before {
    content: var(--tw-content) !important;
    margin: auto !important
}

.before\:mx-auto:before {
    content: var(--tw-content) !important;
    margin-left: auto !important;
    margin-right: auto !important
}

.before\:-mt-5:before {
    content: var(--tw-content) !important;
    margin-top: -1.25rem !important
}

.before\:ml-0\.5:before {
    content: var(--tw-content) !important;
    margin-left: .125rem !important
}

.before\:ml-3:before {
    content: var(--tw-content) !important;
    margin-left: .75rem !important
}

.before\:mr-auto:before {
    content: var(--tw-content) !important;
    margin-right: auto !important
}

.before\:mt-4:before {
    content: var(--tw-content) !important;
    margin-top: 1rem !important
}

.before\:mt-8:before {
    content: var(--tw-content) !important;
    margin-top: 2rem !important
}

.before\:hidden:before {
    content: var(--tw-content) !important;
    display: none !important
}

.before\:h-3:before {
    height: .75rem !important
}

.before\:h-3:before, .before\:h-5:before {
    content: var(--tw-content) !important
}

.before\:h-5:before {
    height: 1.25rem !important
}

.before\:h-6:before {
    content: var(--tw-content) !important;
    height: 1.5rem !important
}

.before\:h-\[3px\]:before {
    content: var(--tw-content) !important;
    height: 3px !important
}

.before\:h-full:before {
    content: var(--tw-content) !important;
    height: 100% !important
}

.before\:h-px:before {
    content: var(--tw-content) !important;
    height: 1px !important
}

.before\:w-0\.5:before {
    content: var(--tw-content) !important;
    width: .125rem !important
}

.before\:w-20:before {
    content: var(--tw-content) !important;
    width: 5rem !important
}

.before\:w-3:before {
    width: .75rem !important
}

.before\:w-3:before, .before\:w-5:before {
    content: var(--tw-content) !important
}

.before\:w-5:before {
    width: 1.25rem !important
}

.before\:w-6:before {
    content: var(--tw-content) !important;
    width: 1.5rem !important
}

.before\:w-\[69\%\]:before {
    content: var(--tw-content) !important;
    width: 69% !important
}

.before\:w-\[95\%\]:before {
    content: var(--tw-content) !important;
    width: 95% !important
}

.before\:w-full:before {
    content: var(--tw-content) !important;
    width: 100% !important
}

.before\:w-px:before {
    content: var(--tw-content) !important;
    width: 1px !important
}

.before\:animate-ping:before {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite !important;
    content: var(--tw-content) !important
}

.before\:rounded-full:before {
    border-radius: 9999px !important;
    content: var(--tw-content) !important
}

.before\:rounded-lg:before {
    border-radius: .5rem !important;
    content: var(--tw-content) !important
}

.before\:rounded-md:before {
    border-radius: .375rem !important;
    content: var(--tw-content) !important
}

.before\:border:before {
    border-width: 1px !important;
    content: var(--tw-content) !important
}

.before\:border-slate-200:before {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1)) !important;
    content: var(--tw-content) !important
}

.before\:bg-primary\/20:before {
    background-color: rgb(var(--color-primary)/.2) !important;
    content: var(--tw-content) !important
}

.before\:bg-slate-100:before {
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1)) !important
}

.before\:bg-slate-100:before, .before\:bg-slate-200:before {
    --tw-bg-opacity: 1 !important;
    content: var(--tw-content) !important
}

.before\:bg-slate-200:before {
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1)) !important
}

.before\:bg-slate-200\/60:before {
    background-color: rgb(var(--color-slate-200)/.6) !important;
    content: var(--tw-content) !important
}

.before\:bg-gradient-to-b:before {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
    content: var(--tw-content) !important
}

.before\:content-\[\'\'\]:before {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.after\:absolute:after {
    content: var(--tw-content) !important;
    position: absolute !important
}

.after\:inset-0:after {
    content: var(--tw-content) !important;
    inset: 0 !important
}

.after\:inset-x-0:after {
    content: var(--tw-content) !important;
    left: 0 !important;
    right: 0 !important
}

.after\:m-auto:after {
    content: var(--tw-content) !important;
    margin: auto !important
}

.after\:ml-1\.5:after {
    content: var(--tw-content) !important;
    margin-left: .375rem !important
}

.after\:mr-auto:after {
    content: var(--tw-content) !important;
    margin-right: auto !important
}

.after\:mt-1:after {
    margin-top: .25rem !important
}

.after\:h-1:after, .after\:mt-1:after {
    content: var(--tw-content) !important
}

.after\:h-1:after {
    height: .25rem !important
}

.after\:h-3:after {
    height: .75rem !important
}

.after\:h-3:after, .after\:h-4:after {
    content: var(--tw-content) !important
}

.after\:h-4:after {
    height: 1rem !important
}

.after\:h-6:after {
    height: 1.5rem !important
}

.after\:h-6:after, .after\:w-1:after {
    content: var(--tw-content) !important
}

.after\:w-1:after {
    width: .25rem !important
}

.after\:w-3:after {
    width: .75rem !important
}

.after\:w-3:after, .after\:w-4:after {
    content: var(--tw-content) !important
}

.after\:w-4:after {
    width: 1rem !important
}

.after\:w-6:after {
    content: var(--tw-content) !important;
    width: 1.5rem !important
}

.after\:rounded-full:after {
    border-radius: 9999px !important;
    content: var(--tw-content) !important
}

.after\:border-4:after {
    border-width: 4px !important;
    content: var(--tw-content) !important
}

.after\:border-white\/60:after {
    border-color: hsla(0, 0%, 100%, .6) !important;
    content: var(--tw-content) !important
}

.after\:bg-primary:after {
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1)) !important
}

.after\:bg-primary:after, .after\:bg-slate-50:after {
    --tw-bg-opacity: 1 !important;
    content: var(--tw-content) !important
}

.after\:bg-slate-50:after {
    background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1)) !important
}

.after\:content-\[\'\'\]:after {
    --tw-content: "" !important;
    content: var(--tw-content) !important
}

.first\:mt-0:first-child {
    margin-top: 0 !important
}

.first\:border-s-0:first-child {
    border-inline-start-width: 0 !important
}

.first\:border-t-0:first-child {
    border-top-width: 0 !important
}

.first\:pt-0:first-child {
    padding-top: 0 !important
}

.last\:mb-0:last-child {
    margin-bottom: 0 !important
}

.last\:border-0:last-child {
    border-width: 0 !important
}

.last\:border-b-0:last-child {
    border-bottom-width: 0 !important
}

.last\:border-e-0:last-child {
    border-inline-end-width: 0 !important
}

.last\:pb-0:last-child {
    padding-bottom: 0 !important
}

.first-of-type\:ps-1:first-of-type {
    padding-inline-start: .25rem !important
}

.last-of-type\:pe-1:last-of-type {
    padding-inline-end: .25rem !important
}

.checked\:ring-0:checked {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus-within\:z-10:focus-within {
    z-index: 10 !important
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-300), var(--tw-border-opacity, 1)) !important
}

.hover\:border-slate-200:hover {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1)) !important
}

.hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(147 197 253/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 64 175/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-custom-400\/10:hover {
    background-color: rgba(var(--c-400), .1) !important
}

.hover\:bg-custom-50:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-50), var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-custom-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-500), var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-100), var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-gray-400\/10:hover {
    background-color: rgba(var(--gray-400), .1) !important
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-700), var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-green-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(187 247 208/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(254 202 202/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(220 38 38/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-slate-100:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1)) !important
}

.hover\:bg-slate-100\/80:hover {
    background-color: rgb(var(--color-slate-100)/.8) !important
}

.hover\:bg-slate-50:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1)) !important
}

.hover\:text-custom-600:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--c-600), var(--tw-text-opacity, 1)) !important
}

.hover\:text-custom-700\/75:hover {
    color: rgba(var(--c-700), .75) !important
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-700), var(--tw-text-opacity, 1)) !important
}

.hover\:text-gray-700\/75:hover {
    color: rgba(var(--gray-700), .75) !important
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-800), var(--tw-text-opacity, 1)) !important
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-900), var(--tw-text-opacity, 1)) !important
}

.hover\:text-red-600:hover {
    color: rgb(220 38 38/var(--tw-text-opacity, 1)) !important
}

.hover\:text-opacity-100:hover, .hover\:text-red-600:hover {
    --tw-text-opacity: 1 !important
}

.hover\:underline:hover {
    text-decoration-line: underline !important
}

.hover\:opacity-100:hover {
    opacity: 1 !important
}

.hover\:shadow-md:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1) !important;
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.focus\:border-blue-300:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(147 197 253/var(--tw-border-opacity, 1)) !important
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(59 130 246/var(--tw-border-opacity, 1)) !important
}

.focus\:border-gray-300:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-300), var(--tw-border-opacity, 1)) !important
}

.focus\:border-gray-900:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-900), var(--tw-border-opacity, 1)) !important
}

.focus\:border-indigo-300:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(165 180 252/var(--tw-border-opacity, 1)) !important
}

.focus\:border-indigo-700:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgb(67 56 202/var(--tw-border-opacity, 1)) !important
}

.focus\:border-transparent:focus {
    border-color: transparent !important
}

.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-100), var(--tw-bg-opacity, 1)) !important
}

.focus\:bg-gray-50:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.focus\:bg-indigo-100:focus {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(224 231 255/var(--tw-bg-opacity, 1)) !important
}

.focus\:text-gray-500:focus {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.focus\:text-gray-700:focus {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-700), var(--tw-text-opacity, 1)) !important
}

.focus\:text-gray-800:focus {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-800), var(--tw-text-opacity, 1)) !important
}

.focus\:text-indigo-800:focus {
    --tw-text-opacity: 1 !important;
    color: rgb(55 48 163/var(--tw-text-opacity, 1)) !important
}

.focus\:outline-none:focus {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.focus\:ring-0:focus, .focus\:ring:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.focus\:ring-2:focus, .focus\:ring-4:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus\:ring-4:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important
}

.focus\:ring-blue-200:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(191 219 254/var(--tw-ring-opacity, 1)) !important
}

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(147 197 253/var(--tw-ring-opacity, 1)) !important
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1)) !important
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--gray-200), var(--tw-ring-opacity, 1)) !important
}

.focus\:ring-indigo-200:focus {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(199 210 254/var(--tw-ring-opacity, 1)) !important
}

.focus\:ring-transparent:focus {
    --tw-ring-color: transparent !important
}

.focus\:ring-opacity-50:focus {
    --tw-ring-opacity: 0.5 !important
}

.focus\:ring-offset-0:focus {
    --tw-ring-offset-width: 0px !important
}

.focus-visible\:z-10:focus-visible {
    z-index: 10 !important
}

.focus-visible\:bg-custom-50:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-50), var(--tw-bg-opacity, 1)) !important
}

.focus-visible\:bg-gray-50:focus-visible {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.focus-visible\:text-custom-700\/75:focus-visible {
    color: rgba(var(--c-700), .75) !important
}

.focus-visible\:text-gray-700\/75:focus-visible {
    color: rgba(var(--gray-700), .75) !important
}

.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important
}

.focus-visible\:ring-1:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.focus-visible\:ring-inset:focus-visible {
    --tw-ring-inset: inset !important
}

.focus-visible\:ring-custom-500\/50:focus-visible {
    --tw-ring-color: rgba(var(--c-500), 0.5) !important
}

.focus-visible\:ring-custom-600:focus-visible {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--c-600), var(--tw-ring-opacity, 1)) !important
}

.focus-visible\:ring-gray-400\/40:focus-visible {
    --tw-ring-color: rgba(var(--gray-400), 0.4) !important
}

.active\:bg-gray-900:active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-900), var(--tw-bg-opacity, 1)) !important
}

.enabled\:cursor-wait:enabled {
    cursor: wait !important
}

.enabled\:opacity-70:enabled {
    opacity: .7 !important
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none !important
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed !important
}

.disabled\:bg-gray-50:disabled {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.disabled\:text-gray-50:disabled {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-50), var(--tw-text-opacity, 1)) !important
}

.disabled\:text-gray-500:disabled {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.disabled\:opacity-25:disabled {
    opacity: .25 !important
}

.disabled\:opacity-50:disabled {
    opacity: .5 !important
}

.disabled\:opacity-70:disabled {
    opacity: .7 !important
}

.disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled {
    -webkit-text-fill-color: rgba(var(--gray-500), 1) !important
}

.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::-moz-placeholder {
    -webkit-text-fill-color: rgba(var(--gray-400), 1) !important
}

.disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled::placeholder {
    -webkit-text-fill-color: rgba(var(--gray-400), 1) !important
}

.disabled\:checked\:bg-current:checked:disabled {
    background-color: currentColor !important
}

.disabled\:checked\:text-gray-400:checked:disabled {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.group\/item:first-child .group-first\/item\:rounded-s-lg {
    border-end-start-radius: .5rem !important;
    border-start-start-radius: .5rem !important
}

.group\/item:last-child .group-last\/item\:rounded-e-lg {
    border-end-end-radius: .5rem !important;
    border-start-end-radius: .5rem !important
}

.group:hover .group-hover\:text-gray-500, .group\/button:hover .group-hover\/button\:text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.group:hover .group-hover\:text-gray-700 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-700), var(--tw-text-opacity, 1)) !important
}

.group\/item:hover .group-hover\/item\:underline, .group\/link:hover .group-hover\/link\:underline {
    text-decoration-line: underline !important
}

.group:focus-visible .group-focus-visible\:text-gray-500 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.group:focus-visible .group-focus-visible\:text-gray-700 {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-700), var(--tw-text-opacity, 1)) !important
}

.group\/item:focus-visible .group-focus-visible\/item\:underline {
    text-decoration-line: underline !important
}

.group\/link:focus-visible .group-focus-visible\/link\:underline {
    text-decoration-line: underline !important
}

.peer:checked ~ .peer-checked\:border-transparent {
    border-color: transparent !important
}

.peer:checked ~ .peer-checked\:bg-green-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(34 197 94/var(--tw-bg-opacity, 1)) !important
}

.peer:checked ~ .peer-checked\:bg-red-500 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(239 68 68/var(--tw-bg-opacity, 1)) !important
}

.peer:checked ~ .peer-checked\:text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.dark\:divide-gray-700:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1 !important;
    border-color: rgba(var(--gray-700), var(--tw-divide-opacity, 1)) !important
}

.dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    border-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:divide-white\/5:is(.dark *) > :not([hidden]) ~ :not([hidden]) {
    border-color: hsla(0, 0%, 100%, .05) !important
}

.dark\:\!border-transparent:is(.dark *) {
    border-color: transparent !important
}

.dark\:border-danger:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-darkmode-100\/40:is(.dark *) {
    border-color: rgb(var(--color-darkmode-100)/.4) !important
}

.dark\:border-darkmode-300:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-darkmode-300)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-darkmode-400:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-darkmode-600:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-darkmode-600)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-darkmode-800:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-darkmode-800\/80:is(.dark *) {
    border-color: rgb(var(--color-darkmode-800)/.8) !important
}

.dark\:border-gray-400:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-400), var(--tw-border-opacity, 1)) !important
}

.dark\:border-gray-500:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1)) !important
}

.dark\:border-gray-600:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-600), var(--tw-border-opacity, 1)) !important
}

.dark\:border-gray-700:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-700), var(--tw-border-opacity, 1)) !important
}

.dark\:border-primary:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-success:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-success)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-warning:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-warning)/var(--tw-border-opacity, 1)) !important
}

.dark\:border-white\/10:is(.dark *) {
    border-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:border-white\/5:is(.dark *) {
    border-color: hsla(0, 0%, 100%, .05) !important
}

.dark\:border-t-white\/10:is(.dark *) {
    border-top-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:\!bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-700), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-blue-600:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(37 99 235/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-blue-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(30 58 138/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-custom-400\/10:is(.dark *) {
    background-color: rgba(var(--c-400), .1) !important
}

.dark\:bg-custom-500:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-500), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-custom-500\/20:is(.dark *) {
    background-color: rgba(var(--c-500), .2) !important
}

.dark\:bg-darkmode-400:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-darkmode-400\/70:is(.dark *) {
    background-color: rgb(var(--color-darkmode-400)/.7) !important
}

.dark\:bg-darkmode-500:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-500)/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-darkmode-600:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-darkmode-700:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-darkmode-800:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-gray-400\/10:is(.dark *) {
    background-color: rgba(var(--gray-400), .1) !important
}

.dark\:bg-gray-500\/20:is(.dark *) {
    background-color: rgba(var(--gray-500), .2) !important
}

.dark\:bg-gray-600:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-600), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-700), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-gray-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-900), var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-gray-900\/30:is(.dark *) {
    background-color: rgba(var(--gray-900), .3) !important
}

.dark\:bg-gray-950\/75:is(.dark *) {
    background-color: rgba(var(--gray-950), .75) !important
}

.dark\:bg-green-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(20 83 45/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-indigo-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(49 46 129/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-pink-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(131 24 67/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-primary\/20:is(.dark *) {
    background-color: rgb(var(--color-primary)/.2) !important
}

.dark\:bg-purple-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(88 28 135/var(--tw-bg-opacity, 1)) !important
}

.dark\:bg-success\/10:is(.dark *) {
    background-color: rgb(var(--color-success)/.1) !important
}

.dark\:bg-transparent:is(.dark *) {
    background-color: transparent !important
}

.dark\:bg-white\/10:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:bg-white\/5:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.dark\:bg-yellow-900:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(113 63 18/var(--tw-bg-opacity, 1)) !important
}

.dark\:fill-current:is(.dark *) {
    fill: currentColor !important
}

.dark\:text-black:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity, 1)) !important
}

.dark\:text-blue-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(147 197 253/var(--tw-text-opacity, 1)) !important
}

.dark\:text-blue-500:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(59 130 246/var(--tw-text-opacity, 1)) !important
}

.dark\:text-custom-300\/50:is(.dark *) {
    color: rgba(var(--c-300), .5) !important
}

.dark\:text-custom-400:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--c-400), var(--tw-text-opacity, 1)) !important
}

.dark\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-200), var(--tw-text-opacity, 1)) !important
}

.dark\:text-gray-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-300), var(--tw-text-opacity, 1)) !important
}

.dark\:text-gray-300\/50:is(.dark *) {
    color: rgba(var(--gray-300), .5) !important
}

.dark\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.dark\:text-gray-500:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.dark\:text-gray-700:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-700), var(--tw-text-opacity, 1)) !important
}

.dark\:text-green-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(134 239 172/var(--tw-text-opacity, 1)) !important
}

.dark\:text-indigo-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(165 180 252/var(--tw-text-opacity, 1)) !important
}

.dark\:text-pink-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(249 168 212/var(--tw-text-opacity, 1)) !important
}

.dark\:text-purple-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(216 180 254/var(--tw-text-opacity, 1)) !important
}

.dark\:text-slate-200:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1)) !important
}

.dark\:text-slate-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1)) !important
}

.dark\:text-slate-400:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1)) !important
}

.dark\:text-slate-500:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1)) !important
}

.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.dark\:text-white\/5:is(.dark *) {
    color: hsla(0, 0%, 100%, .05) !important
}

.dark\:text-yellow-300:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgb(253 224 71/var(--tw-text-opacity, 1)) !important
}

.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-placeholder-opacity, 1)) !important
}

.dark\:placeholder-gray-400:is(.dark *)::placeholder {
    --tw-placeholder-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-placeholder-opacity, 1)) !important
}

.dark\:ring-custom-400\/30:is(.dark *) {
    --tw-ring-color: rgba(var(--c-400), 0.3) !important
}

.dark\:ring-custom-500:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--c-500), var(--tw-ring-opacity, 1)) !important
}

.dark\:ring-gray-400\/20:is(.dark *) {
    --tw-ring-color: rgba(var(--gray-400), 0.2) !important
}

.dark\:ring-gray-50\/10:is(.dark *) {
    --tw-ring-color: rgba(var(--gray-50), 0.1) !important
}

.dark\:ring-gray-700:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--gray-700), var(--tw-ring-opacity, 1)) !important
}

.dark\:ring-gray-900:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--gray-900), var(--tw-ring-opacity, 1)) !important
}

.dark\:ring-white\/10:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:ring-white\/20:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .2) !important
}

.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-500), var(--tw-text-opacity, 1)) !important
}

.before\:dark\:border-darkmode-500\/60:is(.dark *):before {
    border-color: rgb(var(--color-darkmode-500)/.6) !important;
    content: var(--tw-content) !important
}

.before\:dark\:bg-darkmode-300:is(.dark *):before {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1)) !important;
    content: var(--tw-content) !important
}

.before\:dark\:bg-darkmode-400:is(.dark *):before {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1)) !important;
    content: var(--tw-content) !important
}

.before\:dark\:bg-darkmode-600\/70:is(.dark *):before {
    background-color: rgb(var(--color-darkmode-600)/.7) !important;
    content: var(--tw-content) !important
}

.after\:dark\:border-darkmode-300:is(.dark *):after {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-darkmode-300)/var(--tw-border-opacity, 1)) !important;
    content: var(--tw-content) !important
}

.after\:dark\:bg-darkmode-200:is(.dark *):after {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-200)/var(--tw-bg-opacity, 1)) !important;
    content: var(--tw-content) !important
}

.dark\:hover\:border-gray-500:hover:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgba(var(--gray-500), var(--tw-border-opacity, 1)) !important
}

.dark\:hover\:bg-blue-700:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(29 78 216/var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:bg-custom-400:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-400), var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:bg-custom-400\/10:hover:is(.dark *) {
    background-color: rgba(var(--c-400), .1) !important
}

.dark\:hover\:bg-darkmode-400:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:bg-darkmode-400\/50:hover:is(.dark *) {
    background-color: rgb(var(--color-darkmode-400)/.5) !important
}

.dark\:hover\:bg-gray-600:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-600), var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:bg-gray-700:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-700), var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:bg-gray-800:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-800), var(--tw-bg-opacity, 1)) !important
}

.dark\:hover\:bg-white\/10:hover:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:hover\:bg-white\/5:hover:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.dark\:hover\:text-custom-300:hover:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--c-300), var(--tw-text-opacity, 1)) !important
}

.dark\:hover\:text-custom-300\/75:hover:is(.dark *) {
    color: rgba(var(--c-300), .75) !important
}

.dark\:hover\:text-gray-200:hover:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-200), var(--tw-text-opacity, 1)) !important
}

.dark\:hover\:text-gray-300\/75:hover:is(.dark *) {
    color: rgba(var(--gray-300), .75) !important
}

.dark\:hover\:text-gray-400:hover:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

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

.dark\:hover\:ring-white\/20:hover:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .2) !important
}

.dark\:focus\:border-blue-500:focus:is(.dark *) {
    --tw-border-opacity: 1 !important;
    border-color: rgb(59 130 246/var(--tw-border-opacity, 1)) !important
}

.dark\:focus\:ring-blue-500:focus:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(59 130 246/var(--tw-ring-opacity, 1)) !important
}

.dark\:focus\:ring-blue-900:focus:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgb(30 58 138/var(--tw-ring-opacity, 1)) !important
}

.dark\:focus\:ring-gray-800:focus:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--gray-800), var(--tw-ring-opacity, 1)) !important
}

.dark\:focus-visible\:bg-custom-400\/10:focus-visible:is(.dark *) {
    background-color: rgba(var(--c-400), .1) !important
}

.dark\:focus-visible\:bg-white\/5:focus-visible:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.dark\:focus-visible\:text-custom-300\/75:focus-visible:is(.dark *) {
    color: rgba(var(--c-300), .75) !important
}

.dark\:focus-visible\:text-gray-300\/75:focus-visible:is(.dark *) {
    color: rgba(var(--gray-300), .75) !important
}

.dark\:focus-visible\:ring-custom-400\/50:focus-visible:is(.dark *) {
    --tw-ring-color: rgba(var(--c-400), 0.5) !important
}

.dark\:focus-visible\:ring-custom-500:focus-visible:is(.dark *) {
    --tw-ring-opacity: 1 !important;
    --tw-ring-color: rgba(var(--c-500), var(--tw-ring-opacity, 1)) !important
}

.dark\:disabled\:bg-transparent:disabled:is(.dark *) {
    background-color: transparent !important
}

.dark\:disabled\:text-gray-400:disabled:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.dark\:disabled\:ring-white\/10:disabled:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .1) !important
}

.dark\:disabled\:\[-webkit-text-fill-color\:theme\(colors\.gray\.400\)\]:disabled:is(.dark *) {
    -webkit-text-fill-color: rgba(var(--gray-400), 1) !important
}

.dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled:is(.dark *)::-moz-placeholder {
    -webkit-text-fill-color: rgba(var(--gray-500), 1) !important
}

.dark\:disabled\:placeholder\:\[-webkit-text-fill-color\:theme\(colors\.gray\.500\)\]:disabled:is(.dark *)::placeholder {
    -webkit-text-fill-color: rgba(var(--gray-500), 1) !important
}

.dark\:disabled\:checked\:bg-gray-600:checked:disabled:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-600), var(--tw-bg-opacity, 1)) !important
}

.group\/button:hover .dark\:group-hover\/button\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.group:hover .dark\:group-hover\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-200), var(--tw-text-opacity, 1)) !important
}

.group:hover .dark\:group-hover\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

.group:focus-visible .dark\:group-focus-visible\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-200), var(--tw-text-opacity, 1)) !important
}

.group:focus-visible .dark\:group-focus-visible\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1 !important;
    color: rgba(var(--gray-400), var(--tw-text-opacity, 1)) !important
}

@media (min-width: 640px) {
    .sm\:static {
        position: static !important
    }

    .sm\:col-\[--col-span-sm\] {
        grid-column: var(--col-span-sm) !important
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2 !important
    }

    .sm\:col-span-3 {
        grid-column: span 3/span 3 !important
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4 !important
    }

    .sm\:col-span-6 {
        grid-column: span 6/span 6 !important
    }

    .sm\:col-start-\[--col-start-sm\] {
        grid-column-start: var(--col-start-sm) !important
    }

    .sm\:row-start-4 {
        grid-row-start: 4 !important
    }

    .sm\:-mx-6 {
        margin-left: -1.5rem !important;
        margin-right: -1.5rem !important
    }

    .sm\:-my-px {
        margin-bottom: -1px !important;
        margin-top: -1px !important
    }

    .sm\:mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .sm\:mx-16 {
        margin-left: 4rem !important;
        margin-right: 4rem !important
    }

    .sm\:mx-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .sm\:my-0 {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    .sm\:my-8 {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important
    }

    .sm\:mb-0 {
        margin-bottom: 0 !important
    }

    .sm\:ml-0 {
        margin-left: 0 !important
    }

    .sm\:ml-1 {
        margin-left: .25rem !important
    }

    .sm\:ml-10 {
        margin-left: 2.5rem !important
    }

    .sm\:ml-2 {
        margin-left: .5rem !important
    }

    .sm\:ml-20 {
        margin-left: 5rem !important
    }

    .sm\:ml-3 {
        margin-left: .75rem !important
    }

    .sm\:ml-40 {
        margin-left: 10rem !important
    }

    .sm\:ml-5 {
        margin-left: 1.25rem !important
    }

    .sm\:ml-6 {
        margin-left: 1.5rem !important
    }

    .sm\:ml-auto {
        margin-left: auto !important
    }

    .sm\:mr-2 {
        margin-right: .5rem !important
    }

    .sm\:mr-20 {
        margin-right: 5rem !important
    }

    .sm\:mr-28 {
        margin-right: 7rem !important
    }

    .sm\:mr-4 {
        margin-right: 1rem !important
    }

    .sm\:mr-40 {
        margin-right: 10rem !important
    }

    .sm\:mr-5 {
        margin-right: 1.25rem !important
    }

    .sm\:mr-6 {
        margin-right: 1.5rem !important
    }

    .sm\:mr-auto {
        margin-right: auto !important
    }

    .sm\:ms-auto {
        margin-inline-start: auto !important
    }

    .sm\:mt-0 {
        margin-top: 0 !important
    }

    .sm\:mt-12 {
        margin-top: 3rem !important
    }

    .sm\:mt-2 {
        margin-top: .5rem !important
    }

    .sm\:mt-3 {
        margin-top: .75rem !important
    }

    .sm\:mt-4 {
        margin-top: 1rem !important
    }

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

    .sm\:inline-block {
        display: inline-block !important
    }

    .sm\:flex {
        display: flex !important
    }

    .sm\:table-cell {
        display: table-cell !important
    }

    .sm\:grid {
        display: grid !important
    }

    .sm\:inline-grid {
        display: inline-grid !important
    }

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

    .sm\:h-10 {
        height: 2.5rem !important
    }

    .sm\:h-12 {
        height: 3rem !important
    }

    .sm\:h-20 {
        height: 5rem !important
    }

    .sm\:h-5 {
        height: 1.25rem !important
    }

    .sm\:h-screen {
        height: 100vh !important
    }

    .sm\:w-1\/2 {
        width: 50% !important
    }

    .sm\:w-1\/3 {
        width: 33.333333% !important
    }

    .sm\:w-1\/6 {
        width: 16.666667% !important
    }

    .sm\:w-10 {
        width: 2.5rem !important
    }

    .sm\:w-12 {
        width: 3rem !important
    }

    .sm\:w-16 {
        width: 4rem !important
    }

    .sm\:w-20 {
        width: 5rem !important
    }

    .sm\:w-32 {
        width: 8rem !important
    }

    .sm\:w-40 {
        width: 10rem !important
    }

    .sm\:w-5 {
        width: 1.25rem !important
    }

    .sm\:w-56 {
        width: 14rem !important
    }

    .sm\:w-64 {
        width: 16rem !important
    }

    .sm\:w-\[35\%\] {
        width: 35% !important
    }

    .sm\:w-\[65\%\] {
        width: 65% !important
    }

    .sm\:w-\[calc\(100\%\+3rem\)\] {
        width: calc(100% + 3rem) !important
    }

    .sm\:w-auto {
        width: auto !important
    }

    .sm\:w-full {
        width: 100% !important
    }

    .sm\:max-w-md {
        max-width: 28rem !important
    }

    .sm\:translate-y-0 {
        --tw-translate-y: 0px !important
    }

    .sm\:scale-100, .sm\:translate-y-0 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
    }

    .sm\:scale-100 {
        --tw-scale-x: 1 !important;
        --tw-scale-y: 1 !important
    }

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

    .sm\:columns-\[--cols-sm\] {
        -moz-columns: var(--cols-sm) !important;
        columns: var(--cols-sm) !important
    }

    .sm\:grid-cols-2 {
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important
    }

    .sm\:grid-cols-3 {
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important
    }

    .sm\:grid-cols-\[--cols-sm\] {
        grid-template-columns:var(--cols-sm) !important
    }

    .sm\:grid-cols-\[repeat\(auto-fit\2c minmax\(0\2c 1fr\)\)\] {
        grid-template-columns:repeat(auto-fit, minmax(0, 1fr)) !important
    }

    .sm\:grid-rows-\[1fr_auto_3fr\] {
        grid-template-rows:1fr auto 3fr !important
    }

    .sm\:flex-row {
        flex-direction: row !important
    }

    .sm\:flex-nowrap {
        flex-wrap: nowrap !important
    }

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

    .sm\:items-end {
        align-items: flex-end !important
    }

    .sm\:items-center {
        align-items: center !important
    }

    .sm\:justify-start {
        justify-content: flex-start !important
    }

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

    .sm\:justify-center {
        justify-content: center !important
    }

    .sm\:justify-between {
        justify-content: space-between !important
    }

    .sm\:gap-1 {
        gap: .25rem !important
    }

    .sm\:gap-3 {
        gap: .75rem !important
    }

    .sm\:gap-6 {
        gap: 1.5rem !important
    }

    .sm\:gap-x-4 {
        -moz-column-gap: 1rem !important;
        column-gap: 1rem !important
    }

    .sm\:overflow-x-visible {
        overflow-x: visible !important
    }

    .sm\:rounded-lg {
        border-radius: .5rem !important
    }

    .sm\:border-0 {
        border-width: 0 !important
    }

    .sm\:\!border-t-0 {
        border-top-width: 0 !important
    }

    .sm\:border-l {
        border-left-width: 1px !important
    }

    .sm\:border-t-0 {
        border-top-width: 0 !important
    }

    .sm\:p-0 {
        padding: 0 !important
    }

    .sm\:p-10 {
        padding: 2.5rem !important
    }

    .sm\:p-6 {
        padding: 1.5rem !important
    }

    .sm\:p-8 {
        padding: 2rem !important
    }

    .sm\:px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .sm\:px-10 {
        padding-left: 2.5rem !important;
        padding-right: 2.5rem !important
    }

    .sm\:px-16 {
        padding-left: 4rem !important;
        padding-right: 4rem !important
    }

    .sm\:px-20 {
        padding-left: 5rem !important;
        padding-right: 5rem !important
    }

    .sm\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

    .sm\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .sm\:py-1\.5 {
        padding-bottom: .375rem !important;
        padding-top: .375rem !important
    }

    .sm\:py-2 {
        padding-bottom: .5rem !important;
        padding-top: .5rem !important
    }

    .sm\:py-20 {
        padding-bottom: 5rem !important;
        padding-top: 5rem !important
    }

    .sm\:py-4 {
        padding-bottom: 1rem !important;
        padding-top: 1rem !important
    }

    .sm\:pb-20 {
        padding-bottom: 5rem !important
    }

    .sm\:pe-3 {
        padding-inline-end: .75rem !important
    }

    .sm\:pe-6 {
        padding-inline-end: 1.5rem !important
    }

    .sm\:pl-5 {
        padding-left: 1.25rem !important
    }

    .sm\:pr-0 {
        padding-right: 0 !important
    }

    .sm\:ps-3 {
        padding-inline-start: .75rem !important
    }

    .sm\:ps-6 {
        padding-inline-start: 1.5rem !important
    }

    .sm\:pt-0 {
        padding-top: 0 !important
    }

    .sm\:pt-1\.5 {
        padding-top: .375rem !important
    }

    .sm\:pt-20 {
        padding-top: 5rem !important
    }

    .sm\:text-left {
        text-align: left !important
    }

    .sm\:text-center {
        text-align: center !important
    }

    .sm\:text-right {
        text-align: right !important
    }

    .sm\:align-middle {
        vertical-align: middle !important
    }

    .sm\:text-sm {
        font-size: .875rem !important
    }

    .sm\:leading-5, .sm\:text-sm {
        line-height: 1.25rem !important
    }

    .sm\:leading-6 {
        line-height: 1.5rem !important
    }

    .sm\:first-of-type\:ps-3:first-of-type {
        padding-inline-start: .75rem !important
    }

    .sm\:first-of-type\:ps-6:first-of-type {
        padding-inline-start: 1.5rem !important
    }

    .sm\:last-of-type\:pe-3:last-of-type {
        padding-inline-end: .75rem !important
    }

    .sm\:last-of-type\:pe-6:last-of-type {
        padding-inline-end: 1.5rem !important
    }
}

@media (min-width: 768px) {
    .md\:order-first {
        order: -9999 !important
    }

    .md\:col-\[--col-span-md\] {
        grid-column: var(--col-span-md) !important
    }

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

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

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

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

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

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

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

    .md\:col-start-\[--col-start-md\] {
        grid-column-start: var(--col-start-md) !important
    }

    .md\:row-start-2 {
        grid-row-start: 2 !important
    }

    .md\:row-start-3 {
        grid-row-start: 3 !important
    }

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

    .md\:-ml-8 {
        margin-left: -2rem !important
    }

    .md\:mb-5 {
        margin-bottom: 1.25rem !important
    }

    .md\:ml-0 {
        margin-left: 0 !important
    }

    .md\:ml-4 {
        margin-left: 1rem !important
    }

    .md\:ml-auto {
        margin-left: auto !important
    }

    .md\:mr-12 {
        margin-right: 3rem !important
    }

    .md\:mr-auto {
        margin-right: auto !important
    }

    .md\:mt-0 {
        margin-top: 0 !important
    }

    .md\:mt-7 {
        margin-top: 1.75rem !important
    }

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

    .md\:flex {
        display: flex !important
    }

    .md\:table-cell {
        display: table-cell !important
    }

    .md\:inline-grid {
        display: inline-grid !important
    }

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

    .md\:w-5\/6 {
        width: 83.333333% !important
    }

    .md\:w-max {
        width: -moz-max-content !important;
        width: max-content !important
    }

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

    .md\:max-w-60 {
        max-width: 15rem !important
    }

    .md\:columns-\[--cols-md\] {
        -moz-columns: var(--cols-md) !important;
        columns: var(--cols-md) !important
    }

    .md\:grid-flow-col {
        grid-auto-flow: column !important
    }

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

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

    .md\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important
    }

    .md\:grid-cols-\[--cols-md\] {
        grid-template-columns:var(--cols-md) !important
    }

    .md\:flex-row {
        flex-direction: row !important
    }

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

    .md\:items-end {
        align-items: flex-end !important
    }

    .md\:items-center {
        align-items: center !important
    }

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

    .md\:gap-1 {
        gap: .25rem !important
    }

    .md\:gap-3 {
        gap: .75rem !important
    }

    .md\:gap-4 {
        gap: 1rem !important
    }

    .md\:gap-y-0 {
        row-gap: 0 !important
    }

    .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important;
        border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse))) !important
    }

    .md\:overflow-x-auto {
        overflow-x: auto !important
    }

    .md\:border-l {
        border-left-width: 1px !important
    }

    .md\:border-t-0 {
        border-top-width: 0 !important
    }

    .md\:object-\[0px_-170px\] {
        -o-object-position: 0 -170px !important;
        object-position: 0 -170px !important
    }

    .md\:p-20 {
        padding: 5rem !important
    }

    .md\:p-8 {
        padding: 2rem !important
    }

    .md\:pl-12 {
        padding-left: 3rem !important
    }

    .md\:pr-10 {
        padding-right: 2.5rem !important
    }

    .md\:ps-3 {
        padding-inline-start: .75rem !important
    }

    .md\:text-left {
        text-align: left !important
    }
}

@media (min-width: 1024px) {
    .lg\:col-\[--col-span-lg\] {
        grid-column: var(--col-span-lg) !important
    }

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

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

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

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

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

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

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

    .lg\:col-start-\[--col-start-lg\] {
        grid-column-start: var(--col-start-lg) !important
    }

    .lg\:row-start-auto {
        grid-row-start: auto !important
    }

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

    .lg\:-ml-2 {
        margin-left: -.5rem !important
    }

    .lg\:mb-0 {
        margin-bottom: 0 !important
    }

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

    .lg\:ml-5 {
        margin-left: 1.25rem !important
    }

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

    .lg\:ml-\[51\%\] {
        margin-left: 51% !important
    }

    .lg\:ml-auto {
        margin-left: auto !important
    }

    .lg\:mr-20 {
        margin-right: 5rem !important
    }

    .lg\:mr-3 {
        margin-right: .75rem !important
    }

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

    .lg\:mr-\[51\%\] {
        margin-right: 51% !important
    }

    .lg\:mt-0 {
        margin-top: 0 !important
    }

    .lg\:mt-3 {
        margin-top: .75rem !important
    }

    .lg\:mt-4 {
        margin-top: 1rem !important
    }

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

    .lg\:mt-6 {
        margin-top: 1.5rem !important
    }

    .lg\:mt-7 {
        margin-top: 1.75rem !important
    }

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

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

    .lg\:inline-block {
        display: inline-block !important
    }

    .lg\:flex {
        display: flex !important
    }

    .lg\:table-cell {
        display: table-cell !important
    }

    .lg\:inline-grid {
        display: inline-grid !important
    }

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

    .lg\:h-auto {
        height: auto !important
    }

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

    .lg\:w-1\/5 {
        width: 20% !important
    }

    .lg\:w-32 {
        width: 8rem !important
    }

    .lg\:w-4\/5 {
        width: 80% !important
    }

    .lg\:w-40 {
        width: 10rem !important
    }

    .lg\:w-56 {
        width: 14rem !important
    }

    .lg\:w-auto {
        width: auto !important
    }

    .lg\:w-full {
        width: 100% !important
    }

    .lg\:max-w-xs {
        max-width: 20rem !important
    }

    .lg\:columns-\[--cols-lg\] {
        -moz-columns: var(--cols-lg) !important;
        columns: var(--cols-lg) !important
    }

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

    .lg\:grid-cols-\[--cols-lg\] {
        grid-template-columns:var(--cols-lg) !important
    }

    .lg\:flex-row {
        flex-direction: row !important
    }

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

    .lg\:items-end {
        align-items: flex-end !important
    }

    .lg\:items-center {
        align-items: center !important
    }

    .lg\:justify-center {
        justify-content: center !important
    }

    .lg\:gap-1 {
        gap: .25rem !important
    }

    .lg\:gap-3 {
        gap: .75rem !important
    }

    .lg\:overflow-visible {
        overflow: visible !important
    }

    .lg\:border-b-0 {
        border-bottom-width: 0 !important
    }

    .lg\:border-l {
        border-left-width: 1px !important
    }

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

    .lg\:border-t-0 {
        border-top-width: 0 !important
    }

    .lg\:px-5 {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important
    }

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

    .lg\:py-3 {
        padding-bottom: .75rem !important;
        padding-top: .75rem !important
    }

    .lg\:pb-0 {
        padding-bottom: 0 !important
    }

    .lg\:pb-20 {
        padding-bottom: 5rem !important
    }

    .lg\:pl-0 {
        padding-left: 0 !important
    }

    .lg\:pl-\[51px\] {
        padding-left: 51px !important
    }

    .lg\:pr-\[51px\] {
        padding-right: 51px !important
    }

    .lg\:text-left {
        text-align: left !important
    }

    .lg\:text-center {
        text-align: center !important
    }

    .lg\:text-right {
        text-align: right !important
    }

    .lg\:text-justify {
        text-align: justify !important
    }

    .lg\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }

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

    .lg\:shadow-none {
        --tw-shadow: 0 0 #0000 !important;
        --tw-shadow-colored: 0 0 #0000 !important;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
    }

    .lg\:before\:right-0:before {
        content: var(--tw-content) !important;
        right: 0 !important
    }

    .lg\:before\:ml-auto:before {
        content: var(--tw-content) !important;
        margin-left: auto !important
    }

    .before\:lg\:block:before {
        content: var(--tw-content) !important;
        display: block !important
    }

    @keyframes ping {
        75%, to {
            content: var(--tw-content);
            opacity: 0;
            transform: scale(2)
        }
    }.lg\:before\:animate-ping:before {
         animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite !important;
         content: var(--tw-content) !important
     }

    .lg\:after\:ml-auto:after {
        content: var(--tw-content) !important;
        margin-left: auto !important
    }
}

@media (min-width: 1280px) {
    .xl\:col-\[--col-span-xl\] {
        grid-column: var(--col-span-xl) !important
    }

    .xl\:col-span-1 {
        grid-column: span 1/span 1 !important
    }

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

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

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

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

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

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

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

    .xl\:col-start-\[--col-start-xl\] {
        grid-column-start: var(--col-start-xl) !important
    }

    .xl\:mr-3 {
        margin-right: .75rem !important
    }

    .xl\:mr-6 {
        margin-right: 1.5rem !important
    }

    .xl\:mt-0 {
        margin-top: 0 !important
    }

    .xl\:mt-7 {
        margin-top: 1.75rem !important
    }

    .xl\:mt-8 {
        margin-top: 2rem !important
    }

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

    .xl\:flex {
        display: flex !important
    }

    .xl\:table-cell {
        display: table-cell !important
    }

    .xl\:inline-grid {
        display: inline-grid !important
    }

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

    .xl\:w-1\/3 {
        width: 33.333333% !important
    }

    .xl\:w-auto {
        width: auto !important
    }

    .xl\:flex-initial {
        flex: 0 1 auto !important
    }

    .xl\:columns-\[--cols-xl\] {
        -moz-columns: var(--cols-xl) !important;
        columns: var(--cols-xl) !important
    }

    .xl\:grid-cols-4 {
        grid-template-columns:repeat(4, minmax(0, 1fr)) !important
    }

    .xl\:grid-cols-\[--cols-xl\] {
        grid-template-columns:var(--cols-xl) !important
    }

    .xl\:flex-row {
        flex-direction: row !important
    }

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

    .xl\:items-end {
        align-items: flex-end !important
    }

    .xl\:items-center {
        align-items: center !important
    }

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

    .xl\:gap-1 {
        gap: .25rem !important
    }

    .xl\:gap-3 {
        gap: .75rem !important
    }

    .xl\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-y-reverse: 0 !important;
        border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important;
        border-top-width: calc(0px * (1 - var(--tw-divide-y-reverse))) !important
    }

    .xl\:border-r {
        border-right-width: 1px !important
    }

    .xl\:px-6 {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important
    }

    .xl\:py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .xl\:py-5 {
        padding-bottom: 1.25rem !important;
        padding-top: 1.25rem !important
    }

    .xl\:pl-5 {
        padding-left: 1.25rem !important
    }

    .xl\:text-left {
        text-align: left !important
    }

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

@media (min-width: 1536px) {
    .\32xl\:col-\[--col-span-2xl\] {
        grid-column: var(--col-span-2xl) !important
    }

    .\32xl\:col-span-10 {
        grid-column: span 10/span 10 !important
    }

    .\32xl\:col-span-12 {
        grid-column: span 12/span 12 !important
    }

    .\32xl\:col-span-2 {
        grid-column: span 2/span 2 !important
    }

    .\32xl\:col-span-3 {
        grid-column: span 3/span 3 !important
    }

    .\32xl\:col-span-4 {
        grid-column: span 4/span 4 !important
    }

    .\32xl\:col-span-8 {
        grid-column: span 8/span 8 !important
    }

    .\32xl\:col-span-9 {
        grid-column: span 9/span 9 !important
    }

    .\32xl\:col-start-\[--col-start-2xl\] {
        grid-column-start: var(--col-start-2xl) !important
    }

    .\32xl\:-mt-10 {
        margin-top: -2.5rem !important
    }

    .\32xl\:mb-0 {
        margin-bottom: 0 !important
    }

    .\32xl\:ml-10 {
        margin-left: 2.5rem !important
    }

    .\32xl\:ml-20 {
        margin-left: 5rem !important
    }

    .\32xl\:ml-3 {
        margin-left: .75rem !important
    }

    .\32xl\:ml-5 {
        margin-left: 1.25rem !important
    }

    .\32xl\:mr-10 {
        margin-right: 2.5rem !important
    }

    .\32xl\:block {
        display: block !important
    }

    .\32xl\:table-cell {
        display: table-cell !important
    }

    .\32xl\:inline-grid {
        display: inline-grid !important
    }

    .\32xl\:hidden {
        display: none !important
    }

    .\32xl\:h-screen {
        height: 100vh !important
    }

    .\32xl\:w-full {
        width: 100% !important
    }

    .\32xl\:columns-\[--cols-2xl\] {
        -moz-columns: var(--cols-2xl) !important;
        columns: var(--cols-2xl) !important
    }

    .\32xl\:grid-cols-\[--cols-2xl\] {
        grid-template-columns:var(--cols-2xl) !important
    }

    .\32xl\:flex-row {
        flex-direction: row !important
    }

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

    .\32xl\:items-end {
        align-items: flex-end !important
    }

    .\32xl\:items-center {
        align-items: center !important
    }

    .\32xl\:justify-start {
        justify-content: flex-start !important
    }

    .\32xl\:gap-1 {
        gap: .25rem !important
    }

    .\32xl\:gap-3 {
        gap: .75rem !important
    }

    .\32xl\:border-l {
        border-left-width: 1px !important
    }

    .\32xl\:border-r {
        border-right-width: 1px !important
    }

    .\32xl\:pl-3 {
        padding-left: .75rem !important
    }

    .\32xl\:pl-5 {
        padding-left: 1.25rem !important
    }

    .\32xl\:pl-6 {
        padding-left: 1.5rem !important
    }

    .\32xl\:pt-6 {
        padding-top: 1.5rem !important
    }

    .\32xl\:text-left {
        text-align: left !important
    }

    .\32xl\:\!text-right {
        text-align: right !important
    }
}

.ltr\:hidden:where([dir=ltr],[dir=ltr] *) {
    display: none !important
}

.rtl\:hidden:where([dir=rtl],[dir=rtl] *) {
    display: none !important
}

.rtl\:-translate-x-5:where([dir=rtl],[dir=rtl] *) {
    --tw-translate-x: -1.25rem !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *) {
    --tw-translate-x: -100% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rtl\:translate-x-1\/2:where([dir=rtl],[dir=rtl] *) {
    --tw-translate-x: 50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rtl\:translate-x-1\/4:where([dir=rtl],[dir=rtl] *) {
    --tw-translate-x: 25% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *) {
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important
}

.rtl\:flex-row-reverse:where([dir=rtl],[dir=rtl] *) {
    flex-direction: row-reverse !important
}

.rtl\:divide-x-reverse:where([dir=rtl],[dir=rtl] *) > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 1 !important
}

.rtl\:text-right:where([dir=rtl],[dir=rtl] *) {
    text-align: right !important
}

.\[\&\.trix-active\]\:bg-gray-50.trix-active {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-50), var(--tw-bg-opacity, 1)) !important
}

.dark\:\[\&\.trix-active\]\:bg-white\/5.trix-active:is(.dark *) {
    background-color: hsla(0, 0%, 100%, .05) !important
}

.\[\&\:\:-ms-reveal\]\:hidden::-ms-reveal {
    display: none !important
}

.\[\&\:not\(\:first-of-type\)\]\:border-s:not(:first-of-type) {
    border-inline-start-width: 1px !important
}

.\[\&\:not\(\:has\(\.fi-ac-action\:focus\)\)\]\:focus-within\:ring-2:focus-within:not(:has(.fi-ac-action:focus)) {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

.\[\&\:not\(\:last-of-type\)\]\:border-e:not(:last-of-type) {
    border-inline-end-width: 1px !important
}

.\[\&\:not\(\:nth-child\(1_of_\.fi-btn\)\)\]\:shadow-\[-1px_0_0_0_theme\(colors\.gray\.200\)\]:not(:nth-child(1 of .fi-btn)) {
    --tw-shadow: -1px 0 0 0 rgba(var(--gray-200), 1) !important;
    --tw-shadow-colored: -1px 0 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.dark\:\[\&\:not\(\:nth-child\(1_of_\.fi-btn\)\)\]\:shadow-\[-1px_0_0_0_theme\(colors\.white\/20\%\)\]:not(:nth-child(1 of .fi-btn)):is(.dark *) {
    --tw-shadow: -1px 0 0 0 hsla(0, 0%, 100%, .2) !important;
    --tw-shadow-colored: -1px 0 0 0 var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.\[\&\:not\(\:nth-last-child\(1_of_\.fi-btn\)\)\]\:me-px:not(:nth-last-child(1 of .fi-btn)) {
    margin-inline-end: 1px !important
}

.\[\&\:nth-child\(1_of_\.fi-btn\)\]\:rounded-s-lg:nth-child(1 of .fi-btn) {
    border-end-start-radius: .5rem !important;
    border-start-start-radius: .5rem !important
}

.\[\&\:nth-last-child\(1_of_\.fi-btn\)\]\:rounded-e-lg:nth-last-child(1 of .fi-btn) {
    border-end-end-radius: .5rem !important;
    border-start-end-radius: .5rem !important
}

.\[\&\>\*\:first-child\]\:relative > :first-child {
    position: relative !important
}

.\[\&\>\*\:first-child\]\:mt-0 > :first-child {
    margin-top: 0 !important
}

.\[\&\>\*\:first-child\]\:before\:absolute > :first-child:before {
    content: var(--tw-content) !important;
    position: absolute !important
}

.\[\&\>\*\:first-child\]\:before\:inset-y-0 > :first-child:before {
    bottom: 0 !important;
    content: var(--tw-content) !important;
    top: 0 !important
}

.\[\&\>\*\:first-child\]\:before\:start-0 > :first-child:before {
    content: var(--tw-content) !important;
    inset-inline-start: 0 !important
}

.\[\&\>\*\:first-child\]\:before\:w-0\.5 > :first-child:before {
    content: var(--tw-content) !important;
    width: .125rem !important
}

.\[\&\>\*\:last-child\]\:mb-0 > :last-child {
    margin-bottom: 0 !important
}

.\[\&\>div\]\:opacity-0 > div {
    opacity: 0 !important
}

.\[\&_\.choices\\_\\_inner\]\:ps-0 .choices__inner {
    padding-inline-start: 0 !important
}

.\[\&_\.fi-badge-delete-button\]\:hidden .fi-badge-delete-button {
    display: none !important
}

.\[\&_\.filepond--root\]\:font-sans .filepond--root {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
}

.\[\&_optgroup\]\:bg-white optgroup {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.\[\&_optgroup\]\:dark\:bg-gray-900:is(.dark *) optgroup {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-900), var(--tw-bg-opacity, 1)) !important
}

.\[\&_option\]\:bg-white option {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1)) !important
}

.\[\&_option\]\:dark\:bg-gray-900:is(.dark *) option {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-900), var(--tw-bg-opacity, 1)) !important
}

:checked + * > .\[\:checked\+\*\>\&\]\:text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

@media (hover: hover) {
    .\[\@media\(hover\:hover\)\]\:transition {
        transition-duration: .15s !important;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1) !important
    }

    .\[\@media\(hover\:hover\)\]\:duration-75 {
        transition-duration: 75ms !important
    }
}

input:checked + .\[input\:checked\+\&\]\:bg-custom-600 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-600), var(--tw-bg-opacity, 1)) !important
}

input:checked + .\[input\:checked\+\&\]\:bg-gray-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-400), var(--tw-bg-opacity, 1)) !important
}

input:checked + .\[input\:checked\+\&\]\:text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

input:checked + .\[input\:checked\+\&\]\:ring-0 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

input:checked + .\[input\:checked\+\&\]\:hover\:bg-custom-500:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-500), var(--tw-bg-opacity, 1)) !important
}

input:checked + .\[input\:checked\+\&\]\:hover\:bg-gray-300:hover {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-300), var(--tw-bg-opacity, 1)) !important
}

input:checked + .dark\:\[input\:checked\+\&\]\:bg-custom-500:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-500), var(--tw-bg-opacity, 1)) !important
}

input:checked + .dark\:\[input\:checked\+\&\]\:bg-gray-600:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-600), var(--tw-bg-opacity, 1)) !important
}

input:checked + .dark\:\[input\:checked\+\&\]\:hover\:bg-custom-400:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--c-400), var(--tw-bg-opacity, 1)) !important
}

input:checked + .dark\:\[input\:checked\+\&\]\:hover\:bg-gray-500:hover:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgba(var(--gray-500), var(--tw-bg-opacity, 1)) !important
}

input:checked:focus-visible + .\[input\:checked\:focus-visible\+\&\]\:ring-custom-500\/50 {
    --tw-ring-color: rgba(var(--c-500), 0.5) !important
}

input:checked:focus-visible + .dark\:\[input\:checked\:focus-visible\+\&\]\:ring-custom-400\/50:is(.dark *) {
    --tw-ring-color: rgba(var(--c-400), 0.5) !important
}

input:focus-visible + .\[input\:focus-visible\+\&\]\:z-10 {
    z-index: 10 !important
}

input:focus-visible + .\[input\:focus-visible\+\&\]\:ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important
}

input:focus-visible + .\[input\:focus-visible\+\&\]\:ring-gray-950\/10 {
    --tw-ring-color: rgba(var(--gray-950), 0.1) !important
}

input:focus-visible + .dark\:\[input\:focus-visible\+\&\]\:ring-white\/20:is(.dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, .2) !important
}

:root {
    --color-primary: 0 111 187;
    --color-secondary: 226 232 240;
    --color-success: 13 148 136;
    --color-info: 6 182 212;
    --color-warning: 245 158 11;
    --color-pending: 249 115 22;
    --color-danger: 185 28 28;
    --color-light: 241 245 249;
    --color-dark: 30 41 59;
    --color-slate-50: 248 250 252;
    --color-slate-100: 241 245 249;
    --color-slate-200: 226 232 240;
    --color-slate-300: 203 213 225;
    --color-slate-400: 148 163 184;
    --color-slate-500: 100 116 139;
    --color-slate-600: 71 85 105;
    --color-slate-700: 51 65 85;
    --color-slate-800: 30 41 59;
    --color-slate-900: 15 23 42
}

.dark {
    --color-primary: 44 85 197;
    --color-slate-500: 148 163 184;
    --color-darkmode-50: 87 103 132;
    --color-darkmode-100: 74 90 121;
    --color-darkmode-200: 65 81 114;
    --color-darkmode-300: 53 69 103;
    --color-darkmode-400: 48 61 93;
    --color-darkmode-500: 41 53 82;
    --color-darkmode-600: 40 51 78;
    --color-darkmode-700: 35 45 69;
    --color-darkmode-800: 27 37 59;
    --color-darkmode-900: 15 23 42
}

.theme-1 {
    --color-primary: 0 25 95;
    --color-secondary: 226 232 240;
    --color-success: 13 148 136;
    --color-info: 6 182 212;
    --color-warning: 245 158 11;
    --color-pending: 234 88 12;
    --color-danger: 185 28 28;
    --color-light: 241 245 249;
    --color-dark: 30 41 59
}

.theme-1.dark {
    --color-primary: 37 99 235
}

.theme-2 {
    --color-primary: 45 60 90;
    --color-secondary: 226 232 240;
    --color-success: 13 148 136;
    --color-info: 6 182 212;
    --color-warning: 245 158 11;
    --color-pending: 249 115 22;
    --color-danger: 185 28 28;
    --color-light: 241 245 249;
    --color-dark: 30 41 59
}

.theme-2.dark {
    --color-primary: 44 85 197
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz0dL-vwnYh2eg.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzQdL-vwnYh2eg.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzwdL-vwnYh2eg.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzMdL-vwnYh2eg.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz8dL-vwnYh2eg.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEz4dL-vwnYh2eg.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 100;
    src: local("Roboto Thin Italic"), local("Roboto-ThinItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOiCnqEu92Fr1Mu51QrEzAdL-vwnYg.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc3CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc-CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc2CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc5CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc1CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc0CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 300;
    src: local("Roboto Light Italic"), local("Roboto-LightItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TjASc6CsTYl4BO.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xFIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xMIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xEIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xLIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xHIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xGIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 400;
    src: local("Roboto Italic"), local("Roboto-Italic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1Mu51xIIzIXKMny.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc3CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc-CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc2CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc5CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc1CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc0CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 500;
    src: local("Roboto Medium Italic"), local("Roboto-MediumItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51S7ACc6CsTYl4BO.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic3CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic-CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic2CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic5CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic1CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic0CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 700;
    src: local("Roboto Bold Italic"), local("Roboto-BoldItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TzBic6CsTYl4BO.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc3CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc-CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc2CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc5CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc1CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc0CsTYl4BOQ3o.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: italic;
    font-weight: 900;
    src: local("Roboto Black Italic"), local("Roboto-BlackItalic"), url(https://fonts.gstatic.com/s/roboto/v20/KFOjCnqEu92Fr1Mu51TLBCc6CsTYl4BO.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxFIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxMIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxEIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxLIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxHIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxGIzIXKMnyrYk.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 100;
    src: local("Roboto Thin"), local("Roboto-Thin"), url(https://fonts.gstatic.com/s/roboto/v20/KFOkCnqEu92Fr1MmgVxIIzIXKMny.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCRc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fABc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCBc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fCxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fChc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: local("Roboto Light"), local("Roboto-Light"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 400;
    src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    src: local("Roboto Medium"), local("Roboto-Medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCRc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c88, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfABc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCBc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0370 -03ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfCxc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfChc4AMP6lbBP.woff2) format("woff2");
    unicode-range: u+0100 -024f, u+0259, u+1e ? ?, u+2020, u+20a0-20ab, u+20ad-20cf, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    src: local("Roboto Black"), local("Roboto-Black"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmYUtfBBc4AMP6lQ.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+2000 -206f, u+2074, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

.breadcrumb {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1));
    display: flex
}

html.dark .breadcrumb {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.breadcrumb:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.breadcrumb.breadcrumb-light {
    --tw-text-opacity: 0.9;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.breadcrumb.breadcrumb-light .breadcrumb-item:not(:first-child):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23e8eeff' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right breadcrumb__icon'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

.breadcrumb.breadcrumb-light .breadcrumb-item.active {
    --tw-text-opacity: 0.8;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.breadcrumb .breadcrumb-item:not(:first-child) {
    margin-left: 1.25rem;
    padding-left: .125rem;
    position: relative
}

.breadcrumb .breadcrumb-item:not(:first-child):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right breadcrumb__icon'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-size: 100%;
    bottom: 0;
    content: "";
    height: 14px;
    margin-bottom: auto;
    margin-left: -1.125rem;
    margin-top: auto;
    position: absolute;
    top: 0;
    width: 14px
}

.breadcrumb .breadcrumb-item.active {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1));
    cursor: text
}

.breadcrumb .breadcrumb-item.active:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.dark .breadcrumb .breadcrumb-item:not(:first-child):before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23718096' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right breadcrumb__icon'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")
}

@media (max-width: calc(640px - 1px)) {
    .form-inline {
        display: block
    }

    .form-inline .form-label {
        margin-bottom: .5rem;
        margin-right: 0;
        text-align: left
    }
}

* > .intro-x:first-child {
    transform: translateX(50px)
}

* > .-intro-x:first-child, * > .intro-x:first-child {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 49
}

* > .-intro-x:first-child {
    transform: translateX(-50px)
}

* > .intro-y:first-child {
    transform: translateY(50px)
}

* > .-intro-y:first-child, * > .intro-y:first-child {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 49
}

* > .-intro-y:first-child {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(2) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(2), * > .intro-x:nth-child(2) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 48
}

* > .-intro-x:nth-child(2) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(2) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(2), * > .intro-y:nth-child(2) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 48
}

* > .-intro-y:nth-child(2) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(3) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(3), * > .intro-x:nth-child(3) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 47
}

* > .-intro-x:nth-child(3) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(3) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(3), * > .intro-y:nth-child(3) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 47
}

* > .-intro-y:nth-child(3) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(4) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(4), * > .intro-x:nth-child(4) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 46
}

* > .-intro-x:nth-child(4) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(4) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(4), * > .intro-y:nth-child(4) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 46
}

* > .-intro-y:nth-child(4) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(5) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(5), * > .intro-x:nth-child(5) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 45
}

* > .-intro-x:nth-child(5) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(5) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(5), * > .intro-y:nth-child(5) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 45
}

* > .-intro-y:nth-child(5) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(6) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(6), * > .intro-x:nth-child(6) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 44
}

* > .-intro-x:nth-child(6) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(6) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(6), * > .intro-y:nth-child(6) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 44
}

* > .-intro-y:nth-child(6) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(7) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(7), * > .intro-x:nth-child(7) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 43
}

* > .-intro-x:nth-child(7) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(7) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(7), * > .intro-y:nth-child(7) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 43
}

* > .-intro-y:nth-child(7) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(8) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(8), * > .intro-x:nth-child(8) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 42
}

* > .-intro-x:nth-child(8) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(8) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(8), * > .intro-y:nth-child(8) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 42
}

* > .-intro-y:nth-child(8) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(9) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(9), * > .intro-x:nth-child(9) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: .9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 41
}

* > .-intro-x:nth-child(9) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(9) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(9), * > .intro-y:nth-child(9) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: .9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 41
}

* > .-intro-y:nth-child(9) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(10) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(10), * > .intro-x:nth-child(10) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 40
}

* > .-intro-x:nth-child(10) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(10) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(10), * > .intro-y:nth-child(10) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 40
}

* > .-intro-y:nth-child(10) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(11) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(11), * > .intro-x:nth-child(11) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 39
}

* > .-intro-x:nth-child(11) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(11) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(11), * > .intro-y:nth-child(11) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 39
}

* > .-intro-y:nth-child(11) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(12) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(12), * > .intro-x:nth-child(12) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 38
}

* > .-intro-x:nth-child(12) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(12) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(12), * > .intro-y:nth-child(12) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 38
}

* > .-intro-y:nth-child(12) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(13) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(13), * > .intro-x:nth-child(13) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 37
}

* > .-intro-x:nth-child(13) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(13) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(13), * > .intro-y:nth-child(13) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 37
}

* > .-intro-y:nth-child(13) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(14) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(14), * > .intro-x:nth-child(14) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 36
}

* > .-intro-x:nth-child(14) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(14) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(14), * > .intro-y:nth-child(14) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 36
}

* > .-intro-y:nth-child(14) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(15) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(15), * > .intro-x:nth-child(15) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 35
}

* > .-intro-x:nth-child(15) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(15) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(15), * > .intro-y:nth-child(15) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 35
}

* > .-intro-y:nth-child(15) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(16) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(16), * > .intro-x:nth-child(16) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 34
}

* > .-intro-x:nth-child(16) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(16) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(16), * > .intro-y:nth-child(16) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 34
}

* > .-intro-y:nth-child(16) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(17) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(17), * > .intro-x:nth-child(17) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 33
}

* > .-intro-x:nth-child(17) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(17) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(17), * > .intro-y:nth-child(17) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 33
}

* > .-intro-y:nth-child(17) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(18) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(18), * > .intro-x:nth-child(18) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 32
}

* > .-intro-x:nth-child(18) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(18) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(18), * > .intro-y:nth-child(18) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 32
}

* > .-intro-y:nth-child(18) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(19) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(19), * > .intro-x:nth-child(19) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 31
}

* > .-intro-x:nth-child(19) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(19) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(19), * > .intro-y:nth-child(19) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 31
}

* > .-intro-y:nth-child(19) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(20) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(20), * > .intro-x:nth-child(20) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 30
}

* > .-intro-x:nth-child(20) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(20) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(20), * > .intro-y:nth-child(20) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 30
}

* > .-intro-y:nth-child(20) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(21) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(21), * > .intro-x:nth-child(21) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 29
}

* > .-intro-x:nth-child(21) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(21) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(21), * > .intro-y:nth-child(21) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 29
}

* > .-intro-y:nth-child(21) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(22) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(22), * > .intro-x:nth-child(22) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 28
}

* > .-intro-x:nth-child(22) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(22) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(22), * > .intro-y:nth-child(22) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 28
}

* > .-intro-y:nth-child(22) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(23) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(23), * > .intro-x:nth-child(23) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 27
}

* > .-intro-x:nth-child(23) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(23) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(23), * > .intro-y:nth-child(23) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 27
}

* > .-intro-y:nth-child(23) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(24) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(24), * > .intro-x:nth-child(24) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 26
}

* > .-intro-x:nth-child(24) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(24) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(24), * > .intro-y:nth-child(24) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 26
}

* > .-intro-y:nth-child(24) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(25) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(25), * > .intro-x:nth-child(25) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 25
}

* > .-intro-x:nth-child(25) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(25) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(25), * > .intro-y:nth-child(25) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 25
}

* > .-intro-y:nth-child(25) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(26) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(26), * > .intro-x:nth-child(26) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 24
}

* > .-intro-x:nth-child(26) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(26) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(26), * > .intro-y:nth-child(26) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 24
}

* > .-intro-y:nth-child(26) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(27) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(27), * > .intro-x:nth-child(27) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 23
}

* > .-intro-x:nth-child(27) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(27) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(27), * > .intro-y:nth-child(27) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 23
}

* > .-intro-y:nth-child(27) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(28) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(28), * > .intro-x:nth-child(28) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 22
}

* > .-intro-x:nth-child(28) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(28) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(28), * > .intro-y:nth-child(28) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 22
}

* > .-intro-y:nth-child(28) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(29) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(29), * > .intro-x:nth-child(29) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 2.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 21
}

* > .-intro-x:nth-child(29) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(29) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(29), * > .intro-y:nth-child(29) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 2.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 21
}

* > .-intro-y:nth-child(29) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(30) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(30), * > .intro-x:nth-child(30) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 20
}

* > .-intro-x:nth-child(30) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(30) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(30), * > .intro-y:nth-child(30) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 20
}

* > .-intro-y:nth-child(30) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(31) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(31), * > .intro-x:nth-child(31) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 19
}

* > .-intro-x:nth-child(31) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(31) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(31), * > .intro-y:nth-child(31) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 19
}

* > .-intro-y:nth-child(31) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(32) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(32), * > .intro-x:nth-child(32) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 18
}

* > .-intro-x:nth-child(32) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(32) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(32), * > .intro-y:nth-child(32) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 18
}

* > .-intro-y:nth-child(32) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(33) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(33), * > .intro-x:nth-child(33) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 17
}

* > .-intro-x:nth-child(33) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(33) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(33), * > .intro-y:nth-child(33) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 17
}

* > .-intro-y:nth-child(33) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(34) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(34), * > .intro-x:nth-child(34) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 16
}

* > .-intro-x:nth-child(34) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(34) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(34), * > .intro-y:nth-child(34) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 16
}

* > .-intro-y:nth-child(34) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(35) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(35), * > .intro-x:nth-child(35) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 15
}

* > .-intro-x:nth-child(35) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(35) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(35), * > .intro-y:nth-child(35) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 15
}

* > .-intro-y:nth-child(35) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(36) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(36), * > .intro-x:nth-child(36) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 14
}

* > .-intro-x:nth-child(36) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(36) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(36), * > .intro-y:nth-child(36) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 14
}

* > .-intro-y:nth-child(36) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(37) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(37), * > .intro-x:nth-child(37) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 13
}

* > .-intro-x:nth-child(37) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(37) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(37), * > .intro-y:nth-child(37) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 13
}

* > .-intro-y:nth-child(37) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(38) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(38), * > .intro-x:nth-child(38) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 12
}

* > .-intro-x:nth-child(38) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(38) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(38), * > .intro-y:nth-child(38) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 12
}

* > .-intro-y:nth-child(38) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(39) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(39), * > .intro-x:nth-child(39) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 3.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 11
}

* > .-intro-x:nth-child(39) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(39) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(39), * > .intro-y:nth-child(39) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 3.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 11
}

* > .-intro-y:nth-child(39) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(40) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(40), * > .intro-x:nth-child(40) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 10
}

* > .-intro-x:nth-child(40) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(40) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(40), * > .intro-y:nth-child(40) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 10
}

* > .-intro-y:nth-child(40) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(41) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(41), * > .intro-x:nth-child(41) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 9
}

* > .-intro-x:nth-child(41) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(41) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(41), * > .intro-y:nth-child(41) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 9
}

* > .-intro-y:nth-child(41) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(42) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(42), * > .intro-x:nth-child(42) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 8
}

* > .-intro-x:nth-child(42) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(42) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(42), * > .intro-y:nth-child(42) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 8
}

* > .-intro-y:nth-child(42) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(43) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(43), * > .intro-x:nth-child(43) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 7
}

* > .-intro-x:nth-child(43) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(43) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(43), * > .intro-y:nth-child(43) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 7
}

* > .-intro-y:nth-child(43) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(44) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(44), * > .intro-x:nth-child(44) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 6
}

* > .-intro-x:nth-child(44) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(44) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(44), * > .intro-y:nth-child(44) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 6
}

* > .-intro-y:nth-child(44) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(45) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(45), * > .intro-x:nth-child(45) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 5
}

* > .-intro-x:nth-child(45) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(45) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(45), * > .intro-y:nth-child(45) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 5
}

* > .-intro-y:nth-child(45) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(46) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(46), * > .intro-x:nth-child(46) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4
}

* > .-intro-x:nth-child(46) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(46) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(46), * > .intro-y:nth-child(46) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 4
}

* > .-intro-y:nth-child(46) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(47) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(47), * > .intro-x:nth-child(47) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 3
}

* > .-intro-x:nth-child(47) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(47) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(47), * > .intro-y:nth-child(47) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 3
}

* > .-intro-y:nth-child(47) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(48) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(48), * > .intro-x:nth-child(48) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 2
}

* > .-intro-x:nth-child(48) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(48) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(48), * > .intro-y:nth-child(48) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 2
}

* > .-intro-y:nth-child(48) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(49) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(49), * > .intro-x:nth-child(49) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 4.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 1
}

* > .-intro-x:nth-child(49) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(49) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(49), * > .intro-y:nth-child(49) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 4.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 1
}

* > .-intro-y:nth-child(49) {
    transform: translateY(-50px)
}

* > .intro-x:nth-child(50) {
    transform: translateX(50px)
}

* > .-intro-x:nth-child(50), * > .intro-x:nth-child(50) {
    animation: intro-x-animation .4s ease-in-out .33333s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 0
}

* > .-intro-x:nth-child(50) {
    transform: translateX(-50px)
}

* > .intro-y:nth-child(50) {
    transform: translateY(50px)
}

* > .-intro-y:nth-child(50), * > .intro-y:nth-child(50) {
    animation: intro-y-animation .4s ease-in-out .33333s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    opacity: 0;
    position: relative;
    z-index: 0
}

* > .-intro-y:nth-child(50) {
    transform: translateY(-50px)
}

@keyframes intro-x-animation {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes intro-y-animation {
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@media (max-width: calc(640px - 1px)) {
    .modal.modal-slide-over.show > .modal-dialog .modal-content > [data-tw-dismiss=modal] {
        margin-left: -2.5rem
    }

    .pagination {
        margin-right: 0;
        width: 100%
    }

    .pagination .page-item {
        flex: 1 1 0%
    }

    .pagination .page-item:first-child .page-link, .pagination .page-item:nth-child(2) .page-link, .pagination .page-item:nth-child(3) .page-link, .pagination .page-item:nth-child(7) .page-link, .pagination .page-item:nth-child(8) .page-link, .pagination .page-item:nth-child(9) .page-link {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .pagination .page-item .page-link {
        margin-right: 0;
        min-width: 0
    }
}

.table {
    text-align: left;
    width: 100%
}

.table thead.table-dark {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.table thead.table-dark:is(.dark *) {
    background-color: rgba(0, 0, 0, .3)
}

.table thead.table-dark tr th {
    border-bottom-width: 0
}

.table thead.table-light {
    background-color: rgb(var(--color-slate-200)/.6)
}

.table thead.table-light:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1))
}

.table thead.table-light tr th {
    --tw-text-opacity: 1;
    border-bottom-width: 0;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1))
}

.table th {
    border-bottom-width: 2px;
    font-weight: 500;
    padding: .75rem 1.25rem
}

.table th:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-300)/var(--tw-border-opacity, 1))
}

.table td {
    border-bottom-width: 1px;
    padding: .75rem 1.25rem
}

.table td:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-300)/var(--tw-border-opacity, 1))
}

.table.table-dark {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-dark)/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.table.table-dark:is(.dark *) {
    background-color: rgba(0, 0, 0, .3)
}

.table.table-dark th {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-600)/var(--tw-border-opacity, 1))
}

.table.table-dark th:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-300)/var(--tw-border-opacity, 1))
}

.table.table-dark td {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-600)/var(--tw-border-opacity, 1))
}

.table.table-dark td:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-300)/var(--tw-border-opacity, 1))
}

.table.table-bordered td, .table.table-bordered th {
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-width: 1px
}

.table.table-hover tr:hover td {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.table.table-hover tr:hover td:is(.dark *) {
    --tw-bg-opacity: 0.5;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1))
}

.table.table-striped tr:nth-of-type(odd) td {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.table.table-striped tr:nth-of-type(odd) td:is(.dark *) {
    --tw-bg-opacity: 0.5;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1))
}

.table.table-sm td, .table.table-sm th {
    padding: .5rem 1rem
}

.hljs {
    background: #f8f8f8;
    color: #333;
    display: block;
    overflow-x: auto;
    padding: .5em
}

.hljs-comment, .hljs-quote {
    color: #998;
    font-style: italic
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: #333;
    font-weight: 700
}

.hljs-literal, .hljs-number, .hljs-tag .hljs-attr, .hljs-template-variable, .hljs-variable {
    color: teal
}

.hljs-doctag, .hljs-string {
    color: #d14
}

.hljs-section, .hljs-selector-id, .hljs-title {
    color: #900;
    font-weight: 700
}

.hljs-subst {
    font-weight: 400
}

.hljs-class .hljs-title, .hljs-type {
    color: #458;
    font-weight: 700
}

.hljs-attribute, .hljs-name, .hljs-tag {
    color: navy;
    font-weight: 400
}

.hljs-link, .hljs-regexp {
    color: #009926
}

.hljs-bullet, .hljs-symbol {
    color: #990073
}

.hljs-built_in, .hljs-builtin-name {
    color: #0086b3
}

.hljs-meta {
    color: #999;
    font-weight: 700
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity;
    white-space: normal
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.tippy-box[data-theme~=light] {
    background-color: #fff;
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    color: #26323d
}

.tippy-box[data-theme~=light][data-placement^=top] > .tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=bottom] > .tippy-arrow:before {
    border-bottom-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=left] > .tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light][data-placement^=right] > .tippy-arrow:before {
    border-right-color: #fff
}

.tippy-box[data-theme~=light] > .tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light] > .tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top] > .tippy-svg-arrow:after, .tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
    top: 16px;
    transform: rotate(180deg)
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
    bottom: 16px
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow {
    right: 0
}

.tippy-box[data-placement^=left] > .tippy-svg-arrow:after, .tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
    left: 11px;
    top: calc(50% - 3px);
    transform: rotate(90deg)
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow {
    left: 0
}

.tippy-box[data-placement^=right] > .tippy-svg-arrow:after, .tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
    right: 11px;
    top: calc(50% - 3px);
    transform: rotate(-90deg)
}

.tippy-svg-arrow {
    fill: #333;
    height: 16px;
    text-align: initial;
    width: 16px
}

.tippy-svg-arrow, .tippy-svg-arrow > svg {
    position: absolute
}

.tippy-box[data-animation=shift-away][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=top] {
    transform: translateY(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=left] {
    transform: translateX(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translateX(-10px)
}
/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    border-radius: 2px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: calc(50% - 20px);
    opacity: 0;
    padding: 12px 20px;
    position: fixed;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    border-radius: 2px;
    height: 1.5em;
    margin: -7px 5px;
    width: 1.5em
}

.toastify-center {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
    max-width: -moz-fit-content;
    right: 0
}

@media only screen and (max-width: 360px) {
    .toastify-left, .toastify-right {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: -moz-fit-content;
        max-width: fit-content;
        right: 0
    }
}

@keyframes passing-through {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30%, 70% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-40px)
    }
}

@keyframes slide-in {
    0% {
        opacity: 0;
        transform: translateY(40px)
    }
    30% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    10% {
        transform: scale(1.1)
    }
    20% {
        transform: scale(1)
    }
}

.dropzone, .dropzone * {
    box-sizing: border-box
}

.dropzone {
    background: #fff;
    border: 2px solid rgba(0, 0, 0, .3);
    min-height: 150px;
    padding: 20px
}

.dropzone.dz-clickable {
    cursor: pointer
}

.dropzone.dz-clickable * {
    cursor: default
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer
}

.dropzone.dz-started .dz-message {
    display: none
}

.dropzone.dz-drag-hover {
    border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
    opacity: .5
}

.dropzone .dz-message {
    margin: 2em 0;
    text-align: center
}

.dropzone .dz-message .dz-button {
    background: none;
    border: none;
    color: inherit;
    cursor: pointer;
    font: inherit;
    outline: inherit;
    padding: 0
}

.dropzone .dz-preview {
    display: inline-block;
    margin: 16px;
    min-height: 100px;
    position: relative;
    vertical-align: top
}

.dropzone .dz-preview:hover {
    z-index: 1000
}

.dropzone .dz-preview.dz-file-preview .dz-image {
    background: #999;
    background: linear-gradient(180deg, #eee, #ddd);
    border-radius: 20px
}

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
    background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
    transition: opacity .2s linear
}

.dropzone .dz-preview .dz-remove {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 14px;
    text-align: center
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

.dropzone .dz-preview:hover .dz-details {
    opacity: 1
}

.dropzone .dz-preview .dz-details {
    color: rgba(0, 0, 0, .9);
    font-size: 13px;
    left: 0;
    line-height: 150%;
    max-width: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 2em 1em;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 20
}

.dropzone .dz-preview .dz-details .dz-size {
    font-size: 16px;
    margin-bottom: 1em
}

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    background-color: hsla(0, 0%, 100%, .8);
    border: 1px solid hsla(0, 0%, 78%, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: hsla(0, 0%, 100%, .4);
    border-radius: 3px;
    padding: 0 .4em
}

.dropzone .dz-preview:hover .dz-image img {
    filter: blur(8px);
    transform: scale(1.05)
}

.dropzone .dz-preview .dz-image {
    border-radius: 20px;
    display: block;
    height: 120px;
    overflow: hidden;
    position: relative;
    width: 120px;
    z-index: 10
}

.dropzone .dz-preview .dz-image img {
    display: block
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    animation: passing-through 3s cubic-bezier(.77, 0, .175, 1)
}

.dropzone .dz-preview.dz-error .dz-error-mark {
    animation: slide-in 3s cubic-bezier(.77, 0, .175, 1);
    opacity: 1
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    display: block;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    z-index: 500
}

.dropzone .dz-preview .dz-error-mark svg, .dropzone .dz-preview .dz-success-mark svg {
    display: block;
    height: 54px;
    width: 54px
}

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    transition: opacity .4s ease-in
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
    background: hsla(0, 0%, 100%, .9);
    border-radius: 8px;
    height: 16px;
    left: 50%;
    margin-left: -40px;
    margin-top: -8px;
    opacity: 1;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: scale(1);
    width: 80px;
    z-index: 1000
}

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: linear-gradient(180deg, #666, #444);
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .3s ease-in-out;
    width: 0
}

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto
}

.dropzone .dz-preview .dz-error-message {
    background: #be2626;
    background: linear-gradient(180deg, #be2626, #a92222);
    border-radius: 8px;
    color: #fff;
    display: block;
    display: none;
    font-size: 13px;
    left: -10px;
    opacity: 0;
    padding: .5em 1.2em;
    pointer-events: none;
    position: absolute;
    top: 130px;
    transition: opacity .3s ease;
    width: 140px;
    z-index: 1000
}

.dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #be2626;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    height: 0;
    left: 64px;
    position: absolute;
    top: -6px;
    width: 0
}

img[data-action=zoom] {
    cursor: zoom-in
}

.zoom-img, .zoom-img-wrap {
    position: relative;
    transition: all .3s;
    z-index: 666
}

.zoom-overlay, img.zoom-img {
    cursor: zoom-out
}

.zoom-overlay {
    background: #fff;
    bottom: 0;
    filter: "alpha(opacity=0)";
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s;
    z-index: 420
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1
}

.tabulator {
    background-color: #888;
    border: 1px solid #999;
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: left;
    transform: translatez(0)
}

.tabulator[tabulator-layout=fitDataFill] .tabulator-tableHolder .tabulator-table {
    min-width: 100%
}

.tabulator[tabulator-layout=fitDataTable] {
    display: inline-block
}

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

.tabulator .tabulator-header {
    background-color: #e6e6e6;
    border-bottom: 1px solid #999;
    box-sizing: border-box;
    color: #555;
    font-weight: 700;
    overflow: hidden;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    white-space: nowrap;
    width: 100%
}

.tabulator .tabulator-header.tabulator-header-hidden {
    display: none
}

.tabulator .tabulator-header .tabulator-col {
    background: #e6e6e6;
    border-right: 1px solid #aaa;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: bottom
}

.tabulator .tabulator-header .tabulator-col.tabulator-moving {
    background: #cdcdcd;
    border: 1px solid #999;
    pointer-events: none;
    position: absolute
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
    box-sizing: border-box;
    padding: 4px;
    position: relative
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button {
    padding: 0 8px
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-menu-button:hover {
    cursor: pointer;
    opacity: .6
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
    position: relative
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    width: 100%
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
    background: #fff;
    border: 1px solid #999;
    box-sizing: border-box;
    padding: 1px;
    width: 100%
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-menu-button + .tabulator-title-editor {
    width: calc(100% - 22px)
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
    align-items: center;
    bottom: 0;
    display: flex;
    position: absolute;
    right: 4px;
    top: 0
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid #bbb;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    width: 0
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    border-top: 1px solid #aaa;
    display: flex;
    margin-right: -1px;
    overflow: hidden;
    position: relative
}

.tabulator .tabulator-header .tabulator-col:first-child .tabulator-col-resize-handle.prev {
    display: none
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
    box-sizing: border-box;
    margin-top: 2px;
    position: relative;
    text-align: center;
    width: 100%
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
    height: auto !important
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
    margin-top: 3px
}

.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
    height: 0;
    width: 0
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-right: 25px
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
    background-color: #cdcdcd;
    cursor: pointer
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter {
    color: #bbb
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid #bbb;
    border-top: none
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter {
    color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=asc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: 6px solid #666;
    border-top: none
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter {
    color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort=desc] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
    border-bottom: none;
    border-top: 6px solid #666;
    color: #666
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
    align-items: center;
    display: flex;
    justify-content: center;
    text-orientation: mixed;
    writing-mode: vertical-rl
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
    transform: rotate(180deg)
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
    padding-right: 0;
    padding-top: 20px
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
    padding-bottom: 20px;
    padding-right: 0
}

.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
    bottom: auto;
    justify-content: center;
    left: 0;
    right: 0;
    top: 4px
}

.tabulator .tabulator-header .tabulator-frozen {
    display: inline-block;
    position: absolute;
    z-index: 10
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
    border-right: 2px solid #aaa
}

.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
    border-left: 2px solid #aaa
}

.tabulator .tabulator-header .tabulator-calcs-holder {
    background: #f3f3f3 !important;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    box-sizing: border-box;
    min-width: 600%;
    overflow: hidden
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
    background: #f3f3f3 !important
}

.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder {
    min-width: 600%
}

.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
    display: none
}

.tabulator .tabulator-tableHolder {
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.tabulator .tabulator-tableHolder:focus {
    outline: none
}

.tabulator .tabulator-tableHolder .tabulator-placeholder {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    width: 100%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {
    min-height: 100%;
    min-width: 100%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    color: #ccc;
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px
}

.tabulator .tabulator-tableHolder .tabulator-table {
    background-color: #fff;
    color: #333;
    display: inline-block;
    overflow: visible;
    position: relative;
    white-space: nowrap
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs {
    background: #e2e2e2 !important;
    font-weight: 700
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
    border-bottom: 2px solid #aaa
}

.tabulator .tabulator-tableHolder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
    border-top: 2px solid #aaa
}

.tabulator .tabulator-footer {
    background-color: #e6e6e6;
    border-top: 1px solid #999;
    color: #555;
    font-weight: 700;
    padding: 5px 10px;
    text-align: right;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    white-space: nowrap
}

.tabulator .tabulator-footer .tabulator-calcs-holder {
    background: #f3f3f3 !important;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    box-sizing: border-box;
    margin: -5px -10px 5px;
    overflow: hidden;
    text-align: left;
    width: calc(100% + 20px)
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
    background: #f3f3f3 !important
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
    display: none
}

.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
    border-bottom: none;
    margin-bottom: -5px
}

.tabulator .tabulator-footer .tabulator-paginator {
    color: #555;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

.tabulator .tabulator-footer .tabulator-page-size {
    border: 1px solid #aaa;
    border-radius: 3px;
    display: inline-block;
    margin: 0 5px;
    padding: 2px 5px
}

.tabulator .tabulator-footer .tabulator-pages {
    margin: 0 7px
}

.tabulator .tabulator-footer .tabulator-page {
    background: hsla(0, 0%, 100%, .2);
    border: 1px solid #aaa;
    border-radius: 3px;
    display: inline-block;
    margin: 0 2px;
    padding: 2px 5px
}

.tabulator .tabulator-footer .tabulator-page.active {
    color: #d00
}

.tabulator .tabulator-footer .tabulator-page:disabled {
    opacity: .5
}

.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
    background: rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer
}

.tabulator .tabulator-col-resize-handle {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px
}

.tabulator .tabulator-col-resize-handle.prev {
    left: 0;
    right: auto
}

.tabulator .tabulator-col-resize-handle:hover {
    cursor: ew-resize
}

.tabulator .tabulator-loader {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 100
}

.tabulator .tabulator-loader .tabulator-loader-msg {
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin: 0 auto;
    padding: 10px 20px
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
    border: 4px solid #333;
    color: #000
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
    border: 4px solid #d00;
    color: #590000
}

.tabulator-row {
    background-color: #fff;
    box-sizing: border-box;
    min-height: 22px;
    position: relative
}

.tabulator-row.tabulator-row-even {
    background-color: #efefef
}

.tabulator-row.tabulator-selectable:hover {
    background-color: #bbb;
    cursor: pointer
}

.tabulator-row.tabulator-selected {
    background-color: #9abcea
}

.tabulator-row.tabulator-selected:hover {
    background-color: #769bcc;
    cursor: pointer
}

.tabulator-row.tabulator-row-moving {
    background: #fff;
    border: 1px solid #000
}

.tabulator-row.tabulator-moving {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    pointer-events: none;
    position: absolute;
    z-index: 15
}

.tabulator-row .tabulator-row-resize-handle {
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    right: 0
}

.tabulator-row .tabulator-row-resize-handle.prev {
    bottom: auto;
    top: 0
}

.tabulator-row .tabulator-row-resize-handle:hover {
    cursor: ns-resize
}

.tabulator-row .tabulator-frozen {
    background-color: inherit;
    display: inline-block;
    position: absolute;
    z-index: 10
}

.tabulator-row .tabulator-frozen.tabulator-frozen-left {
    border-right: 2px solid #aaa
}

.tabulator-row .tabulator-frozen.tabulator-frozen-right {
    border-left: 2px solid #aaa
}

.tabulator-row .tabulator-responsive-collapse {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    box-sizing: border-box;
    padding: 5px
}

.tabulator-row .tabulator-responsive-collapse:empty {
    display: none
}

.tabulator-row .tabulator-responsive-collapse table {
    font-size: 14px
}

.tabulator-row .tabulator-responsive-collapse table tr td {
    position: relative
}

.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
    padding-right: 10px
}

.tabulator-row .tabulator-cell {
    border-right: 1px solid #aaa;
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
    padding: 4px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.tabulator-row .tabulator-cell.tabulator-editing {
    border: 1px solid #1d68cd;
    outline: none;
    padding: 0
}

.tabulator-row .tabulator-cell.tabulator-editing input, .tabulator-row .tabulator-cell.tabulator-editing select {
    background: transparent;
    border: 1px
}

.tabulator-row .tabulator-cell.tabulator-validation-fail {
    border: 1px solid #d00
}

.tabulator-row .tabulator-cell.tabulator-validation-fail input, .tabulator-row .tabulator-cell.tabulator-validation-fail select {
    background: transparent;
    border: 1px;
    color: #d00
}

.tabulator-row .tabulator-cell:first-child .tabulator-col-resize-handle.prev {
    display: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
    width: 80%
}

.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
    background: #666;
    height: 3px;
    margin-top: 2px;
    width: 100%
}

.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    border-bottom: 2px solid #aaa;
    border-bottom-left-radius: 1px;
    border-left: 2px solid #aaa;
    display: inline-block;
    height: 9px;
    margin-right: 5px;
    margin-top: -9px;
    vertical-align: middle;
    width: 7px
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control {
    align-items: center;
    background: rgba(0, 0, 0, .1);
    border: 1px solid #333;
    border-radius: 2px;
    display: inline-flex;
    height: 11px;
    justify-content: center;
    margin-right: 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 11px
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
    background: transparent;
    display: inline-block;
    height: 7px;
    position: relative;
    width: 1px
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    background: #333;
    content: "";
    height: 1px;
    left: -3px;
    position: absolute;
    top: 3px;
    width: 7px
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    background: #333;
    display: inline-block;
    height: 7px;
    position: relative;
    width: 1px
}

.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    background: #333;
    content: "";
    height: 1px;
    left: -3px;
    position: absolute;
    top: 3px;
    width: 7px
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
    align-items: center;
    background: #666;
    border-radius: 20px;
    color: #fff;
    display: inline-flex;
    font-size: 1.1em;
    font-weight: 700;
    height: 15px;
    justify-content: center;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    width: 15px
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
    opacity: .7
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
    display: initial
}

.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close, .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
    display: none
}

.tabulator-row .tabulator-cell .tabulator-traffic-light {
    border-radius: 14px;
    display: inline-block;
    height: 14px;
    width: 14px
}

.tabulator-row.tabulator-group {
    background: #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #aaa;
    border-top: 1px solid #999;
    box-sizing: border-box;
    font-weight: 700;
    min-width: 100%;
    padding: 5px 5px 5px 10px
}

.tabulator-row.tabulator-group:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    border-bottom: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    margin-right: 10px
}

.tabulator-row.tabulator-group.tabulator-group-level-1 {
    padding-left: 30px
}

.tabulator-row.tabulator-group.tabulator-group-level-2 {
    padding-left: 50px
}

.tabulator-row.tabulator-group.tabulator-group-level-3 {
    padding-left: 70px
}

.tabulator-row.tabulator-group.tabulator-group-level-4 {
    padding-left: 90px
}

.tabulator-row.tabulator-group.tabulator-group-level-5 {
    padding-left: 110px
}

.tabulator-row.tabulator-group .tabulator-group-toggle {
    display: inline-block
}

.tabulator-row.tabulator-group .tabulator-arrow {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #666;
    border-right: 0;
    border-top: 6px solid transparent;
    display: inline-block;
    height: 0;
    margin-right: 16px;
    vertical-align: middle;
    width: 0
}

.tabulator-row.tabulator-group span {
    color: #d00;
    margin-left: 10px
}

.tabulator-menu {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    overflow-y: auto;
    position: absolute;
    z-index: 10000
}

.tabulator-menu .tabulator-menu-item {
    box-sizing: border-box;
    padding: 5px 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
    opacity: .5
}

.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
    background: #efefef;
    cursor: pointer
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
    padding-right: 25px
}

.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu:after {
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: "";
    display: inline-block;
    height: 7px;
    position: absolute;
    right: 10px;
    top: calc(5px + .4em);
    transform: rotate(45deg);
    vertical-align: top;
    width: 7px
}

.tabulator-menu .tabulator-menu-separator {
    border-top: 1px solid #aaa
}

.tabulator-edit-select-list {
    -webkit-overflow-scrolling: touch;
    background: #fff;
    border: 1px solid #aaa;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    z-index: 10000
}

.tabulator-edit-select-list .tabulator-edit-select-list-item {
    color: #333;
    padding: 4px
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
    background: #1d68cd;
    color: #fff
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
    outline: 1px solid hsla(0, 0%, 100%, .5)
}

.tabulator-edit-select-list .tabulator-edit-select-list-item.focused {
    outline: 1px solid #1d68cd
}

.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
    background: #1d68cd;
    color: #fff;
    cursor: pointer
}

.tabulator-edit-select-list .tabulator-edit-select-list-notice {
    color: #333;
    padding: 4px;
    text-align: center
}

.tabulator-edit-select-list .tabulator-edit-select-list-group {
    border-bottom: 1px solid #aaa;
    color: #333;
    font-weight: 700;
    padding: 6px 4px 4px
}

.tabulator.tabulator-ltr {
    direction: ltr
}

.tabulator.tabulator-rtl {
    direction: rtl;
    text-align: initial
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
    border-left: 1px solid #aaa;
    border-right: initial;
    text-align: initial
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
    margin-left: -1px;
    margin-right: 0
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
    padding-left: 25px;
    padding-right: 0
}

.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
    left: 8px;
    right: auto
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
    border-left: 1px solid #aaa;
    border-right: initial
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 1px;
    border-left: initial;
    border-right: 2px solid #aaa;
    margin-left: 5px;
    margin-right: 0
}

.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
    margin-left: 5px;
    margin-right: 0
}

.tabulator.tabulator-rtl .tabulator-col-resize-handle {
    left: 0;
    position: absolute;
    right: auto
}

.tabulator.tabulator-rtl .tabulator-col-resize-handle.prev {
    left: auto;
    right: 0
}

.tabulator-print-fullscreen {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10000
}

body.tabulator-print-fullscreen-hide > :not(.tabulator-print-fullscreen) {
    display: none !important
}

.tabulator-print-table {
    border-collapse: collapse
}

.tabulator-print-table .tabulator-data-tree-branch {
    border-bottom: 2px solid #aaa;
    border-bottom-left-radius: 1px;
    border-left: 2px solid #aaa;
    display: inline-block;
    height: 9px;
    margin-right: 5px;
    margin-top: -9px;
    vertical-align: middle;
    width: 7px
}

.tabulator-print-table .tabulator-print-table-group {
    background: #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #aaa;
    border-top: 1px solid #999;
    box-sizing: border-box;
    font-weight: 700;
    min-width: 100%;
    padding: 5px 5px 5px 10px
}

.tabulator-print-table .tabulator-print-table-group:hover {
    background-color: rgba(0, 0, 0, .1);
    cursor: pointer
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
    border-bottom: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #666;
    margin-right: 10px
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
    padding-left: 30px !important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
    padding-left: 50px !important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
    padding-left: 70px !important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
    padding-left: 90px !important
}

.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
    padding-left: 110px !important
}

.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
    display: inline-block
}

.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #666;
    border-right: 0;
    border-top: 6px solid transparent;
    display: inline-block;
    height: 0;
    margin-right: 16px;
    vertical-align: middle;
    width: 0
}

.tabulator-print-table .tabulator-print-table-group span {
    color: #d00;
    margin-left: 10px
}

.tabulator-print-table .tabulator-data-tree-control {
    align-items: center;
    background: rgba(0, 0, 0, .1);
    border: 1px solid #333;
    border-radius: 2px;
    display: inline-flex;
    height: 11px;
    justify-content: center;
    margin-right: 5px;
    overflow: hidden;
    vertical-align: middle;
    width: 11px
}

.tabulator-print-table .tabulator-data-tree-control:hover {
    background: rgba(0, 0, 0, .2);
    cursor: pointer
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
    background: transparent;
    display: inline-block;
    height: 7px;
    position: relative;
    width: 1px
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
    background: #333;
    content: "";
    height: 1px;
    left: -3px;
    position: absolute;
    top: 3px;
    width: 7px
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
    background: #333;
    display: inline-block;
    height: 7px;
    position: relative;
    width: 1px
}

.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
    background: #333;
    content: "";
    height: 1px;
    left: -3px;
    position: absolute;
    top: 3px;
    width: 7px
}

.ts-control.plugin-drag_drop.multi > .ts-input > div.ui-sortable-placeholder {
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 !important;
    box-shadow: inset 0 0 12px 4px #fff;
    visibility: visible !important
}

.ts-control.plugin-drag_drop .ui-sortable-placeholder:after {
    content: "!";
    visibility: hidden
}

.ts-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

.plugin-checkbox_options .option input {
    margin-right: .5rem
}

.plugin-clear_button .items {
    padding-right: calc(1em + 18px) !important
}

.plugin-clear_button .clear-button {
    background: transparent !important;
    cursor: pointer;
    margin-right: 0 !important;
    opacity: 0;
    position: absolute;
    right: 2px;
    top: 8px;
    transition: opacity .5s
}

.plugin-clear_button.single .clear-button {
    right: calc(2px + 2rem)
}

.plugin-clear_button .has-items.focus .clear-button, .plugin-clear_button:hover .has-items .clear-button {
    opacity: 1
}

.ts-control .dropdown-header {
    background: #f8f8f8;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 3px 3px 0 0;
    padding: 10px 8px;
    position: relative
}

.ts-control .dropdown-header-close {
    color: #303030;
    font-size: 20px !important;
    line-height: 20px;
    margin-top: -12px;
    opacity: .4;
    position: absolute;
    right: 8px;
    top: 50%
}

.ts-control .dropdown-header-close:hover {
    color: #000
}

.plugin-dropdown_input .ts-input.focus {
    border: 1px solid #d0d0d0;
    box-shadow: none
}

.plugin-dropdown_input .dropdown-input {
    background: transparent;
    border: solid #d0d0d0;
    border-width: 0 0 1px;
    box-shadow: none;
    display: block;
    padding: 8px;
    width: 100%
}

.ts-control.plugin-input_autogrow .ts-input.has-items > input {
    min-width: 0
}

.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input {
    flex: none;
    min-width: 4px
}

.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input::-moz-placeholder {
    color: transparent
}

.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input::placeholder {
    color: transparent
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
    display: flex
}

.ts-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0
}

.ts-control.plugin-remove_button .item {
    align-items: center;
    display: inline-flex;
    padding-right: 0 !important
}

.ts-control.plugin-remove_button .item .remove {
    border-left: 1px solid #d0d0d0;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box;
    color: inherit;
    display: inline-block;
    margin-left: 6px;
    padding: 2px 6px;
    text-decoration: none;
    vertical-align: middle
}

.ts-control.plugin-remove_button .item .remove:hover {
    background: rgba(0, 0, 0, .05)
}

.ts-control.plugin-remove_button .item.active .remove {
    border-left-color: #cacaca
}

.ts-control.plugin-remove_button .disabled .item .remove:hover {
    background: none
}

.ts-control.plugin-remove_button .disabled .item .remove {
    border-left-color: #fff
}

.ts-control.plugin-remove_button .remove-single {
    font-size: 23px;
    position: absolute;
    right: 0;
    top: 0
}

.ts-control {
    position: relative
}

.ts-dropdown, .ts-input, .ts-input input {
    font-smoothing: inherit;
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px
}

.ts-control.single .ts-input.input-active, .ts-input {
    background: #fff;
    cursor: text
}

.ts-input {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 100%;
    z-index: 1
}

.ts-control.multi .ts-input.has-items {
    padding: 6px 8px 3px
}

.ts-input.full {
    background-color: #fff
}

.ts-input.disabled, .ts-input.disabled * {
    cursor: default !important
}

.ts-input.focus {
    box-shadow: none
}

.ts-input > * {
    display: inline-block;
    vertical-align: baseline
}

.ts-control.multi .ts-input > div {
    background: #f2f2f2;
    border: 0 solid #d0d0d0;
    color: #303030;
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px
}

.ts-control.multi .ts-input > div.active {
    background: #e8e8e8;
    border: 0 solid #cacaca;
    color: #303030
}

.ts-control.multi .ts-input.disabled > div, .ts-control.multi .ts-input.disabled > div.active {
    background: #fff;
    border: 0 solid #fff;
    color: #7d7c7c
}

.ts-input > input {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    flex: 1 1 auto;
    line-height: inherit !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 7rem;
    padding: 0 !important;
    text-indent: 0 !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.ts-input > input::-ms-clear {
    display: none
}

.ts-input > input:focus {
    outline: none !important
}

.ts-input.has-items > input {
    margin: 0 4px !important
}

.ts-input.dropdown-active:before {
    background: #f0f0f0;
    bottom: 0;
    content: " ";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.ts-input.rtl {
    text-align: right
}

.ts-input.rtl.single .ts-input:after {
    left: 15px;
    right: auto
}

.ts-input.rtl .ts-input > input {
    margin: 0 4px 0 -2px !important
}

.ts-input.disabled {
    background-color: #fafafa;
    opacity: .5
}

.input-hidden .ts-input > input {
    left: -10000px;
    opacity: 0;
    position: absolute
}

.ts-dropdown {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 3px 3px;
    border-top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    left: 0;
    margin: .25rem 0 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.ts-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.ts-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2);
    border-radius: 1px
}

.ts-dropdown .create, .ts-dropdown .no-results, .ts-dropdown .optgroup-header, .ts-dropdown .option {
    padding: 5px 8px
}

.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5
}

.ts-dropdown [data-selectable].option {
    cursor: pointer;
    opacity: 1
}

.ts-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0
}

.ts-dropdown .optgroup-header {
    background: #fff;
    color: #303030;
    cursor: default
}

.ts-dropdown .active, .ts-dropdown .create:hover, .ts-dropdown .option:hover {
    background-color: #f5fafd;
    color: #495c68
}

.ts-dropdown .active.create, .ts-dropdown .create:hover.create, .ts-dropdown .option:hover.create {
    color: #495c68
}

.ts-dropdown .create {
    color: rgba(48, 48, 48, .5)
}

.ts-dropdown .spinner {
    display: inline-block;
    height: 30px;
    margin: 5px 8px;
    width: 30px
}

.ts-dropdown .spinner:after {
    animation: lds-dual-ring 1.2s linear infinite;
    border-color: #d0d0d0 transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    content: " ";
    display: block;
    height: 24px;
    margin: 3px;
    width: 24px
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ts-dropdown-content {
    overflow-scrolling: touch;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth
}

.tns-outer {
    padding: 0 !important
}

.tns-outer [hidden] {
    display: none !important
}

.tns-outer [aria-controls], .tns-outer [data-action] {
    cursor: pointer
}

.tns-slider {
    transition: all 0s
}

.tns-slider > .tns-item {
    box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
    white-space: nowrap
}

.tns-horizontal.tns-subpixel > .tns-item {
    display: inline-block;
    vertical-align: top;
    white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
    clear: both;
    content: "";
    display: table
}

.tns-horizontal.tns-no-subpixel > .tns-item {
    float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
    margin-right: -100%
}

.tns-gallery, .tns-no-calc {
    left: 0;
    position: relative
}

.tns-gallery {
    min-height: 1px
}

.tns-gallery > .tns-item {
    left: -100%;
    position: absolute;
    transition: transform 0s, opacity 0s
}

.tns-gallery > .tns-slide-active {
    left: auto !important;
    position: relative
}

.tns-gallery > .tns-moving {
    transition: all .25s
}

.tns-autowidth {
    display: inline-block
}

.tns-lazy-img {
    opacity: .6;
    transition: opacity .6s
}

.tns-lazy-img.tns-complete {
    opacity: 1
}

.tns-ah {
    transition: height 0s
}

.tns-ovh {
    overflow: hidden
}

.tns-visually-hidden {
    left: -10000em;
    position: absolute
}

.tns-transparent {
    opacity: 0;
    visibility: hidden
}

.tns-fadeIn {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 0
}

.tns-fadeOut, .tns-normal {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: -1
}

.tns-vpfix {
    white-space: nowrap
}

.tns-vpfix > div, .tns-vpfix > li {
    display: inline-block
}

.tns-t-subp2 {
    height: 10px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 310px
}

.tns-t-ct {
    position: absolute;
    right: 0;
    width: 2333.3333333%;
    width: 2333.33333%
}

.tns-t-ct:after {
    clear: both;
    content: "";
    display: table
}

.tns-t-ct > div {
    float: left;
    height: 10px;
    width: 1.4285714%;
    width: 1.42857%
}

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask, .simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto
}

.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
    height: 0;
    width: 0
}

.simplebar-content:after, .simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer, .simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #000;
    border-radius: 7px;
    content: "";
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    bottom: 2px;
    top: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 7px;
    left: 0;
    min-height: 0;
    min-width: 10px;
    right: auto;
    top: 2px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden
}

html:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -2
}

@media (min-width: 1280px) {
    html:before {
        background-image: url(../images/bg-main2.jpg)
    }
}

html.advisor:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    inset: 0;
    position: absolute;
    z-index: -2
}

@media (min-width: 1024px) {
    html.advisor:before {
        background-image: url(../images/boa_invest.png)
    }
}

html:after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    content: "";
    inset: 0;
    position: absolute;
    z-index: -1
}

@media (min-width: 1280px) {
    html:after {
        background-color: rgb(var(--color-primary)/.3)
    }
}

html.dark:after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1))
}

@media (min-width: 1280px) {
    html.dark:after {
        background-color: rgb(var(--color-primary)/.3)
    }
}

html.dark.advisor:after {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1))
}

@media (min-width: 1024px) {
    html.dark.advisor:after {
        background-color: transparent
    }
}

html.dark body {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

html.dark body *, html.dark body :after, html.dark body :before {
    border-color: hsla(0, 0%, 100%, .05)
}

html.dark .text-primary {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

html body {
    --tw-text-opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    font-family: Roboto;
    font-size: .875rem;
    line-height: 1.25rem
}

.wrapper {
    flex: 1 1 0%;
    min-width: 0;
    position: relative
}

.wrapper:before {
    --tw-gradient-from: rgb(var(--color-slate-100)/0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-slate-100)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: hsla(0, 0%, 100%, .8) var(--tw-gradient-to-position);
    --tw-backdrop-blur: blur(12px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    border-bottom-right-radius: .75rem;
    border-top-right-radius: .75rem;
    content: "";
    display: none;
    inset: 0;
    margin-right: 1.25rem;
    position: absolute
}

.wrapper:is(.dark *):before {
    --tw-gradient-from: rgb(var(--color-darkmode-800)/0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-darkmode-800)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--color-darkmode-700)/0.9) var(--tw-gradient-to-position)
}

@media (min-width: 1280px) {
    .wrapper:before {
        display: block
    }
}

.wrapper:after {
    background-color: rgb(var(--color-slate-50)/.7);
    border-radius: .75rem;
    box-shadow: 0 3px 15px rgb(0 0 0/7%);
    content: "";
    display: none;
    inset: 0;
    margin-right: 1.25rem;
    position: absolute
}

.wrapper:is(.dark *):after {
    background-color: rgb(var(--color-darkmode-700)/.9)
}

@media (min-width: 1280px) {
    .wrapper:after {
        display: block
    }
}

.wrapper.wrapper--simple {
    margin-left: 112px;
    padding-left: 0
}

@media (max-width: calc(1280px - 1px)) {
    .wrapper.wrapper--simple {
        margin-left: 0;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: calc(640px - 1px)) {
    .wrapper.wrapper--simple {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.top-bar {
    align-items: center;
    display: flex;
    height: 63px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: sticky;
    top: 10px;
    z-index: 51
}

@media (min-width: 1280px) {
    .top-bar {
        margin-left: 10px;
        margin-right: 10px
    }
}

.top-bar:before {
    --tw-gradient-from: rgb(var(--color-slate-100)/0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-slate-100)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--color-slate-100)/0.93) var(--tw-gradient-to-position);
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    content: "";
    height: .75rem;
    left: 0;
    margin-top: -.75rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1
}

.top-bar:is(.dark *):before {
    --tw-gradient-from: rgb(var(--color-darkmode-700)/0.5) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-darkmode-700)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--color-darkmode-700)/0.93) var(--tw-gradient-to-position)
}

.top-bar:after {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .75rem;
    border-width: 1px;
    box-shadow: 0 3px 15px rgb(0 0 0/7%);
    content: "";
    inset: 0;
    position: absolute
}

.top-bar:is(.dark *):after {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-500)/var(--tw-border-opacity, 1))
}

.top-bar .mobile-menu-toggler {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: 9999px;
    border-width: 1px;
    display: flex;
    height: 38px;
    justify-content: center;
    width: 38px
}

.top-bar .mobile-menu-toggler:is(.dark *) {
    border-color: hsla(0, 0%, 100%, .2)
}

.top-bar .mobile-menu-toggler .mobile-menu-toggler__icon {
    height: 1.25rem;
    width: 1.25rem
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) {
    border-collapse: separate;
    border-spacing: 0 10px
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) th {
    border-bottom-width: 0
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-width: 1px 0
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:first-child {
    border-left-width: 1px
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:last-child {
    border-right-width: 1px
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-600)/var(--tw-border-opacity, 1))
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td {
    box-shadow: 20px 3px 20px #0000000b
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td.table-report__action {
    padding-bottom: 0;
    padding-top: 0;
    position: relative
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td.table-report__action:before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    bottom: 0;
    content: var(--tw-content);
    display: block;
    height: 2rem;
    left: 0;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    width: 1px
}

.table-report:not(.table-report--bordered):not(.table-report--tabulator) td.table-report__action:is(.dark *):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    content: var(--tw-content)
}

.table-report img {
    box-shadow: 0 0 0 2px #fff, 1px 1px 5px rgba(0, 0, 0, .32)
}

.table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(3) .tabulator-col-content .tabulator-col-title, .table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(4) .tabulator-col-content .tabulator-col-title, .table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(5) .tabulator-col-content .tabulator-col-title, .table-report.table-report--tabulator .tabulator-header .tabulator-headers .tabulator-col:nth-child(6) .tabulator-col-content .tabulator-col-title {
    text-align: center
}

.dark .table-report img {
    box-shadow: 0 0 0 2px #3f4865, 1px 1px 5px rgba(0, 0, 0, .32)
}

.search {
    position: relative
}

.search .search__input {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    border-radius: 9999px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1));
    padding-left: .875rem;
    padding-right: 2rem;
    transition-duration: .3s;
    transition-property: width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 20rem
}

.search .search__input::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.search .search__input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.search .search__input:focus {
    border-color: transparent
}

.search .search__input:is(.dark *) {
    background-color: rgb(var(--color-darkmode-400)/.7)
}

.search .search__icon {
    --tw-text-opacity: 1;
    bottom: 0;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1));
    height: 1.25rem;
    margin-bottom: auto;
    margin-right: .75rem;
    margin-top: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25rem
}

.search .search__icon:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.notification {
    position: relative
}

.notification .notification__icon {
    height: 1.25rem;
    width: 1.25rem
}

.notification.notification--bullet:before {
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 8px
}

@keyframes ping {
    75%, to {
        opacity: 0;
        transform: scale(2)
    }
}

.notification.notification--bullet:before {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    opacity: .5
}

.notification.notification--bullet:after, .notification.notification--bullet:before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1));
    border-radius: 9999px
}

.notification.notification--bullet:after {
    content: "";
    height: 8px;
    position: absolute;
    right: 0;
    top: -2px;
    width: 8px
}

.report-box {
    position: relative
}

.report-box:before {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: 0 3px 5px #0000000b;
    content: "";
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: .75rem;
    position: absolute;
    right: 0;
    width: 96%
}

.report-box:is(.dark *):before {
    background-color: rgb(var(--color-darkmode-600)/.7);
    border-color: rgb(var(--color-darkmode-500)/.6)
}

.report-box .report-box__item {
    position: relative
}

@media (min-width: calc(1280px - 1px)) {
    .report-box .report-box__item:not(:last-child):before {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
        border-radius: 9999px;
        content: "";
        height: 12px;
        margin-right: -7px;
        margin-top: -25px;
        position: absolute;
        right: 0;
        top: 0;
        width: 13px
    }

    .report-box .report-box__item:not(:last-child):is(.dark *):before {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-darkmode-500)/var(--tw-bg-opacity, 1))
    }

    .report-box .report-box__item:not(:last-child):after {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
        border-radius: 9999px;
        content: "";
        height: 14px;
        margin-right: -6px;
        margin-top: -28px;
        position: absolute;
        right: 0;
        top: 0;
        width: 11px
    }

    .report-box .report-box__item:not(:last-child):is(.dark *):after {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1))
    }

    .report-box .report-box__item:not(:last-child) .report-box__content:before {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
        border-radius: 9999px;
        bottom: 0;
        content: "";
        height: 12px;
        margin-bottom: -25px;
        margin-right: -7px;
        position: absolute;
        right: 0;
        width: 13px
    }

    .report-box .report-box__item:not(:last-child) .report-box__content:is(.dark *):before {
        background-color: rgb(var(--color-darkmode-700)/.6)
    }

    .report-box .report-box__item:not(:last-child) .report-box__content:after {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1));
        border-radius: 9999px;
        bottom: 0;
        content: "";
        height: 14px;
        margin-bottom: -28px;
        margin-right: -6px;
        position: absolute;
        right: 0;
        width: 11px
    }

    .report-box .report-box__item:not(:last-child) .report-box__content:is(.dark *):after {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
    }
}

.report-box .report-box__item .report-box__item__icon {
    height: 2.2rem;
    width: 2.2rem
}

.report-box .report-box__item .report-box__item__icon svg {
    height: 1.3rem;
    width: 1.3rem
}

.report-box .report-box__item .report-box__item__indicator {
    align-items: center;
    display: flex;
    padding-left: .5rem
}

.report-box-2 {
    position: relative
}

.report-box-2:before {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: 0 3px 5px #0000000b;
    content: "";
    height: 100%;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: .75rem;
    position: absolute;
    right: 0;
    width: 90%
}

.report-box-2:is(.dark *):before {
    background-color: rgb(var(--color-darkmode-600)/.7);
    border-color: rgb(var(--color-darkmode-500)/.6)
}

.report-box-2 .report-box-2__main-icon {
    height: 2.7rem;
    width: 2.7rem
}

.report-box-2 .report-box-2__indicator {
    align-items: center;
    display: flex;
    padding-left: .375rem;
    padding-right: .25rem
}

@media (max-width: calc(1280px - 1px)) {
    .daily-report {
        min-width: 1000px
    }
}

.daily-report .daily-report__statistic {
    gap: .6rem
}

.daily-report .daily-report__statistic .daily-report__statistic__week {
    gap: .4rem
}

.daily-report .daily-report__statistic .daily-report__statistic__week .daily-report__statistic__day {
    border-radius: .17rem
}

.daily-report .daily-report__statistic .daily-report__statistic__week .daily-report__statistic__day .daily-report__statistic__day__text {
    margin-top: -2px
}

.daily-report .daily-report__info {
    border-radius: .17rem
}

.content {
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    z-index: 10
}

@media (max-width: calc(1280px - 1px)) {
    .content {
        margin-left: 0;
        max-width: 100%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (max-width: calc(640px - 1px)) {
    .content {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.side-nav {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding-left: 1.5rem;
    padding-right: .5rem;
    position: relative;
    transition-duration: .3s;
    transition-property: width, margin-left;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    width: 270px
}

@media (min-width: 1280px) {
    .side-nav {
        border-bottom-left-radius: .75rem;
        border-top-left-radius: .75rem
    }
}

.side-nav:before {
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    inset: 0;
    margin: -1.25rem;
    position: absolute
}

@media (min-width: 1280px) {
    .side-nav:before {
        background-image: url(../images/bg-main2.jpg)
    }
}

.side-nav:after {
    --tw-gradient-from: rgb(var(--color-slate-50)/0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-slate-50)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .7) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: hsla(0, 0%, 100%, .9) var(--tw-gradient-to-position);
    background-color: rgb(var(--color-primary)/.5);
    content: "";
    inset: 0;
    opacity: .9;
    position: absolute
}

.side-nav:is(.dark *):after {
    --tw-gradient-from: rgb(var(--color-darkmode-800)/0.9) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(var(--color-darkmode-800)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--color-darkmode-700)/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--color-darkmode-700)/0.6) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: rgb(var(--color-darkmode-700)/0.8) var(--tw-gradient-to-position)
}

@media (min-width: 1280px) {
    .side-nav:after {
        background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
    }
}

@media (max-width: calc(1280px - 1px)) {
    .side-nav {
        margin-left: -100%;
        position: absolute;
        z-index: 52
    }

    .side-nav:before {
        --tw-bg-opacity: 0.6;
        background-color: rgb(0 0 0/var(--tw-bg-opacity, 1));
        content: "";
        inset: 0;
        opacity: 0;
        position: fixed;
        transition-duration: .3s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
        visibility: hidden;
        z-index: -2
    }

    .side-nav:after {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-slate-50)/var(--tw-bg-opacity, 1));
        content: "";
        height: 100vh;
        inset: 0;
        opacity: 1;
        position: absolute;
        width: 100%
    }

    .side-nav:is(.dark *):after {
        --tw-bg-opacity: 1;
        background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
    }

    .side-nav.side-nav--active {
        margin-left: 0
    }

    .side-nav.side-nav--active:before {
        opacity: 1;
        visibility: visible
    }
}

@media (min-width: calc(1280px - 1px)) {
    .side-nav.side-nav--simple {
        bottom: 0;
        height: auto;
        margin-bottom: 1.25rem;
        margin-top: 1.25rem;
        position: absolute;
        top: 0;
        width: 112px;
        z-index: 52
    }

    .side-nav.side-nav--simple.hover, .side-nav.side-nav--simple:hover {
        --tw-gradient-from: rgb(var(--color-slate-50)) var(--tw-gradient-from-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: rgb(var(--color-slate-50)/0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--color-slate-50)/0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
        --tw-gradient-to: rgb(var(--color-slate-50)/0.9) var(--tw-gradient-to-position);
        box-shadow: 0 3px 15px rgb(0 0 0/7%);
        width: 270px
    }

    .side-nav.side-nav--simple.hover:is(.dark *), .side-nav.side-nav--simple:hover:is(.dark *) {
        --tw-gradient-from: rgb(var(--color-darkmode-700)) var(--tw-gradient-from-position);
        --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
        --tw-gradient-to: rgb(var(--color-darkmode-700)/0) var(--tw-gradient-to-position);
        --tw-gradient-stops: var(--tw-gradient-from), rgb(var(--color-darkmode-700)/0.8) var(--tw-gradient-via-position), var(--tw-gradient-to);
        --tw-gradient-to: rgb(var(--color-darkmode-700)/0.9) var(--tw-gradient-to-position)
    }

    .side-nav.side-nav--simple.hover .side-menu .side-menu__title, .side-nav.side-nav--simple:hover .side-menu .side-menu__title {
        display: flex
    }

    .side-nav.side-nav--simple.hover .side-nav__devider, .side-nav.side-nav--simple:hover .side-nav__devider {
        --tw-text-opacity: 1;
        color: rgb(var(--color-slate-600)/var(--tw-text-opacity, 1))
    }

    .side-nav.side-nav--simple.hover .side-nav__devider:is(.dark *), .side-nav.side-nav--simple:hover .side-nav__devider:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
    }

    .side-nav.side-nav--simple.hover .side-nav__devider:before, .side-nav.side-nav--simple:hover .side-nav__devider:before {
        color: transparent
    }

    .side-nav.side-nav--simple.hover .side-nav__header .side-nav__header__logo, .side-nav.side-nav--simple:hover .side-nav__header .side-nav__header__logo {
        margin-left: 0
    }

    .side-nav.side-nav--simple.hover .side-nav__header .side-nav__header__text, .side-nav.side-nav--simple.hover .side-nav__header .side-nav__header__toggler, .side-nav.side-nav--simple:hover .side-nav__header .side-nav__header__text, .side-nav.side-nav--simple:hover .side-nav__header .side-nav__header__toggler {
        opacity: 1
    }

    .side-nav.side-nav--simple .side-nav__devider {
        color: transparent;
        white-space: nowrap
    }

    .side-nav.side-nav--simple .side-nav__devider:is(.dark *) {
        color: transparent
    }

    .side-nav.side-nav--simple .side-nav__devider:before {
        --tw-text-opacity: 0.7;
        color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1));
        content: "...";
        font-size: 1.5rem;
        inset: 0;
        line-height: 2rem;
        margin-top: -.875rem;
        position: absolute;
        text-align: center;
        width: 100%
    }

    .side-nav.side-nav--simple .side-menu .side-menu__title {
        display: none;
        white-space: nowrap
    }

    .side-nav.side-nav--simple .side-nav__header .side-nav__header__logo {
        margin-left: 1.25rem;
        transition-duration: .2s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .side-nav.side-nav--simple .side-nav__header .side-nav__header__text, .side-nav.side-nav--simple .side-nav__header .side-nav__header__toggler {
        opacity: 0;
        transition-duration: .2s;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(.4, 0, .2, 1)
    }

    .side-nav.side-nav--simple .side-nav__header .side-nav__header__toggler svg {
        --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))
    }
}

.side-nav .side-nav__header {
    height: 33px
}

.side-nav .side-nav__header .side-nav__header__logo {
    width: 1.6rem
}

.side-nav .side-nav__header .mobile-menu-toggler, .side-nav .side-nav__header .side-nav__header__toggler {
    z-index: 5
}

.side-nav .side-nav__header .mobile-menu-toggler svg, .side-nav .side-nav__header .side-nav__header__toggler svg {
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.side-nav .side-nav__devider {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-600)/var(--tw-text-opacity, 1));
    font-size: .75rem;
    height: 1.25rem;
    line-height: 1rem;
    padding-left: 1.25rem;
    position: relative;
    width: 100%
}

.side-nav .side-nav__devider:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.side-nav .side-nav__devider:not(:first-child) {
    margin-top: 1.5rem
}

.side-nav .side-menu {
    --tw-text-opacity: 1;
    align-items: center;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    display: flex;
    height: 50px;
    margin-bottom: .25rem;
    padding-left: 1.25rem;
    position: relative
}

.side-nav .side-menu:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.side-nav .side-menu .side-menu__title {
    align-items: center;
    display: flex;
    margin-left: .75rem;
    width: 100%
}

.side-nav .side-menu .side-menu__title .side-menu__sub-icon {
    margin-left: auto;
    margin-right: 1rem;
    transition-duration: .1s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.side-nav .side-menu .side-menu__title .side-menu__sub-icon svg {
    height: 1rem;
    width: 1rem
}

.side-nav .side-menu .side-menu__icon svg {
    height: 1.25rem;
    margin-top: -.125rem;
    width: 1.25rem
}

.side-nav .scrollable {
    height: 100%;
    margin-left: -1.25rem;
    -webkit-mask-image: -webkit-linear-gradient(top, transparent, #000 30px);
    overflow-y: auto;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
    padding-top: 1.25rem;
    position: relative;
    z-index: 10
}

.side-nav .scrollable::-webkit-scrollbar {
    background-color: transparent;
    width: 0
}

.side-nav .scrollable .simplebar-content {
    padding: 0
}

.side-nav .scrollable .simplebar-track.simplebar-vertical {
    margin-right: .125rem;
    padding-top: 3.1rem;
    width: 10px
}

.side-nav .scrollable .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    background-color: rgba(0, 0, 0, .1)
}

.side-nav .scrollable .simplebar-track.simplebar-vertical .simplebar-scrollbar:is(.dark *):before {
    background-color: hsla(0, 0%, 100%, .15)
}

.side-nav .scrollable__content {
    overflow-x: hidden;
    padding-right: 1.25rem
}

.side-nav .scrollable__content > li:first-child.side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:first-child > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:first-child > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(2).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(2) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(2) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(3).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(3) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(3) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(4).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(4) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(4) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(5).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(5) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(5) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(6).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(6) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(6) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(7).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(7) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(7) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(8).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(8) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(8) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(9).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: .9s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(9) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: .9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(9) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(10).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(10) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(10) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(11).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.1s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(11) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(11) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(12).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(12) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(12) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(13).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(13) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(13) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(14).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(14) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(14) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(15).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(15) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(15) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(16).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(16) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(16) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(17).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(17) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(17) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(18).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(18) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(18) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(19).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(19) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(19) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(20).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(20) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(20) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(21).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(21) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(21) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(22).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(22) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(22) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(23).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(23) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(23) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(24).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(24) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(24) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(25).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(25) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(25) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(26).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.6s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(26) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(26) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(27).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(27) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(27) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(28).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.8s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(28) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(28) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(29).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 2.9s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(29) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 2.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(29) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(30).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(30) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(30) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(31).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.1s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(31) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(31) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(32).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(32) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(32) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(33).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(33) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(33) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(34).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(34) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(34) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(35).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(35) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(35) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(36).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.6s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(36) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(36) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(37).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.7s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(37) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(37) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(38).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.8s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(38) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(38) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(39).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 3.9s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(39) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 3.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(39) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(40).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(40) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(40) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(41).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.1s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(41) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(41) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(42).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.2s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(42) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(42) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(43).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.3s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(43) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(43) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(44).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(44) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(44) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(45).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(45) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(45) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(46).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.6s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(46) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(46) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(47).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.7s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(47) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(47) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(48).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(48) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(48) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(49).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 4.9s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(49) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 4.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(49) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content > li:nth-child(50).side-nav__devider {
    animation: intro-devider-animation .4s ease-in-out .33333s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    opacity: 0
}

.side-nav .scrollable__content > li:nth-child(50) > a:not(.side-menu--active) {
    animation: intro-menu-animation .4s ease-in-out .33333s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content > li:nth-child(50) > a.side-menu--active {
    animation: intro-active-menu-animation .4s ease-in-out .33333s;
    animation-fill-mode: forwards
}

.side-nav .scrollable__content ul li:first-child > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(2) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(3) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(4) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(5) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(6) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(7) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(8) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(9) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: .9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(10) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(11) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(12) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(13) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(14) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(15) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(16) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(17) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(18) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(19) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 1.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(20) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(21) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(22) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(23) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(24) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(25) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(26) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(27) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(28) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(29) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 2.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(30) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(31) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(32) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(33) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(34) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(35) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(36) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(37) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(38) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(39) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 3.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(40) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(41) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(42) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.2s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(43) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.3s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(44) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.4s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(45) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(46) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.6s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(47) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.7s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(48) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.8s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(49) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 4.9s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul li:nth-child(50) > a {
    animation: intro-submenu-animation .2s ease-in-out .33333s;
    animation-delay: 5s;
    animation-fill-mode: forwards;
    opacity: 0;
    transform: translateX(50px)
}

.side-nav .scrollable__content ul {
    background-color: hsla(0, 0%, 100%, .06);
    border-radius: .75rem;
    display: none;
    position: relative
}

.side-nav .scrollable__content ul:is(.dark *) {
    background-color: transparent
}

.side-nav .scrollable__content ul:before {
    background-color: rgb(var(--color-slate-800)/.06);
    border-radius: .75rem;
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: -1
}

.side-nav .scrollable__content ul:is(.dark *):before {
    background-color: rgb(var(--color-darkmode-700)/.6)
}

.side-nav .scrollable__content ul.side-menu__sub-open {
    display: block
}

.side-nav .scrollable__content ul .side-menu__icon:before {
    display: none
}

.side-nav .scrollable__content ul li a.side-menu--active .side-menu__title {
    font-weight: 500
}

.side-nav .scrollable__content ul ul {
    background-color: hsla(0, 0%, 100%, .06);
    border-radius: .75rem;
    display: none;
    position: relative
}

.side-nav .scrollable__content ul ul:is(.dark *) {
    background-color: transparent
}

.side-nav .scrollable__content ul ul:before {
    background-color: rgb(var(--color-slate-800)/.06);
    border-radius: .75rem;
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: -1
}

.side-nav .scrollable__content ul ul:is(.dark *):before {
    background-color: rgb(var(--color-darkmode-700)/.6)
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-radius: .75rem;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active:is(.dark *) {
    background-color: transparent
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active:before {
    background-color: hsla(0, 0%, 100%, .08);
    border-bottom: 3px;
    border-color: rgba(0, 0, 0, .1);
    border-radius: .5rem;
    border-style: solid;
    content: "";
    display: block;
    inset: 0;
    position: absolute
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active:is(.dark *):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1))
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active .side-menu__icon {
    z-index: 10
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active .side-menu__icon:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active .side-menu__title {
    font-weight: 500;
    z-index: 10
}

.side-nav .scrollable__content > li > .side-menu.side-menu--active .side-menu__title:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.side-nav .scrollable__content > li > .side-menu .side-menu__icon:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.side-nav .scrollable__content > li > .side-menu .side-menu__title:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.side-nav .scrollable__content > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open) {
    background-color: rgb(var(--color-slate-800)/.1);
    border-radius: .75rem
}

.side-nav .scrollable__content > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open):is(.dark *) {
    background-color: transparent
}

.side-nav .scrollable__content > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open):before {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: .75rem;
    content: "";
    display: block;
    inset: 0;
    position: absolute;
    z-index: -1
}

.side-nav .scrollable__content > li > .side-menu:hover:not(.side-menu--active):not(.side-menu--open):is(.dark *):before {
    background-color: rgb(var(--color-darkmode-700)/.6)
}

@keyframes intro-devider-animation {
    to {
        opacity: 1
    }
}

@keyframes intro-menu-animation {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes intro-submenu-animation {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes intro-active-menu-animation {
    to {
        z-index: 10
    }
}

@keyframes active-side-menu-chevron-animation {
    to {
        margin-right: -27px;
        opacity: 1
    }
}

.dark .side-nav > ul > li > .side-menu.side-menu--active:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 0 0-2.886-20.735 94.894 94.894 0 0 0-7.783-20.434A39.039 39.039 0 0 1 0 61.051a39.035 39.035 0 0 1 5.331-17.567 94.9 94.9 0 0 0 7.783-20.435A95.746 95.746 0 0 0 16 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23232e45'/%3E%3C/svg%3E")
}

.breadcrumb.breadcrumb-light .active {
    color: hsla(0, 0%, 100%, .7) !important
}

.toastify {
    --tw-text-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background: none;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    padding: 0
}

@media (max-width: calc(768px - 1px)) {
    .toastify {
        max-width: calc(100% - 30px)
    }
}

.toastify .toast-close {
    align-items: center;
    bottom: 0;
    color: transparent;
    display: flex;
    opacity: 1;
    padding-right: .75rem;
    position: absolute;
    right: 0;
    top: 0
}

.toastify .toast-close:before {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1));
    content: "×";
    display: block;
    font-size: 1.875rem;
    font-weight: 300;
    line-height: 2.25rem;
    margin-top: -.375rem
}

.toastify-content {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/.6);
    border-radius: .5rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding: 1.25rem 3.5rem 1.25rem 1.25rem
}

.toastify-content:is(.dark *) {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-600)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.lucide {
    stroke-width: 1.2
}

.inbox .inbox__item {
    cursor: pointer;
    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));
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.inbox .inbox__item:hover {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    border-radius: .25rem;
    border-width: 0;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    position: relative;
    transform: scale(1.02);
    z-index: 20
}

.inbox .inbox__item.inbox__item--active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.inbox .inbox__item.inbox__item--active:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.inbox .inbox__item.inbox__item--active .inbox__item--highlight, .inbox .inbox__item.inbox__item--active .inbox__item--sender, .inbox .inbox__item.inbox__item--active .inbox__item--time {
    font-weight: 500
}

.inbox .form-check-input {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-400)/var(--tw-border-opacity, 1))
}

.inbox .form-check-input:checked {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.chat-dropdown {
    margin-top: -364px;
    width: 320px
}

.chat-dropdown .chat-dropdown__box {
    height: 364px
}

.chat-dropdown .chat-dropdown__box .chat-dropdown__box__tabs .nav-item .nav-link.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    border-bottom-width: 0;
    color: rgb(var(--color-slate-600)/var(--tw-text-opacity, 1))
}

.chat-dropdown .chat-dropdown__box .chat-dropdown__box__tabs .nav-item .nav-link.active:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.pricing-tabs.nav.nav-pills .nav-item .nav-link {
    border-radius: 0
}

.error-page img {
    width: 450px
}

.notification-content {
    width: 350px
}

@media (max-width: calc(640px - 1px)) {
    .notification-content {
        width: 280px
    }
}

.notification-content .notification-content__title {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
    margin-bottom: 1.25rem
}

.notification-content .notification-content__box {
    padding: 1.25rem
}

.litepicker {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    border-radius: .375rem;
    box-shadow: 0 3px 20px #00000014;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 7px;
    z-index: 999999 !important
}

@media (max-width: calc(1024px - 1px)) {
    .litepicker {
        width: 310px
    }
}

@media (max-width: calc(640px - 1px)) {
    .litepicker {
        left: 0 !important;
        margin-left: auto;
        margin-right: auto;
        right: 0
    }
}

.litepicker:before {
    border-bottom: 7px solid #e8e8e8;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 9px;
    top: -7px
}

.litepicker:after, .litepicker:before {
    content: "";
    display: inline-block;
    position: absolute
}

.litepicker:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    left: 10px;
    top: -6px
}

.litepicker .container__footer, .litepicker .container__months {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: transparent;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    padding-top: 0
}

.litepicker .container__footer {
    border-color: rgb(var(--color-slate-200)/.6);
    border-top-width: 1px;
    margin: 0;
    padding: .75rem
}

@media (max-width: calc(1024px - 1px)) {
    .litepicker .container__footer {
        display: flex;
        flex-direction: column-reverse;
        text-align: center
    }

    .litepicker .container__footer .preview-date-range {
        display: block;
        margin-bottom: .375rem;
        order: 1;
        width: 100%
    }

    .litepicker .container__footer .button-apply, .litepicker .container__footer .button-cancel {
        margin-left: 0 !important;
        padding-bottom: .375rem !important;
        padding-top: .375rem !important;
        width: 100% !important
    }

    .litepicker .container__footer .button-apply {
        margin-bottom: .375rem
    }
}

.litepicker .container__footer .button-apply, .litepicker .container__footer .button-cancel {
    border-radius: .375rem;
    font-weight: 500;
    margin-left: .25rem;
    margin-right: 0;
    padding: .25rem .5rem;
    width: 5rem
}

.litepicker .container__footer .button-apply {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.litepicker .container__footer .button-cancel {
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-slate-200)/.7);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1))
}

.litepicker .container__months {
    padding-left: .25rem;
    padding-right: .25rem
}

.litepicker .container__months .month-item-weekdays-row {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1));
    margin-top: .75rem
}

.litepicker .container__months .month-item-header {
    padding: .5rem 0 0
}

.litepicker .container__months .month-item-header .button-previous-month {
    align-items: center;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem
}

.litepicker .container__months .month-item-header .button-previous-month:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.litepicker .container__months .month-item-header .button-previous-month svg {
    margin-right: -.25rem;
    transform: rotate(135deg)
}

.litepicker .container__months .month-item-header .button-next-month {
    align-items: center;
    display: flex;
    height: 2rem;
    justify-content: center;
    width: 2rem
}

.litepicker .container__months .month-item-header .button-next-month:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.litepicker .container__months .month-item-header .button-next-month svg {
    margin-left: -.25rem;
    transform: rotate(-45deg)
}

.litepicker .container__months .month-item-header .button-next-month svg, .litepicker .container__months .month-item-header .button-next-month:hover svg, .litepicker .container__months .month-item-header .button-previous-month svg, .litepicker .container__months .month-item-header .button-previous-month:hover svg {
    fill: transparent;
    border: solid #4a5568;
    border-radius: 0;
    border-width: 0 2px 2px 0;
    display: inline-block;
    display: block;
    height: .5rem;
    width: .5rem
}

.litepicker .container__months .month-item-header div > .month-item-name, .litepicker .container__months .month-item-header div > .month-item-year {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: center right .6rem;
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: .375rem;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .25rem 2rem .25rem .5rem
}

.litepicker .container__months .month-item-header div > .month-item-name:focus, .litepicker .container__months .month-item-header div > .month-item-year:focus {
    --tw-border-opacity: 1;
    --tw-ring-color: transparent;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    outline: 2px solid transparent;
    outline-offset: 2px
}

.litepicker .container__days .day-item {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.litepicker .container__days .day-item:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.litepicker .container__days .day-item.is-today, .litepicker .container__days .day-item.is-today:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-primary)/var(--tw-text-opacity, 1));
    font-weight: 500
}

html.dark .litepicker .container__days .day-item.is-today, html.dark .litepicker .container__days .day-item.is-today:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.litepicker .container__days .day-item.is-end-date, .litepicker .container__days .day-item.is-end-date:hover, .litepicker .container__days .day-item.is-start-date, .litepicker .container__days .day-item.is-start-date:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.litepicker .container__days .day-item.is-in-range, .litepicker .container__days .day-item.is-in-range:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.litepicker .container__days .week-number {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

@media (max-width: calc(1024px - 1px)) {
    & :root {
        --litepicker-day-width: 35px
    }
}

.dark .litepicker {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.dark .litepicker:after, .dark .litepicker:before {
    border-bottom-color: rgb(var(--color-darkmode-600));
    border-left-color: transparent;
    border-right-color: transparent
}

.dark .litepicker .container__months .button-next-month:hover, .dark .litepicker .container__months .button-previous-month:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.dark .litepicker .container__months .month-item-header .button-next-month svg, .dark .litepicker .container__months .month-item-header .button-next-month:hover svg, .dark .litepicker .container__months .month-item-header .button-previous-month svg, .dark .litepicker .container__months .month-item-header .button-previous-month:hover svg {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.dark .litepicker .container__months .month-item-header div > .month-item-name, .dark .litepicker .container__months .month-item-header div > .month-item-year {
    --tw-text-opacity: 1;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .litepicker .container__days .day-item {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .litepicker .container__days .day-item:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.dark .litepicker .container__days .day-item.is-end-date, .dark .litepicker .container__days .day-item.is-end-date:hover, .dark .litepicker .container__days .day-item.is-start-date, .dark .litepicker .container__days .day-item.is-start-date:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .litepicker .container__days .day-item.is-in-range, .dark .litepicker .container__days .day-item.is-in-range:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.dark .litepicker .container__days .day-item.is-today, .dark .litepicker .container__days .day-item.is-today:hover {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .litepicker .container__footer {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.dark .litepicker .container__footer .button-cancel {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .litepicker .container__tooltip {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.dark .litepicker .container__tooltip:after, .dark .litepicker .container__tooltip:before {
    border-top-color: rgb(var(--color-darkmode-600))
}

.tns-outer {
    position: relative
}

.tns-outer .tns-controls button {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    bottom: 0;
    color: transparent;
    height: 1.25rem;
    margin-bottom: auto;
    margin-top: auto;
    outline: 2px solid transparent;
    outline-offset: 2px;
    position: absolute;
    top: 0;
    width: 1.25rem;
    z-index: 10
}

.tns-outer .tns-controls button:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1))
}

.tns-outer .tns-controls button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-300)/var(--tw-bg-opacity, 1))
}

.tns-outer .tns-controls button:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-200)/var(--tw-bg-opacity, 1))
}

.tns-outer .tns-controls button[data-controls=prev] {
    left: 0;
    margin-left: -1.5rem
}

.tns-outer .tns-controls button[data-controls=prev]:before {
    --tw-rotate: 90deg;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 80%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    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));
    width: 100%
}

.tns-outer .tns-controls button[data-controls=next] {
    margin-right: -1.5rem;
    right: 0
}

.tns-outer .tns-controls button[data-controls=next]:before {
    --tw-rotate: -90deg;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(102 113 132)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 80%;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    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));
    width: 100%
}

.tns-outer .tns-nav {
    bottom: 0;
    display: flex;
    justify-content: center;
    margin-bottom: -1.8rem;
    position: absolute;
    width: 100%;
    z-index: 10
}

.tns-outer .tns-nav button {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-300)/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    height: .75rem;
    margin-left: .25rem;
    margin-right: .25rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    width: .75rem
}

.tns-outer .tns-nav button:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1))
}

.tns-outer .tns-nav button.tns-nav-active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-500)/var(--tw-bg-opacity, 1))
}

.tns-outer .tns-nav button.tns-nav-active:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-200)/var(--tw-bg-opacity, 1))
}

.tns-outer .tns-visually-hidden, .tns-outer button[data-action] {
    display: none
}

.tooltip-content {
    left: 10000px;
    position: fixed
}

.tippy-box {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-800)/var(--tw-bg-opacity, 1));
    border-radius: .375rem
}

.tippy-box:is(.dark *) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.tippy-box > .tippy-svg-arrow:is(.dark *) {
    fill: rgb(var(--color-darkmode-300))
}

.tippy-box .tippy-content {
    padding: .375rem .75rem
}

.tippy-popper[x-placement=left-end] .tippy-arrow, .tippy-popper[x-placement=left-end] .tippy-roundarrow, .tippy-popper[x-placement=left-start] .tippy-arrow, .tippy-popper[x-placement=left-start] .tippy-roundarrow, .tippy-popper[x-placement=left] .tippy-arrow, .tippy-popper[x-placement=left] .tippy-roundarrow, .tippy-popper[x-placement=right-end] .tippy-arrow, .tippy-popper[x-placement=right-end] .tippy-roundarrow, .tippy-popper[x-placement=right-start] .tippy-arrow, .tippy-popper[x-placement=right-start] .tippy-roundarrow, .tippy-popper[x-placement=right] .tippy-arrow, .tippy-popper[x-placement=right] .tippy-roundarrow {
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    top: 0
}

.tippy-popper[x-placement=bottom-end] .tippy-arrow, .tippy-popper[x-placement=bottom-end] .tippy-roundarrow, .tippy-popper[x-placement=bottom-start] .tippy-arrow, .tippy-popper[x-placement=bottom-start] .tippy-roundarrow, .tippy-popper[x-placement=bottom] .tippy-arrow, .tippy-popper[x-placement=bottom] .tippy-roundarrow, .tippy-popper[x-placement=top-end] .tippy-arrow, .tippy-popper[x-placement=top-end] .tippy-roundarrow, .tippy-popper[x-placement=top-start] .tippy-arrow, .tippy-popper[x-placement=top-start] .tippy-roundarrow, .tippy-popper[x-placement=top] .tippy-arrow, .tippy-popper[x-placement=top] .tippy-roundarrow {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    right: 0
}

.dark .tippy-box {
    box-shadow: 0 0 20px 4px #00000026, 0 4px 80px -8px #24282f40, 0 4px 4px -2px #5b5e6926
}

.tabulator-print-fullscreen-hide:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.tabulator {
    background-color: transparent;
    border-width: 0;
    overflow: hidden
}

.tabulator .tabulator-header {
    --tw-border-opacity: 1;
    background-color: transparent;
    border-bottom-width: 1px;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-top-width: 1px;
    color: currentColor;
    font-weight: 500
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col {
    background-color: transparent;
    border-right-width: 0
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content {
    padding: .75rem 1.25rem
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-col-title {
    padding-right: 0
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col .tabulator-col-content .tabulator-arrow {
    border-left-width: 5px;
    border-right-width: 5px;
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
    top: -3px
}

.tabulator .tabulator-header .tabulator-headers .tabulator-col.tabulator-sortable[aria-sort=none] .tabulator-col-content .tabulator-arrow {
    border-bottom-color: #cbd5e0
}

.tabulator .tabulator-row {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.tabulator .tabulator-row.tabulator-row-even:hover, .tabulator .tabulator-row:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1))
}

.tabulator .tabulator-row.tabulator-row-even {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.tabulator .tabulator-row .tabulator-cell {
    border-right-width: 0;
    padding: .75rem 1.25rem
}

.tabulator .tabulator-row .tabulator-cell.tabulator-row-handle {
    padding-left: 0;
    padding-right: 0
}

.tabulator .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-400)/var(--tw-bg-opacity, 1));
    border-radius: 9999px;
    height: 1rem;
    margin-right: -1.25rem;
    width: 1rem
}

.tabulator .tabulator-row .tabulator-responsive-collapse {
    --tw-border-opacity: 1;
    border-bottom-width: 0;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    padding: .75rem
}

.tabulator .tabulator-row .tabulator-responsive-collapse td {
    padding: .5rem
}

.tabulator .tabulator-row .tabulator-responsive-collapse td strong {
    font-weight: 500
}

.tabulator .tabulator-footer {
    background-color: transparent;
    border-top-width: 0;
    margin-top: .5rem;
    padding: 0
}

@media (max-width: calc(768px - 1px)) {
    .tabulator .tabulator-footer {
        white-space: normal
    }
}

.tabulator .tabulator-footer .tabulator-paginator {
    align-items: center;
    display: flex
}

@media (max-width: calc(768px - 1px)) {
    .tabulator .tabulator-footer .tabulator-paginator {
        display: block;
        text-align: left
    }
}

.tabulator .tabulator-footer .tabulator-paginator > label {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    font-weight: 400
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: center right .6rem;
    background-repeat: no-repeat;
    background-size: 15px;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .375rem;
    margin-left: .5rem;
    margin-right: auto;
    padding: .5rem 2rem .5rem .75rem
}

@media (max-width: calc(768px - 1px)) {
    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
        margin-right: .75rem
    }
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    align-items: center;
    border-radius: .375rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor: pointer;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    min-width: 40px;
    padding: .5rem .75rem;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:is(.dark *) {
    transition-property: none
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover:not(:disabled) {
    --tw-border-opacity: 0.9;
    --tw-bg-opacity: 0.9
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not(button) {
    text-align: center
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:disabled {
    cursor: not-allowed;
    opacity: .7
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
    --tw-text-opacity: 1;
    align-items: center;
    border-color: transparent;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1));
    display: inline-flex;
    font-weight: 400;
    justify-content: center
}

@media (max-width: calc(640px - 1px)) {
    .tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
        margin-right: 0;
        padding-left: .25rem;
        padding-right: .25rem
    }
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1))
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active {
    font-weight: 500
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active, .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=first], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=last], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=next], .tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=prev] {
    color: transparent;
    width: 1.25rem
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=first] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='m11 17-5-5 5-5M18 17l-5-5 5-5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=prev] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=next] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 45%
}

.tabulator .tabulator-footer .tabulator-paginator .tabulator-page[data-page=last] {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' stroke='%232d3748' stroke-width='1.1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='m13 17 5-5-5-5M6 17l5-5-5-5'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%
}

.tabulator .tabulator-tableHolder .tabulator-placeholder span {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1));
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.tabulator .tabulator-loader {
    background: #ffffffbd
}

.tabulator .tabulator-loader .tabulator-loader-msg {
    background-color: transparent;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
    --tw-text-opacity: 1;
    border-width: 0;
    color: rgb(var(--color-slate-700)/var(--tw-text-opacity, 1))
}

.tabulator .tabulator-loader .tabulator-loader-msg.tabulator-error {
    --tw-text-opacity: 1;
    border-width: 0;
    color: rgb(var(--color-danger)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-header {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-header .tabulator-headers .tabulator-col:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1))
}

.dark .tabulator .tabulator-table {
    --tw-text-opacity: 1;
    background-color: transparent;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-table .tabulator-row {
    background-color: transparent;
    border-color: transparent
}

.dark .tabulator .tabulator-table .tabulator-row.tabulator-row-even:hover, .dark .tabulator .tabulator-table .tabulator-row:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1))
}

.dark .tabulator .tabulator-table .tabulator-row.tabulator-row-even {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1))
}

.dark .tabulator .tabulator-footer .tabulator-paginator > label {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page-size {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-600)/var(--tw-border-opacity, 1));
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page {
    --tw-text-opacity: 1;
    background-color: transparent;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active, .dark .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-300)/var(--tw-bg-opacity, 1))
}

.dark .tabulator .tabulator-loader {
    background-color: rgba(0, 0, 0, .3)
}

.dark .tabulator .tabulator-loader .tabulator-loader-msg.tabulator-loading {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.tom-select .ts-input {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(74 85 104)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-position: center right .6rem;
    background-repeat: no-repeat;
    background-size: 18px;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    font-size: .875rem;
    line-height: 1.25rem;
    min-height: 40px;
    padding: 7.5px 32px 7.5px 12px
}

.tom-select .ts-input .item {
    line-height: 22px
}

.tom-select .ts-input.dropdown-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414'%3E%3Cpath d='m13.414 7-6-6-6 6' fill='none' stroke='%234a5568' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") !important;
    background-position: center right .8rem !important;
    background-repeat: no-repeat !important;
    background-size: 11px !important
}

.tom-select .ts-input input {
    font-size: .875rem;
    height: 23px;
    line-height: 1.25rem
}

.tom-select.multi .ts-input {
    padding: .25rem .375rem
}

.tom-select.multi .ts-input > div {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    border-radius: .25rem;
    margin-bottom: .125rem;
    margin-right: .25rem;
    margin-top: .125rem;
    padding: 0 .5rem
}

.tom-select.multi .ts-input > div.active {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-300)/var(--tw-bg-opacity, 1))
}

.tom-select.multi .ts-input > div.active .remove {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-400)/var(--tw-border-opacity, 1))
}

.tom-select.plugin-remove_button .item .remove {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-300)/var(--tw-border-opacity, 1));
    margin-left: .5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.tom-select.plugin-dropdown_input .ts-input.focus {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.tom-select .ts-dropdown {
    --tw-border-opacity: 1;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    border-radius: .25rem;
    border-top: 1px solid rgba(226, 232, 240, var(--tw-border-opacity));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: -1px;
    z-index: 50
}

.tom-select .ts-dropdown .optgroup-header {
    font-weight: 500;
    padding: 9px 10px
}

.tom-select .ts-dropdown .option {
    padding: 9px 13px
}

.tom-select .ts-dropdown .option .highlight {
    background-color: rgb(var(--color-danger)/var(--tw-bg-opacity, 1))
}

.tom-select .ts-dropdown .option .highlight, .tom-select .ts-dropdown .option.active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity, 1))
}

.tom-select .ts-dropdown .option.active {
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1))
}

.tom-select .ts-dropdown .option:hover:not(.active) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.tom-select .ts-dropdown.plugin-dropdown_input .dropdown-input-wrap {
    padding: .5rem
}

.tom-select .ts-dropdown.plugin-dropdown_input .dropdown-input-wrap input {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: .25rem;
    border-width: 1px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem .75rem
}

.tom-select .ts-dropdown .dropdown-header {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    padding-left: .75rem;
    padding-right: .75rem
}

.tom-select .ts-dropdown .dropdown-header .dropdown-header-close {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1));
    cursor: pointer;
    margin-right: .125rem;
    opacity: 1
}

.dark .tom-select .ts-input {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(255 255 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")
}

.dark .tom-select .ts-input, .dark .tom-select .ts-input.dropdown-active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: transparent;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tom-select .ts-input.dropdown-active {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.414'%3E%3Cpath d='m13.414 7-6-6-6 6' fill='none' stroke='rgb(255 255 255)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E") !important
}

.dark .tom-select .ts-input.dropdown-active:before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .tom-select.multi .ts-input > div {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1));
    border-width: 1px;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tom-select.multi .ts-input > div.active {
    background-color: rgb(var(--color-darkmode-400)/.8)
}

.dark .tom-select.multi .ts-input > div .remove {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.dark .tom-select.plugin-dropdown_input .ts-input.focus {
    border-color: transparent
}

.dark .tom-select .ts-dropdown {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-800)/.8);
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tom-select .ts-dropdown.plugin-dropdown_input .dropdown-input-wrap input {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-800)/.8)
}

.dark .tom-select .ts-dropdown .optgroup-header {
    color: rgb(var(--color-slate-400)/var(--tw-text-opacity, 1))
}

.dark .tom-select .ts-dropdown .create, .dark .tom-select .ts-dropdown .optgroup-header {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .tom-select .ts-dropdown .create {
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tom-select .ts-dropdown .create:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.dark .tom-select .ts-dropdown .option:hover:not(.active) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dark .tom-select .ts-dropdown .dropdown-header {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-700)/var(--tw-border-opacity, 1))
}

.dark .tom-select .ts-dropdown .dropdown-header, .dark .tom-select .ts-dropdown .dropdown-header .dropdown-header-close {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1))
}

.dropzone {
    border-color: rgb(var(--color-slate-200)/.6);
    border-style: dashed
}

.dropzone:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.ck-editor, .ck-editor__editable, .document-editor {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.document-editor {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: var(--ck-border-radius);
    border-width: 1px;
    display: flex;
    flex-flow: column nowrap;
    max-height: 700px
}

.document-editor .document-editor__toolbar {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    z-index: 1
}

.document-editor .document-editor__toolbar .ck-toolbar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border: 0;
    border-radius: 0
}

.document-editor .document-editor__toolbar .ck-toolbar .ck-icon {
    width: 16px
}

.document-editor .document-editor__editable-container {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    overflow-y: scroll;
    padding: calc(var(--ck-spacing-large) * 2)
}

.document-editor .document-editor__editable-container .ck-editor__editable {
    --tw-border-opacity: 1;
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    background: #fff;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-radius: var(--ck-border-radius);
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    margin: 0 auto;
    min-height: 21cm;
    padding: 1cm 2cm 2cm;
    width: 15.8cm
}

.document-editor .ck-heading-dropdown .ck-list .ck-button__label {
    line-height: calc(var(--ck-line-height-base) * 1.7 * var(--ck-font-size-base));
    min-width: 6em
}

.document-editor .ck-heading-dropdown .ck-list .ck-button:not(.ck-heading_paragraph) .ck-button__label {
    transform: scale(.8);
    transform-origin: left
}

.document-editor .ck-content h2, .document-editor .ck-heading-dropdown .ck-heading_heading1 .ck-button__label {
    font-size: 2.18em;
    font-weight: 400
}

.document-editor .ck-content h2 {
    line-height: 1.37em;
    margin-bottom: .142em;
    padding-top: .342em
}

.document-editor .ck-content h3, .document-editor .ck-heading-dropdown .ck-heading_heading2 .ck-button__label {
    color: #009dff;
    font-size: 1.75em;
    font-weight: 400
}

.document-editor .ck-heading-dropdown .ck-heading_heading2.ck-on .ck-button__label {
    color: var(--ck-color-list-button-on-text)
}

.document-editor .ck-content h3 {
    line-height: 1.86em;
    margin-bottom: .357em;
    padding-top: .171em
}

.document-editor .ck-content h4, .document-editor .ck-heading-dropdown .ck-heading_heading3 .ck-button__label {
    font-size: 1.31em;
    font-weight: 700
}

.document-editor .ck-content h4 {
    line-height: 1.24em;
    margin-bottom: .952em;
    padding-top: .286em
}

.document-editor .ck-content p {
    font-size: 1em;
    line-height: 1.63em;
    margin-bottom: 1.13em;
    padding-top: .5em
}

.document-editor .ck-content blockquote {
    font-family: Georgia, serif;
    margin-left: calc(var(--ck-spacing-large) * 2);
    margin-right: calc(var(--ck-spacing-large) * 2)
}

.ck.ck-content {
    min-height: 250px
}

.ck.ck-content.ck-editor__editable_inline {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-width: 1px
}

.ck .ck .ck-content {
    min-height: 250px
}

.ck .ck .ck-content.ck-editor__editable_inline {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1));
    border-width: 1px
}

.ck .ck .ck-content blockquote, .ck .ck .ck-content dd, .ck .ck .ck-content dl, .ck .ck .ck-content figure, .ck .ck .ck-content h1, .ck .ck .ck-content h2, .ck .ck .ck-content h3, .ck .ck .ck-content h4, .ck .ck .ck-content h5, .ck .ck .ck-content h6, .ck .ck .ck-content hr, .ck .ck .ck-content p, .ck .ck .ck-content pre {
    margin: revert
}

.ck .ck .ck-content ol, .ck .ck .ck-content ul {
    list-style: revert;
    margin: revert;
    padding: revert
}

.ck .ck .ck-content h1, .ck .ck .ck-content h2, .ck .ck .ck-content h3, .ck .ck .ck-content h4, .ck .ck .ck-content h5, .ck .ck .ck-content h6 {
    font-size: revert;
    font-weight: revert
}

.ck .ck .ck-content audio, .ck .ck .ck-content canvas, .ck .ck .ck-content embed, .ck .ck .ck-content iframe, .ck .ck .ck-content img, .ck .ck .ck-content object, .ck .ck .ck-content svg, .ck .ck .ck-content video {
    display: revert;
    vertical-align: revert
}

.ck .ck.ck-reset_all, .ck .ck.ck-reset_all * {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-800)/var(--tw-text-opacity, 1))
}

.ck .ck.ck-balloon-panel, .ck .ck.ck-toolbar {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.ck .ck.ck-balloon-panel .ck-icon, .ck .ck.ck-toolbar .ck-icon {
    width: 16px
}

.ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200)/var(--tw-border-opacity, 1))
}

.ck .ck.ck-button:not(.ck-disabled):hover, .ck .cka.ck-button:not(.ck-disabled):hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1))
}

.dark .document-editor {
    border-color: rgb(var(--color-darkmode-900)/.3)
}

.dark .document-editor .document-editor__toolbar {
    border-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .document-editor .document-editor__toolbar .ck-toolbar {
    background-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .document-editor .document-editor__toolbar .ck-toolbar .ck-toolbar__separator, .dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text {
    --tw-text-opacity: 1;
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .document-editor .document-editor__toolbar .ck-toolbar .ck-tooltip .ck-tooltip__text:after {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1))
}

.dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-icon :not([fill]) {
    fill: rgb(var(--color-slate-300))
}

.dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-dropdown__panel {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1))
}

.dark .document-editor .document-editor__toolbar .ck-toolbar .ck.ck-button.ck-on, .dark .document-editor .document-editor__toolbar .ck-toolbar a.ck.ck-button.ck-on {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .document-editor .document-editor__editable-container {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-600)/var(--tw-bg-opacity, 1))
}

.dark .ck.ck-content.ck-editor__editable_inline, .dark .document-editor .document-editor__editable-container .ck-editor__editable {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .ck.ck-list {
    --tw-bg-opacity: 1
}

.dark .ck.ck-dropdown__panel, .dark .ck.ck-list {
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .ck.ck-dropdown__panel {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1))
}

.dark .ck.ck.ck-input-text {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.dark .ck.ck.ck-input-text:focus {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .ck .ck-insert-table-dropdown-grid-box {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.dark .ck.ck-reset_all, .dark .ck.ck-reset_all * {
    --tw-text-opacity: 1 !important;
    color: rgb(var(--color-slate-300)/var(--tw-text-opacity, 1)) !important
}

.dark .ck .ck .ck-content.ck-editor__editable_inline {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .ck .ck.ck-balloon-panel, .dark .ck .ck.ck-toolbar {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .ck .ck.ck-balloon-panel:after, .dark .ck .ck.ck-balloon-panel:before, .dark .ck .ck.ck-toolbar:after, .dark .ck .ck.ck-toolbar:before {
    border-bottom-color: rgb(var(--color-darkmode-900)/.2) !important
}

.dark .ck .ck.ck-balloon-panel .ck-toolbar__separator, .dark .ck .ck.ck-toolbar .ck-toolbar__separator {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .ck .ck.ck-balloon-panel .ck-tooltip .ck-tooltip__text, .dark .ck .ck.ck-toolbar .ck-tooltip .ck-tooltip__text {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1));
    color: rgb(var(--color-slate-200)/var(--tw-text-opacity, 1))
}

.dark .ck .ck.ck-balloon-panel .ck-tooltip .ck-tooltip__text:after, .dark .ck .ck.ck-toolbar .ck-tooltip .ck-tooltip__text:after {
    border-bottom-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .ck .ck.ck-balloon-panel .ck.ck-icon :not([fill]), .dark .ck .ck.ck-toolbar .ck.ck-icon :not([fill]) {
    fill: rgb(var(--color-slate-300))
}

.dark .ck .ck.ck-balloon-panel .ck.ck-dropdown__panel, .dark .ck .ck.ck-toolbar .ck.ck-dropdown__panel {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-800)/var(--tw-border-opacity, 1))
}

.dark .ck .ck.ck-balloon-panel .ck.ck-button.ck-on, .dark .ck .ck.ck-balloon-panel a.ck.ck-button.ck-on, .dark .ck .ck.ck-editor__main > .ck-editor__editable, .dark .ck .ck.ck-toolbar .ck.ck-button.ck-on, .dark .ck .ck.ck-toolbar a.ck.ck-button.ck-on {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-800)/var(--tw-bg-opacity, 1))
}

.dark .ck .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-color: rgb(var(--color-darkmode-900)/.2)
}

.dark .ck .ck.ck-button:not(.ck-disabled):hover, .dark .ck .cka.ck-button:not(.ck-disabled):hover {
    background-color: rgb(var(--color-darkmode-900)/.2)
}

.zoom-overlay {
    background-color: rgba(0, 0, 0, .75)
}

.zoom-overlay:is(.dark *) {
    background-color: rgba(0, 0, 0, .4)
}

.dark-mode-switcher .dark-mode-switcher__toggle {
    border-radius: 9999px;
    cursor: pointer;
    height: 24px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 1px;
    position: relative;
    width: 38px
}

.dark-mode-switcher .dark-mode-switcher__toggle:before {
    border-radius: 9999px;
    bottom: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
    content: "";
    height: 22px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    transition: all .2s ease-in-out;
    width: 22px
}

.dark-mode-switcher .dark-mode-switcher__toggle.dark-mode-switcher__toggle--active {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1))
}

.dark-mode-switcher .dark-mode-switcher__toggle.dark-mode-switcher__toggle--active:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity, 1));
    margin-left: 13px
}

.source-preview {
    padding: .625rem 1rem
}

.source-preview, .source-preview .hljs {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-100)/var(--tw-bg-opacity, 1))
}

.source-preview .hljs {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1.625;
    margin-bottom: -40px;
    margin-top: -20px
}

.source-preview .hljs:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1))
}

.source-preview {
    position: relative
}

.source-preview code:before {
    --tw-bg-opacity: 0.7;
    background-color: rgb(var(--color-slate-200)/var(--tw-bg-opacity, 1));
    border-bottom-left-radius: .25rem;
    content: "HTML";
    display: block;
    font-family: Roboto;
    font-weight: 500;
    padding: .5rem 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.source-preview code:is(.dark *):before {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-slate-300)/var(--tw-bg-opacity, 1))
}

.source-preview code.javascript:before {
    content: "JS"
}

@media (max-width: calc(1024px - 1px)) {
    .full-calendar .fc-toolbar {
        flex-direction: column
    }
}

.full-calendar .fc-toolbar .fc-toolbar-chunk:first-child {
    order: 3
}

.full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(2) {
    order: 1
}

.full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
    order: 2
}

@media (max-width: calc(1024px - 1px)) {
    .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) {
        margin-bottom: .75rem;
        margin-top: .75rem
    }
}

@media (max-width: calc(640px - 1px)) {
    .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group {
        display: block
    }
}

.full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button {
    width: 5rem
}

@media (max-width: calc(640px - 1px)) {
    .full-calendar .fc-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group button {
        border-radius: .375rem;
        margin-bottom: .5rem;
        width: 100%
    }
}

.full-calendar .fc-toolbar .fc-toolbar-title {
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.75rem
}

.full-calendar .fc-toolbar-chunk .fc-button-primary:first-child {
    border-bottom-left-radius: .375rem;
    border-top-left-radius: .375rem
}

.full-calendar .fc-toolbar-chunk .fc-button-primary:last-child {
    border-bottom-right-radius: .375rem;
    border-top-right-radius: .375rem
}

.full-calendar.fc-theme-standard .fc-list, .full-calendar.fc-theme-standard .fc-scrollgrid, .full-calendar.fc-theme-standard td, .full-calendar.fc-theme-standard th {
    border-color: rgb(var(--color-slate-200)/.6)
}

.full-calendar.fc-theme-standard .fc-list:is(.dark *), .full-calendar.fc-theme-standard .fc-scrollgrid:is(.dark *), .full-calendar.fc-theme-standard td:is(.dark *), .full-calendar.fc-theme-standard th:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.full-calendar table {
    border-radius: .375rem
}

.full-calendar table tr th .fc-scrollgrid-sync-inner {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.full-calendar .fc-daygrid-event-harness {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.full-calendar .fc-h-event {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    border-radius: .375rem
}

.full-calendar .fc-event-title-container {
    padding: .25rem .5rem
}

.full-calendar .fc-daygrid-event, .full-calendar .fc-event-title-container {
    font-size: .75rem;
    line-height: 1rem
}

.full-calendar .fc-daygrid-event-dot {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1));
    margin-right: .5rem
}

.full-calendar .fc-col-header-cell-cushion, .full-calendar .fc-daygrid-dot-event .fc-event-title {
    font-weight: 500
}

@media (max-width: calc(640px - 1px)) {
    .full-calendar.fc .fc-view-harness {
        min-height: 400px !important
    }

    .full-calendar.fc .fc-daygrid-day-frame {
        min-height: 60px !important
    }
}

.full-calendar .fc-daygrid-more-link {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (max-width: calc(768px - 1px)) {
    .full-calendar .fc-daygrid-more-link {
        --tw-text-opacity: 1;
        color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1));
        font-size: 10px
    }
}

@media (max-width: calc(640px - 1px)) {
    .full-calendar .fc-daygrid-more-link {
        display: block;
        line-height: 10px;
        margin-top: -.75rem;
        padding-left: 0
    }
}

.full-calendar .fc-daygrid-day-bottom {
    padding-top: .25rem
}

.full-calendar .fc-day-other {
    background-color: rgb(var(--color-slate-100)/.5)
}

.full-calendar .fc-day-other:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-700)/var(--tw-bg-opacity, 1))
}

.full-calendar .fc-button-primary {
    --tw-text-opacity: 1 !important;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    align-items: center;
    background-color: transparent !important;
    border-color: rgb(var(--color-slate-200)/.6) !important;
    border-radius: .375rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: rgb(var(--color-slate-500)/var(--tw-text-opacity, 1)) !important;
    cursor: pointer;
    display: inline-block !important;
    display: inline-flex;
    font-weight: 500;
    justify-content: center;
    padding: .4em .65em !important;
    padding: .5rem .75rem;
    text-transform: capitalize !important;
    transition-duration: .2s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.full-calendar .fc-button-primary: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: rgb(var(--color-primary)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.2;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.full-calendar .fc-button-primary:is(.dark *) {
    transition-property: none
}

.full-calendar .fc-button-primary:focus:is(.dark *) {
    --tw-ring-color: rgb(var(--color-slate-700)/var(--tw-ring-opacity, 1));
    --tw-ring-opacity: 0.5
}

.full-calendar .fc-button-primary:hover:not(:disabled) {
    --tw-border-opacity: 0.9;
    --tw-bg-opacity: 0.9
}

.full-calendar .fc-button-primary:not(button) {
    text-align: center
}

.full-calendar .fc-button-primary:disabled {
    cursor: not-allowed;
    opacity: .7
}

.full-calendar .fc-button-primary .fc-icon {
    font-size: 1.2em !important
}

.full-calendar .fc-button-primary:focus {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.full-calendar .fc-button-primary:not(:disabled).fc-button-active, .full-calendar .fc-button-primary:not(:disabled):active {
    --tw-border-opacity: 1 !important;
    --tw-bg-opacity: 1 !important;
    --tw-text-opacity: 1 !important;
    background-color: rgb(var(--color-primary)/var(--tw-bg-opacity, 1)) !important;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1)) !important;
    color: rgb(255 255 255/var(--tw-text-opacity, 1)) !important
}

.full-calendar .fc-list-day-cushion {
    background-color: rgb(var(--color-slate-100)/.5) !important;
    padding: .75rem 1.25rem !important
}

.full-calendar .fc-list-event td {
    padding: .75rem 1.25rem
}

.full-calendar .fc-list-event-dot {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-primary)/var(--tw-border-opacity, 1)) !important
}

.full-calendar .fc-event-time {
    font-size: .75rem !important;
    padding-left: .125rem;
    padding-right: .125rem
}

.full-calendar .fc-daygrid-more-link {
    padding-left: .5rem
}

.dark .full-calendar .fc-button-primary {
    --tw-border-opacity: 1 !important;
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1)) !important
}

.dark .full-calendar .fc-button-primary, .dark .full-calendar .fc-list-day-cushion {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1)) !important
}

.dark .full-calendar .fc-event:hover td {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: rgb(var(--color-darkmode-400)/var(--tw-bg-opacity, 1));
    border-color: rgb(var(--color-darkmode-400)/var(--tw-border-opacity, 1))
}

.has-error .form-control {
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-danger)/var(--tw-border-opacity, 1))
}

.has-error .form-control:is(.dark *) {
    border-color: rgb(var(--color-danger)/.7)
}

.file .file__icon.file__icon--empty-directory {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg data-name='Group 3' transform='translate(-566.5 -92.5)' stroke='%23aab7c7'%3E%3Crect data-name='Rectangle 4' width='25' height='39' rx='3' transform='translate(584 94)' fill='%23bbc5d2'/%3E%3Cpath data-name='Rectangle 3' d='M572.659 93h19.149a3.1 3.1 0 0 1 3.191 3v33a3.1 3.1 0 0 1-3.191 3h-19.149a3.1 3.1 0 0 1-3.191-3V96a3.1 3.1 0 0 1 3.191-3Z' fill='%23bbc5d2'/%3E%3Crect data-name='Rectangle 5' width='45' height='41' rx='3' transform='translate(567 97)' fill='%23c7cfda'/%3E%3C/g%3E%3C/svg%3E")
}

.file .file__icon.file__icon--directory {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46'%3E%3Cg data-name='Group 3' transform='translate(-566.5 -92.5)' stroke='%23aab7c7'%3E%3Crect data-name='Rectangle 4' width='24' height='39' rx='3' transform='translate(584 94)' fill='%23bbc5d2'/%3E%3Cpath data-name='Rectangle 3' d='M574 93h18a3 3 0 0 1 3 3v33a3 3 0 0 1-3 3h-18a3 3 0 0 1-3-3V96a3 3 0 0 1 3-3Z' fill='%23bbc5d2'/%3E%3Crect data-name='Rectangle 2' width='41' height='41' rx='3' transform='translate(569 97)' fill='%23d6dde7'/%3E%3Cpath data-name='Rectangle 5' d='M570 101h39a3 3 0 0 1 3 3v31a3 3 0 0 1-3 3h-39a3 3 0 0 1-3-3v-31a3 3 0 0 1 3-3Z' fill='%23c7cfda'/%3E%3C/g%3E%3C/svg%3E")
}

.file .file__icon.file__icon--file {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='37.001' height='46.045'%3E%3Cg data-name='Group 267'%3E%3Cpath data-name='Subtraction 14' d='M34.201 45.545h-31.4a2.3 2.3 0 0 1-2.294-2.294V2.793A2.3 2.3 0 0 1 2.801.5h23.7v10.023h10v32.729a2.3 2.3 0 0 1-2.3 2.293Z' fill='%23c7cfda' stroke='%23aab7c7'/%3E%3Cpath data-name='Rectangle 419' fill='%23c7cfda' d='M23.996 1.023h4v10h-4z'/%3E%3Cpath data-name='Rectangle 420' fill='%23c7cfda' d='M35.994 9.528v3H23.996v-3z'/%3E%3Cpath data-name='Intersection 2' d='M27.48 8.492V1.161c2.1 1.984 8.331 8.363 8.331 8.363h-7.308a1.333 1.333 0 0 1-1.023-1.032Z' fill='%23d6dde7' stroke='%23aab7c7'/%3E%3C/g%3E%3C/svg%3E")
}

.required:after {
    color: red;
    content: " *"
}

@media (min-width: 768px) {
    .md\:hidden {
        display: none
    }
}