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

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

html {
    -webkit-text-size-adjust: 100%;
    font-feature-settings: normal;
    font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    line-height: 1.5;
    tab-size: 4
}

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

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    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 {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

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

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

textarea {
    resize: vertical
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::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-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

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

@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 {
    -webkit-tap-highlight-color: transparent;
    height: 100%;
    overflow-x: hidden;
    text-rendering: optimizeLegibility
}

html.dark {
    color-scheme: dark
}

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

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

.dark body {
    background-color: #192132;
    color: #a3adc2;
    color-scheme: dark
}

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

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

.dark .app-preloader .app-preloader-inner:after,
.dark .app-preloader .app-preloader-inner:before {
    background-color: rgba(105, 122, 155, .5)
}

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

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

.menu-toggle.active span {
    --tw-translate-x: -0.5rem;
    margin-left: .5rem;
    width: 11px
}

.menu-toggle.active span,
.menu-toggle.active span:first-child {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.menu-toggle.active span:first-child {
    --tw-rotate: -45deg
}

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

.menu-toggle.active span:nth-child(3) {
    --tw-rotate: 45deg
}

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

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

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

.is-sidebar-open .main-sidebar {
    --tw-translate-x: 0
}

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

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

.dark .sidebar-panel {
    --tw-shadow-color: rgba(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: 0;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

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

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

.dark .sidebar-panel-min {
    --tw-shadow-color: rgba(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)) skewX(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)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

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

.dark nav.header {
    border-color: #26334d
}

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

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

.dark nav.header:before {
    background-color: #222e45
}

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

@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: hsla(0, 0%, 100%, .8)
    }

    .dark .is-header-blur nav.header .header-container {
        background-color: rgba(34, 46, 69, .8) !important
    }
}

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

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

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

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

    .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 {
    --tw-translate-x: -100%;
    width: var(--sideblock-width)
}

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

.navigation\:sideblock.is-sidebar-open .sidebar-panel {
    --tw-translate-x: 0
}

.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)
    }
}

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

@media (min-width:640px) {
    .navigation\:horizontal nav.header {
        height: auto
    }
}

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

@media (min-width:640px) {
    .navigation\:horizontal .main-content {
        margin-top: 7rem
    }
}

.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 {
    background-color: #f1f5f9;
    border-radius: .25rem;
    color: #f000b9;
    font-size: .8125rem;
    line-height: 1.125rem;
    padding: .125rem .25rem
}

.dark code.inline-code {
    background-color: #202b40;
    color: #ff57d8
}

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

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

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

    .scrollbar-sm:focus-within::-webkit-scrollbar-thumb,
    .scrollbar-sm:hover::-webkit-scrollbar-thumb {
        background-color: rgba(203, 213, 225, .8);
        border-radius: 9999px
    }

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

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

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

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

.card,
.dark .card {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .card {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: #26334d;
    color: #a3adc2
}

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

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

.dark .skeleton {
    --sk-color: #5c6b8a
}

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

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

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

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

.avatar>img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.avatar>.is-initial,
.avatar>img {
    height: 100%;
    width: 100%
}

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

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

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

.spinner.is-grow span:first-child {
    animation-delay: -.75s
}

@keyframes spinner-grow {

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

    50% {
        transform: scale(1.1)
    }
}

.popper-root {
    position: absolute;
    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)
}

.dark .popper-root>.popper-box {
    color: #a3adc2
}

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

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

.popper-root[data-popper-placement^=right]>.popper-box {
    --tw-translate-x: .75rem
}

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

.popper-root[data-popper-placement^=bottom]>.popper-box {
    --tw-translate-y: .75rem
}

.popper-root[data-popper-placement^=top]>.popper-box {
    --tw-translate-y: -0.75rem
}

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

.popper-root[data-popper-placement^=left]>.popper-box {
    --tw-translate-x: -0.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.form-checkbox,
.form-checkbox:focus,
.form-radio,
.form-radio:focus,
.form-switch,
.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 {
    content: var(--tw-content);
    height: calc(100% - var(--thumb-border)*2);
    left: var(--thumb-border);
    position: absolute;
    top: var(--thumb-border);
    width: calc(50% - var(--thumb-border)*2)
}

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

.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(50% - var(--thumb-border)*2 - 1px)
}

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

.form-radio {
    --tw-thumb: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3.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;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}

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

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

.form-checkbox:before,
.form-radio:before {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

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

.form-checkbox:checked:before,
.form-radio:checked:before {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.form-checkbox:hover,
.form-radio:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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-checkbox.is-basic,
.form-radio.is-basic {
    background-origin: border-box
}

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

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

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

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

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

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

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

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

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

.dark .form-range::-moz-range-track {
    background-color: #384766
}

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

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

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

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

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

.ts-wrapper.plugin-drag_drop.multi>.ts-control>div.ui-sortable-placeholder {
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, .06) !important;
    border: 0 !important;
    box-shadow: inset 0 0 12px 4px #fff;
    visibility: visible !important
}

.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder:after {
    content: "!";
    visibility: hidden
}

.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2)
}

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

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

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

.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 {
    background: #f8f8f8;
    border-bottom: 1px solid #d0d0d0;
    border-radius: 3px 3px 0 0;
    padding: 10px 8px;
    position: relative
}

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

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

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

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

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

.plugin-dropdown_input.dropdown-active .items-placeholder,
.plugin-dropdown_input.has-items .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::-ms-input-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;
    flex-basis: 0;
    flex-grow: 1;
    min-width: 0
}

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

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

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

.ts-wrapper.plugin-remove_button .item {
    align-items: center;
    display: inline-flex;
    padding-right: 0 !important
}

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

.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 {
    font-size: 23px;
    position: absolute;
    right: 0;
    top: 0
}

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

.ts-wrapper {
    position: relative
}

.ts-control,
.ts-control input,
.ts-dropdown {
    font-smoothing: inherit;
    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-control {
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    box-shadow: none;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    padding: 8px;
    position: relative;
    width: 100%;
    z-index: 1
}

.ts-wrapper.multi.has-items .ts-control {
    padding: 6px 8px 3px
}

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

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

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

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

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

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

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

.ts-control>input {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    display: inline-block !important;
    flex: 1 1 auto;
    line-height: inherit !important;
    margin: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    min-height: 0 !important;
    min-width: 7rem;
    padding: 0 !important;
    text-indent: 0 !important;
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    user-select: auto !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 {
    background-color: #fafafa;
    opacity: .5
}

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

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

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

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

.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option {
    padding: 5px 8px
}

.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
    cursor: inherit;
    opacity: .5
}

.ts-dropdown [data-selectable].option {
    cursor: pointer;
    opacity: 1
}

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

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

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

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

.ts-dropdown .create {
    color: rgba(48, 48, 48, .5)
}

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

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

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

    to {
        transform: rotate(1turn)
    }
}

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

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

.ts-control {
    border-color: #cbd5e1;
    border-radius: .5rem;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 500;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem .75rem;
    transition-duration: .3s;
    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)
}

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

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

.dark .ts-control:hover {
    border-color: #5c6b8a
}

.input-active .ts-control {
    border-color: #4f46e5
}

.dark .input-active .ts-control {
    border-color: #5f5af6
}

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

.ts-control input::-moz-placeholder,
.ts-control::-moz-placeholder,
.ts-dropdown::-moz-placeholder {
    color: rgba(148, 163, 184, .7)
}

.ts-control input::placeholder,
.ts-control::placeholder,
.ts-dropdown::placeholder {
    color: rgba(148, 163, 184, .7)
}

.dark .ts-control,
.dark .ts-control input,
.dark .ts-dropdown {
    color: #c2c9d6
}

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

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

.ts-dropdown {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    border-color: #e9eef5;
    border-radius: .375rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    overflow: hidden
}

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

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

.dark .ts-dropdown .create {
    color: #c2c9d6
}

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

.dark .ts-dropdown .active,
.dark .ts-dropdown .create:hover,
.dark .ts-dropdown .option:hover {
    background-color: #5f5af6
}

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

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

.dark .ts-wrapper.plugin-remove_button .item .remove {
    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-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath stroke='%235C6B8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
    background-position: 50%;
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.25rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

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

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

.btn:disabled {
    pointer-events: none
}

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

.tag {
    cursor: pointer
}

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

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

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

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

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

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

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

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

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

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

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

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

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

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

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

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    bottom: 2px;
    top: 2px
}

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

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

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

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

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

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

.simplebar-scrollbar:before {
    background-color: rgba(203, 213, 225, .8)
}

.dark .simplebar-scrollbar:before {
    background-color: #5c6b8a
}

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

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

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

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

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

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

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

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

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

.mask.is-squircle {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='207' height='207' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='227' height='227' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='182' height='201' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='182' fill='none'%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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0 1 15.308 0l55.403 22.95a20 20 0 0 1 10.824 10.823l22.949 55.403a20.004 20.004 0 0 1 0 15.308l-22.949 55.403a20.006 20.006 0 0 1-10.824 10.824l-55.403 22.949a20.004 20.004 0 0 1-15.308 0l-55.403-22.949a20 20 0 0 1-10.824-10.824L2.17 106.654a20 20 0 0 1 0-15.308l22.95-55.403a20 20 0 0 1 10.823-10.824L91.346 2.17z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='198' height='198' fill='none'%3E%3Cpath fill='%23000' d='M91.346 2.17a20 20 0 0 1 15.308 0l55.403 22.95a20 20 0 0 1 10.824 10.823l22.949 55.403a20.004 20.004 0 0 1 0 15.308l-22.949 55.403a20.006 20.006 0 0 1-10.824 10.824l-55.403 22.949a20.004 20.004 0 0 1-15.308 0l-55.403-22.949a20 20 0 0 1-10.824-10.824L2.17 106.654a20 20 0 0 1 0-15.308l22.95-55.403a20 20 0 0 1 10.823-10.824L91.346 2.17z'/%3E%3C/svg%3E")
}

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

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

.mask.is-heart {
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 0 1-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 0 0 4.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 0 1-8.653 2.673z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='185' fill='none'%3E%3Cpath fill='%23000' d='M100 184.606a15.382 15.382 0 0 1-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 0 0 4.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 0 1-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 {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform, visibility, opacity;
    white-space: normal
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.tippy-box[data-placement^=top]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px;
    transform: rotate(180deg)
}

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

.tippy-box[data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

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

.tippy-box[data-placement^=left]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px;
    top: calc(50% - 3px);
    transform: rotate(90deg)
}

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

.tippy-box[data-placement^=right]>.tippy-svg-arrow:after,
.tippy-box[data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px;
    top: calc(50% - 3px);
    transform: rotate(-90deg)
}

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

.tippy-svg-arrow,
.tippy-svg-arrow>svg {
    position: absolute
}

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

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

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

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

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

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

.dark .tippy-box {
    background-color: #384766;
    color: #e7e9ef
}

.tippy-svg-arrow svg {
    fill: currentColor;
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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);
    color: #e9eef5
}

.dark .tippy-svg-arrow svg {
    color: #384766
}

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

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

.dark .tippy-box[data-theme~=primary] {
    background-color: #5f5af6
}

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

.dark .tippy-box[data-theme~=primary]>.tippy-svg-arrow svg {
    color: #5f5af6
}

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

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

.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: #10b981;
    color: #fff
}

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

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

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

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

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

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

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

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

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

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

.filepond--data,
.filepond--drip {
    pointer-events: none;
    position: absolute
}

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

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

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

.filepond--drop-label {
    align-items: center;
    color: #4f4f4f;
    display: flex;
    height: 0;
    justify-content: center;
    margin: 0;
    right: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-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;
    line-height: 1.5;
    text-align: center
}

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

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

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

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

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

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

.filepond--file-action-button {
    background-color: rgba(0, 0, 0, .5);
    background-image: none;
    border-radius: 50%;
    box-shadow: 0 0 0 0 hsla(0, 0%, 100%, 0);
    color: #fff;
    cursor: auto;
    transition: box-shadow .25s ease-in
}

.filepond--file-action-button:focus,
.filepond--file-action-button:hover {
    box-shadow: 0 0 0 .125em hsla(0, 0%, 100%, .9)
}

.filepond--file-action-button[disabled] {
    background-color: rgba(0, 0, 0, .25);
    color: hsla(0, 0%, 100%, .5)
}

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

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

.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 {
    background: transparent;
    border: none;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    margin: 0 0 0 .25em;
    outline: none;
    padding: 0;
    pointer-events: all;
    position: absolute
}

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

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

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

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

.filepond--file-info .filepond--file-info-main {
    font-size: .75em;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    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 {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    min-width: 2.25em;
    pointer-events: none;
    position: static;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform, opacity
}

.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;
    height: 100%;
    margin: 0;
    min-width: 0;
    padding: 0
}

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

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

.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;
    -ms-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 {
    -webkit-animation: fall .5s linear .125s both;
    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 {
    -webkit-animation: shake .65s linear both;
    animation: shake .65s linear both
}

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

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes shake {

    10%,
    90% {
        -webkit-transform: translateX(-.0625em);
        transform: translateX(-.0625em)
    }

    20%,
    80% {
        -webkit-transform: translateX(.125em);
        transform: translateX(.125em)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translateX(-.25em);
        transform: translateX(-.25em)
    }

    40%,
    60% {
        -webkit-transform: translateX(.25em);
        transform: translateX(.25em)
    }
}

@keyframes shake {

    10%,
    90% {
        -webkit-transform: translateX(-.0625em);
        transform: translateX(-.0625em)
    }

    20%,
    80% {
        -webkit-transform: translateX(.125em);
        transform: translateX(.125em)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translateX(-.25em);
        transform: translateX(-.25em)
    }

    40%,
    60% {
        -webkit-transform: translateX(.25em);
        transform: translateX(.25em)
    }
}

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

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

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

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

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

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

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

.filepond--hopper[data-hopper-state=drag-over]:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 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 {
    left: 0;
    margin: .25em;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform, opacity;
    z-index: 1
}

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

.filepond--item>.filepond--panel .filepond--panel-bottom {
    box-shadow: 0 .0625em .125em -.0625em rgba(0, 0, 0, .25)
}

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

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

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

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

.filepond--item[data-drag-state=drag]>.filepond--panel {
    box-shadow: 0 .125em .3125em rgba(0, 0, 0, .325)
}

.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 {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    will-change: transform
}

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

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

.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-clip: content-box;
    background-color: rgba(0, 0, 0, .3);
    border: .3125em solid transparent;
    border-radius: 99999px
}

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

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

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

.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 {
    align-items: center;
    bottom: 0;
    display: flex;
    height: auto;
    justify-content: 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 {
    height: 100%;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden
}

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

.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--file-info,
.filepond--root[data-style-panel-layout~=circle] .filepond--file-status,
.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>* {
    display: none
}

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

@media not all and (-webkit-min-device-pixel-ratio:0),
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 {
    background-color: #f1f0ef;
    border-radius: .5em
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    contain: layout style size;
    direction: ltr;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 450;
    line-height: normal;
    margin-bottom: 1em;
    position: relative;
    text-align: left;
    text-rendering: optimizeLegibility
}

.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-bottom: 1em;
    margin-top: 1em
}

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

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

.filepond--image-preview-markup {
    left: 0;
    position: absolute;
    top: 0
}

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

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

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

.filepond--image-preview-overlay-idle {
    color: rgba(40, 40, 40, .85);
    mix-blend-mode: multiply
}

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

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

@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 {
    background: rgba(0, 0, 0, .01);
    border-radius: .45em;
    height: 100%;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

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

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

.filepond--image-bitmap,
.filepond--image-vector {
    left: 0;
    position: absolute;
    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 {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: 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 {
    bottom: 0;
    top: auto;
    -webkit-transform: scaleY(-1);
    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-bottom: .1875em;
    margin-left: .1875em;
    margin-top: 0
}

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

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

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

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

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

.dark .filepond.fp-bordered .filepond--panel-root {
    border-color: #465675
}

.filepond.fp-bg-filled .filepond--panel-root {
    background-color: rgba(233, 238, 245, .8)
}

.dark .filepond.fp-bg-filled .filepond--panel-root {
    background-color: rgba(56, 71, 102, .85)
}

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

.dark .filepond--drop-label label {
    color: #c2c9d6
}

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

.dark .filepond.label-icon .filepond--drop-label label {
    color: #697a9b
}

.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 {
    height: 1px;
    left: -100000px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

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

.ql-editor {
    word-wrap: break-word;
    box-sizing: border-box;
    height: 100%;
    line-height: 1.42;
    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
}

.ql-editor>* {
    cursor: text
}

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

.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: "\2022"
}

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

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

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

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

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

.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-increment: list-0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.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: rgba(0, 0, 0, .6);
    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 .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button:hover {
    color: #06c
}

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

.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:hover .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-stroke.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 {
        fill: #444
    }

    .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,
    .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-stroke.ql-thin,
.ql-snow .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 {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    white-space: pre-wrap
}

.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;
    padding: 2px 4px;
    width: 24px
}

.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 {
    margin-top: -9px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[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-header .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,
.ql-snow .ql-picker.ql-size .ql-picker-label[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-item:before,
.ql-snow .ql-picker.ql-header .ql-picker-label:before {
    content: "Normal"
}

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

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

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

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

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

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,
.ql-snow .ql-picker.ql-header .ql-picker-label[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-item:before,
.ql-snow .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
}

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

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,
.ql-snow .ql-picker.ql-font .ql-picker-label[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-item:before,
.ql-snow .ql-picker.ql-size .ql-picker-label:before {
    content: "Normal"
}

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

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

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,
.ql-snow .ql-picker.ql-size .ql-picker-label[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: 0 2px 8px rgba(0, 0, 0, .2)
}

.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: 0
}

.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] {
    border: 1px solid #ccc;
    display: none;
    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: 0;
    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
}

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

.ql-header-filled .ql-toolbar.ql-snow {
    background-color: rgba(233, 238, 245, .8)
}

.dark .ql-header-filled .ql-toolbar.ql-snow {
    background-color: rgba(56, 71, 102, .85)
}

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

.ql-container.ql-snow {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, 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-fill,
.ql-snow .ql-picker,
.ql-snow .ql-stroke,
.ql-snow .ql-stroke.ql-fill {
    color: #475569
}

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

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

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

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

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

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

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    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 {
    display: block;
    z-index: 999
}

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

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

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

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

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

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

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

.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
    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:after,
.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

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

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

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

.flatpickr-calendar:focus {
    outline: 0
}

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

.flatpickr-months {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    -webkit-box-flex: 1;
    background: #eceef1;
    border-radius: 5px 5px 0 0;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1;
    overflow: hidden;
    position: relative;
    text-align: center
}

.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    fill: #5a6171;
    color: #5a6171;
    height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    cursor: pointer;
    padding: 10px;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 3
}

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

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

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

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

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

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

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

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

.numInputWrapper {
    height: auto;
    position: relative
}

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

.numInputWrapper input {
    width: 100%
}

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

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

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

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    content: "";
    display: block;
    position: absolute
}

.numInputWrapper span.arrowUp {
    border-bottom: 0;
    top: 0
}

.numInputWrapper span.arrowUp:after {
    border-bottom: 4px solid rgba(72, 72, 72, .6);
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    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 {
    height: auto;
    width: inherit
}

.numInputWrapper span svg path {
    fill: rgba(90, 97, 113, .5)
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    color: inherit;
    display: inline-block;
    font-size: 135%;
    font-weight: 300;
    height: 34px;
    left: 12.5%;
    line-height: inherit;
    line-height: 1;
    padding: 7.48px 0 0;
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 75%
}

.flatpickr-current-month span.cur-month {
    color: inherit;
    display: inline-block;
    font-family: inherit;
    font-weight: 700;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0
}

.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 {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    display: inline-block;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 0 0 0 .5ch;
    vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    background: transparent;
    color: rgba(90, 97, 113, .5);
    font-size: 100%;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    background: #eceef1;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: 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;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    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 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #eceef1;
    height: 28px;
    overflow: hidden;
    text-align: center;
    width: 100%
}

.flatpickr-weekdays,
.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-weekdays .flatpickr-weekdaycontainer,
span.flatpickr-weekday {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    background: #eceef1;
    color: #5a6171;
    cursor: default;
    display: block;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    margin: 0;
    text-align: center
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    border-left: 1px solid #eceef1;
    border-right: 1px solid #eceef1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    -ms-flex-pack: justify;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    max-width: 307.875px;
    min-width: 307.875px;
    opacity: 1;
    outline: 0;
    padding: 0;
    text-align: left;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 307.875px
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #eceef1;
    box-shadow: -1px 0 0 #eceef1
}

.flatpickr-day {
    -ms-flex-preferred-size: 14.2857143%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #484848;
    cursor: pointer;
    display: inline-block;
    -webkit-flex-basis: 14.2857143%;
    flex-basis: 14.2857143%;
    font-weight: 400;
    height: 39px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 39px;
    margin: 0;
    max-width: 39px;
    position: relative;
    text-align: center;
    width: 14.2857143%
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background: #e2e2e2;
    border-color: #e2e2e2;
    cursor: pointer;
    outline: 0
}

.flatpickr-day.today {
    border-color: #bbb
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    background: #bbb;
    border-color: #bbb;
    color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background: #ff5a5f;
    border-color: #ff5a5f;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #ff5a5f;
    box-shadow: -10px 0 0 #ff5a5f
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2;
    box-shadow: -5px 0 0 #e2e2e2, 5px 0 0 #e2e2e2
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
    background: transparent;
    border-color: transparent;
    color: rgba(72, 72, 72, .3);
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(72, 72, 72, .1);
    cursor: not-allowed
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f;
    box-shadow: -5px 0 0 #ff5a5f, 5px 0 0 #ff5a5f
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    border-left: 1px solid #eceef1;
    padding: 0 12px
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    line-height: 28px;
    width: 100%
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    background: transparent;
    border: none;
    color: rgba(72, 72, 72, .3);
    cursor: default;
    display: block;
    max-width: none;
    width: 100%
}

.flatpickr-innerContainer {
    background: #fff;
    border-bottom: 1px solid #eceef1;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.flatpickr-innerContainer,
.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    background: #fff;
    border-radius: 0 0 5px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    outline: 0;
    overflow: hidden;
    text-align: center
}

.flatpickr-time:after {
    clear: both;
    content: "";
    display: table
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    float: left;
    height: 40px;
    width: 40%
}

.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 {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #484848;
    font-size: 14px;
    height: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center
}

.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 {
    border: 0;
    outline: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    color: #484848;
    float: left;
    font-weight: 700;
    height: inherit;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 2%
}

.flatpickr-time .flatpickr-am-pm {
    cursor: pointer;
    font-weight: 400;
    outline: 0;
    text-align: center;
    width: 18%
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background: #eaeaea
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

span.flatpickr-day.selected {
    font-weight: 700
}

.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
.flatpickr-months .flatpickr-month,
.flatpickr-weekdays,
span.flatpickr-weekday {
    background-color: #e9eef5;
    color: #475569
}

.dark .flatpickr-current-month .flatpickr-monthDropdown-months,
.dark .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month,
.dark .flatpickr-months .flatpickr-month,
.dark .flatpickr-weekdays,
.dark span.flatpickr-weekday {
    background-color: #384766;
    color: #c2c9d6
}

.flatpickr-current-month {
    align-items: flex-start;
    display: inline-flex;
    font-size: 110%;
    justify-content: space-between
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
    fill: currentColor;
    color: #64748b
}

.dark .flatpickr-months .flatpickr-next-month,
.dark .flatpickr-months .flatpickr-prev-month {
    color: #a3adc2
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background-color: #4f46e5;
    border-color: #4f46e5;
    color: #fff
}

.dark .flatpickr-day.endRange,
.dark .flatpickr-day.endRange.inRange,
.dark .flatpickr-day.endRange.nextMonthDay,
.dark .flatpickr-day.endRange.prevMonthDay,
.dark .flatpickr-day.endRange:focus,
.dark .flatpickr-day.endRange:hover,
.dark .flatpickr-day.selected,
.dark .flatpickr-day.selected.inRange,
.dark .flatpickr-day.selected.nextMonthDay,
.dark .flatpickr-day.selected.prevMonthDay,
.dark .flatpickr-day.selected:focus,
.dark .flatpickr-day.selected:hover,
.dark .flatpickr-day.startRange,
.dark .flatpickr-day.startRange.inRange,
.dark .flatpickr-day.startRange.nextMonthDay,
.dark .flatpickr-day.startRange.prevMonthDay,
.dark .flatpickr-day.startRange:focus,
.dark .flatpickr-day.startRange:hover {
    background-color: #5f5af6 !important;
    border-color: #5f5af6;
    color: #fff
}

.dark .flatpickr-innerContainer,
.dark .flatpickr-time {
    background-color: #26334d;
    border-bottom-color: #384766
}

.dayContainer,
.flatpickr-innerContainer {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

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

.flatpickr-day {
    color: #475569
}

.dark .flatpickr-day {
    color: #c2c9d6
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
    background-color: #e9eef5;
    border-color: #e9eef5
}

.dark .flatpickr-day.inRange,
.dark .flatpickr-day.nextMonthDay.inRange,
.dark .flatpickr-day.nextMonthDay.today.inRange,
.dark .flatpickr-day.nextMonthDay:focus,
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day.prevMonthDay.inRange,
.dark .flatpickr-day.prevMonthDay.today.inRange,
.dark .flatpickr-day.prevMonthDay:focus,
.dark .flatpickr-day.prevMonthDay:hover,
.dark .flatpickr-day.today.inRange,
.dark .flatpickr-day:focus,
.dark .flatpickr-day:hover {
    background-color: #384766;
    border-color: #384766
}

.flatpickr-days {
    border-color: #e9eef5
}

.dark .flatpickr-days {
    border-color: #384766
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time input {
    color: #475569
}

.dark .flatpickr-time .flatpickr-am-pm,
.dark .flatpickr-time .flatpickr-time-separator,
.dark .flatpickr-time input {
    color: #c2c9d6
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
    background-color: #e9eef5
}

.dark .flatpickr-time .flatpickr-am-pm:focus,
.dark .flatpickr-time .flatpickr-am-pm:hover,
.dark .flatpickr-time input:focus,
.dark .flatpickr-time input:hover {
    background-color: #384766
}

.dark .flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #a3adc2
}

.dark .flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #a3adc2
}

.flatpickr-calendar.hasTime .flatpickr-time {
    border-color: #e9eef5
}

.dark .flatpickr-calendar.hasTime .flatpickr-time {
    border-color: #384766
}

.flatpickr-day.inRange {
    box-shadow: -5px 0 0 #e9eef5, 5px 0 0 #e9eef5
}

.dark .flatpickr-day.inRange {
    box-shadow: -5px 0 0 #384766, 5px 0 0 #384766
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #4f46e5
}

.dark .flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.dark .flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.dark .flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    box-shadow: -10px 0 0 #5f5af6
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e9eef5
}

.dark .flatpickr-calendar.arrowTop:after,
.dark .flatpickr-calendar.arrowTop:before {
    border-bottom-color: #384766
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e9eef5
}

.dark .flatpickr-calendar.arrowBottom:after,
.dark .flatpickr-calendar.arrowBottom:before {
    border-top-color: #26334d
}

.dark .flatpickr-current-month input.cur-year[disabled],
.dark .flatpickr-current-month input.cur-year[disabled]:hover {
    color: #697a9b
}

.toastify {
    background: linear-gradient(135deg, #73a5ff, #5477f5);
    border-radius: 2px;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12), 0 10px 36px -4px rgba(77, 96, 232, .3);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    max-width: calc(50% - 20px);
    opacity: 0;
    padding: 12px 20px;
    position: fixed;
    text-decoration: none;
    transition: all .4s cubic-bezier(.215, .61, .355, 1);
    z-index: 2147483647
}

.toastify.on {
    opacity: 1
}

.toast-close {
    background: transparent;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: .4;
    padding: 0 5px
}

.toastify-right {
    right: 15px
}

.toastify-left {
    left: 15px
}

.toastify-top {
    top: -150px
}

.toastify-bottom {
    bottom: -150px
}

.toastify-rounded {
    border-radius: 25px
}

.toastify-avatar {
    border-radius: 2px;
    height: 1.5em;
    margin: -7px 5px;
    width: 1.5em
}

.toastify-center {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: fit-content;
    max-width: -moz-fit-content;
    right: 0
}

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

    .toastify-left,
    .toastify-right {
        left: 0;
        margin-left: auto;
        margin-right: auto;
        max-width: -moz-fit-content;
        max-width: fit-content;
        right: 0
    }
}

.toastify {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: #e2e8f0;
    background-image: none;
    border-radius: .25rem;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    color: #1e293b;
    font-weight: 500;
    z-index: 10010
}

.dark .toastify {
    background-color: #313e59;
    color: #e7e9ef
}

.toastify.html {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    background-color: transparent;
    border-style: none;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    cursor: auto;
    padding: 0
}

.toastify.primary {
    background-color: #4f46e5;
    color: #fff
}

.dark .toastify.primary {
    background-color: #5f5af6
}

.toastify.secondary {
    background-color: #f000b9;
    color: #fff
}

.toastify.info {
    background-color: #0ea5e9;
    color: #fff
}

.toastify.warning {
    background-color: #ff9800;
    color: #fff
}

.toastify.success {
    background-color: #10b981;
    color: #fff
}

.toastify.error {
    background-color: #ff5724;
    color: #fff
}

.toastify.light {
    background-color: #e2e8f0;
    color: #202b40
}

.toastify.dark {
    background-color: #313e59;
    color: #e2e8f0
}

.steps {
    --size: 2rem;
    --line: .25rem;
    align-items: baseline;
    display: flex
}

.steps.line-space {
    --space: .5rem
}

.steps .step {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    letter-spacing: .025em;
    overflow-wrap: break-word;
    text-align: center
}

.steps .step .step-header {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: var(--size);
    justify-content: center;
    margin: auto auto .5rem;
    position: relative;
    width: var(--size)
}

.steps .step:not(:last-child):before {
    --tw-content: "";
    border-radius: 9999px;
    content: var(--tw-content);
    height: var(--line);
    left: 50%;
    order: -1;
    position: relative;
    top: calc(var(--size)/2 + var(--line)/2)
}

.steps.line-space .step:not(:last-child):before {
    left: calc(50% + var(--size)/2 + var(--space));
    width: calc(100% - var(--size) - var(--space)*2)
}

.steps.is-vertical {
    flex-direction: column
}

.steps.is-vertical .step {
    flex-direction: row;
    position: relative
}

.steps.is-vertical .step .step-header {
    margin: 0;
    z-index: 1
}

.steps.is-vertical .step:not(:last-child):before {
    --tw-translate-x: calc(var(--size)/2 - var(--line)/2);
    bottom: 0;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: var(--line)
}

.steps.is-vertical.line-space .step:not(:last-child):before {
    bottom: var(--space);
    top: calc(var(--size) + var(--space))
}

.timeline {
    --line: 1px;
    --size: 12px;
    display: flex;
    flex-direction: column
}

.timeline.line-space {
    --space: 12px
}

.timeline .timeline-item {
    display: flex;
    flex: 1 1 0%;
    padding-bottom: 2rem;
    position: relative
}

.timeline .timeline-item .timeline-item-point {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: var(--size);
    justify-content: center;
    margin: 0;
    position: relative;
    width: var(--size)
}

.timeline .timeline-item:before {
    --tw-translate-x: calc(var(--size)/2 - var(--line)/2);
    --tw-content: "";
    bottom: 0;
    content: var(--tw-content);
    left: 0;
    order: -1;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: var(--line)
}

.timeline .timeline-item:not(:last-child):before {
    background-color: #cbd5e1
}

.dark .timeline .timeline-item:not(:last-child):before {
    background-color: #5c6b8a
}

.timeline .timeline-item:last-child:before {
    --tw-gradient-from: #cbd5e1;
    --tw-gradient-to: rgba(203, 213, 225, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: transparent;
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.dark .timeline .timeline-item:last-child:before {
    --tw-gradient-from: #5c6b8a;
    --tw-gradient-to: rgba(92, 107, 138, 0);
    --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 {
    bottom: var(--space);
    top: calc(var(--size) + var(--space))
}

.pagination {
    color: #475569;
    display: flex;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-weight: 500
}

.dark .pagination {
    color: #c2c9d6
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    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")
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.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 {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    -ms-overflow-style: none;
    overflow: auto;
    scrollbar-width: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0
}

.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 {
    height: var(--swiper-virtual-size);
    width: 1px
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    cursor: pointer;
    display: flex;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    cursor: auto;
    opacity: 0;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.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 {
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.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: translateX(-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: transform .2s, left .2s
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: left top;
    width: 100%
}

.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-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.swiper .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    flex-direction: column;
    flex-wrap: wrap
}

.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-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.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-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow {
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    background: #000;
    bottom: 0;
    content: "";
    filter: blur(50px);
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transform-origin: center bottom
}

:root {
    --swiper-pagination-color: #4f46e5;
    --swiper-theme-color: #7e75fa;
    --swiper-navigation-size: 24px
}

.parallax-bg {
    background-position: 50%;
    background-size: cover;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 130%
}

.apexcharts-text {
    fill: currentColor;
    color: #64748b;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important
}

.dark .apexcharts-text {
    color: #a3adc2
}

.apexcharts-text.apexcharts-xaxis-label,
.apexcharts-text.apexcharts-yaxis-label {
    fill: currentColor !important;
    color: #94a3b8
}

.dark .apexcharts-text.apexcharts-xaxis-label,
.dark .apexcharts-text.apexcharts-yaxis-label {
    color: #697a9b
}

.apexcharts-legend-text {
    color: #64748b !important
}

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

.apexcharts-legend-series .apexcharts-legend-text {
    margin-left: .5rem !important
}

.apexcharts-tooltip {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    background-color: hsla(0, 0%, 100%, .85) !important;
    border-color: #e9eef5 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
    color: #334155 !important
}

.dark .apexcharts-tooltip {
    background-color: rgba(38, 51, 77, .85) !important;
    border-color: #313e59 !important;
    color: #e7e9ef !important
}

.apexcharts-tooltip-title {
    background-color: #e9eef5 !important;
    border-color: #e9eef5 !important
}

.dark .apexcharts-tooltip-title {
    background-color: #192132 !important;
    border-color: transparent !important
}

.apexcharts-xaxistooltip,
.apexcharts-yaxistooltip {
    background-color: #e9eef5 !important;
    border-color: #cbd5e1 !important;
    border-radius: .25rem;
    color: #475569 !important
}

.dark .apexcharts-xaxistooltip,
.dark .apexcharts-yaxistooltip {
    background-color: #192132 !important;
    border-color: #313e59 !important;
    color: #c2c9d6 !important
}

.apexcharts-xaxistooltip:before {
    border-bottom-color: currentColor !important;
    color: #cbd5e1
}

.dark .apexcharts-xaxistooltip:before {
    color: #313e59 !important
}

.apexcharts-xaxistooltip:after {
    border-bottom-color: currentColor !important;
    color: #e9eef5
}

.dark .apexcharts-xaxistooltip:after {
    color: #192132
}

.apexcharts-yaxistooltip:before {
    border-left-color: currentColor !important;
    color: #cbd5e1
}

.dark .apexcharts-yaxistooltip:before {
    color: #313e59
}

.apexcharts-yaxistooltip:after {
    border-left-color: currentColor !important;
    color: #e9eef5
}

.dark .apexcharts-yaxistooltip:after {
    color: #192132
}

.apexcharts-canvas .apexcharts-heatmap-rect,
.apexcharts-canvas .apexcharts-xaxis-tick,
.apexcharts-canvas line {
    stroke: currentColor !important;
    color: #e2e8f0
}

.dark .apexcharts-canvas .apexcharts-heatmap-rect,
.dark .apexcharts-canvas .apexcharts-xaxis-tick,
.dark .apexcharts-canvas line {
    color: #384766
}

.apexcharts-canvas .apexcharts-marker {
    stroke: currentColor !important;
    color: #e9eef5
}

.dark .apexcharts-canvas .apexcharts-marker {
    color: #202b40
}

.apexcharts-canvas .apexcharts-radialbar-track .apexcharts-radialbar-area {
    stroke: currentColor !important;
    color: #e9eef5
}

.dark .apexcharts-canvas .apexcharts-radialbar-track .apexcharts-radialbar-area {
    color: #192132
}

.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #475569;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-label {
    fill: #c2c9d6
}

.apexcharts-canvas .apexcharts-datalabels .apexcharts-datalabel,
.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #64748b;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.dark .apexcharts-canvas .apexcharts-datalabels .apexcharts-datalabel,
.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
    fill: #a3adc2
}

.apexcharts-canvas .apexcharts-radar-series polygon {
    fill: #f1f5f9;
    stroke: #e2e8f0
}

.dark .apexcharts-canvas .apexcharts-radar-series polygon {
    fill: #202b40;
    stroke: #313e59
}

.apexcharts-canvas .apexcharts-pie .apexcharts-pie-series .apexcharts-pie-area {
    stroke: none
}

.apexcharts-canvas line[stroke=transparent] {
    display: none
}

.apexcharts-menu {
    background-color: #fff !important;
    border-color: #e9eef5 !important;
    border-radius: .25rem !important
}

.dark .apexcharts-menu {
    background-color: #26334d !important;
    border-color: #384766 !important
}

.apexcharts-menu .apexcharts-menu-item:hover {
    background-color: #f1f5f9 !important
}

.dark .apexcharts-menu .apexcharts-menu-item:hover {
    background-color: #313e59 !important
}

.ax-transparent-gridline .apexcharts-gridline {
    stroke: transparent !important
}

.ax-rounded-b-lg .apexcharts-svg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

table.is-hoverable>tbody>tr:hover>td,
table.is-zebra>tbody>tr:nth-child(2n)>td {
    background-color: #f1f5f9
}

.dark table.is-hoverable>tbody>tr:hover>td,
.dark table.is-zebra>tbody>tr:nth-child(2n)>td {
    background-color: #313e59
}

.gridjs-table {
    text-align: left;
    width: 100%
}

.gridjs-table>tbody>tr:hover>td {
    background-color: #f1f5f9
}

.dark .gridjs-table>tbody>tr:hover>td {
    background-color: #313e59
}

th.gridjs-th .gridjs-th-content {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis
}

.gridjs-table .gridjs-th {
    background-color: #e2e8f0;
    color: #1e293b;
    font-weight: 600;
    padding: .75rem;
    text-transform: uppercase;
    white-space: nowrap
}

.dark .gridjs-table .gridjs-th {
    background-color: #202b40;
    color: #c2c9d6
}

@media (min-width:1024px) {
    .gridjs-table .gridjs-th {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.gridjs-table .gridjs-tr {
    border-color: transparent transparent #e2e8f0;
    border-width: 1px
}

.dark .gridjs-table .gridjs-tr {
    border-bottom-color: #384766
}

.gridjs-table .gridjs-td {
    padding: .75rem 1rem;
    white-space: nowrap
}

@media (min-width:640px) {
    .gridjs-table .gridjs-td {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

button.gridjs-sort {
    --neutral: url("data:image/svg+xml;charset=utf-8,%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.424 3.613-3.616 5.427-7.898 5.427-12.847s-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.331c-3.617 3.617-5.424 7.901-5.424 12.85 0 4.948 1.807 9.231 5.424 12.847 3.621 3.617 7.902 5.424 12.85 5.424zM328.905 237.549H73.092c-4.952 0-9.233 1.808-12.85 5.421-3.617 3.617-5.424 7.898-5.424 12.847s1.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.906c3.613-3.614 5.427-7.898 5.427-12.848 0-4.948-1.813-9.229-5.427-12.847-3.614-3.616-7.899-5.42-12.848-5.42z'/%3E%3C/svg%3E");
    --asc: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 292.362 292.361'%3E%3Cpath d='M286.935 197.287 159.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.287C1.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.813c4.949 0 9.233-1.808 12.848-5.425 3.613-3.613 5.427-7.898 5.427-12.847s-1.814-9.23-5.427-12.847z'/%3E%3C/svg%3E");
    --desc: url("data:image/svg+xml;charset=utf-8,%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.424C1.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.428s9.233-1.811 12.847-5.428L286.935 95.074c3.613-3.617 5.427-7.898 5.427-12.847 0-4.948-1.814-9.229-5.427-12.85z'/%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 {
    background-repeat: no-repeat;
    border-style: none;
    cursor: pointer;
    float: right;
    height: .75rem;
    margin: .25rem 0 0;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: 0;
    width: .75rem
}

button.gridjs-sort-neutral {
    background-color: #94a3b8;
    -webkit-mask-image: var(--neutral);
    mask-image: var(--neutral);
    -webkit-mask-size: cover;
    mask-size: cover
}

.dark button.gridjs-sort-neutral {
    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
}

.dark button.gridjs-sort-asc,
.dark button.gridjs-sort-desc {
    background-color: #c2c9d6
}

.gridjs-input.gridjs-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: #cbd5e1;
    border-radius: .5rem;
    border-width: 1px;
    font-weight: 500;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding: .5rem .75rem
}

.dark .gridjs-input.gridjs-search-input {
    background-color: #26334d;
    border-color: #465675;
    color: #c2c9d6
}

.gridjs-pages {
    display: flex;
    flex-wrap: wrap
}

.gridjs-pages>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.gridjs-pages {
    color: #475569
}

.dark .gridjs-pages {
    color: #cbd5e1
}

.gridjs-pages button {
    align-items: center;
    background-color: #e9eef5;
    border-radius: 9999px;
    display: flex;
    height: 2rem;
    justify-content: center;
    line-height: 1.25;
    min-width: 2rem;
    padding-left: .75rem;
    padding-right: .75rem;
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.gridjs-pages button:focus,
.gridjs-pages button:hover {
    background-color: #cbd5e1
}

.gridjs-pages button:disabled {
    opacity: .6;
    pointer-events: none
}

.dark .gridjs-pages button {
    background-color: #384766
}

.dark .gridjs-pages button:focus,
.dark .gridjs-pages button:hover {
    background-color: #465675
}

.gridjs-pages button.gridjs-currentPage {
    background-color: #4f46e5;
    color: #fff
}

.dark .gridjs-pages button.gridjs-currentPage {
    background-color: #5f5af6
}

.gridjs-wrapper {
    min-width: 100%;
    overflow-x: auto
}

.gridjs-search {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem
}

@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-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.gridjs-pagination {
    padding: 1rem
}

@media (min-width:640px) {
    .gridjs-pagination {
        align-items: center;
        flex-direction: row
    }

    .gridjs-pagination>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - 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
}

.sticky {
    position: sticky
}

.inset-0 {
    bottom: 0;
    left: 0;
    top: 0
}

.inset-0,
.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.bottom-4 {
    bottom: 1rem
}

.-top-px {
    top: -1px
}

.-right-px {
    right: -1px
}

.right-3 {
    right: .75rem
}

.bottom-3 {
    bottom: .75rem
}

.left-0 {
    left: 0
}

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

.top-\[60px\] {
    top: 60px
}

.top-24 {
    top: 6rem
}

.z-50 {
    z-index: 50
}

.z-\[150\] {
    z-index: 150
}

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

.z-10 {
    z-index: 10
}

.z-\[100\] {
    z-index: 100
}

.z-\[101\] {
    z-index: 101
}

.z-2 {
    z-index: 2
}

.order-first {
    order: -9999
}

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

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

.row-span-2 {
    grid-row: span 2/span 2
}

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

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

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

.m-1 {
    margin: .25rem
}

.m-auto {
    margin: auto
}

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

.m-0 {
    margin: 0
}

.-m-px {
    margin: -1px
}

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

.-m-0 {
    margin: 0
}

.m-2 {
    margin: .5rem
}

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

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

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

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

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

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

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

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

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

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

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

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

.my-0\.5 {
    margin-bottom: .125rem;
    margin-top: .125rem
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-3\.5 {
    margin-bottom: .875rem;
    margin-top: .875rem
}

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

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

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

.mr-3 {
    margin-right: .75rem
}

.-mr-1\.5 {
    margin-right: -.375rem
}

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

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

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

.mr-1\.5 {
    margin-right: .375rem
}

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

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

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

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

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

.mt-0 {
    margin-top: 0
}

.-ml-1 {
    margin-left: -.25rem
}

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

.ml-1 {
    margin-left: .25rem
}

.ml-0\.5 {
    margin-left: .125rem
}

.ml-0 {
    margin-left: 0
}

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

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

.ml-auto {
    margin-left: auto
}

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

.-ml-1\.5 {
    margin-left: -.375rem
}

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

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

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

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

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

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

.mt-16 {
    margin-top: 4rem
}

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

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

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

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

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

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

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

.-mt-16 {
    margin-top: -4rem
}

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

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

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

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

.aspect-square {
    aspect-ratio: 1/1
}

.h-full {
    height: 100%
}

.h-48 {
    height: 12rem
}

.h-11 {
    height: 2.75rem
}

.h-7 {
    height: 1.75rem
}

.h-12 {
    height: 3rem
}

.h-3\.5 {
    height: .875rem
}

.h-3 {
    height: .75rem
}

.h-14 {
    height: 3.5rem
}

.h-8 {
    height: 2rem
}

.h-4\.5 {
    height: 1.125rem
}

.h-4 {
    height: 1rem
}

.h-9 {
    height: 2.25rem
}

.h-5 {
    height: 1.25rem
}

.h-18 {
    height: 4.5rem
}

.h-6 {
    height: 1.5rem
}

.h-\[calc\(100\%-4\.5rem\)\] {
    height: calc(100% - 4.5rem)
}

.h-10 {
    height: 2.5rem
}

.h-5\.5 {
    height: 1.375rem
}

.h-px {
    height: 1px
}

.h-28 {
    height: 7rem
}

.h-16 {
    height: 4rem
}

.h-1\.5 {
    height: .375rem
}

.h-1 {
    height: .25rem
}

.h-20 {
    height: 5rem
}

.h-2 {
    height: .5rem
}

.h-\[61px\] {
    height: 61px
}

.h-\[60px\] {
    height: 60px
}

.h-\[calc\(100vh-8\.5rem\)\] {
    height: calc(100vh - 8.5rem)
}

.h-56 {
    height: 14rem
}

.h-24 {
    height: 6rem
}

.h-\[calc\(100\%-2\.5rem\)\] {
    height: calc(100% - 2.5rem)
}

.h-36 {
    height: 9rem
}

.h-80 {
    height: 20rem
}

.h-64 {
    height: 16rem
}

.h-44 {
    height: 11rem
}

.h-40 {
    height: 10rem
}

.h-2\.5 {
    height: .625rem
}

.h-72 {
    height: 18rem
}

.max-h-\[calc\(100vh-6rem\)\] {
    max-height: calc(100vh - 6rem)
}

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

.max-h-96 {
    max-height: 24rem
}

.max-h-\[calc\(100vh-120px\)\] {
    max-height: calc(100vh - 120px)
}

.w-full {
    width: 100%
}

.w-48 {
    width: 12rem
}

.w-11 {
    width: 2.75rem
}

.w-7 {
    width: 1.75rem
}

.w-12 {
    width: 3rem
}

.w-3\.5 {
    width: .875rem
}

.w-3 {
    width: .75rem
}

.w-64 {
    width: 16rem
}

.w-14 {
    width: 3.5rem
}

.w-8 {
    width: 2rem
}

.w-4\.5 {
    width: 1.125rem
}

.w-4 {
    width: 1rem
}

.w-5 {
    width: 1.25rem
}

.w-9 {
    width: 2.25rem
}

.w-6 {
    width: 1.5rem
}

.w-10 {
    width: 2.5rem
}

.w-5\.5 {
    width: 1.375rem
}

.w-16 {
    width: 4rem
}

.w-8\/12 {
    width: 66.666667%
}

.w-6\/12 {
    width: 50%
}

.w-20 {
    width: 5rem
}

.w-7\/12 {
    width: 58.333333%
}

.w-4\/12 {
    width: 33.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-9\/12 {
    width: 75%
}

.w-px {
    width: 1px
}

.w-80 {
    width: 20rem
}

.w-60 {
    width: 15rem
}

.w-2 {
    width: .5rem
}

.w-\[calc\(100vw-2rem\)\] {
    width: calc(100vw - 2rem)
}

.w-36 {
    width: 9rem
}

.w-56 {
    width: 14rem
}

.w-32 {
    width: 8rem
}

.w-0 {
    width: 0
}

.w-40 {
    width: 10rem
}

.w-72 {
    width: 18rem
}

.w-max {
    width: max-content
}

.w-28 {
    width: 7rem
}

.w-24 {
    width: 6rem
}

.w-18 {
    width: 4.5rem
}

.\!w-10\/12 {
    width: 83.333333% !important
}

.w-10\/12 {
    width: 83.333333%
}

.w-1\.5 {
    width: .375rem
}

.w-1 {
    width: .25rem
}

.w-5\/12 {
    width: 41.666667%
}

.w-1\/12 {
    width: 8.333333%
}

.w-3\/12 {
    width: 25%
}

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

.w-2\.5 {
    width: .625rem
}

.min-w-\[1\.125rem\] {
    min-width: 1.125rem
}

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

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

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

.min-w-\[1\.25rem\] {
    min-width: 1.25rem
}

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

.min-w-\[1\.75rem\] {
    min-width: 1.75rem
}

.min-w-\[2\.5rem\] {
    min-width: 2.5rem
}

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

.max-w-\[26rem\] {
    max-width: 26rem
}

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

.max-w-\[16rem\] {
    max-width: 16rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-xs {
    max-width: 20rem
}

.max-w-xl {
    max-width: 36rem
}

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

.max-w-2xl {
    max-width: 42rem
}

.max-w-screen-lg {
    max-width: 1024px
}

.flex-1 {
    flex: 1 1 0%
}

.shrink-0 {
    flex-shrink: 0
}

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

.origin-top {
    transform-origin: top
}

.origin-center {
    transform-origin: center
}

.origin-bottom {
    transform-origin: bottom
}

.translate-x-full {
    --tw-translate-x: 100%
}

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

.translate-x-0 {
    --tw-translate-x: 0
}

.translate-y-full {
    --tw-translate-y: 100%
}

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

.translate-y-0 {
    --tw-translate-y: 0
}

.-translate-x-full {
    --tw-translate-x: -100%
}

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

.translate-x-1\/4 {
    --tw-translate-x: 25%
}

.translate-y-1\/4 {
    --tw-translate-y: 25%
}

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

.rotate-45 {
    --tw-rotate: 45deg
}

.rotate-180 {
    --tw-rotate: 180deg
}

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

.rotate-90 {
    --tw-rotate: 90deg
}

.-rotate-180 {
    --tw-rotate: -180deg
}

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

.rotate-\[135deg\] {
    --tw-rotate: 135deg
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

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

.scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1
}

.scale-105 {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

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

.scale-95 {
    --tw-scale-x: .95;
    --tw-scale-y: .95
}

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

@keyframes ping {

    75%,
    to {
        opacity: 0;
        transform: scale(2)
    }
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, .2, 1) infinite
}

@keyframes pulse {
    50% {
        opacity: .5
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

@keyframes spin {
    to {
        transform: rotate(1turn)
    }
}

.animate-spin {
    animation: spin 1s linear infinite
}

@keyframes fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

.animate-\[cubic-bezier\(0\.4\2c 0\2c 0\.2\2c 1\)_fade-out_500ms_forwards\] {
    animation: fade-out .5s cubic-bezier(.4, 0, .2, 1) forwards
}

.cursor-pointer {
    cursor: pointer
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

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

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

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

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

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

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

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

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

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

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

.flex-wrap {
    flex-wrap: wrap
}

.place-content-center {
    place-content: center
}

.place-items-start {
    place-items: start
}

.place-items-center {
    place-items: center
}

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

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

.items-center {
    align-items: center
}

.items-baseline {
    align-items: baseline
}

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

.justify-center {
    justify-content: center
}

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

.gap-3 {
    gap: .75rem
}

.gap-2 {
    gap: .5rem
}

.gap-4 {
    gap: 1rem
}

.gap-1 {
    gap: .25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-12 {
    gap: 3rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-x-4 {
    column-gap: 1rem
}

.gap-y-8 {
    row-gap: 2rem
}

.gap-y-4 {
    row-gap: 1rem
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem*var(--tw-space-y-reverse));
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.625rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.625rem*var(--tw-space-x-reverse))
}

.space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.375rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.375rem*var(--tw-space-x-reverse))
}

.space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.25rem*var(--tw-space-x-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.25rem*var(--tw-space-y-reverse));
    margin-top: calc(.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.-space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-.75rem*var(--tw-space-x-reverse))
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-.5rem*var(--tw-space-x-reverse))
}

.space-x-5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.25rem*var(--tw-space-x-reverse))
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.375rem*var(--tw-space-y-reverse));
    margin-top: calc(.375rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.875rem*var(--tw-space-y-reverse));
    margin-top: calc(.875rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.625rem*var(--tw-space-y-reverse));
    margin-top: calc(.625rem*(1 - var(--tw-space-y-reverse)))
}

.-space-x-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-.375rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-.375rem*var(--tw-space-x-reverse))
}

.-space-x-1>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-.25rem*var(--tw-space-x-reverse))
}

.space-x-0\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.125rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.125rem*var(--tw-space-x-reverse))
}

.space-x-0>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(0px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(0px*var(--tw-space-x-reverse))
}

.space-x-3\.5>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.875rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.875rem*var(--tw-space-x-reverse))
}

.-space-x-px>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-1px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-1px*var(--tw-space-x-reverse))
}

.space-x-7>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.75rem*var(--tw-space-x-reverse))
}

.space-y-9>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.25rem*var(--tw-space-y-reverse));
    margin-top: calc(2.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(1.5rem*var(--tw-space-x-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-20>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(5rem*var(--tw-space-y-reverse));
    margin-top: calc(5rem*(1 - var(--tw-space-y-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

.divide-slate-150>:not([hidden])~:not([hidden]) {
    border-color: #e9eef5
}

.divide-indigo-400>:not([hidden])~:not([hidden]) {
    border-color: #818cf8
}

.divide-yellow-400>:not([hidden])~:not([hidden]) {
    border-color: #facc15
}

.divide-sky-400>:not([hidden])~:not([hidden]) {
    border-color: #38bdf8
}

.self-stretch {
    align-self: stretch
}

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

.overflow-y-hidden {
    overflow-y: hidden
}

.overscroll-contain {
    overscroll-behavior: contain
}

.text-ellipsis {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.rounded-lg {
    border-radius: .5rem
}

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

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-none {
    border-radius: 0
}

.rounded {
    border-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-b-lg {
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}

.rounded-l-lg {
    border-bottom-left-radius: .5rem;
    border-top-left-radius: .5rem
}

.rounded-l-none {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.rounded-r-lg {
    border-bottom-right-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-l-full {
    border-bottom-left-radius: 9999px;
    border-top-left-radius: 9999px
}

.rounded-r-full {
    border-bottom-right-radius: 9999px;
    border-top-right-radius: 9999px
}

.rounded-r-none {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.rounded-tr-none {
    border-top-right-radius: 0
}

.rounded-tl-lg {
    border-top-left-radius: .5rem
}

.rounded-tr-lg {
    border-top-right-radius: .5rem
}

.rounded-bl-lg {
    border-bottom-left-radius: .5rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.border-2 {
    border-width: 2px
}

.border {
    border-width: 1px
}

.border-4 {
    border-width: 4px
}

.border-\[3px\] {
    border-width: 3px
}

.border-y {
    border-bottom-width: 1px;
    border-top-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t-0 {
    border-top-width: 0
}

.border-l-0 {
    border-left-width: 0
}

.border-r-0 {
    border-right-width: 0
}

.border-b-0 {
    border-bottom-width: 0
}

.border-l-4 {
    border-left-width: 4px
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-slate-150 {
    border-color: #e9eef5
}

.border-white {
    border-color: #fff
}

.border-slate-200 {
    border-color: #e2e8f0
}

.border-slate-300 {
    border-color: #cbd5e1
}

.border-current {
    border-color: currentColor
}

.border-secondary\/30 {
    border-color: rgba(240, 0, 185, .3)
}

.border-info\/30 {
    border-color: rgba(14, 165, 233, .3)
}

.border-success\/30 {
    border-color: rgba(16, 185, 129, .3)
}

.border-primary {
    border-color: #4f46e5
}

.border-transparent {
    border-color: transparent
}

.border-secondary {
    border-color: #f000b9
}

.border-info {
    border-color: #0ea5e9
}

.border-slate-50 {
    border-color: #f8fafc
}

.border-slate-400\/70 {
    border-color: rgba(148, 163, 184, .7)
}

.border-white\/10 {
    border-color: hsla(0, 0%, 100%, .1)
}

.border-primary\/30 {
    border-color: rgba(79, 70, 229, .3)
}

.border-navy-600 {
    border-color: #313e59
}

.border-success {
    border-color: #10b981
}

.border-warning {
    border-color: #ff9800
}

.border-error {
    border-color: #ff5724
}

.border-warning\/30 {
    border-color: rgba(255, 152, 0, .3)
}

.border-error\/30 {
    border-color: rgba(255, 87, 36, .3)
}

.border-slate-500 {
    border-color: #64748b
}

.border-accent {
    border-color: #5f5af6
}

.border-b-slate-200 {
    border-bottom-color: #e2e8f0
}

.border-l-info {
    border-left-color: #0ea5e9
}

.border-l-secondary {
    border-left-color: #f000b9
}

.border-l-warning {
    border-left-color: #ff9800
}

.border-r-transparent {
    border-right-color: transparent
}

.border-r-slate-500 {
    border-right-color: #64748b
}

.border-r-primary {
    border-right-color: #4f46e5
}

.border-r-secondary {
    border-right-color: #f000b9
}

.border-r-info {
    border-right-color: #0ea5e9
}

.border-r-success {
    border-right-color: #10b981
}

.border-r-warning {
    border-right-color: #ff9800
}

.border-r-error {
    border-right-color: #ff5724
}

.border-r-slate-400 {
    border-right-color: #94a3b8
}

.bg-slate-50 {
    background-color: #f8fafc
}

.bg-primary {
    background-color: #4f46e5
}

.bg-white {
    background-color: #fff
}

.bg-primary\/10 {
    background-color: rgba(79, 70, 229, .1)
}

.bg-success {
    background-color: #10b981
}

.bg-slate-100 {
    background-color: #f1f5f9
}

.bg-warning {
    background-color: #ff9800
}

.bg-info {
    background-color: #0ea5e9
}

.bg-secondary {
    background-color: #f000b9
}

.bg-error {
    background-color: #ff5724
}

.bg-slate-150 {
    background-color: #e9eef5
}

.bg-slate-300 {
    background-color: #cbd5e1
}

.bg-slate-200 {
    background-color: #e2e8f0
}

.bg-slate-900\/60 {
    background-color: rgba(15, 23, 42, .6)
}

.bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-secondary\/15 {
    background-color: rgba(240, 0, 185, .15)
}

.bg-success\/15 {
    background-color: rgba(16, 185, 129, .15)
}

.bg-secondary\/10 {
    background-color: rgba(240, 0, 185, .1)
}

.bg-info\/10 {
    background-color: rgba(14, 165, 233, .1)
}

.bg-success\/10 {
    background-color: rgba(16, 185, 129, .1)
}

.bg-black\/30 {
    background-color: rgba(0, 0, 0, .3)
}

.bg-transparent {
    background-color: transparent
}

.bg-warning\/10 {
    background-color: rgba(255, 152, 0, .1)
}

.bg-error\/10 {
    background-color: rgba(255, 87, 36, .1)
}

.bg-black\/20 {
    background-color: rgba(0, 0, 0, .2)
}

.bg-current {
    background-color: currentColor
}

.bg-navy-500 {
    background-color: #384766
}

.bg-navy-600 {
    background-color: #313e59
}

.bg-accent {
    background-color: #5f5af6
}

.bg-slate-500 {
    background-color: #64748b
}

.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-warning\/15 {
    background-color: rgba(255, 152, 0, .15)
}

.bg-info\/15 {
    background-color: rgba(14, 165, 233, .15)
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-error\/15 {
    background-color: rgba(255, 87, 36, .15)
}

.bg-primary\/15 {
    background-color: rgba(79, 70, 229, .15)
}

.bg-navy-900 {
    background-color: #192132
}

.bg-navy-700 {
    background-color: #26334d
}

.bg-primary-focus {
    background-color: #4338ca
}

.bg-secondary-focus {
    background-color: #bd0090
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.from-purple-500 {
    --tw-gradient-from: #a855f7;
    --tw-gradient-to: rgba(168, 85, 247, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500 {
    --tw-gradient-from: #ec4899;
    --tw-gradient-to: rgba(236, 72, 153, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-info {
    --tw-gradient-from: #0ea5e9;
    --tw-gradient-to: rgba(14, 165, 233, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-sky-400 {
    --tw-gradient-from: #38bdf8;
    --tw-gradient-to: rgba(56, 189, 248, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#19213299\] {
    --tw-gradient-from: #19213299;
    --tw-gradient-to: rgba(25, 33, 50, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500 {
    --tw-gradient-from: #3b82f6;
    --tw-gradient-to: rgba(59, 130, 246, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#ffffff55\] {
    --tw-gradient-from: #ffffff55;
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-amber-400 {
    --tw-gradient-from: #fbbf24;
    --tw-gradient-to: rgba(251, 191, 36, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-300 {
    --tw-gradient-from: #f9a8d4;
    --tw-gradient-to: rgba(249, 168, 212, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-secondary-light {
    --tw-gradient-from: #ff57d8;
    --tw-gradient-to: rgba(255, 87, 216, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-400 {
    --tw-gradient-from: #4ade80;
    --tw-gradient-to: rgba(74, 222, 128, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-fuchsia-600 {
    --tw-gradient-from: #c026d3;
    --tw-gradient-to: rgba(192, 38, 211, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-300 {
    --tw-gradient-from: #86efac;
    --tw-gradient-to: rgba(134, 239, 172, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-400 {
    --tw-gradient-from: #818cf8;
    --tw-gradient-to: rgba(129, 140, 248, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#19213266\] {
    --tw-gradient-to: rgba(25, 33, 50, 0);
    --tw-gradient-stops: var(--tw-gradient-from), #19213266, var(--tw-gradient-to)
}

.via-purple-300 {
    --tw-gradient-to: rgba(216, 180, 254, 0);
    --tw-gradient-stops: var(--tw-gradient-from), #d8b4fe, var(--tw-gradient-to)
}

.via-blue-500 {
    --tw-gradient-to: rgba(59, 130, 246, 0);
    --tw-gradient-stops: var(--tw-gradient-from), #3b82f6, var(--tw-gradient-to)
}

.to-orange-600 {
    --tw-gradient-to: #ea580c
}

.to-indigo-600 {
    --tw-gradient-to: #4f46e5
}

.to-rose-500 {
    --tw-gradient-to: #f43f5e
}

.to-info-focus {
    --tw-gradient-to: #0284c7
}

.to-blue-600 {
    --tw-gradient-to: #2563eb
}

.to-transparent {
    --tw-gradient-to: transparent
}

.to-purple-600 {
    --tw-gradient-to: #9333ea
}

.to-\[\#ffffff20\] {
    --tw-gradient-to: #ffffff20
}

.to-indigo-400 {
    --tw-gradient-to: #818cf8
}

.to-secondary {
    --tw-gradient-to: #f000b9
}

.to-fuchsia-400 {
    --tw-gradient-to: #e879f9
}

.to-pink-600 {
    --tw-gradient-to: #db2777
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.object-cover {
    object-fit: cover
}

.object-center {
    object-position: center
}

.object-top {
    object-position: top
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-3 {
    padding: .75rem
}

.p-2\.5 {
    padding: .625rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem
}

.p-1 {
    padding: .25rem
}

.p-6 {
    padding: 1.5rem
}

.p-5 {
    padding: 1.25rem
}

.p-\[3px\] {
    padding: 3px
}

.p-1\.5 {
    padding: .375rem
}

.p-4\.5 {
    padding: 1.125rem
}

.p-3\.5 {
    padding: .875rem
}

.p-px {
    padding: 1px
}

.py-3 {
    padding-bottom: .75rem;
    padding-top: .75rem
}

.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-2 {
    padding-bottom: .5rem;
    padding-top: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-2\.5 {
    padding-bottom: .625rem;
    padding-top: .625rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-1 {
    padding-bottom: .25rem;
    padding-top: .25rem
}

.py-1\.5 {
    padding-bottom: .375rem;
    padding-top: .375rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-0\.5 {
    padding-bottom: .125rem;
    padding-top: .125rem
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0
}

.px-\[calc\(var\(--margin-x\)-\.5rem\)\] {
    padding-left: calc(var(--margin-x) - .5rem);
    padding-right: calc(var(--margin-x) - .5rem)
}

.px-\[calc\(var\(--margin-x\)-\.25rem\)\] {
    padding-left: calc(var(--margin-x) - .25rem);
    padding-right: calc(var(--margin-x) - .25rem)
}

.px-3\.5 {
    padding-left: .875rem;
    padding-right: .875rem
}

.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.px-\[var\(--margin-x\)\] {
    padding-left: var(--margin-x);
    padding-right: var(--margin-x)
}

.px-0\.5 {
    padding-left: .125rem;
    padding-right: .125rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem
}

.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem
}

.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-\[var\(--main-sidebar-width\)\] {
    padding-left: var(--main-sidebar-width)
}

.pl-4 {
    padding-left: 1rem
}

.pr-1 {
    padding-right: .25rem
}

.pl-9 {
    padding-left: 2.25rem
}

.pr-8 {
    padding-right: 2rem
}

.pt-1 {
    padding-top: .25rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pt-1\.5 {
    padding-top: .375rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-0\.5 {
    padding-bottom: .125rem
}

.pb-0 {
    padding-bottom: 0
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-3 {
    padding-top: .75rem
}

.pr-12 {
    padding-right: 3rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pl-\[var\(--margin-x\)\] {
    padding-left: var(--margin-x)
}

.pr-9 {
    padding-right: 2.25rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-2 {
    padding-right: .5rem
}

.pt-0 {
    padding-top: 0
}

.pt-12 {
    padding-top: 3rem
}

.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, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-xs\+ {
    font-size: .8125rem;
    line-height: 1.125rem
}

.text-tiny\+ {
    font-size: .6875rem;
    line-height: .875rem
}

.text-tiny {
    font-size: .625rem;
    line-height: .8125rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-sm\+ {
    font-size: .9375rem;
    line-height: 1.375rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.font-bold {
    font-weight: 700
}

.font-semibold {
    font-weight: 600
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-light {
    font-weight: 300
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.leading-none {
    line-height: 1
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.leading-6 {
    line-height: 1.5rem
}

.leading-relaxed {
    line-height: 1.625
}

.leading-normal {
    line-height: 1.5
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-tight {
    letter-spacing: -.025em
}

.text-primary {
    color: #4f46e5
}

.text-slate-800 {
    color: #1e293b
}

.text-slate-500 {
    color: #64748b
}

.text-white {
    color: #fff
}

.text-slate-700 {
    color: #334155
}

.text-slate-400 {
    color: #94a3b8
}

.text-slate-600 {
    color: #475569
}

.text-secondary {
    color: #f000b9
}

.text-success {
    color: #10b981
}

.text-warning {
    color: #ff9800
}

.text-info {
    color: #0ea5e9
}

.text-error {
    color: #ff5724
}

.text-amber-400 {
    color: #fbbf24
}

.text-transparent {
    color: transparent
}

.text-yellow-500 {
    color: #eab308
}

.text-indigo-100 {
    color: #e0e7ff
}

.text-slate-150 {
    color: #e9eef5
}

.text-sky-100 {
    color: #e0f2fe
}

.text-slate-200 {
    color: #e2e8f0
}

.text-navy-100 {
    color: #c2c9d6
}

.text-accent-light {
    color: #818cf8
}

.text-amber-50 {
    color: #fffbeb
}

.text-pink-100 {
    color: #fce7f3
}

.text-slate-900 {
    color: #0f172a
}

.text-indigo-50 {
    color: #eef2ff
}

.text-navy-700 {
    color: #26334d
}

.text-secondary-light {
    color: #ff57d8
}

.text-yellow-100 {
    color: #fef9c3
}

.underline {
    text-decoration-line: underline
}

.overline {
    text-decoration-line: overline
}

.line-through {
    text-decoration-line: line-through
}

.no-underline {
    text-decoration-line: none
}

.decoration-info {
    text-decoration-color: #0ea5e9
}

.decoration-secondary {
    text-decoration-color: #f000b9
}

.decoration-primary {
    text-decoration-color: #4f46e5
}

.decoration-double {
    text-decoration-style: double
}

.decoration-dotted {
    text-decoration-style: dotted
}

.decoration-dashed {
    text-decoration-style: dashed
}

.decoration-wavy {
    text-decoration-style: wavy
}

.decoration-2 {
    text-decoration-thickness: 2px
}

.placeholder-slate-400::placeholder {
    color: #94a3b8
}

.opacity-80 {
    opacity: .8
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.opacity-40 {
    opacity: .4
}

.opacity-15 {
    opacity: .15
}

.opacity-50 {
    opacity: .5
}

.opacity-75 {
    opacity: .75
}

.opacity-20 {
    opacity: .2
}

.shadow-soft {
    --tw-shadow: 0 3px 10px 0 rgb(48 46 56/6%);
    --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color)
}

.shadow-lg,
.shadow-soft {
    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 rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color)
}

.shadow,
.shadow-sm {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color)
}

.shadow-none,
.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.shadow-primary\/50 {
    --tw-shadow-color: rgba(79, 70, 229, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-warning\/50 {
    --tw-shadow-color: rgba(255, 152, 0, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-info\/50 {
    --tw-shadow-color: rgba(14, 165, 233, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-secondary\/50 {
    --tw-shadow-color: rgba(240, 0, 185, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-slate-200\/50 {
    --tw-shadow-color: rgba(226, 232, 240, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-success\/50 {
    --tw-shadow-color: rgba(16, 185, 129, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.shadow-error\/50 {
    --tw-shadow-color: rgba(255, 87, 36, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

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

.outline {
    outline-style: solid
}

.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)
}

.ring,
.ring-1 {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

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

.ring-primary\/50 {
    --tw-ring-color: rgba(79, 70, 229, .5)
}

.ring-white {
    --tw-ring-color: #fff
}

.ring-primary {
    --tw-ring-color: #4f46e5
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.backdrop-blur {
    --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)
}

.transition-transform {
    transition-duration: .15s;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-colors {
    transition-duration: .15s;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

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

.transition-opacity {
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[padding\2c width\] {
    transition-duration: .15s;
    transition-property: padding, width;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-\[color\2c padding-left\] {
    transition-duration: .15s;
    transition-property: color, padding-left;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-shadow {
    transition-duration: .15s;
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-500 {
    transition-duration: .5s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-\[\.25s\] {
    transition-duration: .25s
}

.duration-100 {
    transition-duration: .1s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

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

.\[transform\:translate3d\(0\2c 1rem\2c 0\)\] {
    transform: translate3d(0, 1rem, 0)
}

.\[transform\:translate3d\(0\2c 0\2c 0\)\] {
    transform: translateZ(0)
}

.\[--size\:1\.5rem\] {
    --size: 1.5rem
}

.\[transform\:translate3d\(1rem\2c 0\2c 0\)\] {
    transform: translate3d(1rem, 0, 0)
}

.\[transform\:translate3d\(0\2c -1rem\2c 0\)\] {
    transform: translate3d(0, -1rem, 0)
}

.\[--size\:1rem\] {
    --size: 1rem
}

.\[--line\:1px\] {
    --line: 1px
}

.\[--size\:2\.75rem\] {
    --size: 2.75rem
}

.\[--line\:\.5rem\] {
    --line: .5rem
}

.\[--size\:\.75rem\] {
    --size: .75rem
}

.\[--fp-grid\:2\] {
    --fp-grid: 2
}

.\[--range-track-h\:3px\] {
    --range-track-h: 3px
}

.\[--range-thumb-size\:12px\] {
    --range-thumb-size: 12px
}

.\[--range-track-h\:8px\] {
    --range-track-h: 8px
}

.\[--range-thumb-size\:24px\] {
    --range-thumb-size: 24px
}

.\[--thumb-border\:6px\] {
    --thumb-border: 6px
}

.\[--thumb-border\:5px\] {
    --thumb-border: 5px
}

.\[--thumb-border\:4px\] {
    --thumb-border: 4px
}

.\[--thumb-border\:3px\] {
    --thumb-border: 3px
}

.\[--fp-grid\:3\] {
    --fp-grid: 3
}

.\[--fp-grid\:4\] {
    --fp-grid: 4
}

.placeholder\:text-slate-400::placeholder {
    color: #94a3b8
}

.placeholder\:text-slate-400\/70::placeholder {
    color: rgba(148, 163, 184, .7)
}

.placeholder\:text-slate-500::placeholder {
    color: #64748b
}

.before\:rounded-md:before {
    border-radius: .375rem;
    content: var(--tw-content)
}

.before\:rounded-full:before {
    border-radius: 9999px;
    content: var(--tw-content)
}

.before\:bg-slate-50:before {
    background-color: #f8fafc;
    content: var(--tw-content)
}

.before\:bg-primary:before {
    background-color: #4f46e5;
    content: var(--tw-content)
}

.before\:bg-slate-300:before {
    background-color: #cbd5e1;
    content: var(--tw-content)
}

.before\:bg-slate-200:before {
    background-color: #e2e8f0;
    content: var(--tw-content)
}

.before\:bg-slate-500:before {
    background-color: #64748b;
    content: var(--tw-content)
}

.before\:bg-secondary:before {
    background-color: #f000b9;
    content: var(--tw-content)
}

.before\:\!bg-info:before {
    background-color: #0ea5e9 !important;
    content: var(--tw-content)
}

.before\:\!bg-success:before {
    background-color: #10b981 !important;
    content: var(--tw-content)
}

.before\:\!bg-warning:before {
    background-color: #ff9800 !important;
    content: var(--tw-content)
}

.before\:\!bg-error:before {
    background-color: #ff5724 !important;
    content: var(--tw-content)
}

.checked\:border-primary:checked {
    border-color: #4f46e5
}

.checked\:border-secondary:checked {
    border-color: #f000b9
}

.checked\:\!border-success:checked {
    border-color: #10b981 !important
}

.checked\:\!border-error:checked {
    border-color: #ff5724 !important
}

.checked\:\!border-warning:checked {
    border-color: #ff9800 !important
}

.checked\:border-slate-500:checked {
    border-color: #64748b
}

.checked\:\!border-info:checked {
    border-color: #0ea5e9 !important
}

.checked\:bg-slate-500:checked {
    background-color: #64748b
}

.checked\:bg-primary:checked {
    background-color: #4f46e5
}

.checked\:bg-secondary:checked {
    background-color: #f000b9
}

.checked\:bg-success:checked {
    background-color: #10b981
}

.checked\:bg-error:checked {
    background-color: #ff5724
}

.checked\:bg-info:checked {
    background-color: #0ea5e9
}

.checked\:bg-warning:checked {
    background-color: #ff9800
}

.checked\:\!bg-info:checked {
    background-color: #0ea5e9 !important
}

.checked\:\!bg-success:checked {
    background-color: #10b981 !important
}

.checked\:\!bg-warning:checked {
    background-color: #ff9800 !important
}

.checked\:\!bg-error:checked {
    background-color: #ff5724 !important
}

.checked\:before\:bg-white:checked:before {
    background-color: #fff;
    content: var(--tw-content)
}

.checked\:before\:bg-primary:checked:before {
    background-color: #4f46e5;
    content: var(--tw-content)
}

.checked\:before\:\!bg-success:checked:before {
    background-color: #10b981 !important;
    content: var(--tw-content)
}

.checked\:before\:bg-secondary:checked:before {
    background-color: #f000b9;
    content: var(--tw-content)
}

.checked\:before\:\!bg-warning:checked:before {
    background-color: #ff9800 !important;
    content: var(--tw-content)
}

.checked\:before\:bg-slate-500:checked:before {
    background-color: #64748b;
    content: var(--tw-content)
}

.checked\:before\:\!bg-info:checked:before {
    background-color: #0ea5e9 !important;
    content: var(--tw-content)
}

.checked\:before\:\!bg-error:checked:before {
    background-color: #ff5724 !important;
    content: var(--tw-content)
}

.focus-within\:\!border-primary:focus-within {
    border-color: #4f46e5 !important
}

.focus-within\:opacity-100:focus-within {
    opacity: 1
}

.hover\:z-10:hover {
    z-index: 10
}

.hover\:rotate-\[360deg\]:hover {
    --tw-rotate: 360deg
}

.hover\:rotate-\[360deg\]:hover,
.hover\:scale-110:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:border-slate-400:hover {
    border-color: #94a3b8
}

.hover\:border-primary:hover {
    border-color: #4f46e5
}

.hover\:border-secondary:hover {
    border-color: #f000b9
}

.hover\:\!border-success:hover {
    border-color: #10b981 !important
}

.hover\:\!border-error:hover {
    border-color: #ff5724 !important
}

.hover\:border-slate-500:hover {
    border-color: #64748b
}

.hover\:\!border-info:hover {
    border-color: #0ea5e9 !important
}

.hover\:\!border-warning:hover {
    border-color: #ff9800 !important
}

.hover\:bg-primary-focus:hover {
    background-color: #4338ca
}

.hover\:bg-primary\/20:hover {
    background-color: rgba(79, 70, 229, .2)
}

.hover\:bg-slate-100:hover {
    background-color: #f1f5f9
}

.hover\:bg-slate-300\/20:hover {
    background-color: rgba(203, 213, 225, .2)
}

.hover\:bg-slate-200:hover {
    background-color: #e2e8f0
}

.hover\:bg-slate-150:hover {
    background-color: #e9eef5
}

.hover\:bg-secondary\/20:hover {
    background-color: rgba(240, 0, 185, .2)
}

.hover\:bg-info\/20:hover {
    background-color: rgba(14, 165, 233, .2)
}

.hover\:bg-success\/20:hover {
    background-color: rgba(16, 185, 129, .2)
}

.hover\:bg-error\/20:hover {
    background-color: rgba(255, 87, 36, .2)
}

.hover\:bg-info-focus:hover {
    background-color: #0284c7
}

.hover\:bg-warning\/20:hover {
    background-color: rgba(255, 152, 0, .2)
}

.hover\:bg-success-focus:hover {
    background-color: #059669
}

.hover\:bg-warning-focus:hover {
    background-color: #e68200
}

.hover\:bg-black\/30:hover {
    background-color: rgba(0, 0, 0, .3)
}

.hover\:bg-white\/20:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.hover\:bg-white\/30:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.hover\:bg-primary\/10:hover {
    background-color: rgba(79, 70, 229, .1)
}

.hover\:bg-primary:hover {
    background-color: #4f46e5
}

.hover\:bg-secondary-focus:hover {
    background-color: #bd0090
}

.hover\:bg-error-focus:hover {
    background-color: #f03000
}

.hover\:bg-navy-450:hover {
    background-color: #465675
}

.hover\:bg-slate-300:hover {
    background-color: #cbd5e1
}

.hover\:bg-info:hover {
    background-color: #0ea5e9
}

.hover\:bg-warning:hover {
    background-color: #ff9800
}

.hover\:bg-secondary:hover {
    background-color: #f000b9
}

.hover\:bg-success:hover {
    background-color: #10b981
}

.hover\:bg-error:hover {
    background-color: #ff5724
}

.hover\:pl-4:hover {
    padding-left: 1rem
}

.hover\:text-primary:hover {
    color: #4f46e5
}

.hover\:text-slate-800:hover {
    color: #1e293b
}

.hover\:text-primary\/70:hover {
    color: rgba(79, 70, 229, .7)
}

.hover\:text-primary-focus:hover {
    color: #4338ca
}

.hover\:text-slate-900:hover {
    color: #0f172a
}

.hover\:text-slate-700:hover {
    color: #334155
}

.hover\:text-error:hover {
    color: #ff5724
}

.hover\:text-white:hover {
    color: #fff
}

.hover\:text-secondary:hover {
    color: #f000b9
}

.hover\:text-success:hover {
    color: #10b981
}

.hover\:text-info:hover {
    color: #0ea5e9
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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)
}

.hover\:shadow-primary\/50:hover {
    --tw-shadow-color: rgba(79, 70, 229, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-slate-200\/50:hover {
    --tw-shadow-color: rgba(226, 232, 240, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-warning\/50:hover {
    --tw-shadow-color: rgba(255, 152, 0, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-info\/50:hover {
    --tw-shadow-color: rgba(14, 165, 233, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-secondary\/50:hover {
    --tw-shadow-color: rgba(240, 0, 185, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-success\/50:hover {
    --tw-shadow-color: rgba(16, 185, 129, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.hover\:shadow-error\/50:hover {
    --tw-shadow-color: rgba(255, 87, 36, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:border-primary:focus {
    border-color: #4f46e5
}

.focus\:border-secondary:focus {
    border-color: #f000b9
}

.focus\:\!border-success:focus {
    border-color: #10b981 !important
}

.focus\:\!border-error:focus {
    border-color: #ff5724 !important
}

.focus\:border-slate-500:focus {
    border-color: #64748b
}

.focus\:\!border-info:focus {
    border-color: #0ea5e9 !important
}

.focus\:\!border-warning:focus {
    border-color: #ff9800 !important
}

.focus\:bg-primary-focus:focus {
    background-color: #4338ca
}

.focus\:bg-primary\/20:focus {
    background-color: rgba(79, 70, 229, .2)
}

.focus\:bg-slate-100:focus {
    background-color: #f1f5f9
}

.focus\:bg-slate-300\/20:focus {
    background-color: rgba(203, 213, 225, .2)
}

.focus\:bg-slate-150:focus {
    background-color: #e9eef5
}

.focus\:bg-slate-200:focus {
    background-color: #e2e8f0
}

.focus\:bg-secondary\/20:focus {
    background-color: rgba(240, 0, 185, .2)
}

.focus\:bg-info\/20:focus {
    background-color: rgba(14, 165, 233, .2)
}

.focus\:bg-success\/20:focus {
    background-color: rgba(16, 185, 129, .2)
}

.focus\:bg-error\/20:focus {
    background-color: rgba(255, 87, 36, .2)
}

.focus\:bg-info-focus:focus {
    background-color: #0284c7
}

.focus\:bg-warning\/20:focus {
    background-color: rgba(255, 152, 0, .2)
}

.focus\:bg-success-focus:focus {
    background-color: #059669
}

.focus\:bg-warning-focus:focus {
    background-color: #e68200
}

.focus\:bg-black\/30:focus {
    background-color: rgba(0, 0, 0, .3)
}

.focus\:bg-white\/20:focus {
    background-color: hsla(0, 0%, 100%, .2)
}

.focus\:bg-white\/30:focus {
    background-color: hsla(0, 0%, 100%, .3)
}

.focus\:bg-primary\/10:focus {
    background-color: rgba(79, 70, 229, .1)
}

.focus\:bg-primary:focus {
    background-color: #4f46e5
}

.focus\:bg-secondary-focus:focus {
    background-color: #bd0090
}

.focus\:bg-error-focus:focus {
    background-color: #f03000
}

.focus\:bg-navy-450:focus {
    background-color: #465675
}

.focus\:bg-slate-300:focus {
    background-color: #cbd5e1
}

.focus\:bg-info:focus {
    background-color: #0ea5e9
}

.focus\:bg-warning:focus {
    background-color: #ff9800
}

.focus\:bg-secondary:focus {
    background-color: #f000b9
}

.focus\:bg-success:focus {
    background-color: #10b981
}

.focus\:bg-error:focus {
    background-color: #ff5724
}

.focus\:text-primary:focus {
    color: #4f46e5
}

.focus\:text-slate-800:focus {
    color: #1e293b
}

.focus\:text-primary\/70:focus {
    color: rgba(79, 70, 229, .7)
}

.focus\:text-navy-800:focus {
    color: #202b40
}

.focus\:text-error:focus {
    color: #ff5724
}

.focus\:text-white:focus {
    color: #fff
}

.focus\:text-secondary:focus {
    color: #f000b9
}

.focus\:text-success:focus {
    color: #10b981
}

.focus\:text-info:focus {
    color: #0ea5e9
}

.focus\:underline:focus {
    text-decoration-line: underline
}

.focus\:opacity-100:focus {
    opacity: 1
}

.focus\:shadow-lg:focus {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(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)
}

.focus\:shadow-primary\/50:focus {
    --tw-shadow-color: rgba(79, 70, 229, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:shadow-slate-200\/50:focus {
    --tw-shadow-color: rgba(226, 232, 240, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:shadow-info\/50:focus {
    --tw-shadow-color: rgba(14, 165, 233, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:shadow-success\/50:focus {
    --tw-shadow-color: rgba(16, 185, 129, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:shadow-error\/50:focus {
    --tw-shadow-color: rgba(255, 87, 36, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:shadow-warning\/50:focus {
    --tw-shadow-color: rgba(255, 152, 0, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.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-primary-focus\/90:active {
    background-color: rgba(67, 56, 202, .9)
}

.active\:bg-primary\/25:active {
    background-color: rgba(79, 70, 229, .25)
}

.active\:bg-slate-300\/25:active {
    background-color: rgba(203, 213, 225, .25)
}

.active\:bg-slate-150\/80:active {
    background-color: rgba(233, 238, 245, .8)
}

.active\:bg-slate-200\/80:active {
    background-color: rgba(226, 232, 240, .8)
}

.active\:bg-secondary\/25:active {
    background-color: rgba(240, 0, 185, .25)
}

.active\:bg-info\/25:active {
    background-color: rgba(14, 165, 233, .25)
}

.active\:bg-success\/25:active {
    background-color: rgba(16, 185, 129, .25)
}

.active\:bg-info-focus\/90:active {
    background-color: rgba(2, 132, 199, .9)
}

.active\:bg-warning\/25:active {
    background-color: rgba(255, 152, 0, .25)
}

.active\:bg-error\/25:active {
    background-color: rgba(255, 87, 36, .25)
}

.active\:bg-success-focus\/90:active {
    background-color: rgba(5, 150, 105, .9)
}

.active\:bg-warning-focus\/90:active {
    background-color: rgba(230, 130, 0, .9)
}

.active\:bg-white\/25:active {
    background-color: hsla(0, 0%, 100%, .25)
}

.active\:bg-secondary-focus\/90:active {
    background-color: rgba(189, 0, 144, .9)
}

.active\:bg-error-focus\/90:active {
    background-color: rgba(240, 48, 0, .9)
}

.active\:bg-navy-450\/90:active {
    background-color: rgba(70, 86, 117, .9)
}

.active\:bg-slate-300\/80:active {
    background-color: rgba(203, 213, 225, .8)
}

.active\:bg-info\/90:active {
    background-color: rgba(14, 165, 233, .9)
}

.active\:bg-warning\/90:active {
    background-color: rgba(255, 152, 0, .9)
}

.active\:bg-primary\/90:active {
    background-color: rgba(79, 70, 229, .9)
}

.active\:bg-secondary\/90:active {
    background-color: rgba(240, 0, 185, .9)
}

.active\:bg-success\/90:active {
    background-color: rgba(16, 185, 129, .9)
}

.active\:bg-error\/90:active {
    background-color: rgba(255, 87, 36, .9)
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none
}

.disabled\:select-none:disabled {
    -webkit-user-select: none;
    user-select: none
}

.disabled\:border-none:disabled {
    border-style: none
}

.disabled\:border-slate-300:disabled {
    border-color: #cbd5e1
}

.disabled\:bg-zinc-100:disabled {
    background-color: #f4f4f5
}

.disabled\:opacity-60:disabled {
    opacity: .6
}

.group:hover .group-hover\:text-primary {
    color: #4f46e5
}

.group:hover .group-hover\:text-slate-500 {
    color: #64748b
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:focus .group-focus\:text-primary {
    color: #4f46e5
}

.group:focus .group-focus\:text-slate-500 {
    color: #64748b
}

.peer:focus~.peer-focus\:text-primary {
    color: #4f46e5
}

.dark .dark\:divide-navy-500>:not([hidden])~:not([hidden]) {
    border-color: #384766
}

.dark .dark\:border-navy-700 {
    border-color: #26334d
}

.dark .dark\:border-navy-600 {
    border-color: #313e59
}

.dark .dark\:border-slate-700 {
    border-color: #334155
}

.dark .dark\:border-navy-500 {
    border-color: #384766
}

.dark .dark\:border-navy-450 {
    border-color: #465675
}

.dark .dark\:border-secondary-light\/30 {
    border-color: rgba(255, 87, 216, .3)
}

.dark .dark\:border-accent {
    border-color: #5f5af6
}

.dark .dark\:border-navy-800 {
    border-color: #202b40
}

.dark .dark\:border-navy-400 {
    border-color: #5c6b8a
}

.dark .dark\:border-secondary-light {
    border-color: #ff57d8
}

.dark .dark\:border-navy-900 {
    border-color: #192132
}

.dark .dark\:border-accent-light {
    border-color: #818cf8
}

.dark .dark\:border-accent-light\/30 {
    border-color: rgba(129, 140, 248, .3)
}

.dark .dark\:border-secondary {
    border-color: #f000b9
}

.dark .dark\:border-navy-300 {
    border-color: #697a9b
}

.dark .dark\:border-accent\/30 {
    border-color: rgba(95, 90, 246, .3)
}

.dark .dark\:border-b-navy-500 {
    border-bottom-color: #384766
}

.dark .dark\:border-r-transparent {
    border-right-color: transparent
}

.dark .dark\:border-r-navy-300 {
    border-right-color: #697a9b
}

.dark .dark\:border-r-accent {
    border-right-color: #5f5af6
}

.dark .dark\:bg-navy-900 {
    background-color: #192132
}

.dark .dark\:bg-accent {
    background-color: #5f5af6
}

.dark .dark\:bg-navy-800 {
    background-color: #202b40
}

.dark .dark\:bg-navy-600 {
    background-color: #313e59
}

.dark .dark\:bg-navy-700 {
    background-color: #26334d
}

.dark .dark\:bg-navy-750 {
    background-color: #222e45
}

.dark .dark\:bg-accent-light\/10 {
    background-color: rgba(129, 140, 248, .1)
}

.dark .dark\:bg-navy-900\/90 {
    background-color: rgba(25, 33, 50, .9)
}

.dark .dark\:bg-navy-450 {
    background-color: #465675
}

.dark .dark\:bg-navy-500 {
    background-color: #384766
}

.dark .dark\:bg-secondary-light\/25 {
    background-color: rgba(255, 87, 216, .25)
}

.dark .dark\:bg-secondary-light {
    background-color: #ff57d8
}

.dark .dark\:bg-success\/25 {
    background-color: rgba(16, 185, 129, .25)
}

.dark .dark\:bg-secondary-light\/10 {
    background-color: rgba(255, 87, 216, .1)
}

.dark .dark\:bg-accent-light\/15 {
    background-color: rgba(129, 140, 248, .15)
}

.dark .dark\:bg-secondary-light\/15 {
    background-color: rgba(255, 87, 216, .15)
}

.dark .dark\:bg-info\/15 {
    background-color: rgba(14, 165, 233, .15)
}

.dark .dark\:bg-success\/15 {
    background-color: rgba(16, 185, 129, .15)
}

.dark .dark\:bg-warning\/15 {
    background-color: rgba(255, 152, 0, .15)
}

.dark .dark\:bg-error\/15 {
    background-color: rgba(255, 87, 36, .15)
}

.dark .dark\:bg-secondary\/15 {
    background-color: rgba(240, 0, 185, .15)
}

.dark .dark\:bg-navy-400 {
    background-color: #5c6b8a
}

.dark .dark\:bg-warning {
    background-color: #ff9800
}

.dark .dark\:bg-secondary {
    background-color: #f000b9
}

.dark .dark\:bg-success {
    background-color: #10b981
}

.dark .dark\:bg-info {
    background-color: #0ea5e9
}

.dark .dark\:bg-warning\/25 {
    background-color: rgba(255, 152, 0, .25)
}

.dark .dark\:bg-info\/25 {
    background-color: rgba(14, 165, 233, .25)
}

.dark .dark\:bg-transparent {
    background-color: transparent
}

.dark .dark\:bg-secondary\/25 {
    background-color: rgba(240, 0, 185, .25)
}

.dark .dark\:bg-error\/25 {
    background-color: rgba(255, 87, 36, .25)
}

.dark .dark\:bg-accent\/25 {
    background-color: rgba(95, 90, 246, .25)
}

.dark .dark\:bg-accent-focus {
    background-color: #4d47f5
}

.dark .dark\:bg-navy-300 {
    background-color: #697a9b
}

.dark .dark\:bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.dark .dark\:bg-accent\/10 {
    background-color: rgba(95, 90, 246, .1)
}

.dark .dark\:text-accent {
    color: #5f5af6
}

.dark .dark\:text-navy-50 {
    color: #e7e9ef
}

.dark .dark\:text-navy-200 {
    color: #a3adc2
}

.dark .dark\:text-accent-light {
    color: #818cf8
}

.dark .dark\:text-navy-100 {
    color: #c2c9d6
}

.dark .dark\:text-navy-300 {
    color: #697a9b
}

.dark .dark\:text-accent-light\/80 {
    color: rgba(129, 140, 248, .8)
}

.dark .dark\:text-white {
    color: #fff
}

.dark .dark\:text-secondary-light {
    color: #ff57d8
}

.dark .dark\:text-navy-600 {
    color: #313e59
}

.dark .dark\:text-navy-700 {
    color: #26334d
}

.dark .dark\:placeholder-navy-300::placeholder {
    color: #697a9b
}

.dark .dark\:shadow-soft-dark {
    --tw-shadow: 0 3px 10px 0 rgba(25, 33, 50, .3);
    --tw-shadow-colored: 0 3px 10px 0 var(--tw-shadow-color)
}

.dark .dark\:shadow-none,
.dark .dark\:shadow-soft-dark {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .dark\:shadow-none {
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000
}

.dark .dark\:shadow-accent\/50 {
    --tw-shadow-color: rgba(95, 90, 246, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark .dark\:shadow-navy-450\/50 {
    --tw-shadow-color: rgba(70, 86, 117, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark .dark\:ring-accent\/50 {
    --tw-ring-color: rgba(95, 90, 246, .5)
}

.dark .dark\:ring-navy-700 {
    --tw-ring-color: #26334d
}

.dark .dark\:ring-accent {
    --tw-ring-color: #5f5af6
}

.dark .dark\:placeholder\:text-navy-300::placeholder {
    color: #697a9b
}

.dark .dark\:placeholder\:text-navy-200::placeholder {
    color: #a3adc2
}

.dark .dark\:before\:bg-navy-300:before {
    background-color: #697a9b;
    content: var(--tw-content)
}

.dark .dark\:before\:bg-accent:before {
    background-color: #5f5af6;
    content: var(--tw-content)
}

.dark .dark\:before\:bg-navy-500:before {
    background-color: #384766;
    content: var(--tw-content)
}

.dark .dark\:before\:bg-navy-200:before {
    background-color: #a3adc2;
    content: var(--tw-content)
}

.dark .dark\:before\:bg-secondary-light:before {
    background-color: #ff57d8;
    content: var(--tw-content)
}

.dark .dark\:before\:bg-navy-400:before {
    background-color: #5c6b8a;
    content: var(--tw-content)
}

.dark .dark\:checked\:border-accent:checked {
    border-color: #5f5af6
}

.dark .dark\:checked\:border-secondary-light:checked {
    border-color: #ff57d8
}

.dark .dark\:checked\:border-navy-400:checked {
    border-color: #5c6b8a
}

.dark .dark\:checked\:border-navy-200:checked {
    border-color: #a3adc2
}

.dark .dark\:checked\:bg-navy-400:checked {
    background-color: #5c6b8a
}

.dark .dark\:checked\:bg-accent:checked {
    background-color: #5f5af6
}

.dark .dark\:checked\:bg-secondary-light:checked {
    background-color: #ff57d8
}

.dark .dark\:checked\:before\:bg-white:checked:before {
    background-color: #fff;
    content: var(--tw-content)
}

.dark .dark\:checked\:before\:bg-accent:checked:before {
    background-color: #5f5af6;
    content: var(--tw-content)
}

.dark .dark\:checked\:before\:bg-secondary-light:checked:before {
    background-color: #ff57d8;
    content: var(--tw-content)
}

.dark .dark\:checked\:before\:bg-navy-200:checked:before {
    background-color: #a3adc2;
    content: var(--tw-content)
}

.dark .dark\:focus-within\:\!border-accent:focus-within {
    border-color: #5f5af6 !important
}

.dark .dark\:hover\:border-navy-400:hover {
    border-color: #5c6b8a
}

.dark .dark\:hover\:border-accent:hover {
    border-color: #5f5af6
}

.dark .dark\:hover\:border-secondary-light:hover {
    border-color: #ff57d8
}

.dark .dark\:hover\:border-navy-200:hover {
    border-color: #a3adc2
}

.dark .dark\:hover\:bg-accent-focus:hover {
    background-color: #4d47f5
}

.dark .dark\:hover\:bg-navy-300\/20:hover {
    background-color: rgba(105, 122, 155, .2)
}

.dark .dark\:hover\:bg-navy-450:hover {
    background-color: #465675
}

.dark .dark\:hover\:bg-navy-600:hover {
    background-color: #313e59
}

.dark .dark\:hover\:bg-navy-900:hover {
    background-color: #192132
}

.dark .dark\:hover\:bg-navy-500:hover {
    background-color: #384766
}

.dark .dark\:hover\:bg-secondary-light\/20:hover {
    background-color: rgba(255, 87, 216, .2)
}

.dark .dark\:hover\:bg-accent-light\/20:hover {
    background-color: rgba(129, 140, 248, .2)
}

.dark .dark\:hover\:bg-accent-light\/15:hover {
    background-color: rgba(129, 140, 248, .15)
}

.dark .dark\:hover\:bg-accent:hover {
    background-color: #5f5af6
}

.dark .dark\:hover\:bg-accent-light\/10:hover {
    background-color: rgba(129, 140, 248, .1)
}

.dark .dark\:hover\:bg-secondary:hover {
    background-color: #f000b9
}

.dark .dark\:hover\:bg-white\/30:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.dark .dark\:hover\:text-accent-light:hover {
    color: #818cf8
}

.dark .dark\:hover\:text-accent:hover {
    color: #5f5af6
}

.dark .dark\:hover\:text-navy-100:hover {
    color: #c2c9d6
}

.dark .dark\:hover\:text-accent-light\/70:hover {
    color: rgba(129, 140, 248, .7)
}

.dark .dark\:hover\:text-navy-50:hover {
    color: #e7e9ef
}

.dark .dark\:hover\:text-white:hover {
    color: #fff
}

.dark .dark\:hover\:text-secondary-light:hover {
    color: #ff57d8
}

.dark .dark\:hover\:shadow-accent\/50:hover {
    --tw-shadow-color: rgba(95, 90, 246, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark .dark\:hover\:shadow-navy-450\/50:hover {
    --tw-shadow-color: rgba(70, 86, 117, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark .dark\:focus\:border-accent:focus {
    border-color: #5f5af6
}

.dark .dark\:focus\:border-secondary-light:focus {
    border-color: #ff57d8
}

.dark .dark\:focus\:border-navy-200:focus {
    border-color: #a3adc2
}

.dark .dark\:focus\:bg-accent-focus:focus {
    background-color: #4d47f5
}

.dark .dark\:focus\:bg-navy-300\/20:focus {
    background-color: rgba(105, 122, 155, .2)
}

.dark .dark\:focus\:bg-navy-450:focus {
    background-color: #465675
}

.dark .dark\:focus\:bg-navy-600:focus {
    background-color: #313e59
}

.dark .dark\:focus\:bg-navy-900:focus {
    background-color: #192132
}

.dark .dark\:focus\:bg-navy-500:focus {
    background-color: #384766
}

.dark .dark\:focus\:bg-secondary-light\/20:focus {
    background-color: rgba(255, 87, 216, .2)
}

.dark .dark\:focus\:bg-accent-light\/20:focus {
    background-color: rgba(129, 140, 248, .2)
}

.dark .dark\:focus\:bg-accent-light\/15:focus {
    background-color: rgba(129, 140, 248, .15)
}

.dark .dark\:focus\:bg-accent:focus {
    background-color: #5f5af6
}

.dark .dark\:focus\:bg-secondary:focus {
    background-color: #f000b9
}

.dark .dark\:focus\:bg-white\/30:focus {
    background-color: hsla(0, 0%, 100%, .3)
}

.dark .dark\:focus\:text-accent-light:focus {
    color: #818cf8
}

.dark .dark\:focus\:text-accent:focus {
    color: #5f5af6
}

.dark .dark\:focus\:text-navy-100:focus {
    color: #c2c9d6
}

.dark .dark\:focus\:text-accent-light\/70:focus {
    color: rgba(129, 140, 248, .7)
}

.dark .dark\:focus\:text-white:focus {
    color: #fff
}

.dark .dark\:focus\:text-secondary-light:focus {
    color: #ff57d8
}

.dark .dark\:focus\:shadow-accent\/50:focus {
    --tw-shadow-color: rgba(95, 90, 246, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark .dark\:focus\:shadow-navy-450\/50:focus {
    --tw-shadow-color: rgba(70, 86, 117, .5);
    --tw-shadow: var(--tw-shadow-colored)
}

.dark .dark\:active\:bg-accent\/90:active {
    background-color: rgba(95, 90, 246, .9)
}

.dark .dark\:active\:bg-navy-300\/25:active {
    background-color: rgba(105, 122, 155, .25)
}

.dark .dark\:active\:bg-navy-450\/90:active {
    background-color: rgba(70, 86, 117, .9)
}

.dark .dark\:active\:bg-navy-500\/90:active {
    background-color: rgba(56, 71, 102, .9)
}

.dark .dark\:active\:bg-secondary-light\/25:active {
    background-color: rgba(255, 87, 216, .25)
}

.dark .dark\:active\:bg-accent-light\/25:active {
    background-color: rgba(129, 140, 248, .25)
}

.dark .dark\:active\:bg-accent-focus\/90:active {
    background-color: rgba(77, 71, 245, .9)
}

.dark .dark\:active\:bg-secondary\/90:active {
    background-color: rgba(240, 0, 185, .9)
}

.dark .dark\:disabled\:border-navy-450:disabled {
    border-color: #465675
}

.dark .dark\:disabled\:bg-navy-600:disabled {
    background-color: #313e59
}

.dark .group:hover .dark\:group-hover\:text-accent-light {
    color: #818cf8
}

.dark .group:hover .dark\:group-hover\:text-navy-200 {
    color: #a3adc2
}

.dark .group:hover .dark\:group-hover\:text-accent {
    color: #5f5af6
}

.dark .group:focus .dark\:group-focus\:text-accent-light {
    color: #818cf8
}

.dark .group:focus .dark\:group-focus\:text-navy-200 {
    color: #a3adc2
}

.dark .group:focus .dark\:group-focus\:text-accent,
.dark .peer:focus~.dark\:peer-focus\:text-accent {
    color: #5f5af6
}

@media print {
    .print\:hidden {
        display: none
    }
}

@media (min-width:640px) {
    .sm\:order-last {
        order: 9999
    }

    .sm\:order-first {
        order: -9999
    }

    .sm\:order-none {
        order: 0
    }

    .sm\:col-span-4 {
        grid-column: span 4/span 4
    }

    .sm\:col-span-8 {
        grid-column: span 8/span 8
    }

    .sm\:col-span-6 {
        grid-column: span 6/span 6
    }

    .sm\:col-span-2 {
        grid-column: span 2/span 2
    }

    .sm\:col-span-5 {
        grid-column: span 5/span 5
    }

    .sm\:col-span-7 {
        grid-column: span 7/span 7
    }

    .sm\:m-0 {
        margin: 0
    }

    .sm\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .sm\:mr-10 {
        margin-right: 2.5rem
    }

    .sm\:ml-10 {
        margin-left: 2.5rem
    }

    .sm\:mt-5 {
        margin-top: 1.25rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

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

    .sm\:-mr-1\.5 {
        margin-right: -.375rem
    }

    .sm\:-mr-1 {
        margin-right: -.25rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:inline-flex {
        display: inline-flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:h-8 {
        height: 2rem
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:h-9 {
        height: 2.25rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:w-80 {
        width: 20rem
    }

    .sm\:w-8 {
        width: 2rem
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-72 {
        width: 18rem
    }

    .sm\:w-9 {
        width: 2.25rem
    }

    .sm\:flex-initial {
        flex: 0 1 auto
    }

    .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\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }

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

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .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\:gap-x-5 {
        column-gap: 1.25rem
    }

    .sm\:space-x-5>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.25rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.25rem*var(--tw-space-x-reverse))
    }

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-y-5>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
        margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
    }

    .sm\:space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(.75rem*var(--tw-space-x-reverse))
    }

    .sm\:space-x-7>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.75rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.75rem*var(--tw-space-x-reverse))
    }

    .sm\:divide-x>:not([hidden])~:not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
        border-right-width: calc(1px*var(--tw-divide-x-reverse))
    }

    .sm\:divide-y-0>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse));
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)))
    }

    .sm\:p-5 {
        padding: 1.25rem
    }

    .sm\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .sm\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .sm\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .sm\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .sm\:px-18 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pl-8 {
        padding-left: 2rem
    }

    .sm\:pl-2 {
        padding-left: .5rem
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:text-left {
        text-align: left
    }

    .sm\:text-right {
        text-align: right
    }

    .sm\:opacity-0 {
        opacity: 0
    }
}

@media (min-width:1024px) {
    .lg\:static {
        position: static
    }

    .lg\:sticky {
        position: sticky
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:order-last {
        order: 9999
    }

    .lg\:order-none {
        order: 0
    }

    .lg\:col-span-8 {
        grid-column: span 8/span 8
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:col-span-9 {
        grid-column: span 9/span 9
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

    .lg\:col-span-6 {
        grid-column: span 6/span 6
    }

    .lg\:col-span-5 {
        grid-column: span 5/span 5
    }

    .lg\:col-span-7 {
        grid-column: span 7/span 7
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:mr-80 {
        margin-right: 20rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:inline-flex {
        display: inline-flex
    }

    .lg\:grid {
        display: grid
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-48 {
        height: 12rem
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:w-48 {
        width: 12rem
    }

    .lg\:w-80 {
        width: 20rem
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:max-w-md {
        max-width: 28rem
    }

    .lg\:shrink-0 {
        flex-shrink: 0
    }

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

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

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

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:place-items-center {
        place-items: center
    }

    .lg\:gap-6 {
        gap: 1.5rem
    }

    .lg\:gap-24 {
        gap: 6rem
    }

    .lg\:space-y-6>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
        margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
    }

    .lg\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1.5rem*var(--tw-space-x-reverse))
    }

    .lg\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)));
        margin-right: calc(1rem*var(--tw-space-x-reverse))
    }

    .lg\:self-end {
        align-self: flex-end
    }

    .lg\:rounded-t-none {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .lg\:rounded-l-lg {
        border-bottom-left-radius: .5rem;
        border-top-left-radius: .5rem
    }

    .lg\:p-7 {
        padding: 1.75rem
    }

    .lg\:p-6 {
        padding: 1.5rem
    }

    .lg\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .lg\:py-6 {
        padding-bottom: 1.5rem;
        padding-top: 1.5rem
    }

    .lg\:py-3 {
        padding-bottom: .75rem;
        padding-top: .75rem
    }

    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .lg\:pl-9 {
        padding-left: 2.25rem
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pb-6 {
        padding-bottom: 1.5rem
    }

    .lg\:text-left {
        text-align: left
    }

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

    .lg\:text-lg,
    .lg\:text-xl {
        line-height: 1.75rem
    }

    .lg\:text-lg {
        font-size: 1.125rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:opacity-100 {
        opacity: 1
    }
}

@media (min-width:1280px) {
    .xl\:col-span-9 {
        grid-column: span 9/span 9
    }

    .xl\:col-span-3 {
        grid-column: span 3/span 3
    }

    .xl\:col-span-7 {
        grid-column: span 7/span 7
    }

    .xl\:col-span-5 {
        grid-column: span 5/span 5
    }

    .xl\:col-span-6 {
        grid-column: span 6/span 6
    }

    .xl\:hidden {
        display: none
    }

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

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

.todo-app .sortable-ghost {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    --tw-ring-color: #f1f5f9;
    background-color: #f1f5f9;
    border-radius: .5rem;
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.dark .todo-app .sortable-ghost {
    --tw-ring-color: #384766;
    background-color: #384766
}

.kanban-app .sortable-ghost {
    background-color: #f1f5f9;
    border-radius: .5rem
}

.dark .kanban-app .sortable-ghost {
    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 {
        background-color: rgba(148, 163, 184, .8);
        border-radius: 9999px
    }

    .dark .kanban-scrollbar::-webkit-scrollbar-thumb {
        background-color: #5c6b8a
    }

    .kanban-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: #64748b
    }

    .dark .kanban-scrollbar::-webkit-scrollbar-thumb:hover {
        background-color: #697a9b
    }
}

@media (hover:none) and (pointer:coarse) {

    .kanban-app .sortable-chosen,
    .todo-app .sortable-chosen {
        background-color: #f1f5f9;
        border-radius: .5rem
    }

    .dark .kanban-app .sortable-chosen,
    .dark .todo-app .sortable-chosen {
        background-color: #384766
    }
}

.chat-footer:after,
.chat-footer:before,
.chat-header:after,
.chat-header:before {
    --tw-content: "";
    background-color: inherit;
    content: var(--tw-content);
    height: 100%;
    position: absolute;
    width: calc(100vw - 100%)
}

.chat-footer:before,
.chat-header:before {
    left: calc(-100vw - -100%)
}

.chat-footer:after,
.chat-header:after {
    right: calc(-100vw - -100%)
}

.course-schedule-chart .apexcharts-series path {
    -webkit-clip-path: inset(5% 5% 5% 0 round 6px);
    clip-path: inset(5% 5% 5% 0 round 6px)
}

.top-sellers-analytics .apexcharts-canvas .apexcharts-heatmap-rect {
    color: #f1f5f9
}

.dark .top-sellers-analytics .apexcharts-canvas .apexcharts-heatmap-rect {
    color: #26334d
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

.hljs {
    background: #282c34;
    color: #abb2bf
}

.hljs-comment,
.hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag,
.hljs-formula,
.hljs-keyword {
    color: #c678dd
}

.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
    color: #98c379
}

.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #d19a66
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
    color: #61aeee
}

.hljs-built_in,
.hljs-class .hljs-title,
.hljs-title.class_ {
    color: #e6c07b
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}