*,
:before,
:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(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: rgb(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:
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

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

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

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: 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,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

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

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

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

:root {
    --main-sidebar-width: 4.5rem;
    --margin-x: 1rem;
    --sidebar-panel-min-width: 64px;
    --sidebar-panel-width: 230px
}

@media (min-width: 768px) {
    :root {
        --margin-x: 1.5rem
    }
}

@media (min-width: 1024px) {
    :root {
        --main-sidebar-width: 5rem;
        --sidebar-panel-width: 240px
    }
}

@media (min-width: 1280px) {
    :root {
        --margin-x: 4rem
    }

    .has-min-sidebar {
        --margin-x: 2.5rem
    }

    .is-sidebar-open {
        --margin-x: 1.5rem
    }
}

html {
    height: 100%;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility
}

html.dark {
    color-scheme: dark
}

[x-cloak],
[data-x-cloak] {
    display: none !important
}

body {
    background-color: #f8fafc;
    font-family: Poppins, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: .875rem;
    line-height: 1.25rem;
    color: #64748b;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body:is(.dark *) {
    background-color: #192132;
    color: #a3adc2;
    color-scheme: dark
}

body.is-monochrome:before {
    pointer-events: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999;
    margin: -5rem;
    height: calc(100% + 10rem);
    width: calc(100% + 10rem);
    --tw-backdrop-grayscale: grayscale(100%);
    --tw-backdrop-opacity: opacity(.92);
    -webkit-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);
    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);
    --tw-content: "";
    content: var(--tw-content)
}

.app-preloader .app-preloader-inner:after,
.app-preloader .app-preloader-inner:before {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 9999px;
    background-color: #cbd5e140;
    --tw-content: "";
    content: var(--tw-content)
}

.app-preloader .app-preloader-inner:is(.dark *):after,
.app-preloader .app-preloader-inner:is(.dark *):before {
    background-color: #697a9b80
}

.app-preloader .app-preloader-inner:after,
.app-preloader .app-preloader-inner:before {
    animation: spinner-grow 3s cubic-bezier(.55, .15, .45, .85) infinite
}

.app-preloader .app-preloader-inner:after {
    animation-delay: -1.5s
}

.menu-toggle span {
    height: 2px;
    width: 1.25rem;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: currentColor;
    transition-property: all;
    transition-duration: .15s;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.menu-toggle span:nth-child(2) {
    width: .75rem
}

.menu-toggle.active span {
    margin-left: .5rem;
    width: 11px;
    --tw-translate-x: -.5rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu-toggle.active span:nth-child(1) {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu-toggle.active span:nth-child(2) {
    display: none
}

.flatpickr-day.menu-toggle.active span:nth-child(2) {
    visibility: hidden
}

.menu-toggle.active span:nth-child(3) {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.main-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 40;
    height: 100%;
    width: var(--main-sidebar-width);
    flex-shrink: 0;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

@media (min-width: 768px) {
    .main-sidebar {
        z-index: 60;
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.is-sidebar-open .main-sidebar {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.sidebar-panel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30;
    height: 100%;
    width: calc(var(--main-sidebar-width) + var(--sidebar-panel-width));
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%);
    --tw-shadow-colored: 0 3px 10px 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);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-delay: .15s;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.sidebar-panel:is(.dark *) {
    --tw-shadow-color: rgb(25 33 50 / .6);
    --tw-shadow: var(--tw-shadow-colored)
}

@media (min-width: 768px) {
    .sidebar-panel {
        transition-delay: unset
    }
}

.is-sidebar-open .sidebar-panel {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.sidebar-panel-min {
    position: fixed;
    z-index: 40;
    height: 100%;
    width: var(--sidebar-panel-min-width);
    flex-shrink: 0;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%);
    --tw-shadow-colored: 0 3px 10px 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);
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.sidebar-panel-min:is(.dark *) {
    --tw-shadow-color: rgb(25 33 50 / .6);
    --tw-shadow: var(--tw-shadow-colored)
}

@media (min-width: 768px) {
    .sidebar-panel-min {
        --tw-translate-x: var(--main-sidebar-width);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.is-sidebar-open .sidebar-panel-min {
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

nav.header {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    display: flex;
    height: 61px;
    width: 100%;
    border-bottom-width: 1px;
    border-color: #e9eef5;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .25s
}

nav.header:is(.dark *) {
    border-color: #26334d
}

@media (min-width: 768px) {
    nav.header {
        width: calc(100% - var(--main-sidebar-width))
    }
}

nav.header:before {
    position: absolute;
    left: calc((100vw - 100%)*-1);
    height: 100%;
    width: calc(100vw - 100%);
    background-color: #fff;
    --tw-content: "";
    content: var(--tw-content)
}

nav.header:is(.dark *):before {
    background-color: #222e45
}

nav.header .header-container {
    padding-left: var(--margin-x);
    padding-right: var(--margin-x);
    transition-property: padding, width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .25s
}

@media (min-width: 768px) {
    .has-min-sidebar nav.header {
        width: calc(100% - (var(--main-sidebar-width) + var(--sidebar-panel-min-width)))
    }
}

@media (min-width: 1280px) {
    .is-sidebar-open nav.header {
        width: calc(100% - (var(--main-sidebar-width) + var(--sidebar-panel-width)))
    }
}

.is-header-blur nav.header .header-container {
    --tw-backdrop-blur: blur(8px);
    -webkit-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);
    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)
}

@supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
    .is-header-blur nav.header .header-container {
        background-color: #fffc
    }

    .is-header-blur nav.header .header-container:is(.dark *) {
        background-color: #222e45cc !important
    }
}

.is-header-not-sticky nav.header {
    position: absolute
}

.main-content {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    place-content: start;
    transition-property: width, margin-left, margin-right, padding-left, padding-right;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

@media (min-width: 768px) {
    .main-content {
        margin-left: var(--main-sidebar-width)
    }
}

@media print {
    .main-content {
        margin: 0
    }
}

@media (min-width: 768px) {
    .has-min-sidebar .main-content {
        margin-left: calc(var(--main-sidebar-width) + var(--sidebar-panel-min-width))
    }
}

.is-sidebar-open .main-content {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@media (min-width: 1280px) {
    .is-sidebar-open .main-content {
        margin-left: calc(var(--main-sidebar-width) + var(--sidebar-panel-width))
    }
}

.navigation\:sideblock {
    --sideblock-width: 260px
}

.navigation\:sideblock .sidebar-panel {
    width: var(--sideblock-width);
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.navigation\:sideblock.is-sidebar-open .sidebar-panel {
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.navigation\:sideblock nav.header {
    width: 100%
}

@media (min-width: 1280px) {
    .navigation\:sideblock.is-sidebar-open nav.header {
        width: calc(100% - (var(--sideblock-width)))
    }
}

.navigation\:sideblock .main-content {
    margin-left: 0
}

@media (min-width: 1280px) {
    .navigation\:sideblock.is-sidebar-open .main-content {
        margin-left: var(--sideblock-width)
    }
}

.h-100vh {
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100)
}

.min-h-100vh {
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100)
}

.inline-space>:not([hidden]) {
    margin-bottom: .625rem;
    margin-right: .625rem
}

code.inline-code {
    border-radius: .25rem;
    background-color: #f1f5f9;
    padding: .125rem .25rem;
    font-size: .8125rem;
    line-height: 1.125rem;
    color: #3b82f6
}

code.inline-code:is(.dark *) {
    background-color: #202b40;
    color: #93c5fd
}

.is-scrollbar-hidden {
    scrollbar-width: none
}

.is-scrollbar-hidden::-webkit-scrollbar {
    display: none
}

.flatpickr-day.is-scrollbar-hidden::-webkit-scrollbar {
    visibility: hidden
}

@supports selector(::-webkit-scrollbar) {
    .scrollbar-sm::-webkit-scrollbar {
        height: .375rem;
        width: .375rem
    }

    .scrollbar-sm:hover::-webkit-scrollbar-thumb,
    .scrollbar-sm:focus-within::-webkit-scrollbar-thumb {
        border-radius: 9999px;
        background-color: #cbd5e1cc
    }

    .scrollbar-sm:hover:is(.dark *)::-webkit-scrollbar-thumb,
    .scrollbar-sm:focus-within:is(.dark *)::-webkit-scrollbar-thumb {
        background-color: #5c6b8a
    }

    .scrollbar-sm::-webkit-scrollbar-thumb:hover {
        background-color: #94a3b8
    }

    .scrollbar-sm:is(.dark *)::-webkit-scrollbar-thumb:hover {
        background-color: #697a9b
    }
}

.container {
    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
    }
}

.card {
    position: relative;
    display: flex;
    min-width: 1px;
    flex-direction: column;
    overflow-wrap: break-word;
    border-radius: .5rem;
    background-color: #fff;
    color: #64748b;
    --tw-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%);
    --tw-shadow-colored: 0 3px 10px 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)
}

.card:is(.dark *) {
    background-color: #26334d;
    color: #a3adc2;
    --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)
}

@media print {
    .card {
        border-width: 1px
    }
}

.skeleton {
    position: relative;
    overflow: hidden;
    --sk-color: #ffffff80
}

.skeleton:is(.dark *) {
    --sk-color: #5C6B8A
}

.skeleton.animate-wave:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    --tw-content: "";
    content: var(--tw-content);
    background: linear-gradient(90deg, transparent, var(--sk-color), transparent);
    animation: skeleton-wave 1.5s ease-in-out .5s infinite
}

@keyframes skeleton-wave {
    0% {
        transform: translate(-100%)
    }

    50%,
    to {
        transform: translate(100%)
    }
}

.avatar {
    position: relative;
    display: inline-flex;
    height: 2.5rem;
    width: 2.5rem;
    flex-shrink: 0
}

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

.avatar>.is-initial {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-weight: 500
}

.spinner.is-grow span {
    animation: spinner-grow 1.5s ease-in-out infinite
}

.spinner.is-elastic {
    animation-timing-function: cubic-bezier(.53, .21, .29, .67);
    animation-duration: 1.3
}

.spinner.is-grow span:nth-child(1) {
    animation-delay: -.75s
}

@keyframes spinner-grow {

    0%,
    to {
        transform: scale(0)
    }

    50% {
        transform: scale(1.1)
    }
}

.popper-root {
    visibility: hidden;
    z-index: 1000
}

.popper-root.show {
    visibility: visible
}

.popper-root>.popper-box {
    color: #64748b;
    opacity: 0;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.popper-root>.popper-box:is(.dark *) {
    color: #a3adc2
}

.popper-root>.popper-box {
    transition-property: transform, visibility, opacity
}

.popper-root.show>.popper-box {
    opacity: 1;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1);
    transform: translate(0) !important
}

.popper-root[data-popper-placement^=right]>.popper-box {
    --tw-translate-x: .75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.popper-root[data-popper-placement^=bottom]>.popper-box {
    --tw-translate-y: .75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.popper-root[data-popper-placement^=top]>.popper-box {
    --tw-translate-y: -.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.popper-root[data-popper-placement^=left]>.popper-box {
    --tw-translate-x: -.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.popper-root[data-popper-placement^=top] [data-popper-arrow] {
    bottom: .25rem
}

.popper-root[data-popper-placement^=top] [data-popper-arrow]>svg {
    top: .875rem;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.popper-root[data-popper-placement^=bottom] [data-popper-arrow] {
    top: .25rem
}

.popper-root[data-popper-placement^=bottom] [data-popper-arrow]>svg {
    bottom: .875rem
}

.popper-root[data-popper-placement^=left] [data-popper-arrow] {
    right: .125rem
}

.popper-root[data-popper-placement^=left] [data-popper-arrow] svg {
    transform: rotate(90deg);
    top: calc(50% - 5px);
    left: 13px
}

.popper-root[data-popper-placement^=right] [data-popper-arrow] {
    left: .125rem
}

.popper-root[data-popper-placement^=right] [data-popper-arrow] svg {
    transform: rotate(-90deg);
    top: calc(50% - 5px);
    right: 13px
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect,
.form-radio,
.form-checkbox,
.form-switch,
.form-checkbox:before,
.form-radio:before,
.form-switch:before {
    transition-property: all;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    letter-spacing: .025em;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-input::-moz-placeholder,
.form-textarea::-moz-placeholder,
.form-select::-moz-placeholder,
.form-multiselect::-moz-placeholder {
    font-weight: 300
}

.form-input::placeholder,
.form-textarea::placeholder,
.form-select::placeholder,
.form-multiselect::placeholder {
    font-weight: 300
}

.form-input:focus,
.form-textarea:focus,
.form-select:focus,
.form-multiselect:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
    contain: paint
}

.form-select {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewbox='0 0 20 20'%3e%3cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-size: 1.5em 1.5em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-multiselect {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: .75rem;
    -webkit-print-color-adjust: unset;
    print-color-adjust: unset
}

.form-checkbox,
.form-radio,
.form-switch {
    position: relative;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-checkbox:focus,
.form-radio:focus,
.form-switch:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.form-checkbox,
.form-radio,
.form-switch {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-switch {
    --thumb-border: 2px
}

.form-switch:before {
    position: absolute;
    top: var(--thumb-border);
    left: var(--thumb-border);
    height: calc(100% - var(--thumb-border) * 2);
    content: var(--tw-content);
    width: calc((100% / 2) - (var(--thumb-border) * 2))
}

.form-switch:checked:before {
    content: var(--tw-content);
    --tw-translate-x: calc(100% + (var(--thumb-border) * 2));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form-switch:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.form-switch.is-outline:before {
    content: var(--tw-content);
    width: calc((100% / 2) - (var(--thumb-border) * 2) - 1px)
}

.form-switch.is-outline:checked:before {
    content: var(--tw-content);
    --tw-translate-x: calc(100% + (var(--thumb-border) * 2) + 2px);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form-radio {
    --tw-thumb: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3.5'/%3e%3c/svg%3e")
}

.form-radio:before {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.form-checkbox {
    --tw-thumb: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")
}

.form-checkbox:before {
    transform-origin: bottom;
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.form-radio,
.form-checkbox {
    display: inline-block;
    border-width: 1px;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.form-radio:before,
.form-checkbox:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: var(--tw-content);
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form-radio:checked:before,
.form-checkbox:checked:before {
    content: var(--tw-content);
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.form-radio:hover,
.form-checkbox:hover {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.form-radio.is-basic,
.form-checkbox.is-basic {
    background-origin: border-box
}

.form-radio.is-basic:before,
.form-checkbox.is-basic:before {
    background-position: center;
    background-repeat: no-repeat;
    background-image: var(--tw-thumb);
    content: var(--tw-content);
    background-size: 100% 100%
}

.form-radio.is-outline:before,
.form-checkbox.is-outline:before {
    content: var(--tw-content);
    -webkit-mask-image: var(--tw-thumb);
    mask-image: var(--tw-thumb)
}

.form-range {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    outline: 2px solid transparent;
    outline-offset: 2px;
    --range-thumb-size: 1.125rem;
    --range-track-h: .375rem
}

.form-range::-webkit-slider-thumb {
    position: relative;
    top: 50%;
    height: var(--range-thumb-size);
    width: var(--range-thumb-size);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-style: none;
    background-color: currentColor
}

.form-range::-webkit-slider-thumb:active {
    opacity: .85
}

.form-range::-webkit-slider-thumb {
    transform: translateY(-50%)
}

.form-range::-moz-range-thumb {
    position: relative;
    top: 50%;
    height: var(--range-thumb-size);
    width: var(--range-thumb-size);
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-style: none;
    background-color: currentColor
}

.form-range::-moz-range-thumb:active {
    opacity: .85
}

.form-range::-moz-range-track {
    height: var(--range-track-h);
    width: 100%;
    border-radius: 9999px;
    background-color: #e9eef5
}

.form-range:is(.dark *)::-moz-range-track {
    background-color: #384766
}

.form-range::-webkit-slider-runnable-track {
    height: var(--range-track-h);
    width: 100%;
    border-radius: 9999px;
    background-color: #e9eef5
}

.form-range:is(.dark *)::-webkit-slider-runnable-track {
    background-color: #384766
}

.ts-control {
    border: 1px solid #d0d0d0;
    padding: 8px;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 3px;
    display: flex;
    flex-wrap: wrap
}

.ts-wrapper.multi.has-items .ts-control {
    padding: calc(6px + -0) 8px calc(3px + -0)
}

.full .ts-control {
    background-color: #fff
}

.disabled .ts-control,
.disabled .ts-control * {
    cursor: default !important
}

.focus .ts-control {
    box-shadow: none
}

.ts-control>* {
    vertical-align: baseline;
    display: inline-block
}

.ts-wrapper.multi .ts-control>div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #303030;
    border: 0 solid #d0d0d0
}

.ts-wrapper.multi .ts-control>div.active {
    background: #e8e8e8;
    color: #303030;
    border: 0 solid #cacaca
}

.ts-wrapper.multi.disabled .ts-control>div,
.ts-wrapper.multi.disabled .ts-control>div.active {
    color: #7d7d7d;
    background: white;
    border: 0 solid white
}

.ts-control>input {
    flex: 1 1 auto;
    min-width: 7rem;
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
    box-shadow: none !important
}

.ts-control>input::-ms-clear {
    display: none
}

.ts-control>input:focus {
    outline: none !important
}

.has-items .ts-control>input {
    margin: 0 4px !important
}

.ts-control.rtl {
    text-align: right
}

.ts-control.rtl.single .ts-control:after {
    left: 15px;
    right: auto
}

.ts-control.rtl .ts-control>input {
    margin: 0 4px 0 -2px !important
}

.disabled .ts-control {
    opacity: .5;
    background-color: #fafafa
}

.input-hidden .ts-control>input {
    opacity: 0;
    position: absolute;
    left: -10000px
}

.ts-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: .25rem 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    box-shadow: 0 1px 3px #0000001a;
    border-radius: 0 0 3px 3px
}

.ts-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden
}

.ts-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, .2);
    border-radius: 1px
}

.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
    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 {
    opacity: 1;
    cursor: pointer
}

.ts-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0 none
}

.ts-dropdown .optgroup-header {
    color: #303030;
    background: #fff;
    cursor: default
}

.ts-dropdown .active {
    background-color: #f5fafd;
    color: #495c68
}

.ts-dropdown .active.create {
    color: #495c68
}

.ts-dropdown .create {
    color: #30303080
}

.ts-dropdown .spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px 8px
}

.ts-dropdown .spinner:after {
    content: " ";
    display: block;
    width: 24px;
    height: 24px;
    margin: 3px;
    border-radius: 50%;
    border: 5px solid #d0d0d0;
    border-color: #d0d0d0 transparent #d0d0d0 transparent;
    animation: lds-dual-ring 1.2s linear infinite
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.ts-dropdown-content {
    overflow: hidden auto;
    max-height: 200px;
    scroll-behavior: smooth
}

.ts-wrapper.plugin-drag_drop .ts-dragging {
    color: transparent !important
}

.ts-wrapper.plugin-drag_drop .ts-dragging>* {
    visibility: hidden !important
}

.plugin-checkbox_options:not(.rtl) .option input {
    margin-right: .5rem
}

.plugin-checkbox_options.rtl .option input {
    margin-left: .5rem
}

.plugin-clear_button {
    --ts-pr-clear-button: 1em
}

.plugin-clear_button .clear-button {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2px;
    margin-right: 0 !important;
    background: transparent !important;
    transition: opacity .5s;
    cursor: pointer
}

.plugin-clear_button.form-select .clear-button,
.plugin-clear_button.single .clear-button {
    right: max(var(--ts-pr-caret), 8px)
}

.plugin-clear_button.focus.has-items .clear-button,
.plugin-clear_button:not(.disabled):hover.has-items .clear-button {
    opacity: 1
}

.ts-wrapper .dropdown-header {
    position: relative;
    padding: 10px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: color-mix(#fff, #d0d0d0, 85%);
    border-radius: 3px 3px 0 0
}

.ts-wrapper .dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important
}

.ts-wrapper .dropdown-header-close:hover {
    color: #000
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
    box-shadow: none;
    border: 1px solid #d0d0d0
}

.plugin-dropdown_input .dropdown-input {
    border: 1px solid #d0d0d0;
    border-width: 0 0 1px;
    display: block;
    padding: 8px;
    box-shadow: none;
    width: 100%;
    background: transparent
}

.plugin-dropdown_input .items-placeholder {
    border: 0 none !important;
    box-shadow: none !important;
    width: 100%
}

.plugin-dropdown_input.has-items .items-placeholder,
.plugin-dropdown_input.dropdown-active .items-placeholder {
    display: none !important
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input {
    min-width: 0
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input {
    flex: none;
    min-width: 4px
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-moz-placeholder {
    color: transparent
}

.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>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 none;
    flex-grow: 1;
    flex-basis: 0;
    min-width: 0
}

.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0 none
}

.ts-dropdown.plugin-optgroup_columns .optgroup:before {
    display: none
}

.ts-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none
}

.ts-wrapper.plugin-remove_button .item {
    display: inline-flex;
    align-items: center
}

.ts-wrapper.plugin-remove_button .item .remove {
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 0 6px;
    border-radius: 0 2px 2px 0;
    box-sizing: border-box
}

.ts-wrapper.plugin-remove_button .item .remove:hover {
    background: rgba(0, 0, 0, .05)
}

.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
    background: none
}

.ts-wrapper.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item {
    padding-right: 0 !important
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
    border-left: 1px solid #d0d0d0;
    margin-left: 6px
}

.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
    border-left-color: #cacaca
}

.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
    border-left-color: #fff
}

.ts-wrapper.plugin-remove_button.rtl .item {
    padding-left: 0 !important
}

.ts-wrapper.plugin-remove_button.rtl .item .remove {
    border-right: 1px solid #d0d0d0;
    margin-right: 6px
}

.ts-wrapper.plugin-remove_button.rtl .item.active .remove {
    border-right-color: #cacaca
}

.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
    border-right-color: #fff
}

:root {
    --ts-pr-clear-button: 0px;
    --ts-pr-caret: 0px;
    --ts-pr-min: .75rem
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single .ts-control input {
    cursor: pointer
}

.ts-control:not(.rtl) {
    padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
}

.ts-control.rtl {
    padding-left: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important
}

.ts-wrapper {
    position: relative
}

.ts-dropdown,
.ts-control,
.ts-control input {
    color: #303030;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
    background: #fff;
    cursor: text
}

.ts-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.ts-control {
    border-radius: .5rem;
    border-color: #cbd5e1;
    padding: .5rem .75rem;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ts-control:hover {
    border-color: #94a3b8
}

.ts-control:is(.dark *) {
    border-color: #465675;
    background-color: #26334d;
    color: #c2c9d6
}

.ts-control:hover:is(.dark *) {
    border-color: #5c6b8a
}

.input-active .ts-control {
    border-color: #2563eb
}

.input-active .ts-control:is(.dark *) {
    border-color: #2563eb
}

.ts-dropdown,
.ts-control,
.ts-control input {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 1.5;
    color: #475569
}

.ts-dropdown::-moz-placeholder,
.ts-control::-moz-placeholder,
.ts-control input::-moz-placeholder {
    color: #94a3b8b3
}

.ts-dropdown::placeholder,
.ts-control::placeholder,
.ts-control input::placeholder {
    color: #94a3b8b3
}

.ts-dropdown:is(.dark *),
.ts-control:is(.dark *),
.ts-control input:is(.dark *) {
    color: #c2c9d6
}

.ts-wrapper.multi .ts-control>div {
    border-radius: .25rem;
    background-color: #e9eef5;
    color: #1e293b
}

.ts-wrapper.multi .ts-control>div:is(.dark *) {
    background-color: #384766;
    color: #e7e9ef
}

.ts-dropdown {
    overflow: hidden;
    border-radius: .375rem;
    border-color: #e9eef5;
    --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)
}

.ts-dropdown:is(.dark *) {
    border-color: #313e59;
    background-color: #26334d
}

.ts-dropdown .create {
    color: #475569
}

.ts-dropdown .create:is(.dark *) {
    color: #c2c9d6
}

.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
    background-color: #2563eb;
    color: #fff
}

.ts-dropdown .create:hover:is(.dark *),
.ts-dropdown .option:hover:is(.dark *),
.ts-dropdown .active:is(.dark *) {
    background-color: #2563eb
}

.ts-dropdown .create:hover.create,
.ts-dropdown .option:hover.create,
.ts-dropdown .active.create {
    color: #fff
}

.ts-wrapper.plugin-remove_button .item .remove {
    border-color: #cbd5e1
}

.ts-wrapper.plugin-remove_button .item .remove:is(.dark *) {
    border-color: #5c6b8a
}

.ts-control,
.ts-wrapper.single.input-active .ts-control {
    background-color: transparent
}

.ts-wrapper.single .ts-control,
.ts-wrapper.single.input-active .ts-control {
    background-position: center;
    background-repeat: no-repeat;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewbox='0 0 20 20'%3e%3cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right .5rem center;
    background-size: 1.5em 1.5em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.btn {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    padding: .5rem 1.25rem;
    text-align: center;
    letter-spacing: .025em;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s
}

.btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.btn:disabled {
    pointer-events: none
}

.badge,
.tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .25rem;
    padding: .375rem .5rem;
    vertical-align: baseline;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .025em;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .2s
}

.tag {
    cursor: pointer
}

[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start
}

.simplebar-wrapper {
    overflow: hidden;
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.simplebar-track {
    z-index: 1;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
    overflow: hidden
}

[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: #000;
    border-radius: 7px;
    left: 2px;
    right: 2px;
    opacity: 0;
    transition: opacity .2s .5s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition-delay: 0s;
    transition-duration: 0s
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-scrollbar:before {
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 11px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    right: auto;
    left: 0
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important
}

.simplebar-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.simplebar-scrollbar:before {
    background-color: #cbd5e1cc
}

.simplebar-scrollbar:is(.dark *):before {
    background-color: #5c6b8a
}

.simplebar-content-wrapper {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.progress {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 9999px
}

.progress .is-indeterminate {
    animation: progress-increase 2s cubic-bezier(.4, 0, .2, 1) infinite
}

.progress .is-active:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: .25rem;
    background-color: #fff;
    --tw-content: "";
    content: var(--tw-content);
    animation: progress-active 2s cubic-bezier(.55, .2, .3, .67) infinite
}

@keyframes progress-increase {
    0% {
        left: -5%;
        width: 5%
    }

    to {
        left: 125%;
        width: 100%
    }
}

@keyframes progress-active {
    0% {
        opacity: .4;
        transform: translate(-100%)
    }

    to {
        opacity: 0;
        transform: translate(0)
    }
}

.mask {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

.mask.is-squircle {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E")
}

.mask.is-reuleaux-triangle {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none' viewbox='0 0 207 207'%3E%3Cpath fill='%23000' d='M138.648 181.408C47.268 232.569 1.327 206.607.824 103.52.324.432 46.014-25.148 137.896 26.777c91.882 51.925 92.133 103.469.753 154.631h-.001z'/%3E%3C/svg%3E")
}

.mask.is-diamond {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none' viewbox='0 0 227 227'%3E%3Cpath fill='%23000' d='M42.71 42.71c-56.568 56.57-56.568 84.853 0 141.422 56.57 56.569 84.853 56.569 141.422 0s56.569-84.853 0-141.421c-56.569-56.569-84.853-56.569-141.421 0z'/%3E%3C/svg%3E")
}

.mask.is-hexagon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none' viewbox='0 0 182 201'%3E%3Cpath fill='%23000' d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0l-61.86-35.945C6.151 157.44.3 145.737.3 136.54V65.486z'/%3E%3C/svg%3E")
}

.mask.is-hexagon-2 {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none' viewbox='0 0 200 182'%3E%3Cpath fill='%23000' d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none' viewbox='0 0 200 182'%3E%3Cpath fill='%23000' d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786z'/%3E%3C/svg%3E")
}

.mask.is-octagon {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none' viewbox='0 0 198 198'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0115.308 0l55.403 22.95a20 20 0 0110.824 10.823l22.949 55.403a20.004 20.004 0 010 15.308l-22.949 55.403a20.006 20.006 0 01-10.824 10.824l-55.403 22.949a20.004 20.004 0 01-15.308 0l-55.403-22.949a20 20 0 01-10.824-10.824L2.17 106.654a20 20 0 010-15.308l22.95-55.403a20 20 0 0110.823-10.824L91.346 2.17z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none' viewbox='0 0 198 198'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0115.308 0l55.403 22.95a20 20 0 0110.824 10.823l22.949 55.403a20.004 20.004 0 010 15.308l-22.949 55.403a20.006 20.006 0 01-10.824 10.824l-55.403 22.949a20.004 20.004 0 01-15.308 0l-55.403-22.949a20 20 0 01-10.824-10.824L2.17 106.654a20 20 0 010-15.308l22.95-55.403a20 20 0 0110.823-10.824L91.346 2.17z'/%3E%3C/svg%3E")
}

.mask.is-star {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' viewbox='0 0 180 180'%3E%3Cpath fill='%23000' d='M82.39 2.111a14 14 0 0114.568 0l10.401 6.337a14 14 0 007.613 2.04l12.176-.287a14.003 14.003 0 0112.616 7.283l5.839 10.688a14.005 14.005 0 005.573 5.574l10.688 5.84a14.001 14.001 0 017.284 12.615l-.287 12.175a14.004 14.004 0 002.04 7.614l6.336 10.4a14 14 0 010 14.568l-6.336 10.401a14 14 0 00-2.04 7.613l.287 12.176a14.002 14.002 0 01-7.284 12.616l-10.688 5.839a14.005 14.005 0 00-5.573 5.573l-5.839 10.688a14.003 14.003 0 01-12.616 7.284l-12.176-.287a14 14 0 00-7.613 2.04l-10.401 6.336a13.998 13.998 0 01-14.567 0l-10.401-6.336a14.004 14.004 0 00-7.614-2.04l-12.175.287a13.994 13.994 0 01-12.616-7.284l-5.84-10.688a14.004 14.004 0 00-5.573-5.573l-10.688-5.839a14.001 14.001 0 01-7.283-12.616l.287-12.176a14 14 0 00-2.04-7.613L2.11 96.958a14 14 0 010-14.567L8.448 71.99a14 14 0 002.04-7.614L10.2 52.201a13.998 13.998 0 017.283-12.616l10.688-5.84a14 14 0 005.574-5.573l5.84-10.688A14 14 0 0152.2 10.201l12.175.287a14 14 0 007.614-2.04l10.4-6.337h.001z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' fill='none' viewbox='0 0 180 180'%3E%3Cpath fill='%23000' d='M82.39 2.111a14 14 0 0114.568 0l10.401 6.337a14 14 0 007.613 2.04l12.176-.287a14.003 14.003 0 0112.616 7.283l5.839 10.688a14.005 14.005 0 005.573 5.574l10.688 5.84a14.001 14.001 0 017.284 12.615l-.287 12.175a14.004 14.004 0 002.04 7.614l6.336 10.4a14 14 0 010 14.568l-6.336 10.401a14 14 0 00-2.04 7.613l.287 12.176a14.002 14.002 0 01-7.284 12.616l-10.688 5.839a14.005 14.005 0 00-5.573 5.573l-5.839 10.688a14.003 14.003 0 01-12.616 7.284l-12.176-.287a14 14 0 00-7.613 2.04l-10.401 6.336a13.998 13.998 0 01-14.567 0l-10.401-6.336a14.004 14.004 0 00-7.614-2.04l-12.175.287a13.994 13.994 0 01-12.616-7.284l-5.84-10.688a14.004 14.004 0 00-5.573-5.573l-10.688-5.839a14.001 14.001 0 01-7.283-12.616l.287-12.176a14 14 0 00-2.04-7.613L2.11 96.958a14 14 0 010-14.567L8.448 71.99a14 14 0 002.04-7.614L10.2 52.201a13.998 13.998 0 017.283-12.616l10.688-5.84a14 14 0 005.574-5.573l5.84-10.688A14 14 0 0152.2 10.201l12.175.287a14 14 0 007.614-2.04l10.4-6.337h.001z'/%3E%3C/svg%3E")
}

.mask.is-star-2 {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='187' fill='none' viewbox='0 0 187 187'%3E%3Cpath fill='%23000' d='M81.518 3.291a24.647 24.647 0 0123.93 0l18.134 10.07a24.65 24.65 0 005.188 2.148l19.943 5.703a24.645 24.645 0 0116.921 16.921l5.702 19.942a24.665 24.665 0 002.15 5.189l10.068 18.134a24.64 24.64 0 010 23.93l-10.068 18.134a24.66 24.66 0 00-2.15 5.188l-5.702 19.943a24.64 24.64 0 01-6.27 10.651 24.638 24.638 0 01-10.651 6.269l-19.943 5.703a24.66 24.66 0 00-5.188 2.15l-18.134 10.068a24.644 24.644 0 01-23.93 0l-18.134-10.068a24.663 24.663 0 00-5.188-2.15l-19.943-5.703a24.641 24.641 0 01-16.921-16.92L15.63 128.65a24.635 24.635 0 00-2.149-5.188l-10.07-18.134a24.651 24.651 0 010-23.93l10.07-18.134a24.644 24.644 0 002.148-5.188l5.704-19.943a24.647 24.647 0 0116.92-16.921l19.943-5.703a24.655 24.655 0 005.188-2.148L81.518 3.29z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='187' height='187' fill='none' viewbox='0 0 187 187'%3E%3Cpath fill='%23000' d='M81.518 3.291a24.647 24.647 0 0123.93 0l18.134 10.07a24.65 24.65 0 005.188 2.148l19.943 5.703a24.645 24.645 0 0116.921 16.921l5.702 19.942a24.665 24.665 0 002.15 5.189l10.068 18.134a24.64 24.64 0 010 23.93l-10.068 18.134a24.66 24.66 0 00-2.15 5.188l-5.702 19.943a24.64 24.64 0 01-6.27 10.651 24.638 24.638 0 01-10.651 6.269l-19.943 5.703a24.66 24.66 0 00-5.188 2.15l-18.134 10.068a24.644 24.644 0 01-23.93 0l-18.134-10.068a24.663 24.663 0 00-5.188-2.15l-19.943-5.703a24.641 24.641 0 01-16.921-16.92L15.63 128.65a24.635 24.635 0 00-2.149-5.188l-10.07-18.134a24.651 24.651 0 010-23.93l10.07-18.134a24.644 24.644 0 002.148-5.188l5.704-19.943a24.647 24.647 0 0116.92-16.921l19.943-5.703a24.655 24.655 0 005.188-2.148L81.518 3.29z'/%3E%3C/svg%3E")
}

.mask.is-heart {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none' viewbox='0 0 200 185'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 01-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 004.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 01-8.653 2.673z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none' viewbox='0 0 200 185'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 01-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 004.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.388 15.388 0 01-8.653 2.673z'/%3E%3C/svg%3E")
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

.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 {
    transform: rotate(90deg);
    top: calc(50% - 3px);
    left: 11px
}

.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 {
    transform: rotate(-90deg);
    top: calc(50% - 3px);
    right: 11px
}

.tippy-svg-arrow {
    width: 16px;
    height: 16px;
    fill: #333;
    text-align: initial
}

.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: translate(10px)
}

.tippy-box[data-animation=shift-away][data-state=hidden][data-placement^=right] {
    transform: translate(-10px)
}

.tippy-box {
    background-color: #e9eef5;
    color: #1e293b
}

.tippy-box:is(.dark *) {
    background-color: #384766;
    color: #e7e9ef
}

.tippy-svg-arrow svg {
    fill: currentColor;
    color: #e9eef5;
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tippy-svg-arrow svg:is(.dark *) {
    color: #384766
}

.tippy-box[data-theme~=content] .tippy-content {
    padding: 0
}

.tippy-box[data-theme~=primary] {
    background-color: #2563eb;
    color: #fff
}

.tippy-box[data-theme~=primary]:is(.dark *) {
    background-color: #2563eb
}

.tippy-box[data-theme~=primary]>.tippy-svg-arrow svg {
    color: #2563eb
}

.tippy-box[data-theme~=primary]>.tippy-svg-arrow svg:is(.dark *) {
    color: #2563eb
}

.tippy-box[data-theme~=secondary] {
    background-color: #3b82f6;
    color: #fff
}

.tippy-box[data-theme~=secondary]>.tippy-svg-arrow svg {
    color: #3b82f6
}

.tippy-box[data-theme~=info] {
    background-color: #0ea5e9;
    color: #fff
}

.tippy-box[data-theme~=info]>.tippy-svg-arrow svg {
    color: #0ea5e9
}

.tippy-box[data-theme~=success] {
    background-color: #22c55e;
    color: #fff
}

.tippy-box[data-theme~=success]>.tippy-svg-arrow svg {
    color: #22c55e
}

.tippy-box[data-theme~=warning] {
    background-color: #f59e0b;
    color: #fff
}

.tippy-box[data-theme~=warning]>.tippy-svg-arrow svg {
    color: #f59e0b
}

.tippy-box[data-theme~=error] {
    background-color: #ef4444;
    color: #fff
}

.tippy-box[data-theme~=error]>.tippy-svg-arrow svg {
    color: #ef4444
}

.tippy-box[data-theme~=light] {
    background-color: #e9eef5;
    color: #475569
}

.tippy-box[data-theme~=light]>.tippy-svg-arrow svg {
    color: #e9eef5
}

/*!
 * FilePond 4.32.7
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
.filepond--assistant {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap
}

.filepond--browser.filepond--browser {
    position: absolute;
    margin: 0;
    padding: 0;
    left: 1em;
    top: 1.75em;
    width: calc(100% - 2em);
    opacity: 0;
    font-size: 0
}

.filepond--data {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    border: none;
    visibility: hidden;
    pointer-events: none;
    contain: strict
}

.filepond--drip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    opacity: .1;
    pointer-events: none;
    border-radius: .5em;
    background: rgba(0, 0, 0, .01)
}

.filepond--drip-blob {
    transform-origin: center center;
    width: 8em;
    height: 8em;
    margin-left: -4em;
    margin-top: -4em;
    background: #292625;
    border-radius: 50%
}

.filepond--drip-blob,
.filepond--drop-label {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform, opacity
}

.filepond--drop-label {
    right: 0;
    margin: 0;
    color: #4f4f4f;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0;
    padding: .5em
}

.filepond--drop-label label {
    cursor: default;
    font-size: .875em;
    font-weight: 400;
    text-align: center;
    line-height: 1.5
}

.filepond--label-action {
    text-decoration: underline;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    text-decoration-color: #a7a4a4;
    cursor: pointer
}

.filepond--root[data-disabled] .filepond--drop-label label {
    opacity: .5
}

.filepond--file-action-button.filepond--file-action-button {
    font-size: 1em;
    width: 1.625em;
    height: 1.625em;
    font-family: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    will-change: transform, opacity
}

.filepond--file-action-button.filepond--file-action-button span {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap
}

.filepond--file-action-button.filepond--file-action-button svg {
    width: 100%;
    height: 100%
}

.filepond--file-action-button.filepond--file-action-button:after {
    position: absolute;
    left: -.75em;
    right: -.75em;
    top: -.75em;
    bottom: -.75em;
    content: ""
}

.filepond--file-action-button {
    cursor: auto;
    color: #fff;
    border-radius: 50%;
    background-color: #00000080;
    background-image: none;
    box-shadow: 0 0 #fff0;
    transition: box-shadow .25s ease-in
}

.filepond--file-action-button:focus,
.filepond--file-action-button:hover {
    box-shadow: 0 0 0 .125em #ffffffe6
}

.filepond--file-action-button[disabled] {
    color: #ffffff80;
    background-color: #00000040
}

.filepond--file-action-button[hidden] {
    display: none
}

.filepond--action-edit-item.filepond--action-edit-item {
    width: 2em;
    height: 2em;
    padding: .1875em
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=center] {
    margin-left: -.1875em
}

.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] {
    margin-bottom: -.1875em
}

.filepond--action-edit-item-alt {
    border: none;
    line-height: inherit;
    background: transparent;
    font-family: inherit;
    color: inherit;
    outline: none;
    padding: 0;
    margin: 0 0 0 .25em;
    pointer-events: all;
    position: absolute
}

.filepond--action-edit-item-alt svg {
    width: 1.3125em;
    height: 1.3125em
}

.filepond--action-edit-item-alt span {
    font-size: 0;
    opacity: 0
}

.filepond--file-info {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    margin: 0 .5em 0 0;
    min-width: 0;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filepond--file-info * {
    margin: 0
}

.filepond--file-info .filepond--file-info-main {
    font-size: .75em;
    line-height: 1.2;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%
}

.filepond--file-info .filepond--file-info-sub {
    font-size: .625em;
    opacity: .5;
    transition: opacity .25s ease-in-out;
    white-space: nowrap
}

.filepond--file-info .filepond--file-info-sub:empty {
    display: none
}

.filepond--file-status {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    min-width: 2.25em;
    text-align: right;
    will-change: transform, opacity;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filepond--file-status * {
    margin: 0;
    white-space: nowrap
}

.filepond--file-status .filepond--file-status-main {
    font-size: .75em;
    line-height: 1.2
}

.filepond--file-status .filepond--file-status-sub {
    font-size: .625em;
    opacity: .5;
    transition: opacity .25s ease-in-out
}

.filepond--file-wrapper.filepond--file-wrapper {
    border: none;
    margin: 0;
    padding: 0;
    min-width: 0;
    height: 100%
}

.filepond--file-wrapper.filepond--file-wrapper>legend {
    position: absolute;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    white-space: nowrap
}

.filepond--file {
    position: static;
    display: flex;
    height: 100%;
    align-items: flex-start;
    padding: .5625em;
    color: #fff;
    border-radius: .5em
}

.filepond--file .filepond--file-status {
    margin-left: auto;
    margin-right: 2.25em
}

.filepond--file .filepond--processing-complete-indicator {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 3
}

.filepond--file .filepond--file-action-button,
.filepond--file .filepond--processing-complete-indicator,
.filepond--file .filepond--progress-indicator {
    position: absolute
}

.filepond--file [data-align*=left] {
    left: .5625em
}

.filepond--file [data-align*=right] {
    right: .5625em
}

.filepond--file [data-align*=center] {
    left: calc(50% - .8125em)
}

.filepond--file [data-align*=bottom] {
    bottom: 1.125em
}

.filepond--file [data-align=center] {
    top: calc(50% - .8125em)
}

.filepond--file .filepond--progress-indicator {
    margin-top: .1875em
}

.filepond--file .filepond--progress-indicator[data-align*=right] {
    margin-right: .1875em
}

.filepond--file .filepond--progress-indicator[data-align*=left] {
    margin-left: .1875em
}

[data-filepond-item-state*=error] .filepond--file-info,
[data-filepond-item-state*=invalid] .filepond--file-info,
[data-filepond-item-state=cancelled] .filepond--file-info {
    margin-right: 2.25em
}

[data-filepond-item-state~=processing] .filepond--file-status-sub {
    opacity: 0
}

[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub {
    opacity: .5
}

[data-filepond-item-state=processing-error] .filepond--file-status-sub {
    opacity: 0
}

[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub {
    opacity: .5
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg {
    animation: fall .5s linear .125s both
}

[data-filepond-item-state=processing-complete] .filepond--file-status-sub {
    opacity: .5
}

[data-filepond-item-state=processing-complete] .filepond--file-info-sub,
[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub {
    opacity: 0
}

[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub {
    opacity: .5
}

[data-filepond-item-state*=error] .filepond--file-wrapper,
[data-filepond-item-state*=error] .filepond--panel,
[data-filepond-item-state*=invalid] .filepond--file-wrapper,
[data-filepond-item-state*=invalid] .filepond--panel {
    animation: shake .65s linear both
}

[data-filepond-item-state*=busy] .filepond--progress-indicator svg {
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes shake {

    10%,
    90% {
        transform: translate(-.0625em)
    }

    20%,
    80% {
        transform: translate(.125em)
    }

    30%,
    50%,
    70% {
        transform: translate(-.25em)
    }

    40%,
    60% {
        transform: translate(.25em)
    }
}

@keyframes fall {
    0% {
        opacity: 0;
        transform: scale(.5);
        animation-timing-function: ease-out
    }

    70% {
        opacity: 1;
        transform: scale(1.1);
        animation-timing-function: ease-in-out
    }

    to {
        transform: scale(1);
        animation-timing-function: ease-out
    }
}

.filepond--hopper[data-hopper-state=drag-over]>* {
    pointer-events: none
}

.filepond--hopper[data-hopper-state=drag-over]:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 100
}

.filepond--progress-indicator {
    z-index: 103
}

.filepond--file-action-button {
    z-index: 102
}

.filepond--file-status {
    z-index: 101
}

.filepond--file-info {
    z-index: 100
}

.filepond--item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0;
    margin: .25em;
    will-change: transform, opacity;
    touch-action: auto
}

.filepond--item>.filepond--panel {
    z-index: -1
}

.filepond--item>.filepond--panel .filepond--panel-bottom {
    box-shadow: 0 .0625em .125em -.0625em #00000040
}

.filepond--item>.filepond--file-wrapper,
.filepond--item>.filepond--panel {
    transition: opacity .15s ease-out
}

.filepond--item[data-drag-state] {
    cursor: grab
}

.filepond--item[data-drag-state]>.filepond--panel {
    transition: box-shadow .125s ease-in-out;
    box-shadow: 0 0 0 transparent
}

.filepond--item[data-drag-state=drag] {
    cursor: grabbing
}

.filepond--item[data-drag-state=drag]>.filepond--panel {
    box-shadow: 0 .125em .3125em #00000053
}

.filepond--item[data-drag-state]:not([data-drag-state=idle]) {
    z-index: 2
}

.filepond--item-panel {
    background-color: #64605e
}

[data-filepond-item-state=processing-complete] .filepond--item-panel {
    background-color: #369763
}

[data-filepond-item-state*=error] .filepond--item-panel,
[data-filepond-item-state*=invalid] .filepond--item-panel {
    background-color: #c44e47
}

.filepond--item-panel {
    border-radius: .5em;
    transition: background-color .25s
}

.filepond--list-scroller {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    will-change: transform
}

.filepond--list-scroller[data-state=overflow] .filepond--list {
    bottom: 0;
    right: 0
}

.filepond--list-scroller[data-state=overflow] {
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent);
    mask: linear-gradient(180deg, #000 calc(100% - .5em), transparent)
}

.filepond--list-scroller::-webkit-scrollbar {
    background: transparent
}

.filepond--list-scroller::-webkit-scrollbar:vertical {
    width: 1em
}

.filepond--list-scroller::-webkit-scrollbar:horizontal {
    height: 0
}

.filepond--list-scroller::-webkit-scrollbar-thumb {
    background-color: #0000004d;
    border-radius: 99999px;
    border: .3125em solid transparent;
    background-clip: content-box
}

.filepond--list.filepond--list {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    will-change: transform
}

.filepond--list {
    left: .75em;
    right: .75em
}

.filepond--root[data-style-panel-layout~=integrated] {
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root {
    border-radius: 0
}

.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,
.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>* {
    display: none
}

.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
    bottom: 0;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 7
}

.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel {
    display: none
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller {
    overflow: hidden;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.filepond--root[data-style-panel-layout~=compact] .filepond--list,
.filepond--root[data-style-panel-layout~=integrated] .filepond--list {
    left: 0;
    right: 0;
    height: 100%
}

.filepond--root[data-style-panel-layout~=compact] .filepond--item,
.filepond--root[data-style-panel-layout~=integrated] .filepond--item {
    margin: 0
}

.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,
.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper {
    height: 100%
}

.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,
.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label {
    z-index: 7
}

.filepond--root[data-style-panel-layout~=circle] {
    border-radius: 99999rem;
    overflow: hidden
}

.filepond--root[data-style-panel-layout~=circle]>.filepond--panel {
    border-radius: inherit
}

.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>* {
    display: none
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file-info,
.filepond--root[data-style-panel-layout~=circle] .filepond--file-status {
    display: none
}

.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item {
    opacity: 1 !important;
    visibility: visible !important
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .filepond--root[data-style-panel-layout~=circle] {
            will-change: transform
        }
    }
}

.filepond--panel-root {
    border-radius: .5em;
    background-color: #f1f0ef
}

.filepond--panel {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    height: 100% !important;
    pointer-events: none
}

.filepond-panel:not([data-scalable=false]) {
    height: auto !important
}

.filepond--panel[data-scalable=false]>div {
    display: none
}

.filepond--panel[data-scalable=true] {
    transform-style: preserve-3d;
    background-color: transparent !important;
    border: none !important
}

.filepond--panel-bottom,
.filepond--panel-center,
.filepond--panel-top {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.filepond--panel-bottom,
.filepond--panel-top {
    height: .5em
}

.filepond--panel-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important
}

.filepond--panel-top:after {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    bottom: -1px;
    background-color: inherit
}

.filepond--panel-bottom,
.filepond--panel-center {
    will-change: transform;
    backface-visibility: hidden;
    transform-origin: left top;
    transform: translate3d(0, .5em, 0)
}

.filepond--panel-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-top: none !important
}

.filepond--panel-bottom:before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    top: -1px;
    background-color: inherit
}

.filepond--panel-center {
    height: 100px !important;
    border-top: none !important;
    border-bottom: none !important;
    border-radius: 0 !important
}

.filepond--panel-center:not([style]) {
    visibility: hidden
}

.filepond--progress-indicator {
    position: static;
    width: 1.25em;
    height: 1.25em;
    color: #fff;
    margin: 0;
    pointer-events: none;
    will-change: transform, opacity
}

.filepond--progress-indicator svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    transform-box: fill-box
}

.filepond--progress-indicator path {
    fill: none;
    stroke: currentColor
}

.filepond--list-scroller {
    z-index: 6
}

.filepond--drop-label {
    z-index: 5
}

.filepond--drip {
    z-index: 3
}

.filepond--root>.filepond--panel {
    z-index: 2
}

.filepond--browser {
    z-index: 1
}

.filepond--root {
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;
    font-size: 1rem;
    line-height: normal;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-weight: 450;
    text-align: left;
    text-rendering: optimizeLegibility;
    direction: ltr;
    contain: layout style size
}

.filepond--root * {
    box-sizing: inherit;
    line-height: inherit
}

.filepond--root :not(text) {
    font-size: inherit
}

.filepond--root[data-disabled] {
    pointer-events: none
}

.filepond--root[data-disabled] .filepond--list-scroller {
    pointer-events: all
}

.filepond--root[data-disabled] .filepond--list {
    pointer-events: none
}

.filepond--root .filepond--drop-label {
    min-height: 4.75em
}

.filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em
}

.filepond--root .filepond--credits {
    position: absolute;
    right: 0;
    opacity: .4;
    line-height: .85;
    font-size: 11px;
    color: inherit;
    text-decoration: none;
    z-index: 3;
    bottom: -14px
}

.filepond--root .filepond--credits[style] {
    top: 0;
    bottom: auto;
    margin-top: 14px
}

/*!
 * FilePondPluginImagePreview 4.6.12
 * Licensed under MIT, https://opensource.org/licenses/MIT/
 * Please visit https://pqina.nl/filepond/ for details.
 */
.filepond--image-preview-markup {
    position: absolute;
    left: 0;
    top: 0
}

.filepond--image-preview-wrapper {
    z-index: 2
}

.filepond--image-preview-overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 5rem;
    max-height: 7rem;
    margin: 0;
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.filepond--image-preview-overlay svg {
    width: 100%;
    height: auto;
    color: inherit;
    max-height: inherit
}

.filepond--image-preview-overlay-idle {
    mix-blend-mode: multiply;
    color: #282828d9
}

.filepond--image-preview-overlay-success {
    mix-blend-mode: normal;
    color: #369763
}

.filepond--image-preview-overlay-failure {
    mix-blend-mode: normal;
    color: #c44e47
}

@supports (-webkit-marquee-repetition: infinite) and ((-o-object-fit: fill) or (object-fit: fill)) {
    .filepond--image-preview-overlay-idle {
        mix-blend-mode: normal
    }
}

.filepond--image-preview-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0;
    border-radius: .45em;
    overflow: hidden;
    background: rgba(0, 0, 0, .01)
}

.filepond--image-preview {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    pointer-events: none;
    background: #222;
    will-change: transform, opacity
}

.filepond--image-clip {
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.filepond--image-clip[data-transparency-indicator=grid] img,
.filepond--image-clip[data-transparency-indicator=grid] canvas {
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' fill='%23eee'%3E%3Cpath d='M0 0 H50 V50 H0'/%3E%3Cpath d='M50 50 H100 V100 H50'/%3E%3C/svg%3E");
    background-size: 1.25em 1.25em
}

.filepond--image-bitmap,
.filepond--image-vector {
    position: absolute;
    left: 0;
    top: 0;
    will-change: transform
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview-wrapper {
    border-radius: 0
}

.filepond--root[data-style-panel-layout~=integrated] .filepond--image-preview {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-wrapper {
    border-radius: 99999rem
}

.filepond--root[data-style-panel-layout~=circle] .filepond--image-preview-overlay {
    top: auto;
    bottom: 0;
    transform: scaleY(-1)
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file .filepond--file-action-button[data-align*=bottom]:not([data-align*=center]) {
    margin-bottom: .325em
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=left] {
    left: calc(50% - 3em)
}

.filepond--root[data-style-panel-layout~=circle] .filepond--file [data-align*=right] {
    right: calc(50% - 3em)
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=left],
.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=right] {
    margin-bottom: .5125em
}

.filepond--root[data-style-panel-layout~=circle] .filepond--progress-indicator[data-align*=bottom][data-align*=center] {
    margin-top: 0;
    margin-bottom: .1875em;
    margin-left: .1875em
}

.filepond {
    display: block;
    width: 100%
}

.fp-grid {
    --fp-grid: 1
}

.filepond--credits {
    font-size: .625rem !important;
    line-height: .8125rem !important;
    font-weight: 300 !important;
    opacity: .1 !important
}

.filepond.fp-grid .filepond--item {
    width: calc(calc(1/var(--fp-grid))*100% - .5rem)
}

.filepond.fp-bordered .filepond--panel-root {
    border-width: 2px;
    border-style: dashed;
    border-color: #cbd5e1;
    background-color: transparent
}

.filepond.fp-bordered .filepond--panel-root:is(.dark *) {
    border-color: #465675
}

.filepond.fp-bg-filled .filepond--panel-root {
    background-color: #e9eef5cc
}

.filepond.fp-bg-filled .filepond--panel-root:is(.dark *) {
    background-color: #384766d9
}

.filepond--drop-label label {
    color: #475569
}

.filepond--drop-label label:is(.dark *) {
    color: #c2c9d6
}

.filepond.label-icon .filepond--drop-label label {
    color: #94a3b8
}

.filepond.label-icon .filepond--drop-label label:is(.dark *) {
    color: #697a9b
}

/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    height: 100%;
    margin: 0;
    position: relative
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor>* {
    cursor: text
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em
}

.ql-editor ol>li,
.ql-editor ul>li {
    list-style-type: none
}

.ql-editor ul>li:before {
    content: "•"
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
    pointer-events: none
}

.ql-editor ul[data-checked=true]>li *,
.ql-editor ul[data-checked=false]>li * {
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before,
.ql-editor ul[data-checked=false]>li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true]>li:before {
    content: "☑"
}

.ql-editor ul[data-checked=false]>li:before {
    content: "☐"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-bg-black {
    background-color: #000
}

.ql-editor .ql-bg-red {
    background-color: #e60000
}

.ql-editor .ql-bg-orange {
    background-color: #f90
}

.ql-editor .ql-bg-yellow {
    background-color: #ff0
}

.ql-editor .ql-bg-green {
    background-color: #008a00
}

.ql-editor .ql-bg-blue {
    background-color: #06c
}

.ql-editor .ql-bg-purple {
    background-color: #93f
}

.ql-editor .ql-color-white {
    color: #fff
}

.ql-editor .ql-color-red {
    color: #e60000
}

.ql-editor .ql-color-orange {
    color: #f90
}

.ql-editor .ql-color-yellow {
    color: #ff0
}

.ql-editor .ql-color-green {
    color: #008a00
}

.ql-editor .ql-color-blue {
    color: #06c
}

.ql-editor .ql-color-purple {
    color: #93f
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-editor .ql-size-small {
    font-size: .75em
}

.ql-editor .ql-size-large {
    font-size: 1.5em
}

.ql-editor .ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: #0009;
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 24px;
    padding: 3px 5px;
    width: 28px
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: #06c
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: #06c
}

@media (pointer: coarse) {

    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow,
.ql-snow * {
    box-sizing: border-box
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-10px)
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle
}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1 {
    font-size: 2em
}

.ql-snow .ql-editor h2 {
    font-size: 1.5em
}

.ql-snow .ql-editor h3 {
    font-size: 1.17em
}

.ql-snow .ql-editor h4 {
    font-size: 1em
}

.ql-snow .ql-editor h5 {
    font-size: .83em
}

.ql-snow .ql-editor h6 {
    font-size: .67em
}

.ql-snow .ql-editor a {
    text-decoration: underline
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #444;
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: -1px;
    top: 100%;
    z-index: 1
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 28px
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-label:before,
.ql-snow .ql-picker.ql-header .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-label:before,
.ql-snow .ql-picker.ql-font .ql-picker-item:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-size {
    width: 98px
}

.ql-snow .ql-picker.ql-size .ql-picker-label:before,
.ql-snow .ql-picker.ql-size .ql-picker-item:before {
    content: "Normal"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    content: "Small"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: #fff
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: #000
}

.ql-toolbar.ql-snow {
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 8px
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 15px
}

.ql-toolbar.ql-snow .ql-picker-label {
    border: 1px solid transparent
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: #0003 0 2px 8px
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: #ccc
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: #000
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
    border-top: 0px
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    border-right: 1px solid #ccc;
    content: "Edit";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    content: "Remove";
    margin-left: 8px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0px;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: "Enter link:"
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #ccc
}

.ql-container.ql-snow,
.ql-toolbar.ql-snow {
    border-color: #cbd5e1
}

.ql-container.ql-snow:is(.dark *),
.ql-toolbar.ql-snow:is(.dark *) {
    border-color: #465675
}

.ql-header-filled .ql-toolbar.ql-snow {
    background-color: #e9eef5cc
}

.ql-header-filled .ql-toolbar.ql-snow:is(.dark *) {
    background-color: #384766d9
}

.ql-toolbar.ql-snow {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.ql-container.ql-snow {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.ql-snow .ql-stroke {
    stroke: currentColor
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: currentColor
}

.ql-snow .ql-picker,
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill,
.ql-snow .ql-stroke {
    color: #475569
}

.ql-snow .ql-picker:is(.dark *),
.ql-snow .ql-fill:is(.dark *),
.ql-snow .ql-stroke.ql-fill:is(.dark *),
.ql-snow .ql-stroke:is(.dark *) {
    color: #a3adc2
}

.ql-editor {
    font-size: .875rem;
    line-height: 1.25rem
}

.ql-editor.ql-blank:before {
    color: inherit
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    box-sizing: border-box;
    touch-action: manipulation;
    box-shadow: 0 3px 13px #00000014
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #eceef1
}

.flatpickr-calendar.hasTime .flatpickr-innerContainer {
    border-bottom: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border: 1px solid #eceef1
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #eceef1
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #eceef1
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #eceef1
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #eceef1
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: flex
}

.flatpickr-months .flatpickr-month {
    border-radius: 5px 5px 0 0;
    background: #eceef1;
    color: #5a6171;
    fill: #5a6171;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #5a6171;
    fill: #5a6171
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #bbb
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(72, 72, 72, .15);
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(72, 72, 72, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(72, 72, 72, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #5a617180
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch�;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #5a6171
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #5a6171
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: #5a617180;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: #eceef1;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: #eceef1;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: #eceef1;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: #eceef1;
    color: #5a6171;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 307.875px;
    border-left: 1px solid #eceef1;
    border-right: 1px solid #eceef1
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translateZ(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    box-shadow: -1px 0 #eceef1
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #484848;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e2e2e2;
    border-color: #e2e2e2
}

.flatpickr-day.today {
    border-color: #bbb
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #bbb;
    background: #bbb;
    color: #fff
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #ff5a5f;
    box-shadow: none;
    color: #fff;
    border-color: #ff5a5f
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 #ff5a5f
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: -5px 0 #e2e2e2, 5px 0 #e2e2e2
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: #4848484d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #4848481a
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: -5px 0 #ff5a5f, 5px 0 #ff5a5f
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    border-left: 1px solid #eceef1
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: #4848484d;
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #eceef1
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #484848
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #484848
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #484848;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #484848;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: #eaeaea
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

span.flatpickr-day.selected {
    font-weight: 700
}

.flatpickr-weekdays,
span.flatpickr-weekday,
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
    background-color: #e9eef5;
    color: #475569
}

.flatpickr-weekdays:is(.dark *),
span.flatpickr-weekday:is(.dark *),
.flatpickr-months .flatpickr-month:is(.dark *),
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month:is(.dark *),
.flatpickr-current-month .flatpickr-monthDropdown-months:is(.dark *) {
    background-color: #384766;
    color: #c2c9d6
}

.flatpickr-current-month {
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 110%
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    fill: currentColor;
    color: #64748b
}

.flatpickr-months .flatpickr-prev-month:is(.dark *),
.flatpickr-months .flatpickr-next-month:is(.dark *) {
    color: #a3adc2
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    border-color: #2563eb;
    background-color: #2563eb;
    color: #fff
}

.flatpickr-day.selected:is(.dark *),
.flatpickr-day.startRange:is(.dark *),
.flatpickr-day.endRange:is(.dark *),
.flatpickr-day.selected.inRange:is(.dark *),
.flatpickr-day.startRange.inRange:is(.dark *),
.flatpickr-day.endRange.inRange:is(.dark *),
.flatpickr-day.selected:focus:is(.dark *),
.flatpickr-day.startRange:focus:is(.dark *),
.flatpickr-day.endRange:focus:is(.dark *),
.flatpickr-day.selected:hover:is(.dark *),
.flatpickr-day.startRange:hover:is(.dark *),
.flatpickr-day.endRange:hover:is(.dark *),
.flatpickr-day.selected.prevMonthDay:is(.dark *),
.flatpickr-day.startRange.prevMonthDay:is(.dark *),
.flatpickr-day.endRange.prevMonthDay:is(.dark *),
.flatpickr-day.selected.nextMonthDay:is(.dark *),
.flatpickr-day.startRange.nextMonthDay:is(.dark *),
.flatpickr-day.endRange.nextMonthDay:is(.dark *) {
    border-color: #2563eb;
    background-color: #2563eb !important;
    color: #fff
}

.flatpickr-innerContainer:is(.dark *),
.flatpickr-time:is(.dark *) {
    border-bottom-color: #384766;
    background-color: #26334d
}

.flatpickr-innerContainer,
.dayContainer {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.flatpickr-day.flatpickr-disabled:is(.dark *),
.flatpickr-day.flatpickr-disabled:hover:is(.dark *),
.flatpickr-day.prevMonthDay:is(.dark *),
.flatpickr-day.nextMonthDay:is(.dark *),
.flatpickr-day.notAllowed:is(.dark *),
.flatpickr-day.notAllowed.prevMonthDay:is(.dark *),
.flatpickr-day.notAllowed.nextMonthDay:is(.dark *) {
    color: #697a9b
}

.flatpickr-day {
    color: #475569
}

.flatpickr-day:is(.dark *) {
    color: #c2c9d6
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    border-color: #e9eef5;
    background-color: #e9eef5
}

.flatpickr-day.inRange:is(.dark *),
.flatpickr-day.prevMonthDay.inRange:is(.dark *),
.flatpickr-day.nextMonthDay.inRange:is(.dark *),
.flatpickr-day.today.inRange:is(.dark *),
.flatpickr-day.prevMonthDay.today.inRange:is(.dark *),
.flatpickr-day.nextMonthDay.today.inRange:is(.dark *),
.flatpickr-day:hover:is(.dark *),
.flatpickr-day.prevMonthDay:hover:is(.dark *),
.flatpickr-day.nextMonthDay:hover:is(.dark *),
.flatpickr-day:focus:is(.dark *),
.flatpickr-day.prevMonthDay:focus:is(.dark *),
.flatpickr-day.nextMonthDay:focus:is(.dark *) {
    border-color: #384766;
    background-color: #384766
}

.flatpickr-days {
    border-color: #e9eef5
}

.flatpickr-days:is(.dark *) {
    border-color: #384766
}

.flatpickr-time input,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    color: #475569
}

.flatpickr-time input:is(.dark *),
.flatpickr-time .flatpickr-time-separator:is(.dark *),
.flatpickr-time .flatpickr-am-pm:is(.dark *) {
    color: #c2c9d6
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background-color: #e9eef5
}

.flatpickr-time input:hover:is(.dark *),
.flatpickr-time .flatpickr-am-pm:hover:is(.dark *),
.flatpickr-time input:focus:is(.dark *),
.flatpickr-time .flatpickr-am-pm:focus:is(.dark *) {
    background-color: #384766
}

.flatpickr-time .numInputWrapper span.arrowUp:is(.dark *):after {
    border-bottom-color: #a3adc2
}

.flatpickr-time .numInputWrapper span.arrowDown:is(.dark *):after {
    border-top-color: #a3adc2
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-color: #e9eef5
}

.flatpickr-calendar.hasTime .flatpickr-time:is(.dark *) {
    border-color: #384766
}

.flatpickr-day.inRange {
    box-shadow: -5px 0 #e9eef5, 5px 0 #e9eef5
}

.dark .flatpickr-day.inRange {
    box-shadow: -5px 0 #384766, 5px 0 #384766
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: #2563eb -10px 0
}

.dark .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.dark .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.dark .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: #2563eb -10px 0
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #e9eef5
}

.flatpickr-calendar.arrowTop:is(.dark *):before,
.flatpickr-calendar.arrowTop:is(.dark *):after {
    border-bottom-color: #384766
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    border-top-color: #e9eef5
}

.flatpickr-calendar.arrowBottom:is(.dark *):before,
.flatpickr-calendar.arrowBottom:is(.dark *):after {
    border-top-color: #26334d
}

.flatpickr-current-month input.cur-year[disabled]:is(.dark *),
.flatpickr-current-month input.cur-year[disabled]:hover:is(.dark *) {
    color: #697a9b
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.toastify {
    padding: 12px 20px;
    color: #fff;
    display: inline-block;
    box-shadow: 0 3px 6px -1px #0000001f, 0 10px 36px -4px #4d60e84d;
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    position: fixed;
    opacity: 0;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none;
    max-width: calc(50% - 20px);
    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 {
    width: 1.5em;
    height: 1.5em;
    margin: -7px 5px;
    border-radius: 2px
}

.toastify-center {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    max-width: fit-content;
    max-width: -moz-fit-content
}

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

    .toastify-right,
    .toastify-left {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

.toastify {
    z-index: 10010;
    border-radius: .25rem;
    background-color: #e2e8f0;
    background-image: none;
    font-weight: 500;
    color: #1e293b;
    --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)
}

.toastify:is(.dark *) {
    background-color: #313e59;
    color: #e7e9ef
}

.toastify.html {
    cursor: auto;
    border-style: none;
    background-color: transparent;
    padding: 0;
    --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)
}

.toastify.primary {
    background-color: #2563eb;
    color: #fff
}

.toastify.primary:is(.dark *) {
    background-color: #2563eb
}

.toastify.secondary {
    background-color: #3b82f6;
    color: #fff
}

.toastify.info {
    background-color: #0ea5e9;
    color: #fff
}

.toastify.warning {
    background-color: #f59e0b;
    color: #fff
}

.toastify.success {
    background-color: #22c55e;
    color: #fff
}

.toastify.error {
    background-color: #ef4444;
    color: #fff
}

.toastify.light {
    background-color: #e2e8f0;
    color: #202b40
}

.toastify.dark {
    background-color: #313e59;
    color: #e2e8f0
}

.steps {
    display: flex;
    align-items: baseline;
    --line: .25rem;
    --size: 2rem
}

.steps.line-space {
    --space: .5rem
}

.steps .step {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    overflow-wrap: break-word;
    text-align: center;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    letter-spacing: .025em
}

.steps .step .step-header {
    position: relative;
    margin: auto;
    margin-bottom: .5rem;
    display: flex;
    height: var(--size);
    width: var(--size);
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.steps .step:not(:last-child):before {
    position: relative;
    left: 50%;
    top: calc(var(--size) / 2 + var(--line) / 2);
    order: -1;
    height: var(--line);
    border-radius: 9999px;
    --tw-content: "";
    content: var(--tw-content)
}

.steps.line-space .step:not(:last-child):before {
    width: calc(100% - var(--size) - calc(var(--space) * 2));
    left: calc(50% + calc(var(--size) / 2 + var(--space)))
}

.steps.is-vertical {
    flex-direction: column
}

.steps.is-vertical .step {
    position: relative;
    flex-direction: row
}

.steps.is-vertical .step .step-header {
    z-index: 1;
    margin: 0
}

.steps.is-vertical .step:not(:last-child):before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: auto;
    width: var(--line);
    --tw-translate-x: calc((var(--size) / 2) - (var(--line) / 2));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.steps.is-vertical.line-space .step:not(:last-child):before {
    top: calc(var(--size) + var(--space));
    bottom: var(--space)
}

.timeline {
    display: flex;
    flex-direction: column;
    --line: 1px;
    --size: 12px
}

.timeline.line-space {
    --space: 12px
}

.timeline .timeline-item {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    padding-bottom: 2rem
}

.timeline .timeline-item .timeline-item-point {
    position: relative;
    margin: 0;
    display: flex;
    height: var(--size);
    width: var(--size);
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.timeline .timeline-item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    order: -1;
    width: var(--line);
    --tw-translate-x: calc((var(--size) / 2) - (var(--line) / 2));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-content: "";
    content: var(--tw-content)
}

.timeline .timeline-item:not(:last-child):before {
    background-color: #cbd5e1
}

.timeline .timeline-item:not(:last-child):is(.dark *):before {
    background-color: #5c6b8a
}

.timeline .timeline-item:last-child:before {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
    --tw-gradient-from: #cbd5e1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(203 213 225 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.timeline .timeline-item:last-child:is(.dark *):before {
    --tw-gradient-from: #5C6B8A var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(92 107 138 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.timeline .timeline-item:last-child {
    padding-bottom: 0
}

.timeline.line-space .timeline-item:before {
    top: calc(var(--size) + var(--space));
    bottom: var(--space)
}

.pagination {
    display: flex;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-weight: 500;
    color: #475569
}

.pagination:is(.dark *) {
    color: #c2c9d6
}

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    position: relative;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-vertical>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move;
    touch-action: none
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
    z-index: 0;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    backface-visibility: hidden;
    overflow: hidden
}

:root {
    --swiper-pagination-color: #4f46e5;
    --swiper-theme-color: #7e75fa;
    --swiper-navigation-size: 24px
}

.parallax-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 130%;
    background-size: cover;
    background-position: center
}

.apexcharts-text {
    fill: currentColor;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji" !important;
    color: #64748b
}

.apexcharts-text:is(.dark *) {
    color: #a3adc2
}

.apexcharts-text.apexcharts-yaxis-label,
.apexcharts-text.apexcharts-xaxis-label {
    fill: currentColor !important;
    color: #94a3b8
}

.apexcharts-text.apexcharts-yaxis-label:is(.dark *),
.apexcharts-text.apexcharts-xaxis-label:is(.dark *) {
    color: #697a9b
}

.apexcharts-legend-text {
    color: #64748b !important
}

.apexcharts-legend-text:is(.dark *) {
    color: #a3adc2 !important
}

.apexcharts-legend-series .apexcharts-legend-text {
    margin-left: .5rem !important
}

.apexcharts-tooltip {
    border-color: #e9eef5 !important;
    background-color: #ffffffd9 !important;
    color: #334155 !important;
    --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
}

.apexcharts-tooltip:is(.dark *) {
    border-color: #313e59 !important;
    background-color: #26334dd9 !important;
    color: #e7e9ef !important
}

.apexcharts-tooltip-title {
    border-color: #e9eef5 !important;
    background-color: #e9eef5 !important
}

.apexcharts-tooltip-title:is(.dark *) {
    border-color: transparent !important;
    background-color: #192132 !important
}

.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
    border-radius: .25rem;
    border-color: #cbd5e1 !important;
    background-color: #e9eef5 !important;
    color: #475569 !important
}

.apexcharts-xaxistooltip:is(.dark *),
.apexcharts-yaxistooltip:is(.dark *) {
    border-color: #313e59 !important;
    background-color: #192132 !important;
    color: #c2c9d6 !important
}

.apexcharts-xaxistooltip:before {
    border-bottom-color: currentColor !important;
    color: #cbd5e1
}

.apexcharts-xaxistooltip:is(.dark *):before {
    color: #313e59 !important
}

.apexcharts-xaxistooltip:after {
    border-bottom-color: currentColor !important;
    color: #e9eef5
}

.apexcharts-xaxistooltip:is(.dark *):after {
    color: #192132
}

.apexcharts-yaxistooltip:before {
    border-left-color: currentColor !important;
    color: #cbd5e1
}

.apexcharts-yaxistooltip:is(.dark *):before {
    color: #313e59
}

.apexcharts-yaxistooltip:after {
    border-left-color: currentColor !important;
    color: #e9eef5
}

.apexcharts-yaxistooltip:is(.dark *):after {
    color: #192132
}

.apexcharts-canvas .apexcharts-heatmap-rect,
.apexcharts-canvas .apexcharts-xaxis-tick,
.apexcharts-canvas line {
    stroke: currentColor !important;
    color: #e2e8f0
}

.apexcharts-canvas .apexcharts-heatmap-rect:is(.dark *),
.apexcharts-canvas .apexcharts-xaxis-tick:is(.dark *),
.apexcharts-canvas line:is(.dark *) {
    color: #384766
}

.apexcharts-canvas .apexcharts-marker {
    stroke: currentColor !important;
    color: #e9eef5
}

.apexcharts-canvas .apexcharts-marker:is(.dark *) {
    color: #202b40
}

.apexcharts-canvas .apexcharts-radialbar-track .apexcharts-radialbar-area {
    stroke: currentColor !important;
    color: #e9eef5
}

.apexcharts-canvas .apexcharts-radialbar-track .apexcharts-radialbar-area:is(.dark *) {
    color: #192132
}

.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #475569;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label:is(.dark *) {
    fill: #c2c9d6
}

.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value,
.apexcharts-canvas .apexcharts-datalabels .apexcharts-datalabel {
    fill: #64748b;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value:is(.dark *),
.apexcharts-canvas .apexcharts-datalabels .apexcharts-datalabel:is(.dark *) {
    fill: #a3adc2
}

.apexcharts-canvas .apexcharts-radar-series polygon {
    fill: #f1f5f9;
    stroke: #e2e8f0
}

.apexcharts-canvas .apexcharts-radar-series polygon:is(.dark *) {
    fill: #202b40;
    stroke: #313e59
}

.apexcharts-canvas .apexcharts-pie .apexcharts-pie-series .apexcharts-pie-area {
    stroke: none
}

.apexcharts-canvas line[stroke=transparent] {
    display: none
}

.flatpickr-day.apexcharts-canvas line[stroke=transparent] {
    visibility: hidden
}

.apexcharts-menu {
    border-radius: .25rem !important;
    border-color: #e9eef5 !important;
    background-color: #fff !important
}

.apexcharts-menu:is(.dark *) {
    border-color: #384766 !important;
    background-color: #26334d !important
}

.apexcharts-menu .apexcharts-menu-item:hover {
    background-color: #f1f5f9 !important
}

.apexcharts-menu .apexcharts-menu-item:hover:is(.dark *) {
    background-color: #313e59 !important
}

.ax-transparent-gridline .apexcharts-gridline {
    stroke: transparent !important
}

.ax-rounded-b-lg .apexcharts-svg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

table.is-hoverable>tbody>tr:hover>td,
table.is-zebra>tbody>tr:nth-child(2n)>td {
    background-color: #f1f5f9
}

table.is-hoverable>tbody>tr:hover>td:is(.dark *),
table.is-zebra>tbody>tr:nth-child(2n)>td:is(.dark *) {
    background-color: #313e59
}

.gridjs-table {
    width: 100%;
    text-align: left
}

.gridjs-table>tbody>tr:hover>td {
    background-color: #f1f5f9
}

.gridjs-table>tbody>tr:hover>td:is(.dark *) {
    background-color: #313e59
}

th.gridjs-th .gridjs-th-content {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.gridjs-table .gridjs-th {
    white-space: nowrap;
    background-color: #e2e8f0;
    padding: .75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #1e293b
}

.gridjs-table .gridjs-th:is(.dark *) {
    background-color: #202b40;
    color: #c2c9d6
}

@media (min-width: 1024px) {
    .gridjs-table .gridjs-th {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.gridjs-table .gridjs-tr {
    border-width: 1px;
    border-color: transparent;
    border-bottom-color: #e2e8f0
}

.gridjs-table .gridjs-tr:is(.dark *) {
    border-bottom-color: #384766
}

.gridjs-table .gridjs-td {
    white-space: nowrap;
    padding: .75rem 1rem
}

@media (min-width: 640px) {
    .gridjs-table .gridjs-td {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

button.gridjs-sort {
    --neutral: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 401.998 401.998'%3E%3Cpath d='M73.092,164.452h255.813c4.949,0,9.233-1.807,12.848-5.424c3.613-3.616,5.427-7.898,5.427-12.847%0Ac0-4.949-1.813-9.229-5.427-12.85L213.846,5.424C210.232,1.812,205.951,0,200.999,0s-9.233,1.812-12.85,5.424L60.242,133.331%0Ac-3.617,3.617-5.424,7.901-5.424,12.85c0,4.948,1.807,9.231,5.424,12.847C63.863,162.645,68.144,164.452,73.092,164.452z'/%3E%3Cpath d='M328.905,237.549H73.092c-4.952,0-9.233,1.808-12.85,5.421c-3.617,3.617-5.424,7.898-5.424,12.847%0Ac0,4.949,1.807,9.233,5.424,12.848L188.149,396.57c3.621,3.617,7.902,5.428,12.85,5.428s9.233-1.811,12.847-5.428l127.907-127.906%0Ac3.613-3.614,5.427-7.898,5.427-12.848c0-4.948-1.813-9.229-5.427-12.847C338.139,239.353,333.854,237.549,328.905,237.549z'/%3E%3C/svg%3E");
    --asc: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.361'%3E%3Cpath d='M286.935,197.287L159.028,69.381c-3.613-3.617-7.895-5.424-12.847-5.424s-9.233,1.807-12.85,5.424L5.424,197.287 C1.807,200.904,0,205.186,0,210.134s1.807,9.233,5.424,12.847c3.621,3.617,7.902,5.425,12.85,5.425h255.813 c4.949,0,9.233-1.808,12.848-5.425c3.613-3.613,5.427-7.898,5.427-12.847S290.548,200.904,286.935,197.287z'/%3E%3C/svg%3E");
    --desc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.362'%3E%3Cpath d='M286.935,69.377c-3.614-3.617-7.898-5.424-12.848-5.424H18.274c-4.952,0-9.233,1.807-12.85,5.424 C1.807,72.998,0,77.279,0,82.228c0,4.948,1.807,9.229,5.424,12.847l127.907,127.907c3.621,3.617,7.902,5.428,12.85,5.428 s9.233-1.811,12.847-5.428L286.935,95.074c3.613-3.617,5.427-7.898,5.427-12.847C292.362,77.279,290.548,72.998,286.935,69.377z'/%3E%3C/svg%3E")
}

th.gridjs-th-sort {
    cursor: pointer
}

th.gridjs-th-sort:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

th.gridjs-th-sort .gridjs-th-content {
    width: calc(100% - 15px)
}

button.gridjs-sort {
    float: right;
    margin: 0;
    margin-top: .25rem;
    height: .75rem;
    width: .75rem;
    cursor: pointer;
    border-style: none;
    background-repeat: no-repeat;
    padding: 0;
    outline: 2px solid transparent;
    outline-offset: 2px
}

button.gridjs-sort-neutral {
    -webkit-mask-image: var(--neutral);
    mask-image: var(--neutral);
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #94a3b8
}

button.gridjs-sort-neutral:is(.dark *) {
    background-color: #5c6b8a
}

button.gridjs-sort-asc {
    -webkit-mask-image: var(--asc);
    mask-image: var(--asc);
    -webkit-mask-size: cover;
    mask-size: cover
}

button.gridjs-sort-desc {
    -webkit-mask-image: var(--desc);
    mask-image: var(--desc);
    -webkit-mask-size: cover;
    mask-size: cover
}

button.gridjs-sort-asc,
button.gridjs-sort-desc {
    background-color: #475569
}

button.gridjs-sort-asc:is(.dark *),
button.gridjs-sort-desc:is(.dark *) {
    background-color: #c2c9d6
}

.gridjs-input.gridjs-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .5rem;
    border-width: 1px;
    border-color: #cbd5e1;
    padding: .5rem .75rem;
    font-weight: 500;
    outline: 2px solid transparent;
    outline-offset: 2px
}

.gridjs-input.gridjs-search-input:is(.dark *) {
    border-color: #465675;
    background-color: #26334d;
    color: #c2c9d6
}

.gridjs-pages {
    display: flex;
    flex-wrap: wrap
}

.gridjs-pages>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.gridjs-pages {
    color: #475569
}

.gridjs-pages:is(.dark *) {
    color: #cbd5e1
}

.gridjs-pages button {
    display: flex;
    height: 2rem;
    min-width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    background-color: #e9eef5;
    padding-left: .75rem;
    padding-right: .75rem;
    line-height: 1.25;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.gridjs-pages button:hover {
    background-color: #cbd5e1
}

.gridjs-pages button:focus {
    background-color: #cbd5e1
}

.gridjs-pages button:disabled {
    pointer-events: none;
    opacity: .6
}

.gridjs-pages button:is(.dark *) {
    background-color: #384766
}

.gridjs-pages button:hover:is(.dark *) {
    background-color: #465675
}

.gridjs-pages button:focus:is(.dark *) {
    background-color: #465675
}

.gridjs-pages button.gridjs-currentPage {
    background-color: #2563eb;
    color: #fff
}

.gridjs-pages button.gridjs-currentPage:is(.dark *) {
    background-color: #2563eb
}

.gridjs-wrapper {
    min-width: 100%;
    overflow-x: auto
}

.gridjs-search {
    display: flex;
    justify-content: flex-end;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.25rem
}

@media (min-width: 640px) {
    .gridjs-search {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.gridjs-pagination {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.gridjs-pagination>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.gridjs-pagination {
    padding: 1rem
}

@media (min-width: 640px) {
    .gridjs-pagination {
        flex-direction: row;
        align-items: center
    }

    .gridjs-pagination>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .gridjs-pagination {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.gridjs-loading {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

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

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

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.-right-px {
    right: -1px
}

.-top-px {
    top: -1px
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.top-0 {
    top: 0
}

.top-1\.5 {
    top: .375rem
}

.z-50 {
    z-index: 50
}

.z-\[100\] {
    z-index: 100
}

.z-\[150\] {
    z-index: 150
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-ml-1 {
    margin-left: -.25rem
}

.-ml-1\.5 {
    margin-left: -.375rem
}

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

.-mr-1\.5 {
    margin-right: -.375rem
}

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

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

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

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

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

.ml-0\.5 {
    margin-left: .125rem
}

.ml-1 {
    margin-left: .25rem
}

.ml-12 {
    margin-left: 3rem
}

.ml-2 {
    margin-left: .5rem
}

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

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

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

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

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

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

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

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

.mt-16 {
    margin-top: 4rem
}

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

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

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

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

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

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

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

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

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

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

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

.size-4\.5 {
    width: 1.125rem;
    height: 1.125rem
}

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

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

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

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-18 {
    height: 4.5rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-4 {
    height: 1rem
}

.h-4\.5 {
    height: 1.125rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-5\.5 {
    height: 1.375rem
}

.h-6 {
    height: 1.5rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[calc\(100\%-4\.5rem\)\] {
    height: calc(100% - 4.5rem)
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.max-h-96 {
    max-height: 24rem
}

.max-h-\[calc\(100vh-6rem\)\] {
    max-height: calc(100vh - 6rem)
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0px
}

.w-1\.5 {
    width: .375rem
}

.w-1\/12 {
    width: 8.333333%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\/12 {
    width: 16.666667%
}

.w-20 {
    width: 5rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/12 {
    width: 25%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-4\.5 {
    width: 1.125rem
}

.w-4\/12 {
    width: 33.333333%
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-5\.5 {
    width: 1.375rem
}

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

.w-6 {
    width: 1.5rem
}

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

.w-60 {
    width: 15rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

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

.w-72 {
    width: 18rem
}

.w-8 {
    width: 2rem
}

.w-8\/12 {
    width: 66.666667%
}

.w-80 {
    width: 20rem
}

.w-9\/12 {
    width: 75%
}

.w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem)
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

.w-px {
    width: 1px
}

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

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

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

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

.max-w-4xl {
    max-width: 56rem
}

.max-w-6xl {
    max-width: 72rem
}

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

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

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

.grow {
    flex-grow: 1
}

.origin-top {
    transform-origin: top
}

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

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

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

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

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

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

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

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

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

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

@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.animate-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)_fade-out_500ms_forwards\] {
    animation: cubic-bezier(.4, 0, .2, 1) fade-out .5s forwards
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

.cursor-move {
    cursor: move
}

.cursor-pointer {
    cursor: pointer
}

.cursor-text {
    cursor: text
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

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

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

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-items-center {
    place-items: center
}

.items-center {
    align-items: center
}

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

.justify-center {
    justify-content: center
}

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

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-y-4 {
    row-gap: 1rem
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.-space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-.75rem * var(--tw-space-x-reverse));
    margin-left: calc(-.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.125rem * var(--tw-space-x-reverse));
    margin-left: calc(.125rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.375rem * var(--tw-space-x-reverse));
    margin-left: calc(.375rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.5rem * var(--tw-space-x-reverse));
    margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-9>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overscroll-contain {
    overscroll-behavior: contain
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.border {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-current {
    border-color: currentColor
}

.border-error {
    border-color: #ef4444
}

.border-gray-200 {
    border-color: #e5e7eb
}

.border-gray-400 {
    border-color: #9ca3af
}

.border-info {
    border-color: #0ea5e9
}

.border-info\/30 {
    border-color: #0ea5e94d
}

.border-primary {
    border-color: #2563eb
}

.border-secondary\/30 {
    border-color: #3b82f64d
}

.border-slate-100 {
    border-color: #f1f5f9
}

.border-slate-150 {
    border-color: #e9eef5
}

.border-slate-200 {
    border-color: #e2e8f0
}

.border-slate-300 {
    border-color: #cbd5e1
}

.border-slate-400\/70 {
    border-color: #94a3b8b3
}

.border-success {
    border-color: #22c55e
}

.border-success\/30 {
    border-color: #22c55e4d
}

.border-transparent {
    border-color: transparent
}

.border-warning {
    border-color: #f59e0b
}

.border-white {
    border-color: #fff
}

.border-b-slate-200 {
    border-bottom-color: #e2e8f0
}

.border-l-info {
    border-left-color: #0ea5e9
}

.border-l-secondary {
    border-left-color: #3b82f6
}

.border-l-warning {
    border-left-color: #f59e0b
}

.bg-black\/60 {
    background-color: #0009
}

.bg-error {
    background-color: #ef4444
}

.bg-error\/10 {
    background-color: #ef44441a
}

.bg-gray-100 {
    background-color: #f3f4f6
}

.bg-green-50 {
    background-color: #f0fdf4
}

.bg-info {
    background-color: #0ea5e9
}

.bg-info\/10 {
    background-color: #0ea5e91a
}

.bg-navy-700 {
    background-color: #26334d
}

.bg-orange-50 {
    background-color: #fff7ed
}

.bg-primary {
    background-color: #2563eb
}

.bg-primary\/10 {
    background-color: #2563eb1a
}

.bg-red-50 {
    background-color: #fef2f2
}

.bg-secondary {
    background-color: #3b82f6
}

.bg-secondary\/10 {
    background-color: #3b82f61a
}

.bg-secondary\/15 {
    background-color: #3b82f626
}

.bg-slate-100 {
    background-color: #f1f5f9
}

.bg-slate-150 {
    background-color: #e9eef5
}

.bg-slate-200 {
    background-color: #e2e8f0
}

.bg-slate-300 {
    background-color: #cbd5e1
}

.bg-slate-50 {
    background-color: #f8fafc
}

.bg-slate-500 {
    background-color: #64748b
}

.bg-slate-900\/60 {
    background-color: #0f172a99
}

.bg-success {
    background-color: #22c55e
}

.bg-success\/10 {
    background-color: #22c55e1a
}

.bg-success\/15 {
    background-color: #22c55e26
}

.bg-transparent {
    background-color: transparent
}

.bg-warning {
    background-color: #f59e0b
}

.bg-warning\/10 {
    background-color: #f59e0b1a
}

.bg-white {
    background-color: #fff
}

.bg-white\/20 {
    background-color: #fff3
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.from-green-300 {
    --tw-gradient-from: #86efac var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(134 239 172 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-400 {
    --tw-gradient-from: #818cf8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(129 140 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-info {
    --tw-gradient-from: #0ea5e9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-300 {
    --tw-gradient-from: #f9a8d4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(249 168 212 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500 {
    --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500 {
    --tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-400 {
    --tw-gradient-from: #38bdf8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(56 189 248 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-blue-500 {
    --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-purple-300 {
    --tw-gradient-to: rgb(216 180 254 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-600 {
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}

.to-indigo-400 {
    --tw-gradient-to: #818cf8 var(--tw-gradient-to-position)
}

.to-indigo-600 {
    --tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)
}

.to-info-focus {
    --tw-gradient-to: #0284c7 var(--tw-gradient-to-position)
}

.to-purple-600 {
    --tw-gradient-to: #9333ea var(--tw-gradient-to-position)
}

.to-rose-500 {
    --tw-gradient-to: #f43f5e var(--tw-gradient-to-position)
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.object-center {
    -o-object-position: center;
    object-position: center
}

.p-0 {
    padding: 0
}

.p-1 {
    padding: .25rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-px {
    padding: 1px
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

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

.px-\[var\(--margin-x\)\] {
    padding-left: var(--margin-x);
    padding-right: var(--margin-x)
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pl-\[var\(--main-sidebar-width\)\] {
    padding-left: var(--main-sidebar-width)
}

.pr-1 {
    padding-right: .25rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-1 {
    padding-top: .25rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.font-inter {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-sm\+ {
    font-size: .9375rem;
    line-height: 1.375rem
}

.text-tiny {
    font-size: .625rem;
    line-height: .8125rem
}

.text-tiny\+ {
    font-size: .6875rem;
    line-height: .875rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-xs\+ {
    font-size: .8125rem;
    line-height: 1.125rem
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-6 {
    line-height: 1.5rem
}

.leading-7 {
    line-height: 1.75rem
}

.leading-none {
    line-height: 1
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-amber-400 {
    color: #fbbf24
}

.text-error {
    color: #ef4444
}

.text-gray-200 {
    color: #e5e7eb
}

.text-gray-300 {
    color: #d1d5db
}

.text-gray-400 {
    color: #9ca3af
}

.text-gray-500 {
    color: #6b7280
}

.text-gray-600 {
    color: #4b5563
}

.text-gray-700 {
    color: #374151
}

.text-gray-900 {
    color: #111827
}

.text-info {
    color: #0ea5e9
}

.text-primary {
    color: #2563eb
}

.text-secondary {
    color: #3b82f6
}

.text-slate-400 {
    color: #94a3b8
}

.text-slate-500 {
    color: #64748b
}

.text-slate-600 {
    color: #475569
}

.text-slate-700 {
    color: #334155
}

.text-slate-800 {
    color: #1e293b
}

.text-success {
    color: #22c55e
}

.text-transparent {
    color: transparent
}

.text-warning {
    color: #f59e0b
}

.text-white {
    color: #fff
}

.underline {
    text-decoration-line: underline
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.placeholder-slate-400::-moz-placeholder {
    color: #94a3b8
}

.placeholder-slate-400::placeholder {
    color: #94a3b8
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-40 {
    opacity: .4
}

.opacity-80 {
    opacity: .8
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-soft {
    --tw-shadow: 0 3px 10px 0 rgb(48 46 56 / 6%);
    --tw-shadow-colored: 0 3px 10px 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)
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.ring {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-primary\/50 {
    --tw-ring-color: rgb(37 99 235 / .5)
}

.ring-white {
    --tw-ring-color: #fff
}

.blur {
    --tw-blur: blur(8px);
    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)
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

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

.transition-\[color\,padding-left\] {
    transition-property: color, padding-left;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

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

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.duration-100 {
    transition-duration: .1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-\[\.25s\] {
    transition-duration: .25s
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.\[--size\:1\.5rem\] {
    --size: 1.5rem
}

.\[transform\:translate3d\(0\,0\,0\)\] {
    transform: translateZ(0)
}

.\[transform\:translate3d\(0\,1rem\,0\)\] {
    transform: translate3d(0, 1rem, 0)
}

.\[transform\:translate3d\(1rem\,0\,0\)\] {
    transform: translate3d(1rem, 0, 0)
}

.todo-app .sortable-ghost {
    border-radius: .5rem;
    background-color: #f1f5f9;
    --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);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-color: #f1f5f9
}

.todo-app .sortable-ghost:is(.dark *) {
    background-color: #384766;
    --tw-ring-color: #384766
}

.kanban-app .sortable-ghost {
    border-radius: .5rem;
    background-color: #f1f5f9
}

.kanban-app .sortable-ghost:is(.dark *) {
    background-color: #384766
}

.kanban-app .board-draggable-handler {
    cursor: grab
}

@supports selector(::-webkit-scrollbar) {
    .kanban-scrollbar::-webkit-scrollbar {
        height: .625rem
    }

    .kanban-scrollbar::-webkit-scrollbar-thumb {
        border-radius: 9999px;
        background-color: #94a3b8cc
    }

    .kanban-scrollbar:is(.dark *)::-webkit-scrollbar-thumb {
        background-color: #5c6b8a
    }

    .kanban-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: #64748b
    }

    .kanban-scrollbar:is(.dark *)::-webkit-scrollbar-thumb:hover {
        background-color: #697a9b
    }
}

@media (hover: none) and (pointer: coarse) {

    .kanban-app .sortable-chosen,
    .todo-app .sortable-chosen {
        border-radius: .5rem;
        background-color: #f1f5f9
    }

    .kanban-app .sortable-chosen:is(.dark *),
    .todo-app .sortable-chosen:is(.dark *) {
        background-color: #384766
    }
}

.chat-header:before,
.chat-footer:before,
.chat-header:after,
.chat-footer:after {
    position: absolute;
    height: 100%;
    width: calc(100vw - 100%);
    background-color: inherit;
    --tw-content: "";
    content: var(--tw-content)
}

.chat-header:before,
.chat-footer:before {
    left: calc((100vw - 100%)*-1)
}

.chat-header:after,
.chat-footer:after {
    right: calc((100vw - 100%)*-1)
}

.course-schedule-chart .apexcharts-series path {
    clip-path: inset(5% 5% 5% 0 round 6px)
}

.top-sellers-analytics .apexcharts-canvas .apexcharts-heatmap-rect {
    color: #f1f5f9
}

.top-sellers-analytics .apexcharts-canvas .apexcharts-heatmap-rect:is(.dark *) {
    color: #26334d
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    color: #abb2bf;
    background: #282c34
}

.hljs-comment,
.hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
    color: #c678dd
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
    color: #98c379
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
    color: #d19a66
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
    color: #61aeee
}

.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
    color: #e6c07b
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

.placeholder\:text-slate-400::-moz-placeholder {
    color: #94a3b8
}

.placeholder\:text-slate-400::placeholder {
    color: #94a3b8
}

.placeholder\:text-slate-400\/70::-moz-placeholder {
    color: #94a3b8b3
}

.placeholder\:text-slate-400\/70::placeholder {
    color: #94a3b8b3
}

.placeholder\:text-slate-500::-moz-placeholder {
    color: #64748b
}

.placeholder\:text-slate-500::placeholder {
    color: #64748b
}

.before\:rounded-full:before {
    content: var(--tw-content);
    border-radius: 9999px
}

.before\:rounded-md:before {
    content: var(--tw-content);
    border-radius: .375rem
}

.before\:bg-primary:before {
    content: var(--tw-content);
    background-color: #2563eb
}

.before\:bg-slate-50:before {
    content: var(--tw-content);
    background-color: #f8fafc
}

.last\:border-b-0:last-child {
    border-bottom-width: 0px
}

.checked\:border-primary:checked {
    border-color: #2563eb
}

.checked\:bg-primary:checked {
    background-color: #2563eb
}

.checked\:bg-slate-500:checked {
    background-color: #64748b
}

.checked\:before\:bg-white:checked:before {
    content: var(--tw-content);
    background-color: #fff
}

.hover\:z-10:hover {
    z-index: 10
}

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

.hover\:border-primary:hover {
    border-color: #2563eb
}

.hover\:border-slate-400:hover {
    border-color: #94a3b8
}

.hover\:bg-error-focus:hover {
    background-color: #dc2626
}

.hover\:bg-error\/20:hover {
    background-color: #ef444433
}

.hover\:bg-info\/20:hover {
    background-color: #0ea5e933
}

.hover\:bg-primary-focus:hover {
    background-color: #1d4ed8
}

.hover\:bg-primary\/20:hover {
    background-color: #2563eb33
}

.hover\:bg-secondary\/20:hover {
    background-color: #3b82f633
}

.hover\:bg-slate-100:hover {
    background-color: #f1f5f9
}

.hover\:bg-slate-150:hover {
    background-color: #e9eef5
}

.hover\:bg-slate-200:hover {
    background-color: #e2e8f0
}

.hover\:bg-slate-300:hover {
    background-color: #cbd5e1
}

.hover\:bg-slate-300\/20:hover {
    background-color: #cbd5e133
}

.hover\:bg-success-focus:hover {
    background-color: #16a34a
}

.hover\:bg-success\/20:hover {
    background-color: #22c55e33
}

.hover\:pl-4:hover {
    padding-left: 1rem
}

.hover\:text-error-focus:hover {
    color: #dc2626
}

.hover\:text-primary:hover {
    color: #2563eb
}

.hover\:text-primary-focus:hover {
    color: #1d4ed8
}

.hover\:text-primary\/70:hover {
    color: #2563ebb3
}

.hover\:text-slate-800:hover {
    color: #1e293b
}

.focus\:border-primary:focus {
    border-color: #2563eb
}

.focus\:bg-error-focus:focus {
    background-color: #dc2626
}

.focus\:bg-error\/20:focus {
    background-color: #ef444433
}

.focus\:bg-info\/20:focus {
    background-color: #0ea5e933
}

.focus\:bg-primary-focus:focus {
    background-color: #1d4ed8
}

.focus\:bg-primary\/20:focus {
    background-color: #2563eb33
}

.focus\:bg-secondary\/20:focus {
    background-color: #3b82f633
}

.focus\:bg-slate-100:focus {
    background-color: #f1f5f9
}

.focus\:bg-slate-150:focus {
    background-color: #e9eef5
}

.focus\:bg-slate-200:focus {
    background-color: #e2e8f0
}

.focus\:bg-slate-300:focus {
    background-color: #cbd5e1
}

.focus\:bg-slate-300\/20:focus {
    background-color: #cbd5e133
}

.focus\:bg-success\/20:focus {
    background-color: #22c55e33
}

.focus\:text-primary:focus {
    color: #2563eb
}

.focus\:text-primary\/70:focus {
    color: #2563ebb3
}

.focus\:text-slate-800:focus {
    color: #1e293b
}

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

.focus\:ring:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.active\:bg-error-focus\/90:active {
    background-color: #dc2626e6
}

.active\:bg-error\/25:active {
    background-color: #ef444440
}

.active\:bg-info\/25:active {
    background-color: #0ea5e940
}

.active\:bg-primary-focus\/90:active {
    background-color: #1d4ed8e6
}

.active\:bg-primary\/25:active {
    background-color: #2563eb40
}

.active\:bg-secondary\/25:active {
    background-color: #3b82f640
}

.active\:bg-slate-150\/80:active {
    background-color: #e9eef5cc
}

.active\:bg-slate-200\/80:active {
    background-color: #e2e8f0cc
}

.active\:bg-slate-300\/25:active {
    background-color: #cbd5e140
}

.active\:bg-success\/25:active {
    background-color: #22c55e40
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

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

.disabled\:border-none:disabled {
    border-style: none
}

.disabled\:bg-zinc-100:disabled {
    background-color: #f4f4f5
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.group:hover .group-hover\:text-slate-500 {
    color: #64748b
}

.group:focus .group-focus\:text-slate-500 {
    color: #64748b
}

.peer:focus~.peer-focus\:text-primary {
    color: #2563eb
}

.dark\:border-accent:is(.dark *) {
    border-color: #2563eb
}

.dark\:border-navy-450:is(.dark *) {
    border-color: #465675
}

.dark\:border-navy-500:is(.dark *) {
    border-color: #384766
}

.dark\:border-navy-600:is(.dark *) {
    border-color: #313e59
}

.dark\:border-navy-700:is(.dark *) {
    border-color: #26334d
}

.dark\:border-navy-800:is(.dark *) {
    border-color: #202b40
}

.dark\:border-secondary-light\/30:is(.dark *) {
    border-color: #93c5fd4d
}

.dark\:border-b-navy-500:is(.dark *) {
    border-bottom-color: #384766
}

.dark\:bg-accent:is(.dark *) {
    background-color: #2563eb
}

.dark\:bg-accent-light\/10:is(.dark *) {
    background-color: #60a5fa1a
}

.dark\:bg-accent-light\/15:is(.dark *) {
    background-color: #60a5fa26
}

.dark\:bg-error\/15:is(.dark *) {
    background-color: #ef444426
}

.dark\:bg-gray-900:is(.dark *) {
    background-color: #111827
}

.dark\:bg-info\/15:is(.dark *) {
    background-color: #0ea5e926
}

.dark\:bg-navy-400:is(.dark *) {
    background-color: #5c6b8a
}

.dark\:bg-navy-500:is(.dark *) {
    background-color: #384766
}

.dark\:bg-navy-600:is(.dark *) {
    background-color: #313e59
}

.dark\:bg-navy-700:is(.dark *) {
    background-color: #26334d
}

.dark\:bg-navy-750:is(.dark *) {
    background-color: #222e45
}

.dark\:bg-navy-800:is(.dark *) {
    background-color: #202b40
}

.dark\:bg-navy-900:is(.dark *) {
    background-color: #192132
}

.dark\:bg-navy-900\/90:is(.dark *) {
    background-color: #192132e6
}

.dark\:bg-secondary-light:is(.dark *) {
    background-color: #93c5fd
}

.dark\:bg-secondary-light\/10:is(.dark *) {
    background-color: #93c5fd1a
}

.dark\:bg-secondary-light\/15:is(.dark *) {
    background-color: #93c5fd26
}

.dark\:bg-secondary-light\/25:is(.dark *) {
    background-color: #93c5fd40
}

.dark\:bg-success\/15:is(.dark *) {
    background-color: #22c55e26
}

.dark\:bg-success\/25:is(.dark *) {
    background-color: #22c55e40
}

.dark\:bg-warning\/15:is(.dark *) {
    background-color: #f59e0b26
}

.dark\:text-accent:is(.dark *) {
    color: #2563eb
}

.dark\:text-accent-light:is(.dark *) {
    color: #60a5fa
}

.dark\:text-accent-light\/80:is(.dark *) {
    color: #60a5facc
}

.dark\:text-navy-100:is(.dark *) {
    color: #c2c9d6
}

.dark\:text-navy-200:is(.dark *) {
    color: #a3adc2
}

.dark\:text-navy-300:is(.dark *) {
    color: #697a9b
}

.dark\:text-navy-50:is(.dark *) {
    color: #e7e9ef
}

.dark\:text-secondary-light:is(.dark *) {
    color: #93c5fd
}

.dark\:placeholder-navy-300:is(.dark *)::-moz-placeholder {
    color: #697a9b
}

.dark\:placeholder-navy-300:is(.dark *)::placeholder {
    color: #697a9b
}

.dark\:shadow-soft-dark:is(.dark *) {
    --tw-shadow: 0 3px 10px 0 rgb(25 33 50 / 30%);
    --tw-shadow-colored: 0 3px 10px 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)
}

.dark\:ring-accent\/50:is(.dark *) {
    --tw-ring-color: rgb(37 99 235 / .5)
}

.dark\:ring-navy-700:is(.dark *) {
    --tw-ring-color: #26334D
}

.dark\:placeholder\:text-navy-200:is(.dark *)::-moz-placeholder {
    color: #a3adc2
}

.dark\:placeholder\:text-navy-200:is(.dark *)::placeholder {
    color: #a3adc2
}

.dark\:placeholder\:text-navy-300:is(.dark *)::-moz-placeholder {
    color: #697a9b
}

.dark\:placeholder\:text-navy-300:is(.dark *)::placeholder {
    color: #697a9b
}

.dark\:before\:bg-accent:is(.dark *):before {
    content: var(--tw-content);
    background-color: #2563eb
}

.dark\:before\:bg-navy-300:is(.dark *):before {
    content: var(--tw-content);
    background-color: #697a9b
}

.dark\:checked\:border-accent:checked:is(.dark *) {
    border-color: #2563eb
}

.dark\:checked\:bg-accent:checked:is(.dark *) {
    background-color: #2563eb
}

.dark\:checked\:bg-navy-400:checked:is(.dark *) {
    background-color: #5c6b8a
}

.dark\:checked\:before\:bg-white:checked:is(.dark *):before {
    content: var(--tw-content);
    background-color: #fff
}

.dark\:hover\:border-accent:hover:is(.dark *) {
    border-color: #2563eb
}

.dark\:hover\:border-navy-400:hover:is(.dark *) {
    border-color: #5c6b8a
}

.dark\:hover\:bg-accent-focus:hover:is(.dark *) {
    background-color: #1d4ed8
}

.dark\:hover\:bg-accent-light\/20:hover:is(.dark *) {
    background-color: #60a5fa33
}

.dark\:hover\:bg-navy-300\/20:hover:is(.dark *) {
    background-color: #697a9b33
}

.dark\:hover\:bg-navy-450:hover:is(.dark *) {
    background-color: #465675
}

.dark\:hover\:bg-navy-500:hover:is(.dark *) {
    background-color: #384766
}

.dark\:hover\:bg-navy-600:hover:is(.dark *) {
    background-color: #313e59
}

.dark\:hover\:bg-navy-900:hover:is(.dark *) {
    background-color: #192132
}

.dark\:hover\:bg-secondary-light\/20:hover:is(.dark *) {
    background-color: #93c5fd33
}

.dark\:hover\:text-accent:hover:is(.dark *) {
    color: #2563eb
}

.dark\:hover\:text-accent-light:hover:is(.dark *) {
    color: #60a5fa
}

.dark\:hover\:text-accent-light\/70:hover:is(.dark *) {
    color: #60a5fab3
}

.dark\:hover\:text-navy-100:hover:is(.dark *) {
    color: #c2c9d6
}

.dark\:hover\:text-navy-50:hover:is(.dark *) {
    color: #e7e9ef
}

.dark\:focus\:border-accent:focus:is(.dark *) {
    border-color: #2563eb
}

.dark\:focus\:bg-accent-focus:focus:is(.dark *) {
    background-color: #1d4ed8
}

.dark\:focus\:bg-accent-light\/20:focus:is(.dark *) {
    background-color: #60a5fa33
}

.dark\:focus\:bg-navy-300\/20:focus:is(.dark *) {
    background-color: #697a9b33
}

.dark\:focus\:bg-navy-450:focus:is(.dark *) {
    background-color: #465675
}

.dark\:focus\:bg-navy-500:focus:is(.dark *) {
    background-color: #384766
}

.dark\:focus\:bg-navy-600:focus:is(.dark *) {
    background-color: #313e59
}

.dark\:focus\:bg-navy-900:focus:is(.dark *) {
    background-color: #192132
}

.dark\:focus\:bg-secondary-light\/20:focus:is(.dark *) {
    background-color: #93c5fd33
}

.dark\:focus\:text-accent:focus:is(.dark *) {
    color: #2563eb
}

.dark\:focus\:text-accent-light:focus:is(.dark *) {
    color: #60a5fa
}

.dark\:focus\:text-accent-light\/70:focus:is(.dark *) {
    color: #60a5fab3
}

.dark\:focus\:text-navy-100:focus:is(.dark *) {
    color: #c2c9d6
}

.dark\:active\:bg-accent-light\/25:active:is(.dark *) {
    background-color: #60a5fa40
}

.dark\:active\:bg-accent\/90:active:is(.dark *) {
    background-color: #2563ebe6
}

.dark\:active\:bg-navy-300\/25:active:is(.dark *) {
    background-color: #697a9b40
}

.dark\:active\:bg-navy-450\/90:active:is(.dark *) {
    background-color: #465675e6
}

.dark\:active\:bg-navy-500\/90:active:is(.dark *) {
    background-color: #384766e6
}

.dark\:active\:bg-secondary-light\/25:active:is(.dark *) {
    background-color: #93c5fd40
}

.group:hover .dark\:group-hover\:text-navy-200:is(.dark *) {
    color: #a3adc2
}

.group:focus .dark\:group-focus\:text-navy-200:is(.dark *) {
    color: #a3adc2
}

.peer:focus~.dark\:peer-focus\:text-accent:is(.dark *) {
    color: #2563eb
}

@media (min-width: 640px) {
    .sm\:col-span-6 {
        grid-column: span 6 / span 6
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:mt-5 {
        margin-top: 1.25rem
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-80 {
        width: 20rem
    }

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

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

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-start {
        align-items: flex-start
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-start {
        justify-content: flex-start
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-5 {
        gap: 1.25rem
    }

    .sm\:space-x-7>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.75rem * var(--tw-space-x-reverse));
        margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-8 {
        padding-left: 2rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }
}

@media (min-width: 1024px) {
    .lg\:col-span-3 {
        grid-column: span 3 / span 3
    }

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

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

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

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:block {
        display: block
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:w-48 {
        width: 12rem
    }

    .lg\:max-w-md {
        max-width: 28rem
    }

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

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

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

    .lg\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {
    .xl\:hidden {
        display: none
    }
}

@media print {
    .print\:hidden {
        display: none
    }
}