@charset "UTF-8";

@keyframes animation-float {

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

    50% {
        transform: translateY(-10px)
    }
}

@keyframes animation-bounce {

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

    50% {
        transform: translateY(-15px)
    }
}

@keyframes animation-pulse {

    0%,
    to {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(1.05);
        opacity: .8
    }
}

@keyframes animation-rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes animation-shake {

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

    25% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }
}

@keyframes animation-wiggle {

    0%,
    to {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(3deg)
    }

    75% {
        transform: rotate(-3deg)
    }
}

@keyframes animation-wobble {
    0% {
        transform: scale(1)
    }

    10%,
    20% {
        transform: scale(.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg)
    }

    to {
        transform: scale(1) rotate(0)
    }
}

.component-hovered,
.component-selected {
    position: relative
}

.component-hovered:not(.text-box-component):after {
    content: " ";
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    border-width: 1px;
    border-style: dashed;
    border-color: var(--color-primary)
}

.component-hovered {
    cursor: default !important
}

.transition {
    transition: .4s cubic-bezier(.19, 1, .22, 1)
}

#root-page-container {
    max-width: 100vw
}

.ant-message {
    z-index: 9999999 !important
}

.calendar .template-one {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.calendar .template-one .one-back {
    width: 96%;
    height: 96%;
    background-color: #fff
}

.calendar .template-one .one-head {
    position: absolute;
    width: 100%;
    height: 15%;
    top: 6%;
    display: flex;
    align-items: center;
    padding-left: 10%;
    font-size: 29px;
    color: #fff
}

.calendar .template-one .one-body {
    position: absolute;
    top: 25%;
    left: 3%;
    width: 94%;
    height: 70%;
    display: flex;
    flex-wrap: wrap
}

.calendar .template-one .one-body>div {
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar .template-two {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 1px
}

.calendar .template-two .two-back {
    width: 92%;
    height: 92%;
    margin-left: 2%;
    background-color: #fff
}

.calendar .template-two .two-body {
    width: 92%;
    height: 92%;
    background-color: #fff;
    bottom: 0;
    right: 2%;
    justify-content: center
}

.calendar .template-two .two-body,
.calendar .template-two .two-body .body-axis {
    position: absolute;
    display: flex;
    align-items: center
}

.calendar .template-two .two-body .body-axis {
    left: -7px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 66%;
    flex-direction: column;
    justify-content: space-between
}

.calendar .template-two .two-body .body-axis>div {
    height: 38px;
    width: 100%;
    border-radius: 10px
}

.calendar .template-two .two-body .body-box {
    width: 87%;
    height: 87%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.calendar .template-two .two-body .body-box .two-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 24px
}

.calendar .template-two .two-body .body-box .two-date {
    width: 100%;
    height: 83%;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.calendar .template-two .two-body .body-box .two-date>div {
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center
}

.calendar .template-two .two-body .body-box .two-date .shadow {
    position: absolute;
    width: 100%;
    left: 0;
    top: 8%;
    height: 10%;
    border-radius: 10px
}

.calendar .template-three {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.calendar .template-three>div {
    width: 14%;
    display: flex;
    justify-content: center;
    align-items: center
}

.body-week {
    color: #000 !important;
    z-index: 10
}

.body-year {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .15;
    font-size: 100px
}

img.heart-date {
    position: absolute;
    width: 13%;
    height: 18%
}

.template-two img.heart-date {
    position: absolute;
    width: 15%;
    height: 18%
}

.template-three img.heart-date {
    position: absolute;
    width: 15%;
    height: 15%
}

.colorF {
    color: #fff !important;
    z-index: 20
}

.advanced-marker-wrapper * {
    box-sizing: border-box
}

.advanced-marker-wrapper {
    width: 100%;
    height: 100%
}

.advanced-marker-wrapper :after,
.advanced-marker-wrapper :before {
    box-sizing: border-box
}

.advanced-marker-wrapper .material-symbols-outlined {
    font-family: Material Symbols Outlined;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

.advanced-marker-wrapper .real-estate-marker {
    cursor: pointer;
    position: relative;
    transform: translateY(-5px);
    transition: all .2s ease-in-out
}

.advanced-marker-wrapper .real-estate-marker .tip {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border: 8px solid #141414;
    border-radius: 0;
    border-bottom-right-radius: 5px;
    z-index: -1;
    left: 50%;
    transform: translateY(22%) translateX(-50%) rotate(45deg);
    transition: all .2s ease-in-out
}

.advanced-marker-wrapper .custom-pin {
    position: relative;
    height: 40px;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 40px;
    padding: 4px;
    background-color: #141414;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: bottom;
    transition: max-width .2s ease-in-out, height .2s ease-in-out, border-radius .2s ease-in-out
}

.advanced-marker-wrapper .custom-pin .close-button {
    display: none;
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 8px;
    border: none;
    box-shadow: none;
    background: none;
    color: #12271e;
    cursor: pointer
}

.advanced-marker-wrapper .custom-pin .image-container {
    width: 100%;
    height: 100%;
    max-width: 100px;
    background-position: 50% 50%;
    background-size: cover;
    border-radius: inherit;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity .2s ease-in-out;
    aspect-ratio: 1/1
}

.advanced-marker-wrapper .custom-pin .image-container .icon {
    position: absolute;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    background: #ff8fa3;
    padding: 5px
}

.advanced-marker-wrapper .real-estate-marker.hovered {
    z-index: 2;
    transform: translateY(-9px)
}

.advanced-marker-wrapper .real-estate-marker.hovered .custom-pin {
    max-width: 80px;
    height: 80px;
    border-radius: 50%
}

.advanced-marker-wrapper .real-estate-marker.hovered .custom-pin .image-container {
    opacity: 1;
    border-radius: inherit
}

.advanced-marker-wrapper .real-estate-marker.hovered .custom-pin .image-container .icon {
    opacity: 0
}

.advanced-marker-wrapper .real-estate-marker.hovered .tip {
    transform: translateY(23%) translateX(-50%) rotate(45deg) scale(1.4)
}

.advanced-marker-wrapper .real-estate-marker.clicked {
    z-index: 3;
    transform: translateY(-9px)
}

.advanced-marker-wrapper .real-estate-marker.clicked .custom-pin {
    background-color: #141414;
    border-radius: 0;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 280px;
    height: 100px
}

.advanced-marker-wrapper .real-estate-marker.clicked .custom-pin .image-container {
    border-radius: inherit
}

.advanced-marker-wrapper .real-estate-marker.clicked .custom-pin .image-container .icon {
    opacity: 0;
    visibility: hidden
}

.advanced-marker-wrapper .real-estate-marker.clicked .custom-pin .details-container {
    max-width: 180px;
    opacity: 1;
    visibility: visible;
    animation: slideInFadeIn .7s ease-in-out
}

.advanced-marker-wrapper .real-estate-marker.clicked .custom-pin .details-container .close-button {
    display: flex
}

.advanced-marker-wrapper .real-estate-marker.clicked .custom-pin .details-container .close-button span {
    font-size: 24px
}

.advanced-marker-wrapper .real-estate-marker.clicked .tip {
    transform: translateY(23%) translateX(-50%) rotate(45deg) scale(1.4)
}

@keyframes slideInFadeIn {
    0% {
        max-width: 0;
        opacity: 0;
        visibility: hidden
    }

    75% {
        max-width: 180px;
        opacity: 0;
        visibility: hidden
    }

    to {
        max-width: 180px;
        opacity: 1;
        visibility: visible
    }
}

.advanced-marker-wrapper .details-container {
    background-color: #fff;
    height: 100%;
    opacity: 0;
    max-width: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit;
    visibility: hidden
}

.advanced-marker-wrapper .listing-image {
    height: auto;
    width: 200px;
    -o-object-fit: cover;
    object-fit: cover
}

.advanced-marker-wrapper .listing-content {
    height: 100%;
    padding: 5px;
    overflow: hidden;
    min-width: 100px;
    word-break: break-word
}

.advanced-marker-wrapper .listing-content h2 {
    color: #18342a;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .2px;
    margin-bottom: 3px
}

.advanced-marker-wrapper .listing-content .description {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: .2px;
    font-style: italic
}

.advanced-marker-wrapper .photo-gallery {
    width: 100%;
    height: 100%;
    position: relative;
    aspect-ratio: 1/1
}

.advanced-marker-wrapper .photo-gallery img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    min-width: 100%;
    min-height: 100%
}

.menu-sidebar {
    flex-shrink: 0;
    z-index: 99;
    transition: .2s ease-in;
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
    width: 300px
}

.logo img {
    margin: 0 auto
}

.miniicons {
    height: calc(100vh - 150px)
}

.sidebar-nav .caption {
    padding-top: 20px !important;
    margin-top: 10px !important;
    letter-spacing: 1.5px !important;
    border-top: 1px solid var(--color-border)
}

.sidebar-nav .caption:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
    border-top: 0 !important
}

.sidebar-dropdown li a {
    opacity: .9;
    padding: 8px 16px;
    background-color: transparent !important
}

.sidebar-dropdown li a:hover {
    opacity: 1
}

.sidebar-dropdown li a:hover,
.sidebar-dropdown li button:hover {
    background-color: transparent !important
}

.sidebar-dropdown li .iconify--fad {
    height: 9px;
    width: 9px;
    margin: 0 4px
}

.menu-sidebar .hide-icon {
    display: none
}

.brand-logo img {
    max-width: unset
}

.menu-sidebar [data-testid=flowbite-sidebar-item-group] li {
    display: flex
}

.menu-sidebar [data-testid=flowbite-sidebar-item-group] .collpase-items li {
    display: flex;
    flex-direction: column
}

.menu-sidebar [data-testid=flowbite-sidebar-item-group] .collpase-items li button {
    flex-grow: 1
}

.menu-sidebar [data-testid=flowbite-sidebar-item-group] .collpase-items li button .iconify {
    flex-shrink: 0
}

.menu-sidebar [data-testid=flowbite-sidebar-item-group] .collpase-items li button [data-testid=flowbite-sidebar-collapse-label] {
    flex-grow: 1
}

.menu-sidebar [data-testid=flowbite-sidebar-item-group] li a {
    flex-grow: 1;
    margin-bottom: 0
}

@media (min-width: 1199px) {
    [data-sidebar-type=mini-sidebar] .page-wrapper {
        margin-left: 80px
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar {
        width: 80px !important;
        overflow: hidden;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .03)
    }

    [data-sidebar-type=mini-sidebar] .brand-logo {
        overflow: hidden;
        margin-left: 4px;
        margin-right: 12px
    }

    [data-sidebar-type=mini-sidebar]:hover .brand-logo {
        width: auto
    }

    [data-sidebar-type=mini-sidebar] .profile-menu {
        padding-left: 0
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar:hover .profile-menu {
        padding-left: 40px
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar:hover {
        width: 260px !important
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar:hover .hide-menu {
        display: block !important
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar .hide-icon {
        display: block
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar .hide-menu {
        display: none
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar:hover .hide-icon {
        display: none !important
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar [data-testid=flowbite-sidebar-collapse-label] {
        display: none
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar:hover [data-testid=flowbite-sidebar-collapse-label] {
        display: flex
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar .collapse-menu .drop-icon {
        display: none
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar:hover .collapse-menu .drop-icon {
        display: block
    }

    [data-sidebar-type=mini-sidebar] .menu-sidebar [data-testid=flowbite-sidebar-item-group] li button {
        width: auto;
        white-space: nowrap
    }
}

.mobile-header-menu {
    height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.mobile-header-menu.active {
    min-height: 70px;
    overflow: visible
}

.page-wrapper {
    margin-left: calc(0px + 260px);
    transition: .2s ease-in
}

@media screen and (max-width: 1280px) {
    .page-wrapper {
        margin-left: 0
    }
}

.notification {
    position: absolute !important;
    left: 9rem !important;
    top: 0 !important;
    margin-top: .5rem !important;
    width: 20rem !important;
    border-radius: .375rem !important;
    border-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(229 231 235/var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255/var(--tw-bg-opacity)) !important;
    --tw-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.custom-scrollbar::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px;
    height: 6px;
    z-index: 10
}

.custom-scrollbar::-webkit-scrollbar-button {
    display: none
}

.custom-scrollbar::-webkit-scrollbar-corner,
.custom-scrollbar::-webkit-scrollbar-track {
    background-color: transparent
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d2d2d2
}

:root {
    --color-primary: #3a9bff;
    --color-secondary: #14e9e2;
    --color-primary-emphasis: #d5f0ff;
    --color-secondary-emphasis: #673ade;
    --color-lightprimary: #3a9cff1d;
    --color-lightsecondary: #d0fbf9;
    --color-info: #46caeb;
    --color-success: #36c76c;
    --color-warning: #ffb900;
    --color-error: #ff6692;
    --color-lightsuccess: #d7f4e2;
    --color-lighterror: #ff669230;
    --color-lightinfo: #46caeb25;
    --color-lightwarning: #ffb90025;
    --color-white: #fff;
    --color-dark: #111c2d;
    --color-border: #e0e6eb;
    --color-bordergray: #cfd6db;
    --color-link: #2a3547;
    --color-muted: #eff4fa;
    --color-darklink: #7b8893;
    --color-lightgray: #f4f7fb;
    --color-pink-cinelove: #ff8fa3;
    --color-pink-cinelove-lighter: #ffb3c1;
    --color-pink-cinelove-darker: #ff6b85
}

.megamenu {
    transform: translateY(38px) !important
}

.simplebar-scrollbar:before {
    background: var(--color-border) !important
}

.translate {
    transform: translate(-88%, 40px) !important;
    transition: .5s
}

.translate-lng {
    transform: translate(-81%, 40px) !important;
    transition: .5s
}

.h-n80 {
    height: calc(100vh - 80px)
}

.dropdown-enter {
    opacity: 0;
    transform: scale(.95)
}

.dropdown-enter-active {
    opacity: 1;
    transform: translate(0);
    transition: opacity .15s, transform .15s
}

.dropdown-leave {
    opacity: 1;
    transform: scale(1)
}

.dropdown-leave-active {
    opacity: 0;
    transform: scale(.95);
    transition: opacity .15s, transform .15s
}

.two-cols {
    -moz-columns: 4;
    column-count: 4
}

.simplebar-content,
.simplebar-content-wrapper,
.simplebar-mask,
.simplebar-offset,
.simplebar-wrapper,
[data-simplebar] {
    outline: none !important;
    border: none !important
}

#app {
    font-family: PingFang SC, Microsoft Yahei, Lato, Helvetica Neue, Arial, SimSun, Helvetica, STHeiTi, Roboto Regular, Roboto, Droid Sans, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
    width: 100%;
    height: 100%
}

#app-view-index {
    position: relative;
    width: 100%;
    height: 100vh;
    max-width: 500px;
    overflow: hidden;
    margin: auto
}

#app-view-index input:focus {
    box-shadow: 0 0 0 1px rgba(237, 85, 102, .4)
}

.mobile-view #blessing-box,
.mobile-view #blessing-box-popup,
.mobile-view #cinelove-toolbar,
.mobile-view #gift-list-drawer,
.mobile-view .toolbar-toggle-button,
.mobile-view .watermark {
    position: fixed !important
}

.vertical-toolbar #cinelove-toolbar {
    right: 0;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    bottom: 0
}

.vertical-toolbar .toolbar {
    flex-direction: column !important;
    height: auto !important
}

.vertical-toolbar .toolbar-left span {
    display: none !important
}

.vertical-toolbar .message-box-button {
    width: auto !important;
    padding: 0 8px !important;
    margin-bottom: 10px !important
}

.vertical-toolbar .toolbar-right {
    flex-direction: column !important
}

.vertical-toolbar #animation-gift-preview-btn {
    padding: 0 5px !important
}

.vertical-toolbar #animation-gift-preview-btn span {
    display: none !important
}

.vertical-toolbar #blessing-box {
    bottom: 0 !important
}

/*
! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb
}

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

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

body {
    line-height: inherit
}

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

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

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

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

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

button,
select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0
}

fieldset,
legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

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

input::placeholder,
textarea::placeholder {
    color: #9ca3af
}

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before {
    border-style: solid;
    border-color: #e5e7eb
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before {
    border-top-width: 1px;
    border-right-width: 1px
}

.tooltip[data-popper-placement^=top]>.tooltip-arrow {
    bottom: -4px
}

.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
    top: -4px
}

.tooltip[data-popper-placement^=left]>.tooltip-arrow {
    right: -4px
}

.tooltip[data-popper-placement^=right]>.tooltip-arrow {
    left: -4px
}

.tooltip.invisible>.tooltip-arrow:before {
    visibility: hidden
}

[data-popper-arrow],
[data-popper-arrow]:before {
    position: absolute;
    width: 8px;
    height: 8px;
    background: inherit
}

[data-popper-arrow] {
    visibility: hidden
}

[data-popper-arrow]:after,
[data-popper-arrow]:before {
    content: "";
    visibility: visible;
    transform: rotate(45deg)
}

[data-popper-arrow]:after {
    position: absolute;
    width: 9px;
    height: 9px;
    background: inherit
}

[role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #e5e7eb
}

.dark [role=tooltip]>[data-popper-arrow]:before {
    border-style: solid;
    border-color: #4b5563
}

[role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #e5e7eb
}

.dark [role=tooltip]>[data-popper-arrow]:after {
    border-style: solid;
    border-color: #4b5563
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before {
    border-bottom-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-left-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after,
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before {
    border-top-width: 1px;
    border-right-width: 1px
}

[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] {
    bottom: -5px
}

[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] {
    top: -5px
}

[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] {
    right: -5px
}

[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] {
    left: -5px
}

[role=tooltip].invisible>[data-popper-arrow]:after,
[role=tooltip].invisible>[data-popper-arrow]:before {
    visibility: hidden
}

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

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

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6b7280;
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    color: #6b7280;
    opacity: 1
}

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

input[type=time]::-webkit-calendar-picker-indicator {
    background: none
}

select:not([size]) {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
    background-position: right .75rem center;
    background-repeat: no-repeat;
    background-size: .75em .75em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

:is([dir=rtl]) select:not([size]) {
    background-position: left .75rem center;
    padding-right: .75rem;
    padding-left: 0
}

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

[type=checkbox],
[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: #1c64f2;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    --tw-shadow: 0 0 #0000
}

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

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

[type=checkbox]:focus,
[type=radio]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,
            /*!*/
            /*!*/
        );
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #1c64f2;
    --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)
}

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

[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.dark [type=radio]:checked,
[type=radio]:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-size: 1em 1em
}

[type=checkbox]:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
    background-color: currentColor;
    border-color: transparent;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .55em .55em;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

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

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

[type=file]:focus {
    outline: 1px auto inherit
}

input[type=file]::file-selector-button {
    color: #fff;
    background: #1f2937;
    border: 0;
    font-weight: 500;
    font-size: .875rem;
    cursor: pointer;
    padding: .625rem 1rem .625rem 2rem;
    margin-inline-start: -1rem;
    margin-inline-end: 1rem
}

input[type=file]::file-selector-button:hover {
    background: #374151
}

:is([dir=rtl]) input[type=file]::file-selector-button {
    padding-right: 2rem;
    padding-left: 1rem
}

.dark input[type=file]::file-selector-button {
    color: #fff;
    background: #4b5563
}

.dark input[type=file]::file-selector-button:hover {
    background: #6b7280
}

input[type=range]::-webkit-slider-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1c64f2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=range]:disabled::-webkit-slider-thumb {
    background: #9ca3af
}

.dark input[type=range]:disabled::-webkit-slider-thumb {
    background: #6b7280
}

input[type=range]:focus::-webkit-slider-thumb {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    --tw-ring-opacity: 1px;
    --tw-ring-color: rgb(164 202 254/var(--tw-ring-opacity))
}

input[type=range]::-moz-range-thumb {
    height: 1.25rem;
    width: 1.25rem;
    background: #1c64f2;
    border-radius: 9999px;
    border: 0;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer
}

input[type=range]:disabled::-moz-range-thumb {
    background: #9ca3af
}

.dark input[type=range]:disabled::-moz-range-thumb {
    background: #6b7280
}

input[type=range]::-moz-range-progress {
    background: #3f83f8
}

input[type=range]::-ms-fill-lower {
    background: #3f83f8
}

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

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

.\!container {
    width: 100% !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 30px !important;
    padding-left: 30px !important
}

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

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

    .container {
        max-width: 640px
    }
}

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

    .container {
        max-width: 768px
    }
}

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

    .container {
        max-width: 1024px
    }
}

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

    .container {
        max-width: 1280px
    }
}

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

    .container {
        max-width: 1536px
    }
}

.\!container,
.container {
    max-width: 1400px
}

body {
    overflow-x: hidden;
    font-size: .875rem;
    line-height: 1.25rem
}

.dropdown {
    position: relative;
    border-radius: .125rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    --tw-shadow: 0px 2px 4px -1px rgba(175, 182, 201, .2);
    --tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.card-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: var(--color-dark)
}

body {
    color: var(--color-darklink)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: var(--color-dark)
}

.border-ld {
    border-color: var(--color-border)
}

.form-rounded-xl input {
    border-radius: .75rem
}

.form-control input {
    width: 100%;
    border-width: 1px;
    border-color: var(--color-border);
    background-color: transparent;
    font-size: .875rem;
    line-height: 1.25rem
}

.form-control input:focus {
    border-color: var(--color-primary);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-color: transparent;
    --tw-ring-offset-width: 0px
}

input::-moz-placeholder {
    color: var(--color-darklink)
}

input::placeholder {
    color: var(--color-darklink)
}

.checkbox {
    height: 18px;
    width: 18px;
    border-width: 1px;
    border-color: var(--color-border);
    background-color: transparent
}

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

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

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

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    inset: 0
}

.inset-x-0 {
    left: 0;
    right: 0
}

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

.-bottom-1 {
    bottom: -.25rem
}

.-bottom-2 {
    bottom: -.5rem
}

.-bottom-4 {
    bottom: -1rem
}

.-left-1 {
    left: -.25rem
}

.-left-1\.5 {
    left: -.375rem
}

.-left-2 {
    left: -.5rem
}

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

.-left-4 {
    left: -1rem
}

.-right-1 {
    right: -.25rem
}

.-right-2 {
    right: -.5rem
}

.-right-4 {
    right: -1rem
}

.-right-5 {
    right: -1.25rem
}

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

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

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

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

.-top-5 {
    top: -1.25rem
}

.bottom-0 {
    bottom: 0
}

.bottom-1 {
    bottom: .25rem
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-12 {
    bottom: 3rem
}

.bottom-16 {
    bottom: 4rem
}

.bottom-2 {
    bottom: .5rem
}

.bottom-20 {
    bottom: 5rem
}

.bottom-4 {
    bottom: 1rem
}

.bottom-40 {
    bottom: 10rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-8 {
    bottom: 2rem
}

.bottom-\[100px\] {
    bottom: 100px
}

.end-2 {
    inset-inline-end: .5rem
}

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

.left-0 {
    left: 0
}

.left-1 {
    left: .25rem
}

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

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

.left-10 {
    left: 2.5rem
}

.left-2 {
    left: .5rem
}

.left-2\.5 {
    left: .625rem
}

.left-20 {
    left: 5rem
}

.left-3 {
    left: .75rem
}

.left-4 {
    left: 1rem
}

.left-5 {
    left: 1.25rem
}

.left-6 {
    left: 1.5rem
}

.left-8 {
    left: 2rem
}

.right-0 {
    right: 0
}

.right-1 {
    right: .25rem
}

.right-1\/3 {
    right: 33.333333%
}

.right-10 {
    right: 2.5rem
}

.right-2 {
    right: .5rem
}

.right-2\.5 {
    right: .625rem
}

.right-20 {
    right: 5rem
}

.right-3 {
    right: .75rem
}

.right-4 {
    right: 1rem
}

.right-6 {
    right: 1.5rem
}

.right-8 {
    right: 2rem
}

.top-0 {
    top: 0
}

.top-1 {
    top: .25rem
}

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

.top-1\/3 {
    top: 33.333333%
}

.top-10 {
    top: 2.5rem
}

.top-16 {
    top: 4rem
}

.top-2 {
    top: .5rem
}

.top-2\.5 {
    top: .625rem
}

.top-20 {
    top: 5rem
}

.top-24 {
    top: 6rem
}

.top-3 {
    top: .75rem
}

.top-4 {
    top: 1rem
}

.top-40 {
    top: 10rem
}

.top-8 {
    top: 2rem
}

.top-full {
    top: 100%
}

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

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

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

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

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

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

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

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

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

.z-auto {
    z-index: auto
}

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

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

.m-0 {
    margin: 0
}

.m-3 {
    margin: .75rem
}

.m-auto {
    margin: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

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

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

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

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

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

.mb-0 {
    margin-bottom: 0
}

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

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

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

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

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

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

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

.mb-3 {
    margin-bottom: .75rem
}

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

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

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

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

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

.me-1 {
    margin-inline-end: .25rem
}

.me-1\.5 {
    margin-inline-end: .375rem
}

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

.me-2\.5 {
    margin-inline-end: .625rem
}

.me-4 {
    margin-inline-end: 1rem
}

.ml-0 {
    margin-left: 0
}

.ml-1 {
    margin-left: .25rem
}

.ml-2 {
    margin-left: .5rem
}

.ml-3 {
    margin-left: .75rem
}

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

.ml-6 {
    margin-left: 1.5rem
}

.ml-auto {
    margin-left: auto
}

.mr-0 {
    margin-right: 0
}

.mr-0\.5 {
    margin-right: .125rem
}

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

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

.mr-24 {
    margin-right: 6rem
}

.mr-3 {
    margin-right: .75rem
}

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

.ms-3 {
    margin-inline-start: .75rem
}

.mt-0 {
    margin-top: 0
}

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

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

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

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

.mt-16 {
    margin-top: 4rem
}

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

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

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

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

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

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

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

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.\!inline {
    display: inline !important
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

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

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

.aspect-\[420\/750\] {
    aspect-ratio: 420/750
}

.aspect-square {
    aspect-ratio: 1/1
}

.h-0 {
    height: 0
}

.h-0\.5 {
    height: .125rem
}

.h-1 {
    height: .25rem
}

.h-1\.5 {
    height: .375rem
}

.h-10 {
    height: 2.5rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-2\.5 {
    height: .625rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-3 {
    height: .75rem
}

.h-3\.5 {
    height: .875rem
}

.h-32 {
    height: 8rem
}

.h-36 {
    height: 9rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-48 {
    height: 12rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-64 {
    height: 16rem
}

.h-7 {
    height: 1.75rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-96 {
    height: 24rem
}

.h-\[600px\] {
    height: 600px
}

.h-\[60vh\] {
    height: 60vh
}

.h-\[6px\] {
    height: 6px
}

.h-\[calc\(100vh-60px\)\] {
    height: calc(100vh - 60px)
}

.h-\[calc\(100vh_-_100px\)\] {
    height: calc(100vh - 100px)
}

.h-\[calc\(100vh_-_120px\)\] {
    height: calc(100vh - 120px)
}

.h-auto {
    height: auto
}

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

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.h-screen {
    height: 100vh
}

.max-h-48 {
    max-height: 12rem
}

.max-h-96 {
    max-height: 24rem
}

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

.max-h-\[90dvh\] {
    max-height: 90dvh
}

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

.min-h-16 {
    min-height: 4rem
}

.min-h-48 {
    min-height: 12rem
}

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

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

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

.min-h-\[90vh\] {
    min-height: 90vh
}

.min-h-\[calc\(100vh-120px\)\] {
    min-height: calc(100vh - 120px)
}

.min-h-full {
    min-height: 100%
}

.min-h-screen {
    min-height: 100vh
}

.w-0 {
    width: 0
}

.w-1 {
    width: .25rem
}

.w-1\.5 {
    width: .375rem
}

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

.w-1\/3 {
    width: 33.333333%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\.5 {
    width: .625rem
}

.w-2\/3 {
    width: 66.666667%
}

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

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-3 {
    width: .75rem
}

.w-3\.5 {
    width: .875rem
}

.w-3\/4 {
    width: 75%
}

.w-32 {
    width: 8rem
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-48 {
    width: 12rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-64 {
    width: 16rem
}

.w-7 {
    width: 1.75rem
}

.w-8 {
    width: 2rem
}

.w-80 {
    width: 20rem
}

.w-9 {
    width: 2.25rem
}

.w-\[300px\] {
    width: 300px
}

.w-\[6px\] {
    width: 6px
}

.w-auto {
    width: auto
}

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

.w-full {
    width: 100%
}

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

.min-w-0 {
    min-width: 0
}

.min-w-11 {
    min-width: 2.75rem
}

.min-w-14 {
    min-width: 3.5rem
}

.min-w-9 {
    min-width: 2.25rem
}

.min-w-\[50px\] {
    min-width: 50px
}

.min-w-\[60px\] {
    min-width: 60px
}

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

.max-w-2xl {
    max-width: 42rem
}

.max-w-32 {
    max-width: 8rem
}

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

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-7xl {
    max-width: 80rem
}

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

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

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

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

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

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

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

.max-w-screen-lg {
    max-width: 1024px
}

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

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

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

.origin-\[0\] {
    transform-origin: 0
}

.-translate-x-1\/2 {
    --tw-translate-x: -50%
}

.-translate-x-1\/2,
.-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-full {
    --tw-translate-x: -100%
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

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

.-translate-y-4 {
    --tw-translate-y: -1rem
}

.-translate-y-6 {
    --tw-translate-y: -1.5rem
}

.-translate-y-6,
.-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-full {
    --tw-translate-y: -100%
}

.translate-x-\[-100\%\] {
    --tw-translate-x: -100%
}

.translate-x-\[-100\%\],
.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-full {
    --tw-translate-x: 100%
}

.translate-y-0 {
    --tw-translate-y: 0px
}

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

.translate-y-10 {
    --tw-translate-y: 2.5rem
}

.translate-y-2 {
    --tw-translate-y: 0.5rem
}

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

.translate-y-5 {
    --tw-translate-y: 1.25rem
}

.translate-y-full {
    --tw-translate-y: 100%
}

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

.rotate-0 {
    --tw-rotate: 0deg
}

.rotate-12 {
    --tw-rotate: 12deg
}

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

.rotate-180 {
    --tw-rotate: 180deg
}

.rotate-45 {
    --tw-rotate: 45deg
}

.-skew-x-12,
.rotate-45 {
    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))
}

.-skew-x-12 {
    --tw-skew-x: -12deg
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0
}

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

.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-110 {
    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-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75
}

.scale-75,
.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 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform-none {
    transform: none
}

@keyframes bounce {

    0%,
    to {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(.8, 0, 1, 1)
    }

    50% {
        transform: none;
        animation-timing-function: cubic-bezier(0, 0, .2, 1)
    }
}

.animate-bounce {
    animation: bounce 1s infinite
}

@keyframes ping {

    75%,
    to {
        transform: scale(2);
        opacity: 0
    }
}

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

.cursor-default {
    cursor: default
}

.cursor-grab {
    cursor: grab
}

.cursor-help {
    cursor: help
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}

.cursor-wait {
    cursor: wait
}

.resize-none {
    resize: none
}

.resize {
    resize: both
}

.snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness)
}

.snap-mandatory {
    --tw-scroll-snap-strictness: mandatory
}

.snap-center {
    scroll-snap-align: center
}

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

.list-decimal {
    list-style-type: decimal
}

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

.list-none {
    list-style-type: none
}

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

.grid-flow-col {
    grid-auto-flow: column
}

.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-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-wrap {
    flex-wrap: wrap
}

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

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

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

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

.justify-center {
    justify-content: center
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-x-1 {
    -moz-column-gap: .25rem;
    column-gap: .25rem
}

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

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-4 {
    row-gap: 1rem
}

.gap-y-6 {
    row-gap: 1.5rem
}

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

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

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

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

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

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

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

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

.space-y-0>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.space-y-1>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-8>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse))
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-gray-100>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-divide-opacity))
}

.divide-gray-200>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-divide-opacity))
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.overflow-auto {
    overflow: auto
}

.overflow-hidden {
    overflow: hidden
}

.overflow-x-auto {
    overflow-x: auto
}

.overflow-y-auto {
    overflow-y: auto
}

.\!overflow-x-hidden {
    overflow-x: hidden !important
}

.overflow-x-hidden {
    overflow-x: hidden
}

.overflow-y-hidden {
    overflow-y: hidden
}

.overflow-x-scroll {
    overflow-x: scroll
}

.\!scroll-auto {
    scroll-behavior: auto !important
}

.scroll-smooth {
    scroll-behavior: smooth
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis,
.truncate {
    text-overflow: ellipsis
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-wrap {
    text-wrap: wrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-\[7px\] {
    border-radius: 7px
}

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

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-none {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.rounded-e-lg {
    border-start-end-radius: .5rem;
    border-end-end-radius: .5rem
}

.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.rounded-l-md {
    border-top-left-radius: .375rem;
    border-bottom-left-radius: .375rem
}

.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem
}

.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.rounded-s-lg {
    border-start-start-radius: .5rem;
    border-end-start-radius: .5rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.rounded-t-xl {
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-2 {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-b {
    border-bottom-width: 1px
}

.border-b-0 {
    border-bottom-width: 0
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-l {
    border-left-width: 1px
}

.border-l-0 {
    border-left-width: 0
}

.border-l-2 {
    border-left-width: 2px
}

.border-l-4 {
    border-left-width: 4px
}

.border-r-0 {
    border-right-width: 0
}

.border-t {
    border-top-width: 1px
}

.border-t-4 {
    border-top-width: 4px
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-amber-200 {
    --tw-border-opacity: 1;
    border-color: rgb(253 230 138/var(--tw-border-opacity))
}

.border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgb(225 239 254/var(--tw-border-opacity))
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: rgb(195 221 253/var(--tw-border-opacity))
}

.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgb(164 202 254/var(--tw-border-opacity))
}

.border-blue-400 {
    --tw-border-opacity: 1;
    border-color: rgb(118 169 250/var(--tw-border-opacity))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248/var(--tw-border-opacity))
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242/var(--tw-border-opacity))
}

.border-cyan-300 {
    --tw-border-opacity: 1;
    border-color: rgb(103 232 249/var(--tw-border-opacity))
}

.border-cyan-500,
.border-cyan-600,
.border-cyan-700 {
    border-color: var(--color-primary)
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity))
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235/var(--tw-border-opacity))
}

.border-gray-200\/50 {
    border-color: rgba(229, 231, 235, .5)
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.border-gray-400 {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity))
}

.border-gray-500 {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99/var(--tw-border-opacity))
}

.border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81/var(--tw-border-opacity))
}

.border-gray-900 {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39/var(--tw-border-opacity))
}

.border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(222 247 236/var(--tw-border-opacity))
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(188 240 218/var(--tw-border-opacity))
}

.border-green-300 {
    --tw-border-opacity: 1;
    border-color: rgb(132 225 188/var(--tw-border-opacity))
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(45 157 120/var(--tw-border-opacity))
}

.border-green-500 {
    --tw-border-opacity: 1;
    border-color: rgb(38 142 108/var(--tw-border-opacity))
}

.border-green-600 {
    --tw-border-opacity: 1;
    border-color: rgb(5 122 85/var(--tw-border-opacity))
}

.border-green-700 {
    --tw-border-opacity: 1;
    border-color: rgb(4 108 78/var(--tw-border-opacity))
}

.border-indigo-200 {
    --tw-border-opacity: 1;
    border-color: rgb(205 219 254/var(--tw-border-opacity))
}

.border-indigo-300 {
    --tw-border-opacity: 1;
    border-color: rgb(180 198 252/var(--tw-border-opacity))
}

.border-indigo-400 {
    --tw-border-opacity: 1;
    border-color: rgb(141 162 251/var(--tw-border-opacity))
}

.border-indigo-500 {
    --tw-border-opacity: 1;
    border-color: rgb(104 117 245/var(--tw-border-opacity))
}

.border-lime-300 {
    --tw-border-opacity: 1;
    border-color: rgb(190 242 100/var(--tw-border-opacity))
}

.border-lime-400 {
    --tw-border-opacity: 1;
    border-color: rgb(163 230 53/var(--tw-border-opacity))
}

.border-lime-500 {
    --tw-border-opacity: 1;
    border-color: rgb(132 204 22/var(--tw-border-opacity))
}

.border-orange-200 {
    --tw-border-opacity: 1;
    border-color: rgb(252 217 189/var(--tw-border-opacity))
}

.border-orange-300 {
    --tw-border-opacity: 1;
    border-color: rgb(253 186 140/var(--tw-border-opacity))
}

.border-orange-400 {
    --tw-border-opacity: 1;
    border-color: rgb(255 138 76/var(--tw-border-opacity))
}

.border-orange-500 {
    --tw-border-opacity: 1;
    border-color: rgb(255 90 31/var(--tw-border-opacity))
}

.border-pink-100 {
    --tw-border-opacity: 1;
    border-color: rgb(252 232 243/var(--tw-border-opacity))
}

.border-pink-200 {
    --tw-border-opacity: 1;
    border-color: rgb(250 209 232/var(--tw-border-opacity))
}

.border-pink-300 {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 217/var(--tw-border-opacity))
}

.border-pink-400 {
    --tw-border-opacity: 1;
    border-color: rgb(241 126 184/var(--tw-border-opacity))
}

.border-pink-500 {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148/var(--tw-border-opacity))
}

.border-pink-600 {
    --tw-border-opacity: 1;
    border-color: rgb(214 31 105/var(--tw-border-opacity))
}

.border-primary {
    border-color: var(--color-primary)
}

.border-purple-200 {
    --tw-border-opacity: 1;
    border-color: rgb(220 215 254/var(--tw-border-opacity))
}

.border-purple-400\/30 {
    border-color: rgba(172, 148, 250, .3)
}

.border-purple-500 {
    --tw-border-opacity: 1;
    border-color: rgb(144 97 249/var(--tw-border-opacity))
}

.border-purple-600 {
    --tw-border-opacity: 1;
    border-color: rgb(126 58 242/var(--tw-border-opacity))
}

.border-purple-900 {
    --tw-border-opacity: 1;
    border-color: rgb(74 29 150/var(--tw-border-opacity))
}

.border-red-200 {
    --tw-border-opacity: 1;
    border-color: rgb(251 213 213/var(--tw-border-opacity))
}

.border-red-300 {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 180/var(--tw-border-opacity))
}

.border-red-500 {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82/var(--tw-border-opacity))
}

.border-red-600 {
    --tw-border-opacity: 1;
    border-color: rgb(224 36 36/var(--tw-border-opacity))
}

.border-red-900 {
    --tw-border-opacity: 1;
    border-color: rgb(119 29 29/var(--tw-border-opacity))
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity))
}

.border-teal-300 {
    --tw-border-opacity: 1;
    border-color: rgb(126 220 226/var(--tw-border-opacity))
}

.border-teal-500 {
    --tw-border-opacity: 1;
    border-color: rgb(6 148 162/var(--tw-border-opacity))
}

.border-transparent {
    border-color: transparent
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-white\/20 {
    border-color: hsla(0, 0%, 100%, .2)
}

.border-white\/30 {
    border-color: hsla(0, 0%, 100%, .3)
}

.border-white\/80 {
    border-color: hsla(0, 0%, 100%, .8)
}

.border-yellow-200 {
    --tw-border-opacity: 1;
    border-color: rgb(252 233 106/var(--tw-border-opacity))
}

.border-yellow-300 {
    --tw-border-opacity: 1;
    border-color: rgb(250 202 21/var(--tw-border-opacity))
}

.border-yellow-400 {
    --tw-border-opacity: 1;
    border-color: rgb(227 160 8/var(--tw-border-opacity))
}

.border-yellow-500 {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3/var(--tw-border-opacity))
}

.border-yellow-600 {
    --tw-border-opacity: 1;
    border-color: rgb(159 88 10/var(--tw-border-opacity))
}

.border-t-purple-600 {
    --tw-border-opacity: 1;
    border-top-color: rgb(126 58 242/var(--tw-border-opacity))
}

.border-t-transparent {
    border-top-color: transparent
}

.border-t-white {
    --tw-border-opacity: 1;
    border-top-color: rgb(255 255 255/var(--tw-border-opacity))
}

.\!bg-gray-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 250 251/var(--tw-bg-opacity)) !important
}

.\!bg-primary {
    background-color: var(--color-primary) !important
}

.\!bg-transparent {
    background-color: transparent !important
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/80 {
    background-color: rgba(0, 0, 0, .8)
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(225 239 254/var(--tw-bg-opacity))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253/var(--tw-bg-opacity))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(118 169 250/var(--tw-bg-opacity))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(235 245 255/var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248/var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242/var(--tw-bg-opacity))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219/var(--tw-bg-opacity))
}

.bg-cyan-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254/var(--tw-bg-opacity))
}

.bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252/var(--tw-bg-opacity))
}

.bg-cyan-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 254 255/var(--tw-bg-opacity))
}

.bg-cyan-500,
.bg-cyan-600,
.bg-cyan-700 {
    background-color: var(--color-primary)
}

.bg-darklink {
    background-color: var(--color-darklink)
}

.bg-error {
    background-color: var(--color-error)
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.bg-gray-100\/80 {
    background-color: rgba(243, 244, 246, .8)
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128/var(--tw-bg-opacity))
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.bg-gray-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.bg-gray-800\/50 {
    background-color: rgba(31, 41, 55, .5)
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.bg-gray-900\/50 {
    background-color: rgba(17, 24, 39, .5)
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236/var(--tw-bg-opacity))
}

.bg-green-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(45 157 120/var(--tw-bg-opacity))
}

.bg-green-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 250 247/var(--tw-bg-opacity))
}

.bg-green-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 142 108/var(--tw-bg-opacity))
}

.bg-green-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85/var(--tw-bg-opacity))
}

.bg-green-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 108 78/var(--tw-bg-opacity))
}

.bg-indigo-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 237 255/var(--tw-bg-opacity))
}

.bg-indigo-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(141 162 251/var(--tw-bg-opacity))
}

.bg-indigo-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(88 80 236/var(--tw-bg-opacity))
}

.bg-info {
    background-color: var(--color-info)
}

.bg-lighterror {
    background-color: var(--color-lighterror)
}

.bg-lightgray {
    background-color: var(--color-lightgray)
}

.bg-lightinfo {
    background-color: var(--color-lightinfo)
}

.bg-lightprimary {
    background-color: var(--color-lightprimary)
}

.bg-lightsecondary {
    background-color: var(--color-lightsecondary)
}

.bg-lightsuccess {
    background-color: var(--color-lightsuccess)
}

.bg-lightwarning {
    background-color: var(--color-lightwarning)
}

.bg-lime-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(236 252 203/var(--tw-bg-opacity))
}

.bg-lime-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(163 230 53/var(--tw-bg-opacity))
}

.bg-lime-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(101 163 13/var(--tw-bg-opacity))
}

.bg-muted {
    background-color: var(--color-muted)
}

.bg-orange-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 236 220/var(--tw-bg-opacity))
}

.bg-orange-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 217 189/var(--tw-bg-opacity))
}

.bg-orange-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 248 241/var(--tw-bg-opacity))
}

.bg-orange-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 90 31/var(--tw-bg-opacity))
}

.bg-orange-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(208 56 1/var(--tw-bg-opacity))
}

.bg-pink-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 243/var(--tw-bg-opacity))
}

.bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232/var(--tw-bg-opacity))
}

.bg-pink-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 217/var(--tw-bg-opacity))
}

.bg-pink-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 126 184/var(--tw-bg-opacity))
}

.bg-pink-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 248/var(--tw-bg-opacity))
}

.bg-pink-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(231 70 148/var(--tw-bg-opacity))
}

.bg-pink-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(214 31 105/var(--tw-bg-opacity))
}

.bg-primary {
    background-color: var(--color-primary)
}

.bg-purple-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 235 254/var(--tw-bg-opacity))
}

.bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254/var(--tw-bg-opacity))
}

.bg-purple-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(172 148 250/var(--tw-bg-opacity))
}

.bg-purple-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(246 245 255/var(--tw-bg-opacity))
}

.bg-purple-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249/var(--tw-bg-opacity))
}

.bg-purple-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(126 58 242/var(--tw-bg-opacity))
}

.bg-purple-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(108 43 217/var(--tw-bg-opacity))
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232/var(--tw-bg-opacity))
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213/var(--tw-bg-opacity))
}

.bg-red-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(249 128 128/var(--tw-bg-opacity))
}

.bg-red-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 242/var(--tw-bg-opacity))
}

.bg-red-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82/var(--tw-bg-opacity))
}

.bg-red-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36/var(--tw-bg-opacity))
}

.bg-red-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30/var(--tw-bg-opacity))
}

.bg-renderer-gray {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224/var(--tw-bg-opacity))
}

.bg-rose-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 205 211/var(--tw-bg-opacity))
}

.bg-rose-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 164 175/var(--tw-bg-opacity))
}

.bg-rose-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 113 133/var(--tw-bg-opacity))
}

.bg-rose-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 63 94/var(--tw-bg-opacity))
}

.bg-secondary {
    background-color: var(--color-secondary)
}

.bg-success {
    background-color: var(--color-success)
}

.bg-teal-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(213 245 246/var(--tw-bg-opacity))
}

.bg-teal-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(4 116 129/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-warning {
    background-color: var(--color-warning)
}

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

.bg-white\/20 {
    background-color: hsla(0, 0%, 100%, .2)
}

.bg-white\/30 {
    background-color: hsla(0, 0%, 100%, .3)
}

.bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.bg-white\/60 {
    background-color: hsla(0, 0%, 100%, .6)
}

.bg-white\/70 {
    background-color: hsla(0, 0%, 100%, .7)
}

.bg-white\/80 {
    background-color: hsla(0, 0%, 100%, .8)
}

.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, .9)
}

.bg-white\/95 {
    background-color: hsla(0, 0%, 100%, .95)
}

.bg-yellow-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178/var(--tw-bg-opacity))
}

.bg-yellow-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 202 21/var(--tw-bg-opacity))
}

.bg-yellow-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(227 160 8/var(--tw-bg-opacity))
}

.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 253 234/var(--tw-bg-opacity))
}

.bg-yellow-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3/var(--tw-bg-opacity))
}

.bg-yellow-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10/var(--tw-bg-opacity))
}

.bg-opacity-0 {
    --tw-bg-opacity: 0
}

.bg-opacity-20 {
    --tw-bg-opacity: 0.2
}

.bg-opacity-25 {
    --tw-bg-opacity: 0.25
}

.bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-opacity-60 {
    --tw-bg-opacity: 0.6
}

.bg-opacity-70 {
    --tw-bg-opacity: 0.7
}

.bg-opacity-80 {
    --tw-bg-opacity: 0.8
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}

.from-amber-50 {
    --tw-gradient-from: #fffbeb var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 251, 235, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-black\/70 {
    --tw-gradient-from: rgba(0, 0, 0, .7) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-100 {
    --tw-gradient-from: #e1effe var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(225, 239, 254, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-400 {
    --tw-gradient-from: #76a9fa var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(118, 169, 250, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-50 {
    --tw-gradient-from: #ebf5ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(235, 245, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-500 {
    --tw-gradient-from: #3f83f8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(63, 131, 248, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-blue-600 {
    --tw-gradient-from: #1c64f2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(28, 100, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-400 {
    --tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(34, 211, 238, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-cyan-500 {
    --tw-gradient-from: var(--color-primary) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-100 {
    --tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(243, 244, 246, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray-400 {
    --tw-gradient-from: #9ca3af var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(156, 163, 175, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-100 {
    --tw-gradient-from: #def7ec var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(222, 247, 236, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-400 {
    --tw-gradient-from: #2d9d78 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(45, 157, 120, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-50 {
    --tw-gradient-from: #f3faf7 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(243, 250, 247, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-500 {
    --tw-gradient-from: #268e6c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(38, 142, 108, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-green-600 {
    --tw-gradient-from: #057a55 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(5, 122, 85, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-indigo-50 {
    --tw-gradient-from: #f0f5ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(240, 245, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-lime-200 {
    --tw-gradient-from: #d9f99d var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(81, 88%, 80%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-400 {
    --tw-gradient-from: #ff8a4c var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 138, 76, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-orange-50 {
    --tw-gradient-from: #fff8f1 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 248, 241, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-100 {
    --tw-gradient-from: #fce8f3 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(252, 232, 243, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-200 {
    --tw-gradient-from: #fad1e8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(250, 209, 232, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-400 {
    --tw-gradient-from: #f17eb8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(241, 126, 184, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-50 {
    --tw-gradient-from: #fdf2f8 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(253, 242, 248, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-500 {
    --tw-gradient-from: #e74694 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(231, 70, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-pink-900\/60 {
    --tw-gradient-from: rgba(117, 26, 61, .6) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(117, 26, 61, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-100 {
    --tw-gradient-from: #edebfe var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(237, 235, 254, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-400 {
    --tw-gradient-from: #ac94fa var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(172, 148, 250, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-400\/20 {
    --tw-gradient-from: rgba(172, 148, 250, .2) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(172, 148, 250, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-50 {
    --tw-gradient-from: #f6f5ff var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(246, 245, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500 {
    --tw-gradient-from: #9061f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(144, 97, 249, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-500\/10 {
    --tw-gradient-from: rgba(144, 97, 249, .1) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(144, 97, 249, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-purple-600 {
    --tw-gradient-from: #7e3af2 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(126, 58, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-200 {
    --tw-gradient-from: #fbd5d5 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 83%, 91%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-400 {
    --tw-gradient-from: #f98080 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 91%, 74%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-red-500 {
    --tw-gradient-from: #f05252 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(240, 82, 82, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-200 {
    --tw-gradient-from: #afecef var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(175, 236, 239, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-teal-400 {
    --tw-gradient-from: #16bdca var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(22, 189, 202, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-yellow-400 {
    --tw-gradient-from: #e3a008 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(227, 160, 8, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-cyan-500,
.via-cyan-600 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--color-primary) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-gray-900\/70 {
    --tw-gradient-to: rgba(17, 24, 39, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(17, 24, 39, .7) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-green-500 {
    --tw-gradient-to: rgba(38, 142, 108, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #268e6c var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-lime-400 {
    --tw-gradient-to: rgba(163, 230, 53, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #a3e635 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-400\/20 {
    --tw-gradient-to: rgba(241, 126, 184, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(241, 126, 184, .2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-500 {
    --tw-gradient-to: rgba(231, 70, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #e74694 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-500\/10 {
    --tw-gradient-to: rgba(231, 70, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(231, 70, 148, .1) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-pink-600 {
    --tw-gradient-to: rgba(214, 31, 105, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #d61f69 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-purple-50 {
    --tw-gradient-to: rgba(246, 245, 255, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f6f5ff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-purple-600 {
    --tw-gradient-to: rgba(126, 58, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #7e3af2 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-red-300 {
    --tw-gradient-to: hsla(0, 83%, 84%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f8b4b4 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-red-500 {
    --tw-gradient-to: rgba(240, 82, 82, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f05252 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-rose-50 {
    --tw-gradient-to: rgba(255, 241, 242, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff1f2 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-rose-500 {
    --tw-gradient-to: rgba(244, 63, 94, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #f43f5e var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-teal-500 {
    --tw-gradient-to: rgba(6, 148, 162, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #0694a2 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.via-white\/20 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), hsla(0, 0%, 100%, .2) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.to-blue-100 {
    --tw-gradient-to: #e1effe var(--tw-gradient-to-position)
}

.to-blue-50 {
    --tw-gradient-to: #ebf5ff var(--tw-gradient-to-position)
}

.to-blue-500 {
    --tw-gradient-to: #3f83f8 var(--tw-gradient-to-position)
}

.to-blue-700 {
    --tw-gradient-to: #1a56db var(--tw-gradient-to-position)
}

.to-cyan-500,
.to-cyan-600,
.to-cyan-700 {
    --tw-gradient-to: var(--color-primary) var(--tw-gradient-to-position)
}

.to-emerald-500 {
    --tw-gradient-to: #10b981 var(--tw-gradient-to-position)
}

.to-emerald-600 {
    --tw-gradient-to: #059669 var(--tw-gradient-to-position)
}

.to-gray-200 {
    --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)
}

.to-gray-600 {
    --tw-gradient-to: #4b5563 var(--tw-gradient-to-position)
}

.to-gray-900\/60 {
    --tw-gradient-to: rgba(17, 24, 39, .6) var(--tw-gradient-to-position)
}

.to-green-50 {
    --tw-gradient-to: #f3faf7 var(--tw-gradient-to-position)
}

.to-green-600 {
    --tw-gradient-to: #057a55 var(--tw-gradient-to-position)
}

.to-green-700 {
    --tw-gradient-to: #046c4e var(--tw-gradient-to-position)
}

.to-indigo-50 {
    --tw-gradient-to: #f0f5ff var(--tw-gradient-to-position)
}

.to-indigo-600 {
    --tw-gradient-to: #5850ec var(--tw-gradient-to-position)
}

.to-lime-200 {
    --tw-gradient-to: #d9f99d var(--tw-gradient-to-position)
}

.to-lime-500 {
    --tw-gradient-to: #84cc16 var(--tw-gradient-to-position)
}

.to-orange-400 {
    --tw-gradient-to: #ff8a4c var(--tw-gradient-to-position)
}

.to-orange-500 {
    --tw-gradient-to: #ff5a1f var(--tw-gradient-to-position)
}

.to-pink-100 {
    --tw-gradient-to: #fce8f3 var(--tw-gradient-to-position)
}

.to-pink-400 {
    --tw-gradient-to: #f17eb8 var(--tw-gradient-to-position)
}

.to-pink-50 {
    --tw-gradient-to: #fdf2f8 var(--tw-gradient-to-position)
}

.to-pink-500 {
    --tw-gradient-to: #e74694 var(--tw-gradient-to-position)
}

.to-pink-600 {
    --tw-gradient-to: #d61f69 var(--tw-gradient-to-position)
}

.to-purple-100 {
    --tw-gradient-to: #edebfe var(--tw-gradient-to-position)
}

.to-purple-200 {
    --tw-gradient-to: #dcd7fe var(--tw-gradient-to-position)
}

.to-purple-400\/20 {
    --tw-gradient-to: rgba(172, 148, 250, .2) var(--tw-gradient-to-position)
}

.to-purple-50 {
    --tw-gradient-to: #f6f5ff var(--tw-gradient-to-position)
}

.to-purple-500 {
    --tw-gradient-to: #9061f9 var(--tw-gradient-to-position)
}

.to-purple-500\/10 {
    --tw-gradient-to: rgba(144, 97, 249, .1) var(--tw-gradient-to-position)
}

.to-purple-600 {
    --tw-gradient-to: #7e3af2 var(--tw-gradient-to-position)
}

.to-purple-700 {
    --tw-gradient-to: #6c2bd9 var(--tw-gradient-to-position)
}

.to-red-50 {
    --tw-gradient-to: #fdf2f2 var(--tw-gradient-to-position)
}

.to-red-500 {
    --tw-gradient-to: #f05252 var(--tw-gradient-to-position)
}

.to-red-600 {
    --tw-gradient-to: #e02424 var(--tw-gradient-to-position)
}

.to-rose-50 {
    --tw-gradient-to: #fff1f2 var(--tw-gradient-to-position)
}

.to-rose-500 {
    --tw-gradient-to: #f43f5e var(--tw-gradient-to-position)
}

.to-teal-600 {
    --tw-gradient-to: #047481 var(--tw-gradient-to-position)
}

.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}

.to-violet-500 {
    --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)
}

.to-yellow-200 {
    --tw-gradient-to: #fce96a var(--tw-gradient-to-position)
}

.to-yellow-50 {
    --tw-gradient-to: #fdfdea var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-current {
    fill: currentColor
}

.fill-cyan-600 {
    fill: var(--color-primary)
}

.fill-gray-600 {
    fill: #4b5563
}

.fill-green-500 {
    fill: #268e6c
}

.fill-pink-600 {
    fill: #d61f69
}

.fill-purple-600 {
    fill: #7e3af2
}

.fill-red-600 {
    fill: #e02424
}

.fill-yellow-400 {
    fill: #e3a008
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.p-0 {
    padding: 0
}

.p-0\.5 {
    padding: .125rem
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-12 {
    padding: 3rem
}

.p-2 {
    padding: .5rem
}

.p-2\.5 {
    padding: .625rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-\[10px\] {
    padding-left: 10px;
    padding-right: 10px
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0\.5 {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[5px\] {
    padding-top: 5px;
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-2\.5 {
    padding-bottom: .625rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-3 {
    padding-bottom: .75rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-48 {
    padding-bottom: 12rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-0 {
    padding-left: 0
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-16 {
    padding-left: 4rem
}

.pl-2 {
    padding-left: .5rem
}

.pl-2\.5 {
    padding-left: .625rem
}

.pl-20 {
    padding-left: 5rem
}

.pl-3 {
    padding-left: .75rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-8 {
    padding-left: 2rem
}

.pr-10 {
    padding-right: 2.5rem
}

.pr-2 {
    padding-right: .5rem
}

.pr-3 {
    padding-right: .75rem
}

.pr-4 {
    padding-right: 1rem
}

.pr-6 {
    padding-right: 1.5rem
}

.pr-8 {
    padding-right: 2rem
}

.ps-5 {
    padding-inline-start: 1.25rem
}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-12 {
    padding-top: 3rem
}

.pt-14 {
    padding-top: 3.5rem
}

.pt-16 {
    padding-top: 4rem
}

.pt-2 {
    padding-top: .5rem
}

.pt-24 {
    padding-top: 6rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-6 {
    padding-top: 1.5rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[56\.25\%\] {
    padding-top: 56.25%
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.align-middle {
    vertical-align: middle
}

.font-mono {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-sans {
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-8xl {
    font-size: 6rem;
    line-height: 1
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[15px\] {
    font-size: 15px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.italic {
    font-style: italic
}

.leading-6 {
    line-height: 1.5rem
}

.leading-9 {
    line-height: 2.25rem
}

.leading-\[normal\] {
    line-height: normal
}

.leading-none {
    line-height: 1
}

.leading-relaxed {
    line-height: 1.625
}

.leading-tight {
    line-height: 1.25
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.tracking-widest {
    letter-spacing: .1em
}

.\!text-primary {
    color: var(--color-primary) !important
}

.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-amber-500 {
    --tw-text-opacity: 1;
    color: rgb(245 158 11/var(--tw-text-opacity))
}

.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6/var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0/var(--tw-text-opacity))
}

.text-blue-100 {
    --tw-text-opacity: 1;
    color: rgb(225 239 254/var(--tw-text-opacity))
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgb(63 131 248/var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242/var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(26 86 219/var(--tw-text-opacity))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgb(30 66 159/var(--tw-text-opacity))
}

.text-blue-900 {
    --tw-text-opacity: 1;
    color: rgb(35 56 118/var(--tw-text-opacity))
}

.text-cyan-300 {
    --tw-text-opacity: 1;
    color: rgb(103 232 249/var(--tw-text-opacity))
}

.text-cyan-500,
.text-cyan-600,
.text-cyan-700 {
    color: var(--color-primary)
}

.text-cyan-800 {
    --tw-text-opacity: 1;
    color: rgb(21 94 117/var(--tw-text-opacity))
}

.text-cyan-900 {
    --tw-text-opacity: 1;
    color: rgb(22 78 99/var(--tw-text-opacity))
}

.text-dark {
    color: var(--color-dark)
}

.text-darklink {
    color: var(--color-darklink)
}

.text-error {
    color: var(--color-error)
}

.text-gray-100 {
    --tw-text-opacity: 1;
    color: rgb(243 244 246/var(--tw-text-opacity))
}

.text-gray-200 {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.text-gray-300 {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.text-green-400 {
    --tw-text-opacity: 1;
    color: rgb(45 157 120/var(--tw-text-opacity))
}

.text-green-500 {
    --tw-text-opacity: 1;
    color: rgb(38 142 108/var(--tw-text-opacity))
}

.text-green-600 {
    --tw-text-opacity: 1;
    color: rgb(5 122 85/var(--tw-text-opacity))
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(4 108 78/var(--tw-text-opacity))
}

.text-green-800 {
    --tw-text-opacity: 1;
    color: rgb(3 84 63/var(--tw-text-opacity))
}

.text-green-900 {
    --tw-text-opacity: 1;
    color: rgb(1 71 55/var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(104 117 245/var(--tw-text-opacity))
}

.text-indigo-600 {
    --tw-text-opacity: 1;
    color: rgb(88 80 236/var(--tw-text-opacity))
}

.text-indigo-700 {
    --tw-text-opacity: 1;
    color: rgb(81 69 205/var(--tw-text-opacity))
}

.text-indigo-800 {
    --tw-text-opacity: 1;
    color: rgb(66 56 157/var(--tw-text-opacity))
}

.text-indigo-900 {
    --tw-text-opacity: 1;
    color: rgb(54 47 120/var(--tw-text-opacity))
}

.text-info {
    color: var(--color-info)
}

.text-lime-500 {
    --tw-text-opacity: 1;
    color: rgb(132 204 22/var(--tw-text-opacity))
}

.text-lime-700 {
    --tw-text-opacity: 1;
    color: rgb(77 124 15/var(--tw-text-opacity))
}

.text-lime-800 {
    --tw-text-opacity: 1;
    color: rgb(63 98 18/var(--tw-text-opacity))
}

.text-lime-900 {
    --tw-text-opacity: 1;
    color: rgb(54 83 20/var(--tw-text-opacity))
}

.text-link {
    color: var(--color-link)
}

.text-orange-500 {
    --tw-text-opacity: 1;
    color: rgb(255 90 31/var(--tw-text-opacity))
}

.text-orange-600 {
    --tw-text-opacity: 1;
    color: rgb(208 56 1/var(--tw-text-opacity))
}

.text-orange-700 {
    --tw-text-opacity: 1;
    color: rgb(180 52 3/var(--tw-text-opacity))
}

.text-orange-800 {
    --tw-text-opacity: 1;
    color: rgb(138 44 13/var(--tw-text-opacity))
}

.text-pink-100 {
    --tw-text-opacity: 1;
    color: rgb(252 232 243/var(--tw-text-opacity))
}

.text-pink-300 {
    --tw-text-opacity: 1;
    color: rgb(248 180 217/var(--tw-text-opacity))
}

.text-pink-400 {
    --tw-text-opacity: 1;
    color: rgb(241 126 184/var(--tw-text-opacity))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(231 70 148/var(--tw-text-opacity))
}

.text-pink-600 {
    --tw-text-opacity: 1;
    color: rgb(214 31 105/var(--tw-text-opacity))
}

.text-pink-700 {
    --tw-text-opacity: 1;
    color: rgb(191 18 93/var(--tw-text-opacity))
}

.text-pink-800 {
    --tw-text-opacity: 1;
    color: rgb(153 21 75/var(--tw-text-opacity))
}

.text-pink-900 {
    --tw-text-opacity: 1;
    color: rgb(117 26 61/var(--tw-text-opacity))
}

.text-primary {
    color: var(--color-primary)
}

.text-purple-500 {
    --tw-text-opacity: 1;
    color: rgb(144 97 249/var(--tw-text-opacity))
}

.text-purple-600 {
    --tw-text-opacity: 1;
    color: rgb(126 58 242/var(--tw-text-opacity))
}

.text-purple-700 {
    --tw-text-opacity: 1;
    color: rgb(108 43 217/var(--tw-text-opacity))
}

.text-purple-800 {
    --tw-text-opacity: 1;
    color: rgb(85 33 181/var(--tw-text-opacity))
}

.text-purple-900 {
    --tw-text-opacity: 1;
    color: rgb(74 29 150/var(--tw-text-opacity))
}

.text-red-400 {
    --tw-text-opacity: 1;
    color: rgb(249 128 128/var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(240 82 82/var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(224 36 36/var(--tw-text-opacity))
}

.text-red-700 {
    --tw-text-opacity: 1;
    color: rgb(200 30 30/var(--tw-text-opacity))
}

.text-red-800 {
    --tw-text-opacity: 1;
    color: rgb(155 28 28/var(--tw-text-opacity))
}

.text-red-900 {
    --tw-text-opacity: 1;
    color: rgb(119 29 29/var(--tw-text-opacity))
}

.text-secondary {
    color: var(--color-secondary)
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity))
}

.text-success {
    color: var(--color-success)
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(6 148 162/var(--tw-text-opacity))
}

.text-teal-600 {
    --tw-text-opacity: 1;
    color: rgb(4 116 129/var(--tw-text-opacity))
}

.text-teal-700 {
    --tw-text-opacity: 1;
    color: rgb(3 102 114/var(--tw-text-opacity))
}

.text-teal-800 {
    --tw-text-opacity: 1;
    color: rgb(5 80 92/var(--tw-text-opacity))
}

.text-teal-900 {
    --tw-text-opacity: 1;
    color: rgb(1 68 81/var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

.text-warning {
    color: var(--color-warning)
}

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

.text-yellow-200 {
    --tw-text-opacity: 1;
    color: rgb(252 233 106/var(--tw-text-opacity))
}

.text-yellow-300 {
    --tw-text-opacity: 1;
    color: rgb(250 202 21/var(--tw-text-opacity))
}

.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(227 160 8/var(--tw-text-opacity))
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(194 120 3/var(--tw-text-opacity))
}

.text-yellow-600 {
    --tw-text-opacity: 1;
    color: rgb(159 88 10/var(--tw-text-opacity))
}

.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(142 75 16/var(--tw-text-opacity))
}

.text-yellow-800 {
    --tw-text-opacity: 1;
    color: rgb(114 59 19/var(--tw-text-opacity))
}

.text-yellow-900 {
    --tw-text-opacity: 1;
    color: rgb(99 49 18/var(--tw-text-opacity))
}

.text-opacity-65 {
    --tw-text-opacity: 0.65
}

.underline {
    text-decoration-line: underline
}

.line-through {
    text-decoration-line: line-through
}

.placeholder-cyan-700::-moz-placeholder {
    color: var(--color-primary)
}

.placeholder-cyan-700::placeholder {
    color: var(--color-primary)
}

.placeholder-green-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(4 108 78/var(--tw-placeholder-opacity))
}

.placeholder-green-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(4 108 78/var(--tw-placeholder-opacity))
}

.placeholder-red-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(200 30 30/var(--tw-placeholder-opacity))
}

.placeholder-red-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(200 30 30/var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(142 75 16/var(--tw-placeholder-opacity))
}

.placeholder-yellow-700::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(142 75 16/var(--tw-placeholder-opacity))
}

.opacity-0 {
    opacity: 0
}

.opacity-10 {
    opacity: .1
}

.opacity-100 {
    opacity: 1
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.opacity-60 {
    opacity: .6
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-90 {
    opacity: .9
}

.mix-blend-lighten {
    mix-blend-mode: lighten
}

.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,
.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.shadow-active {
    --tw-shadow: 0px 17px 20px -8px rgba(77, 91, 236, .231);
    --tw-shadow-colored: 0px 17px 20px -8px var(--tw-shadow-color)
}

.shadow-active,
.shadow-lg {
    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 1rem 3rem rgba(0, 0, 0, .175);
    --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color)
}

.shadow-md {
    --tw-shadow: 0px 2px 4px -1px rgba(175, 182, 201, .2);
    --tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color)
}

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

.shadow-sm {
    --tw-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    --tw-shadow-colored: 0 0.125rem 0.25rem 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);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.outline {
    outline-style: solid
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

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

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.ring-8 {
    --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(8px + 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-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(195 221 253/var(--tw-ring-opacity))
}

.ring-cyan-400 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(34 211 238/var(--tw-ring-opacity))
}

.ring-cyan-700 {
    --tw-ring-color: var(--color-primary)
}

.ring-gray-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity))
}

.ring-gray-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
}

.ring-gray-800 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity))
}

.ring-green-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(188 240 218/var(--tw-ring-opacity))
}

.ring-green-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 142 108/var(--tw-ring-opacity))
}

.ring-pink-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 209 232/var(--tw-ring-opacity))
}

.ring-pink-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 70 148/var(--tw-ring-opacity))
}

.ring-purple-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(144 97 249/var(--tw-ring-opacity))
}

.ring-red-500 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82/var(--tw-ring-opacity))
}

.ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.ring-yellow-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 202 21/var(--tw-ring-opacity))
}

.blur {
    --tw-blur: blur(8px)
}

.blur,
.blur-sm {
    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)
}

.blur-sm {
    --tw-blur: blur(4px)
}

.drop-shadow {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .1)) drop-shadow(0 1px 1px rgba(0, 0, 0, .06))
}

.drop-shadow,
.drop-shadow-lg {
    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)
}

.drop-shadow-lg {
    --tw-drop-shadow: drop-shadow(0 10px 8px rgba(0, 0, 0, .04)) drop-shadow(0 4px 3px rgba(0, 0, 0, .1))
}

.drop-shadow-md {
    --tw-drop-shadow: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
}

.drop-shadow-md,
.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-md {
    --tw-backdrop-blur: blur(12px)
}

.backdrop-blur-md,
.backdrop-blur-sm {
    -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)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px)
}

.backdrop-filter {
    -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 {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-\[color\2c background-color\2c border-color\2c text-decoration-color\2c fill\2c stroke\2c box-shadow\] {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

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

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.delay-0 {
    transition-delay: 0s
}

.delay-1000 {
    transition-delay: 1s
}

.delay-300 {
    transition-delay: .3s
}

.delay-500 {
    transition-delay: .5s
}

.delay-700 {
    transition-delay: .7s
}

.duration-100 {
    transition-duration: .1s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-150 {
    transition-duration: .15s
}

.duration-200 {
    transition-duration: .2s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.duration-75 {
    transition-duration: 75ms
}

.ease-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ease-out {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.will-change-auto {
    will-change: auto
}

.will-change-transform {
    will-change: transform
}

.\[overflow\:-moz-scrollbars-none\] {
    overflow: -moz-scrollbars-none
}

.\[scrollbar-width\:none\] {
    scrollbar-width: none
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto:wght@400;500&family=Poppins:wght@400;500;600&family=Outfit:wght@400;500;600&family=DM+Sans:opsz,wght@9..40,400;9..40,500&family=Playfair+Display:wght@400;500;600&family=Cormorant+Garamond:wght@400;500;600&family=Libre+Baskerville:wght@400;700&family=Crimson+Pro:wght@400;500;600&family=Abril+Fatface&family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=Marcellus&family=Cinzel:wght@400;500&family=Dancing+Script&family=Great+Vibes&family=Pinyon+Script&family=Alex+Brush&family=Italiana&family=Gilda+Display&family=Tenor+Sans&family=Cormorant+Unicase:wght@400;500&family=Jost:wght@400;500&family=Darker+Grotesque:wght@400;500;600&family=Montserrat+Alternates:wght@400;500&family=Questrial&family=Baskervville&family=Cormorant+Infant:wght@400;500&family=Spectral:wght@400;500&display=swap");

.font-preview {
    padding: 8px;
    transition: background-color .2s
}

.font-preview:hover {
    background-color: rgba(0, 0, 0, .04)
}

.bg-pink-cinelove {
    background-color: var(--color-pink-cinelove)
}

.bg-pink-cinelove-hover-darker,
.bg-pink-cinelove-hover-lighter {
    background-color: var(--color-pink-cinelove);
    transition: background-color .2s
}

.bg-pink-cinelove-hover-darker:hover {
    background-color: var(--color-pink-cinelove-darker)
}

.bg-pink-cinelove-hover-lighter:hover {
    background-color: var(--color-pink-cinelove-lighter)
}

.color-pink-cinelove {
    color: var(--color-pink-cinelove)
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");

* {
    outline: none
}

html {
    --scroll-behavior: smooth !important;
    scroll-behavior: smooth !important
}

body {
    margin: 0;
    font-family: Inter, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.navbar {
    transition: .2s linear
}

html:not([data-scroll="0"]) .navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff !important;
    opacity: 1;
    box-shadow: 0 15px 30px rgba(0, 0, 0, .12);
    padding-top: 6px;
    padding-bottom: 6px;
    z-index: 3
}

html:not([data-scroll]) .navbar {
    box-shadow: none
}

.banner-image {
    background-image: url(/assets/banner/background.png);
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (max-width: 640px) {
    .banner-image {
        background-image: none !important;
        background-color: #fcf5ef
    }

    html:not([data-scroll="0"]) .navbar {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

body,
html {
    width: 100%;
    height: 100%
}

.bg-newsletter {
    background-image: url(/assets/newsletter/hands.svg);
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover
}

.boxshadow {
    box-shadow: 0 64px 64px -48px #f5eee8
}

.position-green {
    top: 62%;
    right: 0;
    left: 54%;
    bottom: 60%
}

.bannerBorder {
    border-left: 1px solid rgba(0, 0, 0, .2)
}

@media screen and (max-width: 640px) {
    .bannerBorder {
        border-left: none !important
    }
}

.nowhitespace {
    white-space: nowrap
}

.mentorShadow {
    box-shadow: 0 4px 20px rgba(110, 127, 185, .1)
}

.footer-icons {
    transition: .5s
}

.footer-icons:hover {
    transform: translateY(-8px)
}

.space-links {
    transition: .3s
}

.space-links:hover {
    letter-spacing: 1px
}

.line-clamp-1 {
    -webkit-line-clamp: 1
}

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

.line-clamp-2 {
    -webkit-line-clamp: 2
}

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

.placeholder\:text-slate-400::-moz-placeholder {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.placeholder\:text-slate-400::placeholder {
    --tw-text-opacity: 1;
    color: rgb(148 163 184/var(--tw-text-opacity))
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute
}

.after\:left-1:after {
    content: var(--tw-content);
    left: .25rem
}

.after\:left-px:after {
    content: var(--tw-content);
    left: 1px
}

.after\:top-0:after {
    content: var(--tw-content);
    top: 0
}

.after\:top-0\.5:after {
    content: var(--tw-content);
    top: .125rem
}

.after\:top-px:after {
    content: var(--tw-content);
    top: 1px
}

.after\:h-4:after {
    content: var(--tw-content);
    height: 1rem
}

.after\:h-5:after {
    content: var(--tw-content);
    height: 1.25rem
}

.after\:h-6:after {
    content: var(--tw-content);
    height: 1.5rem
}

.after\:w-4:after {
    content: var(--tw-content);
    width: 1rem
}

.after\:w-5:after {
    content: var(--tw-content);
    width: 1.25rem
}

.after\:w-6:after {
    content: var(--tw-content);
    width: 1.5rem
}

.after\:translate-x-full:after {
    content: var(--tw-content);
    --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))
}

.after\:rounded-full:after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:border-white:after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.after\:bg-white:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.first\:ml-0:first-child {
    margin-left: 0
}

.first\:mt-0:first-child {
    margin-top: 0
}

.first\:rounded-t-lg:first-child {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.first\:border-t-0:first-child {
    border-top-width: 0
}

.first\:pt-0:first-child {
    padding-top: 0
}

.last\:mr-0:last-child {
    margin-right: 0
}

.last\:rounded-b-lg:last-child {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.odd\:bg-transparent:nth-child(odd) {
    background-color: transparent
}

.odd\:bg-white:nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.even\:bg-gray-50:nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem
}

.hover\:-translate-y-1:hover,
.hover\:-translate-y-2: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\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem
}

.hover\:translate-x-\[100\%\]:hover {
    --tw-translate-x: 100%
}

.hover\:scale-105:hover,
.hover\:translate-x-\[100\%\]: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-105:hover {
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1
}

.hover\:scale-110:hover,
.hover\:scale-\[1\.02\]: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-\[1\.02\]:hover {
    --tw-scale-x: 1.02;
    --tw-scale-y: 1.02
}

.hover\:cursor-not-allowed:hover {
    cursor: not-allowed
}

.hover\:border-blue-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(164 202 254/var(--tw-border-opacity))
}

.hover\:border-blue-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(118 169 250/var(--tw-border-opacity))
}

.hover\:border-blue-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248/var(--tw-border-opacity))
}

.hover\:border-blue-600:hover {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242/var(--tw-border-opacity))
}

.hover\:border-gray-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219/var(--tw-border-opacity))
}

.hover\:border-gray-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175/var(--tw-border-opacity))
}

.hover\:border-green-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(132 225 188/var(--tw-border-opacity))
}

.hover\:border-green-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(45 157 120/var(--tw-border-opacity))
}

.hover\:border-orange-400:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 138 76/var(--tw-border-opacity))
}

.hover\:border-pink-200:hover {
    --tw-border-opacity: 1;
    border-color: rgb(250 209 232/var(--tw-border-opacity))
}

.hover\:border-pink-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(248 180 217/var(--tw-border-opacity))
}

.hover\:border-pink-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(231 70 148/var(--tw-border-opacity))
}

.hover\:border-primary:hover {
    border-color: var(--color-primary)
}

.hover\:border-purple-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(202 191 253/var(--tw-border-opacity))
}

.hover\:border-red-500:hover {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82/var(--tw-border-opacity))
}

.hover\:border-slate-300:hover {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity))
}

.hover\:bg-blue-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(225 239 254/var(--tw-bg-opacity))
}

.hover\:bg-blue-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253/var(--tw-bg-opacity))
}

.hover\:bg-blue-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(164 202 254/var(--tw-bg-opacity))
}

.hover\:bg-blue-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(235 245 255/var(--tw-bg-opacity))
}

.hover\:bg-blue-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 131 248/var(--tw-bg-opacity))
}

.hover\:bg-blue-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242/var(--tw-bg-opacity))
}

.hover\:bg-blue-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219/var(--tw-bg-opacity))
}

.hover\:bg-blue-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(30 66 159/var(--tw-bg-opacity))
}

.hover\:bg-cyan-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254/var(--tw-bg-opacity))
}

.hover\:bg-cyan-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252/var(--tw-bg-opacity))
}

.hover\:bg-cyan-600:hover {
    background-color: var(--color-primary)
}

.hover\:bg-cyan-800:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117/var(--tw-bg-opacity))
}

.hover\:bg-error:hover {
    background-color: var(--color-error)
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.hover\:bg-gray-200\/80:hover {
    background-color: rgba(229, 231, 235, .8)
}

.hover\:bg-gray-400:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251/var(--tw-bg-opacity))
}

.hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.hover\:bg-gray-800\/30:hover {
    background-color: rgba(31, 41, 55, .3)
}

.hover\:bg-green-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218/var(--tw-bg-opacity))
}

.hover\:bg-green-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 250 247/var(--tw-bg-opacity))
}

.hover\:bg-green-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85/var(--tw-bg-opacity))
}

.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(4 108 78/var(--tw-bg-opacity))
}

.hover\:bg-indigo-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254/var(--tw-bg-opacity))
}

.hover\:bg-info:hover {
    background-color: var(--color-info)
}

.hover\:bg-lightprimary:hover {
    background-color: var(--color-lightprimary)
}

.hover\:bg-lime-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(217 249 157/var(--tw-bg-opacity))
}

.hover\:bg-orange-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 217 189/var(--tw-bg-opacity))
}

.hover\:bg-orange-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 248 241/var(--tw-bg-opacity))
}

.hover\:bg-orange-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(208 56 1/var(--tw-bg-opacity))
}

.hover\:bg-orange-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 52 3/var(--tw-bg-opacity))
}

.hover\:bg-pink-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 243/var(--tw-bg-opacity))
}

.hover\:bg-pink-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232/var(--tw-bg-opacity))
}

.hover\:bg-pink-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(253 242 248/var(--tw-bg-opacity))
}

.hover\:bg-pink-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(231 70 148/var(--tw-bg-opacity))
}

.hover\:bg-pink-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(214 31 105/var(--tw-bg-opacity))
}

.hover\:bg-primary:hover {
    background-color: var(--color-primary)
}

.hover\:bg-purple-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 235 254/var(--tw-bg-opacity))
}

.hover\:bg-purple-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254/var(--tw-bg-opacity))
}

.hover\:bg-purple-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(202 191 253/var(--tw-bg-opacity))
}

.hover\:bg-purple-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(246 245 255/var(--tw-bg-opacity))
}

.hover\:bg-purple-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(108 43 217/var(--tw-bg-opacity))
}

.hover\:bg-red-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213/var(--tw-bg-opacity))
}

.hover\:bg-red-300:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 180/var(--tw-bg-opacity))
}

.hover\:bg-red-500:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82/var(--tw-bg-opacity))
}

.hover\:bg-red-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36/var(--tw-bg-opacity))
}

.hover\:bg-secondary:hover {
    background-color: var(--color-secondary)
}

.hover\:bg-success:hover {
    background-color: var(--color-success)
}

.hover\:bg-teal-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239/var(--tw-bg-opacity))
}

.hover\:bg-warning:hover {
    background-color: var(--color-warning)
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:bg-white\/30:hover {
    background-color: hsla(0, 0%, 100%, .3)
}

.hover\:bg-yellow-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106/var(--tw-bg-opacity))
}

.hover\:bg-yellow-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10/var(--tw-bg-opacity))
}

.hover\:bg-yellow-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(142 75 16/var(--tw-bg-opacity))
}

.hover\:bg-opacity-90:hover {
    --tw-bg-opacity: 0.9
}

.hover\:bg-gradient-to-br:hover {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.hover\:from-blue-700:hover {
    --tw-gradient-from: #1a56db var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(26, 86, 219, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-green-700:hover {
    --tw-gradient-from: #046c4e var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(4, 108, 78, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-pink-600:hover {
    --tw-gradient-from: #d61f69 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(214, 31, 105, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:from-purple-500:hover {
    --tw-gradient-from: #9061f9 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(144, 97, 249, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.hover\:via-pink-500:hover {
    --tw-gradient-to: rgba(231, 70, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), #e74694 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

.hover\:to-green-800:hover {
    --tw-gradient-to: #03543f var(--tw-gradient-to-position)
}

.hover\:to-purple-600:hover {
    --tw-gradient-to: #7e3af2 var(--tw-gradient-to-position)
}

.hover\:to-purple-700:hover {
    --tw-gradient-to: #6c2bd9 var(--tw-gradient-to-position)
}

.hover\:text-blue-500:hover {
    --tw-text-opacity: 1;
    color: rgb(63 131 248/var(--tw-text-opacity))
}

.hover\:text-blue-600:hover {
    --tw-text-opacity: 1;
    color: rgb(28 100 242/var(--tw-text-opacity))
}

.hover\:text-blue-700:hover {
    --tw-text-opacity: 1;
    color: rgb(26 86 219/var(--tw-text-opacity))
}

.hover\:text-blue-800:hover {
    --tw-text-opacity: 1;
    color: rgb(30 66 159/var(--tw-text-opacity))
}

.hover\:text-cyan-700:hover {
    color: var(--color-primary)
}

.hover\:text-dark:hover {
    color: var(--color-dark)
}

.hover\:text-gray-300:hover {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.hover\:text-gray-600:hover {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.hover\:text-gray-700:hover {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.hover\:text-gray-800:hover {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.hover\:text-gray-900:hover {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.hover\:text-green-700:hover {
    --tw-text-opacity: 1;
    color: rgb(4 108 78/var(--tw-text-opacity))
}

.hover\:text-pink-500:hover {
    --tw-text-opacity: 1;
    color: rgb(231 70 148/var(--tw-text-opacity))
}

.hover\:text-pink-600:hover {
    --tw-text-opacity: 1;
    color: rgb(214 31 105/var(--tw-text-opacity))
}

.hover\:text-primary:hover {
    color: var(--color-primary)
}

.hover\:text-red-700:hover {
    --tw-text-opacity: 1;
    color: rgb(200 30 30/var(--tw-text-opacity))
}

.hover\:text-red-800:hover {
    --tw-text-opacity: 1;
    color: rgb(155 28 28/var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-yellow-500:hover {
    --tw-text-opacity: 1;
    color: rgb(194 120 3/var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:opacity-100:hover {
    opacity: 1
}

.hover\:opacity-80:hover {
    opacity: .8
}

.hover\:shadow-2xl:hover {
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color)
}

.hover\:shadow-2xl:hover,
.hover\:shadow-lg:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-lg:hover {
    --tw-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    --tw-shadow-colored: 0 1rem 3rem var(--tw-shadow-color)
}

.hover\:shadow-md:hover {
    --tw-shadow: 0px 2px 4px -1px rgba(175, 182, 201, .2);
    --tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color)
}

.hover\:shadow-md:hover,
.hover\:shadow-sm:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-sm:hover {
    --tw-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    --tw-shadow-colored: 0 0.125rem 0.25rem var(--tw-shadow-color)
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-purple-500\/25:hover {
    --tw-shadow-color: rgba(144, 97, 249, .25);
    --tw-shadow: var(--tw-shadow-colored)
}

.focus\:z-10:focus {
    z-index: 10
}

.focus\:border-blue-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248/var(--tw-border-opacity))
}

.focus\:border-blue-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(28 100 242/var(--tw-border-opacity))
}

.focus\:border-cyan-500:focus {
    border-color: var(--color-primary)
}

.focus\:border-green-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(38 142 108/var(--tw-border-opacity))
}

.focus\:border-green-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(5 122 85/var(--tw-border-opacity))
}

.focus\:border-primary:focus {
    border-color: var(--color-primary)
}

.focus\:border-red-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82/var(--tw-border-opacity))
}

.focus\:border-red-600:focus {
    --tw-border-opacity: 1;
    border-color: rgb(224 36 36/var(--tw-border-opacity))
}

.focus\:border-slate-400:focus {
    --tw-border-opacity: 1;
    border-color: rgb(148 163 184/var(--tw-border-opacity))
}

.focus\:border-transparent:focus {
    border-color: transparent
}

.focus\:border-yellow-500:focus {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3/var(--tw-border-opacity))
}

.focus\:bg-gray-100:focus {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.focus\:text-cyan-700:focus {
    color: var(--color-primary)
}

.focus\:text-gray-900:focus {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.focus\:shadow:focus {
    --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);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

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

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

.focus\:ring-0:focus,
.focus\:ring-2:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}

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

.focus\:ring-blue-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(164 202 254/var(--tw-ring-opacity))
}

.focus\:ring-blue-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(118 169 250/var(--tw-ring-opacity))
}

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 131 248/var(--tw-ring-opacity))
}

.focus\:ring-blue-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(28 100 242/var(--tw-ring-opacity))
}

.focus\:ring-cyan-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(103 232 249/var(--tw-ring-opacity))
}

.focus\:ring-cyan-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(34 211 238/var(--tw-ring-opacity))
}

.focus\:ring-cyan-500:focus,
.focus\:ring-cyan-600:focus,
.focus\:ring-cyan-700:focus {
    --tw-ring-color: var(--color-primary)
}

.focus\:ring-cyan-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 94 117/var(--tw-ring-opacity))
}

.focus\:ring-gray-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(229 231 235/var(--tw-ring-opacity))
}

.focus\:ring-gray-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(209 213 219/var(--tw-ring-opacity))
}

.focus\:ring-gray-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175/var(--tw-ring-opacity))
}

.focus\:ring-gray-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity))
}

.focus\:ring-gray-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39/var(--tw-ring-opacity))
}

.focus\:ring-green-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(188 240 218/var(--tw-ring-opacity))
}

.focus\:ring-green-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(132 225 188/var(--tw-ring-opacity))
}

.focus\:ring-green-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(45 157 120/var(--tw-ring-opacity))
}

.focus\:ring-green-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 142 108/var(--tw-ring-opacity))
}

.focus\:ring-green-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 122 85/var(--tw-ring-opacity))
}

.focus\:ring-green-800:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 84 63/var(--tw-ring-opacity))
}

.focus\:ring-indigo-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(180 198 252/var(--tw-ring-opacity))
}

.focus\:ring-indigo-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(141 162 251/var(--tw-ring-opacity))
}

.focus\:ring-indigo-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(104 117 245/var(--tw-ring-opacity))
}

.focus\:ring-indigo-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(81 69 205/var(--tw-ring-opacity))
}

.focus\:ring-lime-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(217 249 157/var(--tw-ring-opacity))
}

.focus\:ring-lime-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(190 242 100/var(--tw-ring-opacity))
}

.focus\:ring-lime-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(163 230 53/var(--tw-ring-opacity))
}

.focus\:ring-lime-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(77 124 15/var(--tw-ring-opacity))
}

.focus\:ring-pink-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 209 232/var(--tw-ring-opacity))
}

.focus\:ring-pink-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 180 217/var(--tw-ring-opacity))
}

.focus\:ring-pink-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(241 126 184/var(--tw-ring-opacity))
}

.focus\:ring-pink-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 31 105/var(--tw-ring-opacity))
}

.focus\:ring-primary:focus {
    --tw-ring-color: var(--color-primary)
}

.focus\:ring-purple-200:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(220 215 254/var(--tw-ring-opacity))
}

.focus\:ring-purple-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(202 191 253/var(--tw-ring-opacity))
}

.focus\:ring-purple-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(172 148 250/var(--tw-ring-opacity))
}

.focus\:ring-purple-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 58 242/var(--tw-ring-opacity))
}

.focus\:ring-red-100:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 232 232/var(--tw-ring-opacity))
}

.focus\:ring-red-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(248 180 180/var(--tw-ring-opacity))
}

.focus\:ring-red-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 128 128/var(--tw-ring-opacity))
}

.focus\:ring-red-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82/var(--tw-ring-opacity))
}

.focus\:ring-red-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 36 36/var(--tw-ring-opacity))
}

.focus\:ring-red-900:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(119 29 29/var(--tw-ring-opacity))
}

.focus\:ring-teal-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 220 226/var(--tw-ring-opacity))
}

.focus\:ring-teal-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(22 189 202/var(--tw-ring-opacity))
}

.focus\:ring-teal-600:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(4 116 129/var(--tw-ring-opacity))
}

.focus\:ring-yellow-300:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(250 202 21/var(--tw-ring-opacity))
}

.focus\:ring-yellow-400:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(227 160 8/var(--tw-ring-opacity))
}

.focus\:ring-yellow-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(194 120 3/var(--tw-ring-opacity))
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px
}

.focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --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)
}

.focus-visible\:ring-blue-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 131 248/var(--tw-ring-opacity))
}

.focus-visible\:ring-gray-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
}

.focus-visible\:ring-green-500:focus-visible {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 142 108/var(--tw-ring-opacity))
}

.focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px
}

.active\:scale-95:active {
    --tw-scale-x: .95;
    --tw-scale-y: .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))
}

.enabled\:hover\:bg-blue-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(30 66 159/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-cyan-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-cyan-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(21 94 117/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-gray-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-gray-900:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-green-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-green-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(3 84 63/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-indigo-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(229 237 255/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-lime-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(236 252 203/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-pink-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(252 232 243/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-purple-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(85 33 181/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-red-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-red-800:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(155 28 28/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-teal-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(213 245 246/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-yellow-100:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-yellow-500:hover:enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(194 120 3/var(--tw-bg-opacity))
}

.enabled\:hover\:bg-gradient-to-bl:hover:enabled {
    background-image: linear-gradient(to bottom left, var(--tw-gradient-stops))
}

.enabled\:hover\:bg-gradient-to-br:hover:enabled {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

.enabled\:hover\:bg-gradient-to-l:hover:enabled {
    background-image: linear-gradient(to left, var(--tw-gradient-stops))
}

.enabled\:hover\:from-teal-200:hover:enabled {
    --tw-gradient-from: #afecef var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(175, 236, 239, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.enabled\:hover\:to-lime-200:hover:enabled {
    --tw-gradient-to: #d9f99d var(--tw-gradient-to-position)
}

.enabled\:hover\:text-cyan-700:hover:enabled {
    color: var(--color-primary)
}

.enabled\:hover\:text-gray-700:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(55 65 81/var(--tw-text-opacity))
}

.enabled\:hover\:text-gray-900:hover:enabled {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.disabled\:transform-none:disabled {
    transform: none
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
}

.disabled\:bg-gray-100:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity))
}

.disabled\:bg-gray-400:disabled {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.disabled\:text-gray-400:disabled {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.disabled\:opacity-50:disabled {
    opacity: .5
}

.disabled\:opacity-70:disabled {
    opacity: .7
}

.group:first-child .group-first\:hidden {
    display: none
}

.group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:first\:rounded-tl-lg:first-child,
.group\/head:first-child .group-first\/head\:first\:rounded-tl-lg:first-child {
    border-top-left-radius: .5rem
}

.group\/body:first-child .group\/row:first-child .group-first\/body\:group-first\/row\:last\:rounded-tr-lg:last-child,
.group\/head:first-child .group-first\/head\:last\:rounded-tr-lg:last-child {
    border-top-right-radius: .5rem
}

.group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:first\:rounded-bl-lg:first-child {
    border-bottom-left-radius: .5rem
}

.group\/body:last-child .group\/row:last-child .group-last\/body\:group-last\/row\:last\:rounded-br-lg:last-child {
    border-bottom-right-radius: .5rem
}

.group:hover .group-hover\:translate-x-1 {
    --tw-translate-x: 0.25rem
}

.group:hover .group-hover\:translate-x-1,
.group:hover .group-hover\:translate-y-0 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px
}

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

.group\/link:hover .group-hover\/link\:bg-primary {
    background-color: var(--color-primary)
}

.group\/menu:hover .group-hover\/menu\:bg-lightprimary {
    background-color: var(--color-lightprimary)
}

.group:hover .group-hover\:bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-cyan-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-indigo-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-lime-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(217 249 157/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-orange-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 217 189/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-pink-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-purple-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-teal-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-white\/50 {
    background-color: hsla(0, 0%, 100%, .5)
}

.group:hover .group-hover\:bg-yellow-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106/var(--tw-bg-opacity))
}

.group:hover .group-hover\:bg-opacity-30 {
    --tw-bg-opacity: 0.3
}

.group:hover .group-hover\:bg-opacity-40 {
    --tw-bg-opacity: 0.4
}

.group\/menu:hover .group-hover\/menu\:text-primary {
    color: var(--color-primary)
}

.group:hover .group-hover\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.group:hover .group-hover\:text-primary {
    color: var(--color-primary)
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1
}

.group:hover .group-hover\:shadow-md {
    --tw-shadow: 0px 2px 4px -1px rgba(175, 182, 201, .2);
    --tw-shadow-colored: 0px 2px 4px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.group:focus .group-focus\:outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.group:focus .group-focus\:ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.group:focus .group-focus\:ring-white {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(255 255 255/var(--tw-ring-opacity))
}

.group:enabled:hover .group-enabled\:group-hover\:bg-opacity-0 {
    --tw-bg-opacity: 0
}

.group:enabled:hover .group-enabled\:group-hover\:text-inherit {
    color: inherit
}

.peer:-moz-placeholder~.peer-placeholder-shown\:top-1\/2 {
    top: 50%
}

.peer:placeholder-shown~.peer-placeholder-shown\:top-1\/2 {
    top: 50%
}

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

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

.peer:-moz-placeholder~.peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:translate-y-0 {
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:-moz-placeholder~.peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:placeholder-shown~.peer-placeholder-shown\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:left-0 {
    left: 0
}

.peer:focus~.peer-focus\:top-2 {
    top: .5rem
}

.peer:focus~.peer-focus\:-translate-y-4 {
    --tw-translate-y: -1rem
}

.peer:focus~.peer-focus\:-translate-y-4,
.peer:focus~.peer-focus\:-translate-y-6 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.peer:focus~.peer-focus\:-translate-y-6 {
    --tw-translate-y: -1.5rem
}

.peer:focus~.peer-focus\:scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .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))
}

.peer:focus~.peer-focus\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.peer:focus~.peer-focus\:text-blue-600 {
    --tw-text-opacity: 1;
    color: rgb(28 100 242/var(--tw-text-opacity))
}

.dark\:block:is(.dark *) {
    display: block
}

.dark\:hidden:is(.dark *) {
    display: none
}

.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(55 65 81/var(--tw-divide-opacity))
}

.dark\:border-none:is(.dark *) {
    border-style: none
}

.dark\:border-cyan-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(34 211 238/var(--tw-border-opacity))
}

.dark\:border-cyan-500:is(.dark *) {
    border-color: var(--color-primary)
}

.dark\:border-cyan-600:is(.dark *) {
    border-color: var(--color-primary)
}

.dark\:border-gray-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128/var(--tw-border-opacity))
}

.dark\:border-gray-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(75 85 99/var(--tw-border-opacity))
}

.dark\:border-gray-700:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81/var(--tw-border-opacity))
}

.dark\:border-gray-800:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(31 41 55/var(--tw-border-opacity))
}

.dark\:border-gray-900:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(17 24 39/var(--tw-border-opacity))
}

.dark\:border-green-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(45 157 120/var(--tw-border-opacity))
}

.dark\:border-green-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(38 142 108/var(--tw-border-opacity))
}

.dark\:border-green-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(5 122 85/var(--tw-border-opacity))
}

.dark\:border-indigo-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(88 80 236/var(--tw-border-opacity))
}

.dark\:border-lime-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(101 163 13/var(--tw-border-opacity))
}

.dark\:border-pink-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(214 31 105/var(--tw-border-opacity))
}

.dark\:border-red-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(249 128 128/var(--tw-border-opacity))
}

.dark\:border-red-500:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82/var(--tw-border-opacity))
}

.dark\:border-red-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(224 36 36/var(--tw-border-opacity))
}

.dark\:border-teal-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(4 116 129/var(--tw-border-opacity))
}

.dark\:border-white:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.dark\:border-yellow-400:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(227 160 8/var(--tw-border-opacity))
}

.dark\:border-yellow-600:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(159 88 10/var(--tw-border-opacity))
}

.dark\:\!bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(55 65 81/var(--tw-bg-opacity)) !important
}

.dark\:bg-black:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.dark\:bg-blue-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(195 221 253/var(--tw-bg-opacity))
}

.dark\:bg-blue-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(28 100 242/var(--tw-bg-opacity))
}

.dark\:bg-cyan-100:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(207 250 254/var(--tw-bg-opacity))
}

.dark\:bg-cyan-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(165 243 252/var(--tw-bg-opacity))
}

.dark\:bg-cyan-600:is(.dark *) {
    background-color: var(--color-primary)
}

.dark\:bg-cyan-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(22 78 99/var(--tw-bg-opacity))
}

.dark\:bg-dark:is(.dark *) {
    background-color: var(--color-dark)
}

.dark\:bg-gray-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235/var(--tw-bg-opacity))
}

.dark\:bg-gray-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.dark\:bg-gray-400:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175/var(--tw-bg-opacity))
}

.dark\:bg-gray-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128/var(--tw-bg-opacity))
}

.dark\:bg-gray-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.dark\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.dark\:bg-gray-800:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.dark\:bg-gray-800\/30:is(.dark *) {
    background-color: rgba(31, 41, 55, .3)
}

.dark\:bg-gray-800\/50:is(.dark *) {
    background-color: rgba(31, 41, 55, .5)
}

.dark\:bg-gray-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39/var(--tw-bg-opacity))
}

.dark\:bg-gray-900\/80:is(.dark *) {
    background-color: rgba(17, 24, 39, .8)
}

.dark\:bg-green-100:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(222 247 236/var(--tw-bg-opacity))
}

.dark\:bg-green-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(188 240 218/var(--tw-bg-opacity))
}

.dark\:bg-green-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 142 108/var(--tw-bg-opacity))
}

.dark\:bg-green-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(5 122 85/var(--tw-bg-opacity))
}

.dark\:bg-green-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(1 71 55/var(--tw-bg-opacity))
}

.dark\:bg-indigo-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(205 219 254/var(--tw-bg-opacity))
}

.dark\:bg-indigo-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(104 117 245/var(--tw-bg-opacity))
}

.dark\:bg-indigo-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(88 80 236/var(--tw-bg-opacity))
}

.dark\:bg-lighterror:is(.dark *) {
    background-color: var(--color-lighterror)
}

.dark\:bg-lightinfo:is(.dark *) {
    background-color: var(--color-lightinfo)
}

.dark\:bg-lightprimary:is(.dark *) {
    background-color: var(--color-lightprimary)
}

.dark\:bg-lightsecondary:is(.dark *) {
    background-color: var(--color-lightsecondary)
}

.dark\:bg-lightsuccess:is(.dark *) {
    background-color: var(--color-lightsuccess)
}

.dark\:bg-lightwarning:is(.dark *) {
    background-color: var(--color-lightwarning)
}

.dark\:bg-lime-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(217 249 157/var(--tw-bg-opacity))
}

.dark\:bg-lime-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(101 163 13/var(--tw-bg-opacity))
}

.dark\:bg-pink-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 209 232/var(--tw-bg-opacity))
}

.dark\:bg-pink-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(214 31 105/var(--tw-bg-opacity))
}

.dark\:bg-purple-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 215 254/var(--tw-bg-opacity))
}

.dark\:bg-purple-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(144 97 249/var(--tw-bg-opacity))
}

.dark\:bg-purple-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(126 58 242/var(--tw-bg-opacity))
}

.dark\:bg-purple-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(74 29 150/var(--tw-bg-opacity))
}

.dark\:bg-red-100:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 232 232/var(--tw-bg-opacity))
}

.dark\:bg-red-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(251 213 213/var(--tw-bg-opacity))
}

.dark\:bg-red-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(240 82 82/var(--tw-bg-opacity))
}

.dark\:bg-red-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(224 36 36/var(--tw-bg-opacity))
}

.dark\:bg-red-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(119 29 29/var(--tw-bg-opacity))
}

.dark\:bg-teal-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(175 236 239/var(--tw-bg-opacity))
}

.dark\:bg-teal-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 116 129/var(--tw-bg-opacity))
}

.dark\:bg-transparent:is(.dark *) {
    background-color: transparent
}

.dark\:bg-white:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.dark\:bg-yellow-100:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(253 246 178/var(--tw-bg-opacity))
}

.dark\:bg-yellow-200:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(252 233 106/var(--tw-bg-opacity))
}

.dark\:bg-yellow-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(159 88 10/var(--tw-bg-opacity))
}

.dark\:bg-yellow-900:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(99 49 18/var(--tw-bg-opacity))
}

.dark\:bg-opacity-80:is(.dark *) {
    --tw-bg-opacity: 0.8
}

.dark\:fill-gray-300:is(.dark *) {
    fill: #d1d5db
}

.dark\:text-blue-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(63 131 248/var(--tw-text-opacity))
}

.dark\:text-blue-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(28 100 242/var(--tw-text-opacity))
}

.dark\:text-blue-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(30 66 159/var(--tw-text-opacity))
}

.dark\:text-blue-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(35 56 118/var(--tw-text-opacity))
}

.dark\:text-cyan-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(207 250 254/var(--tw-text-opacity))
}

.dark\:text-cyan-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(103 232 249/var(--tw-text-opacity))
}

.dark\:text-cyan-500:is(.dark *) {
    color: var(--color-primary)
}

.dark\:text-cyan-600:is(.dark *) {
    color: var(--color-primary)
}

.dark\:text-cyan-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(21 94 117/var(--tw-text-opacity))
}

.dark\:text-cyan-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(22 78 99/var(--tw-text-opacity))
}

.dark\:text-gray-100:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(243 244 246/var(--tw-text-opacity))
}

.dark\:text-gray-200:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(229 231 235/var(--tw-text-opacity))
}

.dark\:text-gray-300:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.dark\:text-gray-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(156 163 175/var(--tw-text-opacity))
}

.dark\:text-gray-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.dark\:text-gray-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity))
}

.dark\:text-gray-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(31 41 55/var(--tw-text-opacity))
}

.dark\:text-gray-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity))
}

.dark\:text-green-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(45 157 120/var(--tw-text-opacity))
}

.dark\:text-green-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(38 142 108/var(--tw-text-opacity))
}

.dark\:text-green-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(5 122 85/var(--tw-text-opacity))
}

.dark\:text-green-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(3 84 63/var(--tw-text-opacity))
}

.dark\:text-green-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(1 71 55/var(--tw-text-opacity))
}

.dark\:text-indigo-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(88 80 236/var(--tw-text-opacity))
}

.dark\:text-indigo-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(66 56 157/var(--tw-text-opacity))
}

.dark\:text-indigo-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(54 47 120/var(--tw-text-opacity))
}

.dark\:text-lime-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(101 163 13/var(--tw-text-opacity))
}

.dark\:text-lime-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(63 98 18/var(--tw-text-opacity))
}

.dark\:text-lime-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(54 83 20/var(--tw-text-opacity))
}

.dark\:text-pink-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(214 31 105/var(--tw-text-opacity))
}

.dark\:text-pink-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(153 21 75/var(--tw-text-opacity))
}

.dark\:text-pink-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(117 26 61/var(--tw-text-opacity))
}

.dark\:text-purple-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(126 58 242/var(--tw-text-opacity))
}

.dark\:text-purple-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(85 33 181/var(--tw-text-opacity))
}

.dark\:text-purple-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(74 29 150/var(--tw-text-opacity))
}

.dark\:text-red-400:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(249 128 128/var(--tw-text-opacity))
}

.dark\:text-red-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(240 82 82/var(--tw-text-opacity))
}

.dark\:text-red-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(224 36 36/var(--tw-text-opacity))
}

.dark\:text-red-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(155 28 28/var(--tw-text-opacity))
}

.dark\:text-red-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(119 29 29/var(--tw-text-opacity))
}

.dark\:text-teal-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(4 116 129/var(--tw-text-opacity))
}

.dark\:text-teal-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(5 80 92/var(--tw-text-opacity))
}

.dark\:text-teal-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(1 68 81/var(--tw-text-opacity))
}

.dark\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark\:text-yellow-600:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(159 88 10/var(--tw-text-opacity))
}

.dark\:text-yellow-800:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(114 59 19/var(--tw-text-opacity))
}

.dark\:text-yellow-900:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(99 49 18/var(--tw-text-opacity))
}

.dark\:text-opacity-60:is(.dark *) {
    --tw-text-opacity: 0.6
}

.dark\:placeholder-gray-400:is(.dark *)::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity))
}

.dark\:placeholder-gray-400:is(.dark *)::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(156 163 175/var(--tw-placeholder-opacity))
}

.dark\:mix-blend-color:is(.dark *) {
    mix-blend-mode: color
}

.dark\:shadow-dark-md:is(.dark *) {
    --tw-shadow: rgba(145, 158, 171, .3) 0px 0px 2px 0px, rgba(145, 158, 171, .02) 0px 12px 24px -4px;
    --tw-shadow-colored: 0px 0px 2px 0px var(--tw-shadow-color), 0px 12px 24px -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)
}

.dark\:shadow-sm-light:is(.dark *) {
    --tw-shadow: 0 2px 5px 0px hsla(0, 0%, 100%, .08);
    --tw-shadow-colored: 0 2px 5px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark\:ring-cyan-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 94 117/var(--tw-ring-opacity))
}

.dark\:ring-gray-400:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(156 163 175/var(--tw-ring-opacity))
}

.dark\:ring-gray-500:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
}

.dark\:ring-gray-800:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity))
}

.dark\:ring-gray-900:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39/var(--tw-ring-opacity))
}

.dark\:ring-green-500:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 142 108/var(--tw-ring-opacity))
}

.dark\:ring-pink-500:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(231 70 148/var(--tw-ring-opacity))
}

.dark\:ring-purple-600:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 58 242/var(--tw-ring-opacity))
}

.dark\:ring-red-700:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(200 30 30/var(--tw-ring-opacity))
}

.dark\:ring-yellow-500:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(194 120 3/var(--tw-ring-opacity))
}

.dark\:ring-offset-blue-700:is(.dark *) {
    --tw-ring-offset-color: #1a56db
}

.dark\:ring-offset-cyan-600:is(.dark *) {
    --tw-ring-offset-color: var(--color-primary)
}

.dark\:ring-offset-gray-800:is(.dark *) {
    --tw-ring-offset-color: #1f2937
}

.dark\:ring-offset-gray-900:is(.dark *) {
    --tw-ring-offset-color: #111827
}

.dark\:ring-offset-green-600:is(.dark *) {
    --tw-ring-offset-color: #057a55
}

.dark\:ring-offset-green-800:is(.dark *) {
    --tw-ring-offset-color: #03543f
}

.dark\:ring-offset-indigo-700:is(.dark *) {
    --tw-ring-offset-color: #5145cd
}

.dark\:ring-offset-lime-700:is(.dark *) {
    --tw-ring-offset-color: #4d7c0f
}

.dark\:ring-offset-pink-600:is(.dark *) {
    --tw-ring-offset-color: #d61f69
}

.dark\:ring-offset-purple-600:is(.dark *) {
    --tw-ring-offset-color: #7e3af2
}

.dark\:ring-offset-red-600:is(.dark *) {
    --tw-ring-offset-color: #e02424
}

.dark\:ring-offset-red-900:is(.dark *) {
    --tw-ring-offset-color: #771d1d
}

.dark\:ring-offset-teal-600:is(.dark *) {
    --tw-ring-offset-color: #047481
}

.dark\:ring-offset-yellow-400:is(.dark *) {
    --tw-ring-offset-color: #e3a008
}

.odd\:dark\:bg-dark:is(.dark *):nth-child(odd) {
    background-color: var(--color-dark)
}

.odd\:dark\:bg-gray-800:is(.dark *):nth-child(odd) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.even\:dark\:bg-gray-700:is(.dark *):nth-child(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.dark\:hover\:bg-blue-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(164 202 254/var(--tw-bg-opacity))
}

.dark\:hover\:bg-blue-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(26 86 219/var(--tw-bg-opacity))
}

.dark\:hover\:bg-cyan-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249/var(--tw-bg-opacity))
}

.dark\:hover\:bg-cyan-700:hover:is(.dark *) {
    background-color: var(--color-primary)
}

.dark\:hover\:bg-gray-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(209 213 219/var(--tw-bg-opacity))
}

.dark\:hover\:bg-gray-600:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.dark\:hover\:bg-gray-700:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.dark\:hover\:bg-gray-800:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55/var(--tw-bg-opacity))
}

.dark\:hover\:bg-green-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(132 225 188/var(--tw-bg-opacity))
}

.dark\:hover\:bg-indigo-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(180 198 252/var(--tw-bg-opacity))
}

.dark\:hover\:bg-info:hover:is(.dark *) {
    background-color: var(--color-info)
}

.dark\:hover\:bg-lime-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(190 242 100/var(--tw-bg-opacity))
}

.dark\:hover\:bg-pink-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 217/var(--tw-bg-opacity))
}

.dark\:hover\:bg-primary:hover:is(.dark *) {
    background-color: var(--color-primary)
}

.dark\:hover\:bg-purple-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(202 191 253/var(--tw-bg-opacity))
}

.dark\:hover\:bg-red-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 180/var(--tw-bg-opacity))
}

.dark\:hover\:bg-secondary:hover:is(.dark *) {
    background-color: var(--color-secondary)
}

.dark\:hover\:bg-success:hover:is(.dark *) {
    background-color: var(--color-success)
}

.dark\:hover\:bg-teal-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(126 220 226/var(--tw-bg-opacity))
}

.dark\:hover\:bg-warning:hover:is(.dark *) {
    background-color: var(--color-warning)
}

.dark\:hover\:bg-white:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.dark\:hover\:bg-yellow-300:hover:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 202 21/var(--tw-bg-opacity))
}

.dark\:hover\:text-gray-300:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(209 213 219/var(--tw-text-opacity))
}

.dark\:hover\:text-primary:hover:is(.dark *) {
    color: var(--color-primary)
}

.dark\:hover\:text-white:hover:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark\:focus\:border-blue-500:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(63 131 248/var(--tw-border-opacity))
}

.dark\:focus\:border-cyan-500:focus:is(.dark *) {
    border-color: var(--color-primary)
}

.dark\:focus\:border-green-500:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(38 142 108/var(--tw-border-opacity))
}

.dark\:focus\:border-red-500:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(240 82 82/var(--tw-border-opacity))
}

.dark\:focus\:border-yellow-500:focus:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(194 120 3/var(--tw-border-opacity))
}

.dark\:focus\:bg-cyan-600:focus:is(.dark *) {
    background-color: var(--color-primary)
}

.dark\:focus\:bg-gray-600:focus:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.dark\:focus\:text-white:focus:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark\:focus\:ring-blue-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(26 86 219/var(--tw-ring-opacity))
}

.dark\:focus\:ring-blue-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(30 66 159/var(--tw-ring-opacity))
}

.dark\:focus\:ring-cyan-500:focus:is(.dark *) {
    --tw-ring-color: var(--color-primary)
}

.dark\:focus\:ring-cyan-600:focus:is(.dark *) {
    --tw-ring-color: var(--color-primary)
}

.dark\:focus\:ring-cyan-700:focus:is(.dark *) {
    --tw-ring-color: var(--color-primary)
}

.dark\:focus\:ring-cyan-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(21 94 117/var(--tw-ring-opacity))
}

.dark\:focus\:ring-gray-500:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(107 114 128/var(--tw-ring-opacity))
}

.dark\:focus\:ring-gray-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(75 85 99/var(--tw-ring-opacity))
}

.dark\:focus\:ring-gray-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(55 65 81/var(--tw-ring-opacity))
}

.dark\:focus\:ring-gray-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(31 41 55/var(--tw-ring-opacity))
}

.dark\:focus\:ring-gray-900:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(17 24 39/var(--tw-ring-opacity))
}

.dark\:focus\:ring-green-500:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(38 142 108/var(--tw-ring-opacity))
}

.dark\:focus\:ring-green-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 122 85/var(--tw-ring-opacity))
}

.dark\:focus\:ring-green-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(4 108 78/var(--tw-ring-opacity))
}

.dark\:focus\:ring-green-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 84 63/var(--tw-ring-opacity))
}

.dark\:focus\:ring-indigo-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(81 69 205/var(--tw-ring-opacity))
}

.dark\:focus\:ring-lime-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(77 124 15/var(--tw-ring-opacity))
}

.dark\:focus\:ring-lime-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(63 98 18/var(--tw-ring-opacity))
}

.dark\:focus\:ring-pink-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(214 31 105/var(--tw-ring-opacity))
}

.dark\:focus\:ring-pink-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(191 18 93/var(--tw-ring-opacity))
}

.dark\:focus\:ring-pink-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(153 21 75/var(--tw-ring-opacity))
}

.dark\:focus\:ring-purple-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(126 58 242/var(--tw-ring-opacity))
}

.dark\:focus\:ring-purple-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(85 33 181/var(--tw-ring-opacity))
}

.dark\:focus\:ring-purple-900:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(74 29 150/var(--tw-ring-opacity))
}

.dark\:focus\:ring-red-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(249 128 128/var(--tw-ring-opacity))
}

.dark\:focus\:ring-red-500:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(240 82 82/var(--tw-ring-opacity))
}

.dark\:focus\:ring-red-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(224 36 36/var(--tw-ring-opacity))
}

.dark\:focus\:ring-red-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(200 30 30/var(--tw-ring-opacity))
}

.dark\:focus\:ring-red-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(155 28 28/var(--tw-ring-opacity))
}

.dark\:focus\:ring-red-900:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(119 29 29/var(--tw-ring-opacity))
}

.dark\:focus\:ring-teal-600:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(4 116 129/var(--tw-ring-opacity))
}

.dark\:focus\:ring-teal-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(3 102 114/var(--tw-ring-opacity))
}

.dark\:focus\:ring-teal-800:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(5 80 92/var(--tw-ring-opacity))
}

.dark\:focus\:ring-yellow-400:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(227 160 8/var(--tw-ring-opacity))
}

.dark\:focus\:ring-yellow-500:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(194 120 3/var(--tw-ring-opacity))
}

.dark\:focus\:ring-yellow-700:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(142 75 16/var(--tw-ring-opacity))
}

.dark\:focus\:ring-yellow-900:focus:is(.dark *) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(99 49 18/var(--tw-ring-opacity))
}

.dark\:enabled\:hover\:border-cyan-700:hover:enabled:is(.dark *) {
    border-color: var(--color-primary)
}

.dark\:enabled\:hover\:border-gray-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-green-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(4 108 78/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-indigo-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(81 69 205/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-lime-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(77 124 15/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-pink-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(191 18 93/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-red-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(200 30 30/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-teal-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(3 102 114/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:border-yellow-700:hover:enabled:is(.dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(142 75 16/var(--tw-border-opacity))
}

.dark\:enabled\:hover\:bg-cyan-700:hover:enabled:is(.dark *) {
    background-color: var(--color-primary)
}

.dark\:enabled\:hover\:bg-gray-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-green-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(4 108 78/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-indigo-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(81 69 205/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-lime-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(77 124 15/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-pink-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(191 18 93/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-purple-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(108 43 217/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-red-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(200 30 30/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-teal-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(3 102 114/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:bg-yellow-700:hover:enabled:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(142 75 16/var(--tw-bg-opacity))
}

.enabled\:dark\:hover\:bg-gray-700:hover:is(.dark *):enabled {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.dark\:enabled\:hover\:text-white:hover:enabled:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.enabled\:dark\:hover\:text-white:hover:is(.dark *):enabled {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.disabled\:dark\:text-gray-500:is(.dark *):disabled {
    --tw-text-opacity: 1;
    color: rgb(107 114 128/var(--tw-text-opacity))
}

.group:hover .dark\:group-hover\:bg-blue-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(164 202 254/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-cyan-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(103 232 249/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-gray-500:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(107 114 128/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-gray-600:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-gray-700:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-gray-800\/60:is(.dark *) {
    background-color: rgba(31, 41, 55, .6)
}

.group:hover .dark\:group-hover\:bg-green-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(132 225 188/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-indigo-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(180 198 252/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-lime-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(190 242 100/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-pink-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 217/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-purple-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(202 191 253/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-red-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(248 180 180/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-teal-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(126 220 226/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:bg-yellow-300:is(.dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 202 21/var(--tw-bg-opacity))
}

.group:hover .dark\:group-hover\:text-white:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.group:focus .dark\:group-focus\:ring-gray-800\/70:is(.dark *) {
    --tw-ring-color: rgba(31, 41, 55, .7)
}

.peer:focus~.peer-focus\:dark\:text-blue-500:is(.dark *) {
    --tw-text-opacity: 1;
    color: rgb(63 131 248/var(--tw-text-opacity))
}

@media (min-width: 640px) {
    .sm\:static {
        position: static
    }

    .sm\:inset-auto {
        inset: auto
    }

    .sm\:bottom-20 {
        bottom: 5rem
    }

    .sm\:bottom-32 {
        bottom: 8rem
    }

    .sm\:left-10 {
        left: 2.5rem
    }

    .sm\:left-20 {
        left: 5rem
    }

    .sm\:right-10 {
        right: 2.5rem
    }

    .sm\:right-16 {
        right: 4rem
    }

    .sm\:top-10 {
        top: 2.5rem
    }

    .sm\:top-32 {
        top: 8rem
    }

    .sm\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

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

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-16 {
        margin-bottom: 4rem
    }

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

    .sm\:mb-3 {
        margin-bottom: .75rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:mb-8 {
        margin-bottom: 2rem
    }

    .sm\:ml-6 {
        margin-left: 1.5rem
    }

    .sm\:mr-3 {
        margin-right: .75rem
    }

    .sm\:mr-4 {
        margin-right: 1rem
    }

    .sm\:mt-1 {
        margin-top: .25rem
    }

    .sm\:mt-16 {
        margin-top: 4rem
    }

    .sm\:mt-3 {
        margin-top: .75rem
    }

    .sm\:mt-4 {
        margin-top: 1rem
    }

    .sm\:block {
        display: block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:h-10 {
        height: 2.5rem
    }

    .sm\:h-12 {
        height: 3rem
    }

    .sm\:h-16 {
        height: 4rem
    }

    .sm\:h-20 {
        height: 5rem
    }

    .sm\:h-32 {
        height: 8rem
    }

    .sm\:h-4 {
        height: 1rem
    }

    .sm\:h-48 {
        height: 12rem
    }

    .sm\:h-5 {
        height: 1.25rem
    }

    .sm\:h-6 {
        height: 1.5rem
    }

    .sm\:h-7 {
        height: 1.75rem
    }

    .sm\:h-8 {
        height: 2rem
    }

    .sm\:h-9 {
        height: 2.25rem
    }

    .sm\:w-10 {
        width: 2.5rem
    }

    .sm\:w-12 {
        width: 3rem
    }

    .sm\:w-16 {
        width: 4rem
    }

    .sm\:w-20 {
        width: 5rem
    }

    .sm\:w-24 {
        width: 6rem
    }

    .sm\:w-32 {
        width: 8rem
    }

    .sm\:w-48 {
        width: 12rem
    }

    .sm\:w-5 {
        width: 1.25rem
    }

    .sm\:w-6 {
        width: 1.5rem
    }

    .sm\:w-8 {
        width: 2rem
    }

    .sm\:w-auto {
        width: 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\:flex-row {
        flex-direction: row
    }

    .sm\:flex-col {
        flex-direction: column
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:gap-2 {
        gap: .5rem
    }

    .sm\:gap-3 {
        gap: .75rem
    }

    .sm\:gap-4 {
        gap: 1rem
    }

    .sm\:gap-6 {
        gap: 1.5rem
    }

    .sm\:gap-8 {
        gap: 2rem
    }

    .sm\:space-x-3>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(.75rem * var(--tw-space-x-reverse));
        margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
    }

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

    .sm\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .sm\:space-y-2>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-3>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
    }

    .sm\:space-y-4>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }

    .sm\:self-auto {
        align-self: auto
    }

    .sm\:rounded-2xl {
        border-radius: 1rem
    }

    .sm\:rounded-xl {
        border-radius: .75rem
    }

    .sm\:p-2 {
        padding: .5rem
    }

    .sm\:p-4 {
        padding: 1rem
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .sm\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .sm\:px-30 {
        padding-left: 30px;
        padding-right: 30px
    }

    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .sm\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:py-1 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .sm\:py-1\.5 {
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .sm\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .sm\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .sm\:py-3 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .sm\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .sm\:pr-0 {
        padding-right: 0
    }

    .sm\:pr-8 {
        padding-right: 2rem
    }

    .sm\:pt-2 {
        padding-top: .5rem
    }

    .sm\:pt-24 {
        padding-top: 6rem
    }

    .sm\:pt-4 {
        padding-top: 1rem
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .sm\:text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }

    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .sm\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .sm\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .sm\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }
}

@media (min-width: 768px) {
    .md\:inset-0 {
        inset: 0
    }

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

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:mx-2 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .md\:mx-3 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .md\:my-10 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .md\:my-12 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:block {
        display: block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-full {
        height: 100%
    }

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

    .md\:w-48 {
        width: 12rem
    }

    .md\:w-96 {
        width: 24rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:max-w-2xl {
        max-width: 42rem
    }

    .md\:max-w-xl {
        max-width: 36rem
    }

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

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

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

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

    .md\:flex-row {
        flex-direction: row
    }

    .md\:items-center {
        align-items: center
    }

    .md\:justify-start {
        justify-content: flex-start
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:gap-6 {
        gap: 1.5rem
    }

    .md\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .md\:rounded-none {
        border-radius: 0
    }

    .md\:rounded-l-lg {
        border-top-left-radius: .5rem;
        border-bottom-left-radius: .5rem
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:bg-transparent {
        background-color: transparent
    }

    .md\:p-0 {
        padding: 0
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-8 {
        padding: 2rem
    }

    .md\:px-3 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .md\:pt-4 {
        padding-top: 1rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:text-9xl {
        font-size: 8rem;
        line-height: 1
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .md\:font-medium {
        font-weight: 500
    }

    .md\:text-cyan-700 {
        color: var(--color-primary)
    }

    .md\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .md\:hover\:text-cyan-700:hover {
        color: var(--color-primary)
    }

    .md\:dark\:hover\:bg-transparent:hover:is(.dark *) {
        background-color: transparent
    }

    .md\:dark\:hover\:text-white:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

@media (min-width: 1024px) {
    .lg\:static {
        position: static
    }

    .lg\:bottom-16 {
        bottom: 4rem
    }

    .lg\:bottom-8 {
        bottom: 2rem
    }

    .lg\:right-12 {
        right: 3rem
    }

    .lg\:right-16 {
        right: 4rem
    }

    .lg\:right-20 {
        right: 5rem
    }

    .lg\:right-8 {
        right: 2rem
    }

    .lg\:top-16 {
        top: 4rem
    }

    .lg\:top-8 {
        top: 2rem
    }

    .lg\:order-1 {
        order: 1
    }

    .lg\:order-2 {
        order: 2
    }

    .lg\:col-span-1 {
        grid-column: span 1/span 1
    }

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

    .lg\:col-span-3 {
        grid-column: span 3/span 3
    }

    .lg\:my-8 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-2 {
        height: .5rem
    }

    .lg\:h-3 {
        height: .75rem
    }

    .lg\:h-4 {
        height: 1rem
    }

    .lg\:h-64 {
        height: 16rem
    }

    .lg\:w-2 {
        width: .5rem
    }

    .lg\:w-3 {
        width: .75rem
    }

    .lg\:w-4 {
        width: 1rem
    }

    .lg\:w-48 {
        width: 12rem
    }

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:max-w-2xl {
        max-width: 42rem
    }

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

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

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

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

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

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:space-x-8>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2rem * var(--tw-space-x-reverse));
        margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)))
    }

    .lg\:space-y-0>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse))
    }

    .lg\:border-0 {
        border-width: 0
    }

    .lg\:bg-transparent {
        background-color: transparent
    }

    .lg\:p-0 {
        padding: 0
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .lg\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .lg\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .lg\:text-sm {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .lg\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .lg\:text-pink-500 {
        --tw-text-opacity: 1;
        color: rgb(231 70 148/var(--tw-text-opacity))
    }

    .lg\:backdrop-blur-none {
        --tw-backdrop-blur: blur(0);
        -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)
    }

    .lg\:hover\:bg-transparent:hover {
        background-color: transparent
    }

    .lg\:hover\:text-pink-500:hover {
        --tw-text-opacity: 1;
        color: rgb(231 70 148/var(--tw-text-opacity))
    }

    .lg\:dark\:hover\:bg-transparent:hover:is(.dark *) {
        background-color: transparent
    }

    .lg\:dark\:hover\:text-white:hover:is(.dark *) {
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

@media (min-width: 1280px) {
    .xl\:block {
        display: block
    }

    .xl\:hidden {
        display: none
    }

    .xl\:max-w-3xl {
        max-width: 48rem
    }

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

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

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

.rtl\:after\:right-1:where([dir=rtl], [dir=rtl] *):after {
    content: var(--tw-content);
    right: .25rem
}

.rtl\:after\:right-px:where([dir=rtl], [dir=rtl] *):after {
    content: var(--tw-content);
    right: 1px
}

.rtl\:after\:-translate-x-full:where([dir=rtl], [dir=rtl] *):after {
    content: var(--tw-content);
    --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))
}

.\[\&\:\:-webkit-scrollbar\]\:\!hidden::-webkit-scrollbar {
    display: none !important
}

.\[\&\:\:-webkit-scrollbar\]\:\!h-0::-webkit-scrollbar {
    height: 0 !important
}

.\[\&\:\:-webkit-scrollbar\]\:\!w-0::-webkit-scrollbar {
    width: 0 !important
}

.\[\&\:\:-webkit-scrollbar\]\:\!bg-transparent::-webkit-scrollbar {
    background-color: transparent !important
}

.\[\&\>\*\]\:pointer-events-none>* {
    pointer-events: none
}

.\[\&\>\*\]\:cursor-grab>* {
    cursor: grab
}

.\[\&\>\*\]\:first\:rounded-t-lg:first-child>* {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem
}

.\[\&\>\*\]\:last\:rounded-b-lg:last-child>* {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.\[\&\>\*\]\:last\:border-b-0:last-child>* {
    border-bottom-width: 0
}

.\[\&_\*\]\:cursor-pointer * {
    cursor: pointer
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cropper-container img {
    backface-visibility: hidden;
    display: block;
    height: 100%;
    image-orientation: 0deg;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-canvas,
.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline: 1px solid #39f;
    outline-color: rgba(51, 153, 255, .75);
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: calc(100% / 3);
    left: 0;
    top: calc(100% / 3);
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: calc(100% / 3);
    top: 0;
    width: calc(100% / 3)
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:after,
.cropper-center:before {
    background-color: #eee;
    content: " ";
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: ew-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: ns-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: ew-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: ns-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: ew-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: ns-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: ew-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: nesw-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nwse-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: nesw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: nwse-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media (min-width: 768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media (min-width: 992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media (min-width: 1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: " ";
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
    border-color: #ccc;
    border-style: solid;
    border-width: 3px 3px 0 0;
    content: "";
    display: block;
    height: 9px;
    position: absolute;
    top: 6px;
    width: 9px
}

.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0
}

.react-datepicker {
    font-family: Helvetica Neue, helvetica, arial, sans-serif;
    font-size: .8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    display: inline-block;
    position: relative;
    line-height: normal
}

.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0
}

.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker-popper {
    z-index: 1;
    line-height: 0
}

.react-datepicker-popper .react-datepicker__triangle {
    stroke: #aeaeae
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
    fill: #f0f0f0;
    color: #f0f0f0
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
    fill: #fff;
    color: #fff
}

.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: .3rem;
    padding: 8px 0;
    position: relative
}

.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px
}

.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0
}

.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: .3rem
}

.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 15px
}

.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: .944rem
}

h2.react-datepicker__current-month {
    padding: 0;
    margin: 0
}

.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.react-datepicker__navigation {
    align-items: center;
    background: none;
    display: flex;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    z-index: 1;
    height: 32px;
    width: 32px;
    text-indent: -999em;
    overflow: hidden
}

.react-datepicker__navigation--previous {
    left: 2px
}

.react-datepicker__navigation--next {
    right: 2px
}

.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 85px
}

.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__navigation--years-previous {
    top: 4px
}

.react-datepicker__navigation--years-upcoming {
    top: -4px
}

.react-datepicker__navigation:hover :before {
    border-color: #a6a6a6
}

.react-datepicker__navigation-icon {
    position: relative;
    top: -1px;
    font-size: 20px;
    width: 0
}

.react-datepicker__navigation-icon--next {
    left: -2px
}

.react-datepicker__navigation-icon--next:before {
    transform: rotate(45deg);
    left: -7px
}

.react-datepicker__navigation-icon--previous {
    right: -2px
}

.react-datepicker__navigation-icon--previous:before {
    transform: rotate(225deg);
    right: -7px
}

.react-datepicker__month-container {
    float: left
}

.react-datepicker__year {
    margin: .4rem;
    text-align: center
}

.react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px
}

.react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__month {
    margin: .4rem;
    text-align: center
}

.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px
}

.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left
}

.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: auto
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
    -moz-appearance: textfield
}

.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block
}

.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px
}

.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: .3rem;
    position: absolute;
    right: -87px;
    top: 0
}

.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: .3rem
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + 1.7rem / 2);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc
}

.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent
}

.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer
}

.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__week-number--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__week-number--selected:hover {
    background-color: #1d5d90
}

.react-datepicker__day-names {
    white-space: nowrap;
    margin-bottom: -8px
}

.react-datepicker__week {
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: .166rem
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
    cursor: pointer
}

.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
    border-radius: .3rem;
    background-color: #f0f0f0
}

.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
    font-weight: 700
}

.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
    border-radius: .3rem;
    background-color: #3dcc4a;
    color: #fff
}

.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
    background-color: #32be3f
}

.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f
}

.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
    color: green
}

.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
    position: relative;
    border-radius: .3rem;
    background-color: #ff6803;
    color: #fff
}

.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s ease-in-out
}

.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
    background-color: #cf5300
}

.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
    visibility: visible;
    opacity: 1
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
    border-radius: .3rem;
    background-color: #216ba5;
    color: #fff
}

.react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__day--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
    border-radius: .3rem;
    background-color: #bad9f1;
    color: #000
}

.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
    background-color: #1d5d90
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) {
    background-color: rgba(33, 107, 165, .5)
}

.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) {
    background-color: #f0f0f0;
    color: #000
}

.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc
}

.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
    position: absolute;
    bottom: 70%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    padding: 4px;
    border-radius: 4px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s ease-in-out
}

.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%
}

.react-datepicker__input-container .react-datepicker__calendar-icon {
    position: absolute;
    padding: .5rem;
    box-sizing: content-box
}

.react-datepicker__view-calendar-icon input {
    padding: 6px 10px 5px 25px
}

.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: .3rem;
    position: relative
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    transform: rotate(135deg);
    right: -16px;
    top: 0
}

.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: .3rem;
    border: 1px solid #aeaeae
}

.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer
}

.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3
}

.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px
}

.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "×"
}

.react-datepicker__close-icon--disabled {
    cursor: default
}

.react-datepicker__close-icon--disabled:after {
    cursor: default;
    background-color: #ccc
}

.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left
}

.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, .8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647
}

.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem
}

@media (max-height: 550px),
(max-width:400px) {

    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem
    }
}

.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem
}

.react-datepicker__children-container {
    width: 13.8rem;
    margin: .4rem;
    padding-right: .2rem;
    padding-left: .2rem;
    height: auto
}

.react-datepicker__aria-live {
    position: absolute;
    clip-path: circle(0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    width: 1px;
    white-space: nowrap
}

.react-datepicker__calendar-icon {
    width: 1em;
    height: 1em;
    vertical-align: -.125em
}

@-webkit-keyframes marching-ants {
    0% {
        background-position: 0 0, 0 100%, 0 0, 100% 0
    }

    to {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
    }
}

@keyframes marching-ants {
    0% {
        background-position: 0 0, 0 100%, 0 0, 100% 0
    }

    to {
        background-position: 20px 0, -20px 100%, 0 -20px, 100% 20px
    }
}

:root {
    --rc-drag-handle-size: 12px;
    --rc-drag-handle-mobile-size: 24px;
    --rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);
    --rc-drag-bar-size: 6px;
    --rc-border-color: hsla(0, 0%, 100%, .7);
    --rc-focus-color: #08f
}

.ReactCrop {
    position: relative;
    display: inline-block;
    cursor: crosshair;
    max-width: 100%
}

.ReactCrop *,
.ReactCrop :after,
.ReactCrop :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ReactCrop--disabled,
.ReactCrop--locked {
    cursor: inherit
}

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

.ReactCrop__child-wrapper>img,
.ReactCrop__child-wrapper>video {
    display: block;
    max-width: 100%;
    max-height: inherit
}

.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,
.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection {
    -ms-touch-action: none;
    touch-action: none
}

.ReactCrop__crop-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    width: calc(100% + .5px);
    height: calc(100% + .5px)
}

.ReactCrop__crop-selection {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    cursor: move
}

.ReactCrop--disabled .ReactCrop__crop-selection {
    cursor: inherit
}

.ReactCrop--circular-crop .ReactCrop__crop-selection {
    border-radius: 50%
}

.ReactCrop--circular-crop .ReactCrop__crop-selection:after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid var(--rc-border-color);
    opacity: .3
}

.ReactCrop--no-animate .ReactCrop__crop-selection {
    outline: 1px dashed #fff
}

.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
    -webkit-animation: marching-ants 1s;
    animation: marching-ants 1s;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #444)), -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, #444)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #444)), -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), color-stop(50%, #444));
    background-image: linear-gradient(90deg, #fff 50%, #444 0), linear-gradient(90deg, #fff 50%, #444 0), linear-gradient(180deg, #fff 50%, #444 0), linear-gradient(180deg, #fff 50%, #444 0);
    background-size: 10px 1px, 10px 1px, 1px 10px, 1px 10px;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    color: #fff;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.ReactCrop__crop-selection:focus {
    outline: 2px solid var(--rc-focus-color);
    outline-offset: -1px
}

.ReactCrop--invisible-crop .ReactCrop__crop-mask,
.ReactCrop--invisible-crop .ReactCrop__crop-selection {
    display: none
}

.ReactCrop__rule-of-thirds-hz:after,
.ReactCrop__rule-of-thirds-hz:before,
.ReactCrop__rule-of-thirds-vt:after,
.ReactCrop__rule-of-thirds-vt:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff6
}

.ReactCrop__rule-of-thirds-vt:after,
.ReactCrop__rule-of-thirds-vt:before {
    width: 1px;
    height: 100%
}

.ReactCrop__rule-of-thirds-vt:before {
    left: 33.3333333333%
}

.ReactCrop__rule-of-thirds-vt:after {
    left: 66.6666666667%
}

.ReactCrop__rule-of-thirds-hz:after,
.ReactCrop__rule-of-thirds-hz:before {
    width: 100%;
    height: 1px
}

.ReactCrop__rule-of-thirds-hz:before {
    top: 33.3333333333%
}

.ReactCrop__rule-of-thirds-hz:after {
    top: 66.6666666667%
}

.ReactCrop__drag-handle {
    position: absolute;
    width: var(--rc-drag-handle-size);
    height: var(--rc-drag-handle-size);
    background-color: var(--rc-drag-handle-bg-colour);
    border: 1px solid var(--rc-border-color)
}

.ReactCrop__drag-handle:focus {
    background: var(--rc-focus-color)
}

.ReactCrop .ord-nw {
    left: 0;
    cursor: nw-resize
}

.ReactCrop .ord-n,
.ReactCrop .ord-nw {
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.ReactCrop .ord-n {
    left: 50%;
    cursor: n-resize
}

.ReactCrop .ord-ne {
    top: 0;
    cursor: ne-resize
}

.ReactCrop .ord-e,
.ReactCrop .ord-ne {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.ReactCrop .ord-e {
    top: 50%;
    cursor: e-resize
}

.ReactCrop .ord-se {
    bottom: 0;
    right: 0;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
    cursor: se-resize
}

.ReactCrop .ord-s {
    left: 50%;
    cursor: s-resize
}

.ReactCrop .ord-s,
.ReactCrop .ord-sw {
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.ReactCrop .ord-sw {
    left: 0;
    cursor: sw-resize
}

.ReactCrop .ord-w {
    top: 50%;
    left: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: w-resize
}

.ReactCrop__disabled .ReactCrop__drag-handle {
    cursor: inherit
}

.ReactCrop__drag-bar {
    position: absolute
}

.ReactCrop__drag-bar.ord-n {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ReactCrop__drag-bar.ord-e {
    right: 0;
    top: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    -webkit-transform: translate(50%);
    transform: translate(50%)
}

.ReactCrop__drag-bar.ord-s {
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--rc-drag-bar-size);
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.ReactCrop__drag-bar.ord-w {
    top: 0;
    left: 0;
    width: var(--rc-drag-bar-size);
    height: 100%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.ReactCrop--fixed-aspect .ReactCrop__drag-bar,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,
.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle {
    display: none
}

@media (pointer: coarse) {

    .ReactCrop .ord-e,
    .ReactCrop .ord-n,
    .ReactCrop .ord-s,
    .ReactCrop .ord-w {
        display: none
    }

    .ReactCrop__drag-handle {
        width: var(--rc-drag-handle-mobile-size);
        height: var(--rc-drag-handle-mobile-size)
    }
}

.snowflakes-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1000;
    overflow: hidden
}

.snowflake {
    position: absolute;
    animation: fall linear infinite;
    will-change: transform
}

.snowflake-svg {
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, .3))
}

@keyframes fall {
    0% {
        transform: translateY(-100vh) translateX(var(--drift, 0)) rotate(0deg)
    }

    to {
        transform: translateY(100vh) translateX(var(--drift, 0)) rotate(1turn)
    }
}

.snowflake:nth-child(odd) .snowflake-svg {
    animation: rotate 3s linear infinite
}

.snowflake:nth-child(2n) .snowflake-svg {
    animation: rotate 4s linear infinite reverse
}

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

    to {
        transform: rotate(1turn)
    }
}

@media (max-width: 768px) {
    .snowflake {
        transform: scale(.8)
    }
}

@media (prefers-contrast:high) {
    .snowflake-svg {
        filter: drop-shadow(0 0 1px rgba(0, 0, 0, .8))
    }
}

@media (prefers-reduced-motion:reduce) {

    .snowflake,
    .snowflake-svg {
        animation: none
    }
}

.snowflake {
    color: #fff;
    font-size: 1em;
    font-family: Arial, sans-serif;
    text-shadow: 0 0 5px #000
}

.snowflake,
.snowflake .inner {
    animation-iteration-count: infinite;
    animation-play-state: running
}

@keyframes snowflakes-fall {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(110vh)
    }
}

@keyframes snowflakes-shake {

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

    50% {
        transform: translateX(80px)
    }
}

.snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    pointer-events: none;
    animation-name: snowflakes-shake;
    animation-duration: 3s;
    animation-timing-function: ease-in-out
}

.snowflake .inner {
    animation-duration: 10s;
    animation-name: snowflakes-fall;
    animation-timing-function: linear
}

.snowflake:nth-of-type(0) {
    left: 1%;
    animation-delay: 0s
}

.snowflake:nth-of-type(0) .inner {
    animation-delay: 0s
}

.snowflake:first-of-type {
    left: 10%;
    animation-delay: 1s
}

.snowflake:first-of-type .inner,
.snowflake:nth-of-type(8) .inner {
    animation-delay: 1s
}

.snowflake:nth-of-type(2) {
    left: 20%;
    animation-delay: .5s
}

.snowflake:nth-of-type(2) .inner,
.snowflake:nth-of-type(6) .inner {
    animation-delay: 6s
}

.snowflake:nth-of-type(3) {
    left: 30%;
    animation-delay: 2s
}

.snowflake:nth-of-type(11) .inner,
.snowflake:nth-of-type(3) .inner {
    animation-delay: 4s
}

.snowflake:nth-of-type(4) {
    left: 40%;
    animation-delay: 2s
}

.snowflake:nth-of-type(10) .inner,
.snowflake:nth-of-type(4) .inner {
    animation-delay: 2s
}

.snowflake:nth-of-type(5) {
    left: 50%;
    animation-delay: 3s
}

.snowflake:nth-of-type(5) .inner {
    animation-delay: 8s
}

.snowflake:nth-of-type(6) {
    left: 60%;
    animation-delay: 2s
}

.snowflake:nth-of-type(7) {
    left: 70%;
    animation-delay: 1s
}

.snowflake:nth-of-type(7) .inner {
    animation-delay: 2.5s
}

.snowflake:nth-of-type(8) {
    left: 80%;
    animation-delay: 0s
}

.snowflake:nth-of-type(9) {
    left: 90%;
    animation-delay: 1.5s
}

.snowflake:nth-of-type(9) .inner {
    animation-delay: 3s
}

.snowflake:nth-of-type(10) {
    left: 25%;
    animation-delay: 0s
}

.snowflake:nth-of-type(11) {
    left: 65%;
    animation-delay: 2.5s
}

.image-gallery-icon {
    color: #fff;
    transition: all .3s ease-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: none;
    position: absolute;
    z-index: 4;
    filter: drop-shadow(0 2px 2px rgb(25.5, 25.5, 25.5))
}

@media(hover: hover)and (pointer:fine) {
    .image-gallery-icon:hover {
        color: #337ab7
    }

    .image-gallery-icon:hover .image-gallery-svg {
        transform: scale(1.1)
    }
}

.image-gallery-icon:focus {
    outline: 2px solid #337ab7
}

.image-gallery-using-mouse .image-gallery-icon:focus {
    outline: none
}

.image-gallery-fullscreen-button,
.image-gallery-play-button {
    bottom: 0;
    padding: 20px
}

.image-gallery-fullscreen-button .image-gallery-svg,
.image-gallery-play-button .image-gallery-svg {
    height: 28px;
    width: 28px
}

@media(max-width: 768px) {

    .image-gallery-fullscreen-button,
    .image-gallery-play-button {
        padding: 15px
    }

    .image-gallery-fullscreen-button .image-gallery-svg,
    .image-gallery-play-button .image-gallery-svg {
        height: 24px;
        width: 24px
    }
}

@media(max-width: 480px) {

    .image-gallery-fullscreen-button,
    .image-gallery-play-button {
        padding: 10px
    }

    .image-gallery-fullscreen-button .image-gallery-svg,
    .image-gallery-play-button .image-gallery-svg {
        height: 16px;
        width: 16px
    }
}

.image-gallery-fullscreen-button {
    right: 0
}

.image-gallery-play-button {
    left: 0
}

.image-gallery-bottom-nav,
.image-gallery-top-nav {
    padding: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.image-gallery-bottom-nav .image-gallery-svg,
.image-gallery-top-nav .image-gallery-svg {
    height: 120px;
    width: 90px
}

@media(max-width: 768px) {

    .image-gallery-bottom-nav .image-gallery-svg,
    .image-gallery-top-nav .image-gallery-svg {
        height: 72px;
        width: 48px
    }
}

@media(max-width: 480px) {

    .image-gallery-bottom-nav .image-gallery-svg,
    .image-gallery-top-nav .image-gallery-svg {
        height: 48px;
        width: 36px
    }
}

.image-gallery-bottom-nav[disabled],
.image-gallery-top-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none
}

.image-gallery-top-nav {
    top: 0
}

.image-gallery-bottom-nav {
    bottom: 0
}

.image-gallery-left-nav,
.image-gallery-right-nav {
    padding: 50px 10px;
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-left-nav .image-gallery-svg,
.image-gallery-right-nav .image-gallery-svg {
    height: 120px;
    width: 60px
}

@media(max-width: 768px) {

    .image-gallery-left-nav .image-gallery-svg,
    .image-gallery-right-nav .image-gallery-svg {
        height: 72px;
        width: 36px
    }
}

@media(max-width: 480px) {

    .image-gallery-left-nav .image-gallery-svg,
    .image-gallery-right-nav .image-gallery-svg {
        height: 48px;
        width: 24px
    }
}

.image-gallery-left-nav[disabled],
.image-gallery-right-nav[disabled] {
    cursor: disabled;
    opacity: .6;
    pointer-events: none
}

.image-gallery-left-nav {
    left: 0
}

.image-gallery-right-nav {
    right: 0
}

.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative
}

.image-gallery.fullscreen-modal {
    background: #000;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 5
}

.image-gallery.fullscreen-modal .image-gallery-content {
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-content {
    position: relative;
    line-height: 0;
    top: 0
}

.image-gallery-content.fullscreen {
    background: #000
}

.image-gallery-content .image-gallery-slide .image-gallery-image {
    max-height: calc(100vh - 80px)
}

.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,
.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image {
    max-height: 100vh
}

.image-gallery-slide-wrapper {
    position: relative
}

.image-gallery-slide-wrapper.image-gallery-thumbnails-left,
.image-gallery-slide-wrapper.image-gallery-thumbnails-right {
    display: inline-block;
    width: calc(100% - 110px)
}

@media(max-width: 768px) {

    .image-gallery-slide-wrapper.image-gallery-thumbnails-left,
    .image-gallery-slide-wrapper.image-gallery-thumbnails-right {
        width: calc(100% - 87px)
    }
}

.image-gallery-slide-wrapper.image-gallery-rtl {
    direction: rtl
}

.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-align: center;
    touch-action: none
}

.image-gallery-slide {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image-gallery-slide.image-gallery-center {
    position: relative
}

.image-gallery-slide .image-gallery-image {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, .4);
    bottom: 70px;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    white-space: normal
}

@media(max-width: 768px) {
    .image-gallery-slide .image-gallery-description {
        bottom: 45px;
        font-size: .8em;
        padding: 8px 15px
    }
}

.image-gallery-bullets {
    bottom: 20px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 4
}

.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
    text-align: center
}

.image-gallery-bullets .image-gallery-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 2px #1a1a1a;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    outline: none;
    padding: 5px;
    transition: all .2s ease-out
}

@media(max-width: 768px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin: 0 3px;
        padding: 3px
    }
}

@media(max-width: 480px) {
    .image-gallery-bullets .image-gallery-bullet {
        padding: 2.7px
    }
}

.image-gallery-bullets .image-gallery-bullet:focus {
    transform: scale(1.2);
    background: #337ab7;
    border: 1px solid #337ab7
}

.image-gallery-bullets .image-gallery-bullet.active {
    transform: scale(1.2);
    border: 1px solid #fff;
    background: #fff
}

@media(hover: hover)and (pointer:fine) {
    .image-gallery-bullets .image-gallery-bullet:hover {
        background: #337ab7;
        border: 1px solid #337ab7
    }

    .image-gallery-bullets .image-gallery-bullet.active:hover {
        background: #337ab7
    }
}

.image-gallery-bullets.image-gallery-bullets-vertical {
    left: 20px;
    right: auto;
    bottom: auto;
    width: auto;
    top: 50%;
    transform: translateY(-50%)
}

.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {
    display: block;
    margin: 12px 0
}

@media(max-width: 768px) {
    .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {
        margin: 6px 0;
        padding: 3px
    }
}

@media(max-width: 480px) {
    .image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet {
        padding: 2.7px
    }
}

.image-gallery-thumbnails-wrapper {
    position: relative
}

.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal {
    touch-action: pan-y
}

.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical {
    touch-action: pan-x
}

.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {
    direction: rtl
}

.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,
.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {
    display: inline-block;
    vertical-align: top;
    width: 100px
}

@media(max-width: 768px) {

    .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,
    .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {
        width: 81px
    }
}

.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,
.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails {
    height: 100%;
    width: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,
.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail {
    display: block;
    margin-right: 0;
    padding: 0
}

.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,
.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail {
    margin-left: 0;
    margin-top: 2px
}

.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,
.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {
    margin: 0 5px
}

@media(max-width: 768px) {

    .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,
    .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {
        margin: 0 3px
    }
}

.image-gallery-thumbnails {
    overflow: hidden;
    padding: 5px 0
}

@media(max-width: 768px) {
    .image-gallery-thumbnails {
        padding: 3px 0
    }
}

.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    white-space: nowrap
}

.image-gallery-thumbnail {
    display: inline-block;
    border: 4px solid transparent;
    transition: border .3s ease-out;
    width: 100px;
    background: transparent;
    padding: 0
}

@media(max-width: 768px) {
    .image-gallery-thumbnail {
        border: 3px solid transparent;
        width: 81px
    }
}

.image-gallery-thumbnail+.image-gallery-thumbnail {
    margin-left: 2px
}

.image-gallery-thumbnail .image-gallery-thumbnail-inner {
    display: block;
    position: relative
}

.image-gallery-thumbnail .image-gallery-thumbnail-image {
    vertical-align: middle;
    width: 100%;
    line-height: 0
}

.image-gallery-thumbnail.active,
.image-gallery-thumbnail:focus {
    outline: none;
    border: 4px solid #337ab7
}

@media(max-width: 768px) {

    .image-gallery-thumbnail.active,
    .image-gallery-thumbnail:focus {
        border: 3px solid #337ab7
    }
}

@media(hover: hover)and (pointer:fine) {
    .image-gallery-thumbnail:hover {
        outline: none;
        border: 4px solid #337ab7
    }
}

@media(hover: hover)and (pointer:fine)and (max-width:768px) {
    .image-gallery-thumbnail:hover {
        border: 3px solid #337ab7
    }
}

.image-gallery-thumbnail-label {
    box-sizing: border-box;
    color: #fff;
    font-size: 1em;
    left: 0;
    line-height: 1em;
    padding: 5%;
    position: absolute;
    top: 50%;
    text-shadow: 0 2px 2px #1a1a1a;
    transform: translateY(-50%);
    white-space: normal;
    width: 100%
}

@media(max-width: 768px) {
    .image-gallery-thumbnail-label {
        font-size: .8em;
        line-height: .8em
    }
}

.image-gallery-index {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4
}

@media(max-width: 768px) {
    .image-gallery-index {
        font-size: .8em;
        padding: 5px 10px
    }
}