@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: normal;
    font-weight: 400;
    src: url(Coco-Sharp-Light-trial.50604aa56071d4437f92.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: italic;
    font-weight: 400;
    src: url(Coco-Sharp-Light-Italic-trial.6d5a8e2ae3eca965059e.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: normal;
    font-weight: 500;
    src: url(CocoSharp-Bold.0fd90a832474d765f453.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: italic;
    font-weight: 500;
    src: url(Coco-Sharp-Italic-trial.b17b3528cb2de2037ac2.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: normal;
    font-weight: 600;
    src: url(Coco-Sharp-Bold-trial.25d15e36a3de183bf02e.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: italic;
    font-weight: 600;
    src: url(Coco-Sharp-Bold-Italic-trial.fa6158cd3465bfaa1ac3.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: normal;
    font-weight: 700;
    src: url(Coco-Sharp-Extrabold-trial.247762e1c85e6abebb1f.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: italic;
    font-weight: 700;
    src: url(Coco-Sharp-Extrabold-Italic-trial.1b96137d6b9733b7444f.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: normal;
    font-weight: 800;
    src: url(Coco-Sharp-Heavy-trial.6c7b06778093a82eb7fc.ttf)
}

@font-face {
    font-display: swap;
    font-family: CocoSharp;
    font-style: italic;
    font-weight: 800;
    src: url(Coco-Sharp-Heavy-Italic-trial.3494344c3d1ef788c5e7.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 400;
    src: url(Urbanist-Light.951ac7f0c1240cc4b2b2.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: italic;
    font-weight: 400;
    src: url(Urbanist-LightItalic.71e0508f9e7ccf1cc6e9.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 500;
    src: url(Urbanist-Medium.db343645c0455ac2b2d6.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: italic;
    font-weight: 500;
    src: url(Urbanist-MediumItalic.d647f3ed141719b85ba5.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 600;
    src: url(Urbanist-SemiBold.3ee89d51820e3b2d8191.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: italic;
    font-weight: 600;
    src: url(Urbanist-SemiBoldItalic.023b49b607b14e0a41fe.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 700;
    src: url(Urbanist-Bold.4ef2241a660d522fefaa.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: italic;
    font-weight: 700;
    src: url(Urbanist-BoldItalic.262264b80b6959ebe192.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: normal;
    font-weight: 800;
    src: url(Urbanist-ExtraBold.f3a8f53d5f8a0a2386d5.ttf)
}

@font-face {
    font-display: swap;
    font-family: Urbanist;
    font-style: italic;
    font-weight: 800;
    src: url(Urbanist-BlackItalic.00649b4a9136ce853603.ttf)
}

/*
! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
*/
*,:after,:before {
    border: 0 solid #62636d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:after,:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

body {
    line-height: inherit
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #c7c8d3;
    opacity: 1
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #c7c8d3;
    opacity: 1
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #c7c8d3;
    opacity: 1
}

input::-ms-input-placeholder,textarea::-ms-input-placeholder {
    color: #c7c8d3;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #c7c8d3;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

:root,[data-theme] {

    
    color: #ccc;
    color: hsla(var(--bc)/var(--tw-text-opacity,1))
}

html {
    -webkit-tap-highlight-color: transparent
}



*,:after,:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.container {
    width: 100%
}

@media (min-width: 320px) {
    .container {
        max-width:320px
    }
}

@media (min-width: 429px) {
    .container {
        max-width:429px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:768px
    }
}

@media (min-width: 960px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1024px) {
    .container {
        max-width:1024px
    }
}

@media (min-width: 1280px) {
    .container {
        max-width:1280px
    }
}

@media (min-width: 1380px) {
    .container {
        max-width:1380px
    }
}

@media (min-width: 1480px) {
    .container {
        max-width:1480px
    }
}

@media (min-width: linear-gradient(180deg,#3d888d 0%,#2e4450 100%)) {
    .container {
        max-width:linear-gradient(180deg,#3d888d,#2e4450)
    }
}

.alert {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    justify-content: space-between;
    padding: 1rem;
    width: 100%
}

.alert>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

@media (min-width: 768px) {
    .alert {
        -ms-flex-direction:row;
        flex-direction: row
    }

    .alert>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(0px*var(--tw-space-y-reverse));
        margin-top: calc(0px*(1 - var(--tw-space-y-reverse)))
    }
}

.alert>:where(*) {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    gap: .5rem
}

.artboard {
    width: 100%
}

.avatar {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.avatar>div {
    aspect-ratio: 1/1;
    display: block;
    overflow: hidden
}

.avatar img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.avatar.placeholder>div {
    display: -ms-flexbox;
    display: flex
}

.avatar.placeholder>div,.badge {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    border-radius: 1.9rem;
    border-radius: var(--rounded-badge,1.9rem);
    border-width: 1px;
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity));
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-left: .563rem;
    padding-right: .563rem;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.btm-nav {
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    bottom: 0;
    color: currentColor;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 4rem;
    justify-content: space-around;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%
}

.btm-nav,.btm-nav>* {
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.btm-nav>* {
    -ms-flex-preferred-size: 100%;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    border-color: currentColor;
    cursor: pointer;
    flex-basis: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    height: 100%;
    justify-content: center;
    position: relative
}

.breadcrumbs {
    max-width: 100%;
    overflow-x: auto;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.breadcrumbs>ul {
    min-height: -webkit-min-content;
    min-height: -moz-min-content;
    min-height: min-content;
    white-space: nowrap
}

.breadcrumbs>ul,.breadcrumbs>ul>li,.breadcrumbs>ul>li>a {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.breadcrumbs>ul>li>a {
    cursor: pointer
}

.breadcrumbs>ul>li>a:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.btn {
    -ms-flex-negative: 0;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    align-items: center;
    -webkit-animation: button-pop .25s ease-out;
    animation: button-pop .25s ease-out;
    -webkit-animation: button-pop var(--animation-btn,.25s) ease-out;
    animation: button-pop var(--animation-btn,.25s) ease-out;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-color: transparent;
    border-color: hsl(var(--n)/var(--tw-border-opacity));
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    border-width: var(--border-btn,1px);
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity));
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 1em;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    text-transform: uppercase;
    text-transform: var(--btn-text-case,uppercase);
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn-disabled,.btn[disabled] {
    pointer-events: none
}

.btn-circle,.btn-square {
    height: 3rem;
    padding: 0;
    width: 3rem
}

.btn-circle {
    border-radius: 9999px
}

.btn.loading,.btn.loading:hover {
    pointer-events: none
}

.btn.\!loading,.btn.\!loading:hover {
    pointer-events: none!important
}

.btn.loading:before {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    border-color: transparent currentColor currentColor transparent;
    border-radius: 9999px;
    border-width: 2px;
    content: "";
    height: 1rem;
    margin-right: .5rem;
    width: 1rem
}

.btn.\!loading:before {
    -webkit-animation: spin 2s linear infinite!important;
    animation: spin 2s linear infinite!important;
    border-color: transparent currentColor currentColor transparent!important;
    border-radius: 9999px!important;
    border-width: 2px!important;
    content: ""!important;
    height: 1rem!important;
    margin-right: .5rem!important;
    width: 1rem!important
}

@media (prefers-reduced-motion:reduce) {
    .btn.loading:before {
        -webkit-animation: spin 10s linear infinite;
        animation: spin 10s linear infinite
    }

    .btn.\!loading:before {
        -webkit-animation: spin 10s linear infinite!important;
        animation: spin 10s linear infinite!important
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.btn-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn-group>input[type=radio].btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-group>input[type=radio].btn:before {
    content: attr(data-title)
}

.btn-group-vertical {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.btn-group-vertical,.card {
    -ms-flex-direction: column;
    flex-direction: column
}

.card {
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.card1 {
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    display: -ms-flexbox;
    display: flex;
    position: relative
}


.card:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.card-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    padding: 2rem;
    padding: var(--padding-card,2rem)
}

.card-body :where(p) {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.card-actions {
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem
}

.card figure,.card-actions {
    display: -ms-flexbox;
    display: flex
}

.card figure {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    justify-content: center
}

.card.image-full {
    display: grid
}

.card.image-full:before {
    --tw-bg-opacity: 1;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    content: "";
    opacity: .75;
    position: relative;
    z-index: 10
}

.card.image-full:before,.card.image-full>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.card.image-full>figure img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.card.image-full>.card-body {
    --tw-text-opacity: 1;
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity));
    position: relative;
    z-index: 20
}

.carousel {
    -ms-overflow-style: none;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    scroll-behavior: smooth;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scrollbar-width: none
}

.carousel-vertical {
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: scroll;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.carousel-item {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    scroll-snap-align: start
}

.carousel-center .carousel-item {
    scroll-snap-align: center
}

.carousel-end .carousel-item {
    scroll-snap-align: end
}

.checkbox {
    -ms-flex-negative: 0;
    --chkbg: var(--bc);
    --chkfg: var(--b1);
    --tw-border-opacity: 0.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    width: 1.5rem
}

.\!checkbox {
    -ms-flex-negative: 0!important;
    --chkbg: var(--bc)!important;
    --chkfg: var(--b1)!important;
    --tw-border-opacity: 0.2!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    border-color: hsl(var(--bc)/var(--tw-border-opacity))!important;
    border-radius: .5rem!important;
    border-radius: var(--rounded-btn,.5rem)!important;
    border-width: 1px!important;
    cursor: pointer!important;
    flex-shrink: 0!important;
    height: 1.5rem!important;
    width: 1.5rem!important
}

.collapse {
    display: grid;
    overflow: hidden;
    position: relative
}

.collapse-content,.collapse-title,.collapse>input[type=checkbox] {
    grid-column-start: 1;
    grid-row-start: 1
}

.collapse>input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0
}

.collapse-content {
    cursor: inherit;
    grid-row-start: 2;
    max-height: 0;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-transition: padding .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: padding .2s ease-in-out,background-color .2s ease-in-out;
    transition: padding .2s ease-in-out,background-color .2s ease-in-out
}

.collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content {
    max-height: 9000px
}

:root .countdown {
    line-height: 1em
}

.countdown {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.countdown>* {
    display: inline-block;
    height: 1em;
    overflow-y: hidden
}

.countdown>:before {
    content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
    position: relative;
    text-align: center;
    top: calc(var(--value)*-1em);
    -webkit-transition: all 1s cubic-bezier(1,0,0,1);
    -o-transition: all 1s cubic-bezier(1,0,0,1);
    transition: all 1s cubic-bezier(1,0,0,1);
    white-space: pre
}

.divider {
    -ms-flex-align: center;
    -ms-flex-item-align: stretch;
    align-items: center;
    align-self: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    white-space: nowrap
}

.divider:after,.divider:before {
    -ms-flex-positive: 1;
    content: "";
    flex-grow: 1;
    height: .125rem;
    width: 100%
}

.drawer {
    display: grid;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    width: 100%
}

.drawer.drawer-end {
    direction: rtl
}

.drawer.drawer-end>* {
    direction: ltr
}

.drawer.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+* {
    --tw-translate-x: 100%;
    justify-self: end
}

.drawer.drawer-end>.drawer-toggle:checked~.drawer-side>.drawer-overlay+*,.drawer.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+* {
    -webkit-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: 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))
}

.drawer.drawer-end>.drawer-toggle:checked~.drawer-side>.drawer-overlay+* {
    --tw-translate-x: 0px
}

:where(.drawer-toggle~.drawer-content) {
    height: inherit
}

.drawer-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.drawer-toggle~.drawer-content {
    grid-column-start: 1;
    grid-row-start: 1;
    overflow-y: auto;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    z-index: 0
}

.drawer-toggle~.drawer-side {
    display: grid;
    grid-column-start: 1;
    grid-row-start: 1;
    max-height: 100vh
}

.drawer-toggle~.drawer-side>.drawer-overlay {
    --tw-bg-opacity: 1;
    background-color: hsl(159 100% 56%/var(--tw-bg-opacity));
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    cursor: pointer;
    opacity: 0;
    visibility: hidden
}

.drawer-toggle~.drawer-side>.drawer-overlay,.drawer-toggle~.drawer-side>.drawer-overlay+* {
    grid-column-start: 1;
    grid-row-start: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.drawer-toggle~.drawer-side>.drawer-overlay+* {
    --tw-translate-x: -100%;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    z-index: 10
}

.drawer-toggle:checked~.drawer-side {
    overflow-y: auto
}

.drawer-toggle:checked~.drawer-side>.drawer-overlay {
    --tw-bg-opacity: 0.4;
    opacity: .999999;
    visibility: visible
}

.drawer-toggle:checked~.drawer-side>.drawer-overlay+* {
    --tw-translate-x: 0px
}

.drawer-toggle:checked~.drawer-side>.drawer-overlay+*,[dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+* {
    -webkit-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: 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))
}

[dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+* {
    --tw-translate-x: 100%
}

[dir=rtl] .drawer-toggle:checked~.drawer-side>.drawer-overlay+* {
    --tw-translate-x: 0px;
    -webkit-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: 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))
}

@media (min-width: 1024px) {
    .drawer-mobile {
        grid-auto-columns:-webkit-max-content auto;
        grid-auto-columns: max-content auto
    }

    .drawer-mobile>.drawer-toggle~.drawer-content {
        height: auto
    }

    @media (min-width: 1024px) {
        .drawer-mobile>.drawer-toggle~.drawer-content {
            grid-column-start:2
        }

        .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay {
            visibility: visible
        }

        .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay+* {
            --tw-translate-x: 0px;
            -webkit-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: 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))
        }

        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content {
            grid-column-start: 1
        }

        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side {
            grid-column-start: 2
        }

        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay {
            visibility: visible
        }

        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+* {
            --tw-translate-x: 0px;
            -webkit-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: 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))
        }
    }

    .drawer-mobile>.drawer-toggle~.drawer-side {
        overflow-y: auto
    }

    .drawer-mobile.drawer-end {
        direction: ltr;
        grid-auto-columns: auto -webkit-max-content;
        grid-auto-columns: auto max-content
    }

    .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content {
        height: auto
    }

    .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side {
        overflow-y: auto
    }

    .drawer-mobile>.drawer-toggle:checked~.drawer-content {
        --tw-translate-x: 0px;
        -webkit-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: 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))
    }
}

.dropdown {
    display: inline-block;
    position: relative
}

.dropdown>:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.dropdown .dropdown-content {
    --tw-scale-x: .95;
    --tw-scale-y: .95;
    opacity: 0;
    position: absolute;
    -webkit-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: 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-transform-origin: top;
    transform-origin: top;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    visibility: hidden;
    z-index: 50
}

.dropdown-end .dropdown-content {
    right: 0
}

.dropdown-left .dropdown-content {
    bottom: auto;
    right: 100%;
    top: 0;
    -webkit-transform-origin: right;
    transform-origin: right
}

.dropdown-right .dropdown-content {
    bottom: auto;
    left: 100%;
    top: 0;
    -webkit-transform-origin: left;
    transform-origin: left
}

.dropdown-top .dropdown-content {
    bottom: 100%;
    top: auto;
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content {
    bottom: 0;
    top: auto
}

.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content {
    opacity: 1;
    visibility: visible
}


.form-control {
    -ms-flex-direction: column;
    flex-direction: column
}

.form-control,.label {
    display: -ms-flexbox;
    display: flex
}

.label {
    -ms-flex-align: center;
    -ms-flex-pack: justify;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hero {
    background-position: 50%;
    background-size: cover;
    display: grid;
    place-items: center;
    width: 100%
}

.hero-overlay,.hero>* {
    grid-column-start: 1;
    grid-row-start: 1
}

.hero-overlay {
    --tw-bg-opacity: 0.5;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    height: 100%;
    width: 100%
}

.hero-content {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    justify-content: center;
    max-width: 80rem;
    padding: 1rem;
    z-index: 0
}

.indicator {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.indicator :where(.indicator-item) {
    position: absolute;
    z-index: 1
}

.input {
    -ms-flex-negative: 1;
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    flex-shrink: 1;
    font-size: .875rem;
    height: 3rem;
    line-height: 1.25rem;
    line-height: 2;
    padding-left: 1rem;
    padding-right: 1rem;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.input-group {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.input-group>.input {
    isolation: isolate
}

.input-group>*,.input-group>.input {
    border-radius: 0
}

.input-group-md {
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2
}

.input-group-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 2
}

.input-group-sm {
    font-size: .875rem;
    line-height: 2rem
}

.input-group-xs {
    font-size: .75rem;
    line-height: 1rem;
    line-height: 1.625
}

.input-group :where(span) {
    -ms-flex-align: center;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    display: -ms-flexbox;
    display: flex;
    padding-left: 1rem;
    padding-right: 1rem
}

.input-group :first-child {
    border-bottom-left-radius: .5rem;
    border-bottom-left-radius: var(--rounded-btn,.5rem);
    border-bottom-right-radius: 0;
    border-top-left-radius: .5rem;
    border-top-left-radius: var(--rounded-btn,.5rem);
    border-top-right-radius: 0
}

.input-group :last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: .5rem;
    border-bottom-right-radius: var(--rounded-btn,.5rem);
    border-top-left-radius: 0;
    border-top-right-radius: .5rem;
    border-top-right-radius: var(--rounded-btn,.5rem)
}

.input-group-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.input-group-vertical :first-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: .5rem;
    border-top-left-radius: var(--rounded-btn,.5rem);
    border-top-right-radius: .5rem;
    border-top-right-radius: var(--rounded-btn,.5rem)
}

.input-group-vertical :last-child {
    border-bottom-left-radius: .5rem;
    border-bottom-left-radius: var(--rounded-btn,.5rem);
    border-bottom-right-radius: .5rem;
    border-bottom-right-radius: var(--rounded-btn,.5rem);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.kbd {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    --tw-border-opacity: 0.2;
    --tw-bg-opacity: 1;
    align-items: center;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px 1px 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    min-height: 2.2em;
    min-width: 2.2em;
    padding-left: .5rem;
    padding-right: .5rem
}

.link {
    cursor: pointer;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.link-hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.link-hover:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.mask {
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain
}

.mask-half-1 {
    -webkit-mask-position: left;
    mask-position: left
}

.mask-half-1,.mask-half-2 {
    -webkit-mask-size: 200%;
    mask-size: 200%
}

.mask-half-2 {
    -webkit-mask-position: right;
    mask-position: right
}

.menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu.horizontal {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.menu.horizontal :where(li) {
    -ms-flex-direction: row;
    flex-direction: row
}

.menu :where(li) {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.menu :where(li:not(.menu-title))>:where(:not(ul)) {
    display: -ms-flexbox;
    display: flex
}

.menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)) {
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.menu>:where(li>:not(ul):focus) {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.menu>:where(li.disabled>:not(ul):focus) {
    cursor: auto
}

.menu>:where(li) :where(ul) {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.menu>:where(li)>:where(ul) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: none;
    left: 100%;
    position: absolute;
    top: auto
}

.menu>:where(li:hover)>:where(ul) {
    display: -ms-flexbox;
    display: flex
}

.menu>:where(li:focus)>:where(ul) {
    display: -ms-flexbox;
    display: flex
}

.mockup-code {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity));
    min-width: 18rem;
    overflow: hidden;
    overflow-x: auto;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    position: relative
}

.mockup-code pre[data-prefix]:before {
    content: attr(data-prefix);
    display: inline-block;
    opacity: .5;
    text-align: right;
    width: 2rem
}

.mockup-window {
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    overflow: hidden;
    overflow-x: auto;
    padding-top: 1.25rem;
    position: relative
}

.mockup-window pre[data-prefix]:before {
    content: attr(data-prefix);
    display: inline-block;
    text-align: right
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: 320px;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal::-webkit-scrollbar {
    display: none;
}

:where(.modal) {
    -ms-flex-align: center;
    align-items: center
}

.modalm {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: 320px;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.modalm::-webkit-scrollbar {
    display: none;
}

:where(.modalm) {
    -ms-flex-align: center;
    align-items: center
}

.modal1 {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: 320px;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
    /* Hide scrollbar for IE, Edge and Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal1::-webkit-scrollbar {
    display: none;
}

:where(.modal1) {
    -ms-flex-align: center;
    align-items: center
}

.modal-box {
    --tw-bg-opacity: 1;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    -ms-scroll-chaining: none;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-bottom-left-radius: 1rem;
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: 1rem;
    border-bottom-right-radius: var(--rounded-box,1rem);
    border-top-left-radius: 1rem;
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: 1rem;
    border-top-right-radius: var(--rounded-box,1rem);
    -webkit-box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
    max-height: calc(100vh - 5em);
    max-width: 32rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 1.5rem;
    -webkit-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: 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-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    width: 91.666667%
}

.modal-open,.modal-toggle:checked+.modal,.modal:target {
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

.modal-action {
    -ms-flex-pack: end;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-top: 1.5rem
}

.modal-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0;
    opacity: 0;
    position: fixed;
    width: 0
}



.progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    height: .5rem;
    overflow: hidden;
    position: relative;
    width: 100%
}

.radial-progress {
    --value: 0;
    --size: 5rem;
    --thickness: calc(var(--size)/10);
    background-color: transparent;
    border-radius: 9999px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: inline-grid;
    height: var(--size);
    place-content: center;
    position: relative;
    vertical-align: middle;
    width: var(--size)
}

.radial-progress::-moz-progress-bar {
    -moz-appearance: none;
    appearance: none;
    background-color: transparent
}

.radial-progress::-webkit-progress-bar,.radial-progress::-webkit-progress-value {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent
}

.radial-progress:after,.radial-progress:before {
    border-radius: 9999px;
    content: "";
    position: absolute
}

.radial-progress:before {
    background: -o-radial-gradient(farthest-side,currentColor 98%,#0000) top/var(--thickness) var(--thickness) no-repeat,conic-gradient(currentColor calc(var(--value)*1%),#0000 0);
    background: radial-gradient(farthest-side,currentColor 98%,#0000) top/var(--thickness) var(--thickness) no-repeat,conic-gradient(currentColor calc(var(--value)*1%),#0000 0);
    bottom: 0;
    left: 0;
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));
    mask: radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));
    right: 0;
    top: 0
}

.radial-progress:after {
    background-color: currentColor;
    inset: calc(50% - var(--thickness)/2);
    -webkit-transform: rotate(calc(var(--value)*3.6deg - 90deg)) translate(calc(var(--size)/2 - 50%));
    transform: rotate(calc(var(--value)*3.6deg - 90deg)) translate(calc(var(--size)/2 - 50%))
}

.radio {
    -ms-flex-negative: 0;
    --chkbg: var(--bc);
    --tw-border-opacity: 0.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 1px;
    flex-shrink: 0;
    -webkit-transition: background,-webkit-box-shadow .2s ease-in-out;
    transition: background,-webkit-box-shadow .2s ease-in-out;
    -o-transition: background,box-shadow .2s ease-in-out;
    transition: background,box-shadow .2s ease-in-out;
    transition: background,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    -webkit-transition: background,-webkit-box-shadow var(--animation-input,.2s) ease-in-out;
    transition: background,-webkit-box-shadow var(--animation-input,.2s) ease-in-out;
    -o-transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
    transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
    transition: background,box-shadow var(--animation-input,.2s) ease-in-out,-webkit-box-shadow var(--animation-input,.2s) ease-in-out;
    width: 1.5rem
}

.radio,.range {
    cursor: pointer;
    height: 1.5rem
}

.range {
    --range-shdw: var(--bc);
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    overflow: hidden;
    width: 100%
}

.range:focus {
    outline: none
}

.rating {
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative
}

.rating :where(input) {
    --tw-bg-opacity: 1;
    -webkit-animation: rating-pop .2s ease-out;
    animation: rating-pop .2s ease-out;
    -webkit-animation: rating-pop var(--animation-input,.25s) ease-out;
    animation: rating-pop var(--animation-input,.25s) ease-out;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    cursor: pointer;
    height: 1.5rem;
    width: 1.5rem
}

.select {
    -ms-flex-negative: 0;
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    background-image: -o-linear-gradient(45deg,transparent 50%,currentColor 50%),-o-linear-gradient(315deg,currentColor 50%,transparent 50%);
    background-image: linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);
    background-position: calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);
    background-repeat: no-repeat;
    background-size: 4px 4px,4px 4px;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-shrink: 0;
    font-size: .875rem;
    font-weight: 600;
    height: 3rem;
    line-height: 1.25rem;
    line-height: 2;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select[multiple] {
    height: auto
}

.stack {
    -ms-flex-align: end;
    align-items: flex-end;
    display: inline-grid;
    place-items: center
}

.stack>* {
    grid-column-start: 1;
    grid-row-start: 1;
    opacity: .6;
    -webkit-transform: translateY(1rem) scale(.9);
    transform: translateY(1rem) scale(.9);
    width: 100%;
    z-index: 1
}

.stack>:nth-child(2) {
    opacity: .8;
    -webkit-transform: translateY(.5rem) scale(.95);
    transform: translateY(.5rem) scale(.95);
    z-index: 2
}

.stack>:first-child {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
    z-index: 3
}

.stats {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    display: inline-grid
}

:where(.stats) {
    grid-auto-flow: column;
    overflow-x: auto
}

.stat {
    --tw-border-opacity: 0.1;
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    display: inline-grid;
    grid-template-columns: repeat(1,1fr);
    padding: 1rem 1.5rem;
    width: 100%
}

.stat-figure {
    grid-column-start: 2;
    grid-row: span 3/span 3;
    grid-row-start: 1;
    place-self: center;
    justify-self: end
}

.stat-title {
    opacity: .6
}

.stat-title,.stat-value {
    grid-column-start: 1;
    white-space: nowrap
}

.stat-value {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 2.5rem
}

.stat-desc {
    font-size: .75rem;
    line-height: 1rem;
    opacity: .6
}

.stat-actions,.stat-desc {
    grid-column-start: 1;
    white-space: nowrap
}

.stat-actions {
    margin-top: 1rem
}

.steps {
    counter-reset: step;
    display: inline-grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto
}

.steps .step {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-columns: auto;
    grid-template-rows: repeat(2,minmax(0,1fr));
    grid-template-rows: 40px 1fr;
    min-width: 4rem;
    place-items: center;
    text-align: center
}

.swap {
    cursor: pointer;
    display: inline-grid;
    place-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swap>* {
    grid-column-start: 1;
    grid-row-start: 1;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    -o-transition-property: transform,opacity;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.swap input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on {
    opacity: 0
}

.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off,.swap.swap-active .swap-off {
    opacity: 0
}

.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate,.swap-active .swap-on {
    opacity: 1
}

.tabs {
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-flexbox;
    display: flex
}

.tab,.tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tab {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    --tab-padding: 1rem;
    --tw-text-opacity: 0.5;
    --tab-color: hsla(var(--bc)/var(--tw-text-opacity,1));
    --tab-bg: hsla(var(--b1)/var(--tw-bg-opacity,1));
    --tab-border-color: hsla(var(--b3)/var(--tw-bg-opacity,1));
    align-items: center;
    color: var(--tab-color);
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    height: 2rem;
    justify-content: center;
    line-height: 1.25rem;
    line-height: 2;
    padding-left: 1rem;
    padding-left: var(--tab-padding,1rem);
    padding-right: 1rem;
    padding-right: var(--tab-padding,1rem);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tab,.table {
    position: relative
}

.table {
    text-align: left
}

.table th:first-child {
    left: 0;
    position: sticky;
    position: -webkit-sticky;
    z-index: 11
}

.textarea {
    -ms-flex-negative: 1;
    --tw-border-opacity: 0;
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem);
    border-width: 1px;
    flex-shrink: 1;
    font-size: .875rem;
    line-height: 1.25rem;
    line-height: 2;
    min-height: 3rem;
    padding: .5rem 1rem;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.toast {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 1rem;
    position: fixed
}

.toggle {
    -ms-flex-negative: 0;
    --chkbg: hsla(var(--bc)/0.2);
    --handleoffset: 1.5rem;
    --tw-border-opacity: 0.2;
    --tw-bg-opacity: 0.2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-radius: 1.9rem;
    border-radius: var(--rounded-badge,1.9rem);
    border-width: 1px;
    -webkit-box-shadow: calc(var(--handleoffset)*-1) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    box-shadow: calc(var(--handleoffset)*-1) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    -webkit-box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset;
    box-shadow: calc(var(--handleoffset)*-1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset;
    cursor: pointer;
    flex-shrink: 0;
    height: 1.5rem;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition: background,-webkit-box-shadow .2s ease-in-out;
    transition: background,-webkit-box-shadow .2s ease-in-out;
    -o-transition: background,box-shadow .2s ease-in-out;
    transition: background,box-shadow .2s ease-in-out;
    transition: background,box-shadow .2s ease-in-out,-webkit-box-shadow .2s ease-in-out;
    -webkit-transition: background,-webkit-box-shadow var(--animation-input,.2s) ease-in-out;
    transition: background,-webkit-box-shadow var(--animation-input,.2s) ease-in-out;
    -o-transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
    transition: background,box-shadow var(--animation-input,.2s) ease-in-out;
    transition: background,box-shadow var(--animation-input,.2s) ease-in-out,-webkit-box-shadow var(--animation-input,.2s) ease-in-out;
    width: 3rem
}

.tooltip {
    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
    --tooltip-tail: 3px;
    --tooltip-color: hsl(var(--n));
    --tooltip-text-color: hsl(var(--nc));
    --tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
    display: inline-block;
    position: relative;
    text-align: center
}

.tooltip:before {
    background-color: var(--tooltip-color);
    border-radius: .25rem;
    bottom: var(--tooltip-offset);
    color: var(--tooltip-text-color);
    content: attr(data-tip);
    font-size: .875rem;
    left: 50%;
    line-height: 1.25rem;
    max-width: 20rem;
    padding: .25rem .5rem;
    pointer-events: none;
    position: absolute;
    right: auto;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.avatar-group {
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

.avatar-group .avatar {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b1)/var(--tw-border-opacity));
    border-radius: 9999px;
    border-width: 4px;
    overflow: hidden
}

.btn-outline .badge {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.btn-outline.btn-primary .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btn-outline .badge.outline {
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity))
}

.btn-outline.btn-primary .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 87% 53%/var(--tw-text-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 81% 54%/var(--tw-text-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.btn-accent .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.btn-outline.btn-info .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--in)/var(--tw-border-opacity));
    color: hsl(189 18% 78%/var(--tw-text-opacity));
    color: hsl(var(--in)/var(--tw-text-opacity))
}

.btn-outline.btn-success .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--su)/var(--tw-border-opacity));
    color: hsl(149 61% 33%/var(--tw-text-opacity));
    color: hsl(var(--su)/var(--tw-text-opacity))
}

.btn-outline.btn-warning .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--wa)/var(--tw-border-opacity));
    color: hsl(29 86% 51%/var(--tw-text-opacity));
    color: hsl(var(--wa)/var(--tw-text-opacity))
}

.btn-outline.btn-error .badge-outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: hsl(var(--er)/var(--tw-border-opacity));
    color: hsl(0 100% 50%/var(--tw-text-opacity));
    color: hsl(var(--er)/var(--tw-text-opacity))
}

.btn-outline:hover .badge {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.btn-outline:hover .badge,.btn-outline:hover .badge.outline {
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity))
}

.btn-outline:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.btn-outline.btn-primary:hover .badge {
    background-color: hsl(158 100% 11%/var(--tw-bg-opacity));
    background-color: hsl(var(--pc)/var(--tw-bg-opacity));
    color: hsl(158 87% 53%/var(--tw-text-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-outline.btn-primary:hover .badge,.btn-outline.btn-primary:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--pc)/var(--tw-border-opacity))
}

.btn-outline.btn-primary:hover .badge.outline {
    background-color: hsl(158 87% 42%/var(--tw-bg-opacity));
    background-color: hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary:hover .badge {
    background-color: hsl(213 100% 91%/var(--tw-bg-opacity));
    background-color: hsl(var(--sc)/var(--tw-bg-opacity));
    color: hsl(213 81% 54%/var(--tw-text-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary:hover .badge,.btn-outline.btn-secondary:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--sc)/var(--tw-border-opacity))
}

.btn-outline.btn-secondary:hover .badge.outline {
    background-color: hsl(213 81% 43%/var(--tw-bg-opacity));
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent:hover .badge {
    background-color: hsl(184 100% 2%/var(--tw-bg-opacity));
    background-color: hsl(var(--ac)/var(--tw-bg-opacity));
    color: hsl(184 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.btn-outline.btn-accent:hover .badge,.btn-outline.btn-accent:hover .badge.outline {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--ac)/var(--tw-border-opacity))
}

.btn-outline.btn-accent:hover .badge.outline {
    background-color: hsl(184 100% 72%/var(--tw-bg-opacity));
    background-color: hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btm-nav>:where(.active) {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-top-width: 2px
}

.btm-nav>.disabled,.btm-nav>.disabled:hover,.btm-nav>[disabled],.btm-nav>[disabled]:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.1;
    --tw-text-opacity: 0.2;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    pointer-events: none
}

.btm-nav>* .label {
    font-size: 1rem;
    line-height: 1.5rem
}

.breadcrumbs>ul>li>a:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.breadcrumbs>ul>li>a:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.breadcrumbs>ul>li+:before {
    --tw-rotate: 45deg;
    background-color: transparent;
    border-right: 1px solid;
    border-top: 1px solid;
    content: "";
    display: block;
    height: .375rem;
    margin-left: .5rem;
    margin-right: .75rem;
    opacity: .4;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: .375rem
}

.btn:active:focus,.btn:active:hover {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transform: scale(var(--btn-focus-scale,.95));
    transform: scale(var(--btn-focus-scale,.95))
}

.btn-active,.btn:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(159 100% 56%/var(--tw-bg-opacity));
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    border-color: hsl(var(--nf,var(--n))/var(--tw-border-opacity))
}

.btn:focus-visible {
    outline: 2px solid #1fffb0;
    outline: 2px solid hsl(var(--nf));
    outline-offset: 2px
}

.btn-primary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-primary.btn-active,.btn-primary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(158 87% 42%/var(--tw-bg-opacity));
    background-color: hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    border-color: hsl(var(--pf,var(--p))/var(--tw-border-opacity))
}

.btn-primary:focus-visible {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.btn-secondary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-secondary.btn-active,.btn-secondary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(213 81% 43%/var(--tw-bg-opacity));
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sf,var(--s))/var(--tw-border-opacity))
}

.btn-secondary:focus-visible {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.btn-accent {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btn-accent.btn-active,.btn-accent:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    background-color: hsl(184 100% 72%/var(--tw-bg-opacity));
    background-color: hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    border-color: hsl(var(--af,var(--a))/var(--tw-border-opacity))
}

.btn-accent:focus-visible {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.btn-info {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(189 55% 16%/var(--tw-text-opacity));
    color: hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}

.btn-info,.btn-info.btn-active,.btn-info:hover {
    background-color: hsl(189 18% 78%/var(--tw-bg-opacity));
    background-color: hsl(var(--in)/var(--tw-bg-opacity));
    border-color: hsl(var(--in)/var(--tw-border-opacity))
}

.btn-info.btn-active,.btn-info:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.btn-info:focus-visible {
    outline: 2px solid #bdced1;
    outline: 2px solid hsl(var(--in))
}

.btn-success {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(149 100% 87%/var(--tw-text-opacity));
    color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}

.btn-success,.btn-success.btn-active,.btn-success:hover {
    background-color: hsl(149 61% 33%/var(--tw-bg-opacity));
    background-color: hsl(var(--su)/var(--tw-bg-opacity));
    border-color: hsl(var(--su)/var(--tw-border-opacity))
}

.btn-success.btn-active,.btn-success:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.btn-success:focus-visible {
    outline: 2px solid #218752;
    outline: 2px solid hsl(var(--su))
}

.btn-warning {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(29 100% 10%/var(--tw-text-opacity));
    color: hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}

.btn-warning,.btn-warning.btn-active,.btn-warning:hover {
    background-color: hsl(29 86% 51%/var(--tw-bg-opacity));
    background-color: hsl(var(--wa)/var(--tw-bg-opacity));
    border-color: hsl(var(--wa)/var(--tw-border-opacity))
}

.btn-warning.btn-active,.btn-warning:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.btn-warning:focus-visible {
    outline: 2px solid #ee7e17;
    outline: 2px solid hsl(var(--wa))
}

.btn-error {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(0 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.btn-error,.btn-error.btn-active,.btn-error:hover {
    background-color: hsl(0 100% 50%/var(--tw-bg-opacity));
    background-color: hsl(var(--er)/var(--tw-bg-opacity));
    border-color: hsl(var(--er)/var(--tw-border-opacity))
}

.btn-error.btn-active,.btn-error:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1
}

.btn-error:focus-visible {
    outline: 2px solid red;
    outline: 2px solid hsl(var(--er))
}

.btn.glass.btn-active,.btn.glass:hover {
    --glass-opacity: 25%;
    --glass-border-opacity: 15%
}

.btn.glass:focus-visible {
    outline: 2px 0 0 2px solid currentColor
}

.btn-ghost {
    background-color: transparent;
    border-color: transparent;
    border-width: 1px;
    color: currentColor
}

.btn-ghost.btn-active,.btn-ghost:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.2;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity))
}

.btn-ghost:focus-visible {
    outline: 2px 0 0 2px solid currentColor
}

.btn-link {
    --tw-text-opacity: 1;
    color: hsl(158 87% 53%/var(--tw-text-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-link,.btn-link.btn-active,.btn-link:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-link.btn-active,.btn-link:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.btn-link:focus-visible {
    outline: 2px 0 0 2px solid currentColor
}

.btn-outline {
    --tw-text-opacity: 1;
    background-color: transparent;
    border-color: currentColor;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.btn-outline:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    color: hsl(0 0% 100%/var(--tw-text-opacity));
    color: hsl(var(--b1)/var(--tw-text-opacity))
}

.btn-outline.btn-primary {
    --tw-text-opacity: 1;
    color: hsl(158 87% 53%/var(--tw-text-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.btn-outline.btn-primary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 42%/var(--tw-bg-opacity));
    background-color: hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    border-color: hsl(var(--pf,var(--p))/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary {
    --tw-text-opacity: 1;
    color: hsl(213 81% 54%/var(--tw-text-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.btn-outline.btn-secondary:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(213 81% 43%/var(--tw-bg-opacity));
    background-color: hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    border-color: hsl(var(--sf,var(--s))/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.btn-outline.btn-accent {
    --tw-text-opacity: 1;
    color: hsl(184 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.btn-outline.btn-accent:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 72%/var(--tw-bg-opacity));
    background-color: hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    border-color: hsl(var(--af,var(--a))/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.btn-outline.btn-success {
    --tw-text-opacity: 1;
    color: hsl(149 61% 33%/var(--tw-text-opacity));
    color: hsl(var(--su)/var(--tw-text-opacity))
}

.btn-outline.btn-success:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(149 61% 33%/var(--tw-bg-opacity));
    background-color: hsl(var(--su)/var(--tw-bg-opacity));
    border-color: hsl(var(--su)/var(--tw-border-opacity));
    color: hsl(149 100% 87%/var(--tw-text-opacity));
    color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}

.btn-outline.btn-info {
    --tw-text-opacity: 1;
    color: hsl(189 18% 78%/var(--tw-text-opacity));
    color: hsl(var(--in)/var(--tw-text-opacity))
}

.btn-outline.btn-info:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(189 18% 78%/var(--tw-bg-opacity));
    background-color: hsl(var(--in)/var(--tw-bg-opacity));
    border-color: hsl(var(--in)/var(--tw-border-opacity));
    color: hsl(189 55% 16%/var(--tw-text-opacity));
    color: hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}

.btn-outline.btn-warning {
    --tw-text-opacity: 1;
    color: hsl(29 86% 51%/var(--tw-text-opacity));
    color: hsl(var(--wa)/var(--tw-text-opacity))
}

.btn-outline.btn-warning:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(29 86% 51%/var(--tw-bg-opacity));
    background-color: hsl(var(--wa)/var(--tw-bg-opacity));
    border-color: hsl(var(--wa)/var(--tw-border-opacity));
    color: hsl(29 100% 10%/var(--tw-text-opacity));
    color: hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}

.btn-outline.btn-error {
    --tw-text-opacity: 1;
    color: hsl(0 100% 50%/var(--tw-text-opacity));
    color: hsl(var(--er)/var(--tw-text-opacity))
}

.btn-outline.btn-error:hover {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 100% 50%/var(--tw-bg-opacity));
    background-color: hsl(var(--er)/var(--tw-bg-opacity));
    border-color: hsl(var(--er)/var(--tw-border-opacity));
    color: hsl(0 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.btn-disabled,.btn-disabled:hover,.btn[disabled],.btn[disabled]:hover {
    --tw-border-opacity: 0;
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 0.2;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.btn.loading.btn-circle:before,.btn.loading.btn-square:before {
    margin-right: 0
}

.btn.\!loading.btn-circle:before,.btn.\!loading.btn-square:before {
    margin-right: 0!important
}

.btn.loading.btn-lg:before,.btn.loading.btn-xl:before {
    height: 1.25rem;
    width: 1.25rem
}

.btn.\!loading.btn-lg:before,.btn.\!loading.btn-xl:before {
    height: 1.25rem!important;
    width: 1.25rem!important
}

.btn.loading.btn-sm:before,.btn.loading.btn-xs:before {
    height: .75rem;
    width: .75rem
}

.btn.\!loading.btn-sm:before,.btn.\!loading.btn-xs:before {
    height: .75rem!important;
    width: .75rem!important
}

.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.btn-group:not(.btn-group-vertical)>.btn:not(:first-of-type) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: -1px
}

.btn-group:not(.btn-group-vertical)>.btn:not(:last-of-type) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group-vertical>.btn:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-of-type) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@-webkit-keyframes button-pop {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-transform: scale(var(--btn-focus-scale,.95));
        transform: scale(var(--btn-focus-scale,.95))
    }

    40% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes button-pop {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        -webkit-transform: scale(var(--btn-focus-scale,.95));
        transform: scale(var(--btn-focus-scale,.95))
    }

    40% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.card:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.card-bordered,.card.bordered {
    --tw-border-opacity: 1;
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    border-width: 1px
}

.card.compact .card-body {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 1rem
}

.card-title {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    font-weight: 600;
    gap: .5rem;
    line-height: 1.75rem
}

.carousel::-webkit-scrollbar {
    display: none
}

.checkbox:focus-visible {
    outline: 2px solid #ccc;
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.\!checkbox:focus-visible {
    outline: 2px solid #ccc!important;
    outline: 2px solid hsl(var(--bc))!important;
    outline-offset: 2px!important
}

.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true] {
    --tw-bg-opacity: 1;
    -webkit-animation: checkmark .2s ease-in-out;
    animation: checkmark .2s ease-in-out;
    -webkit-animation: checkmark var(--animation-input,.2s) ease-in-out;
    animation: checkmark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-image: -o-linear-gradient(135deg,transparent 65%,hsl(var(--chkbg)) 65.99%),-o-linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),-o-linear-gradient(135deg,hsl(var(--chkbg)) 40%,transparent 40.99%),-o-linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),-o-linear-gradient(135deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);
    background-image: linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);
    background-repeat: no-repeat
}

.\!checkbox:checked,.\!checkbox[aria-checked=true],.\!checkbox[checked=true] {
    --tw-bg-opacity: 1!important;
    -webkit-animation: checkmark .2s ease-in-out!important;
    animation: checkmark .2s ease-in-out!important;
    -webkit-animation: checkmark var(--animation-input,.2s) ease-in-out!important;
    animation: checkmark var(--animation-input,.2s) ease-in-out!important;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity))!important;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity))!important;
    background-image: -o-linear-gradient(135deg,transparent 65%,hsl(var(--chkbg)) 65.99%),-o-linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),-o-linear-gradient(135deg,hsl(var(--chkbg)) 40%,transparent 40.99%),-o-linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),-o-linear-gradient(135deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)!important;
    background-image: linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)!important;
    background-repeat: no-repeat!important
}

.checkbox:indeterminate {
    --tw-bg-opacity: 1;
    -webkit-animation: checkmark .2s ease-in-out;
    animation: checkmark .2s ease-in-out;
    -webkit-animation: checkmark var(--animation-input,.2s) ease-in-out;
    animation: checkmark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    background-image: -webkit-gradient(linear,left top,right top,color-stop(80%,transparent),color-stop(80%,hsl(var(--chkbg)))),-webkit-gradient(linear,right top,left top,color-stop(80%,transparent),color-stop(80%,hsl(var(--chkbg)))),-webkit-gradient(linear,left bottom,left top,color-stop(43%,hsl(var(--chkbg))),color-stop(43%,hsl(var(--chkfg))),color-stop(57%,hsl(var(--chkfg))),color-stop(57%,hsl(var(--chkbg))));
    background-image: -o-linear-gradient(left,transparent 80%,hsl(var(--chkbg)) 80%),-o-linear-gradient(right,transparent 80%,hsl(var(--chkbg)) 80%),-o-linear-gradient(bottom,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);
    background-image: linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);
    background-repeat: no-repeat
}

.\!checkbox:indeterminate {
    --tw-bg-opacity: 1!important;
    -webkit-animation: checkmark .2s ease-in-out!important;
    animation: checkmark .2s ease-in-out!important;
    -webkit-animation: checkmark var(--animation-input,.2s) ease-in-out!important;
    animation: checkmark var(--animation-input,.2s) ease-in-out!important;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity))!important;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity))!important;
    background-image: -webkit-gradient(linear,left top,right top,color-stop(80%,transparent),color-stop(80%,hsl(var(--chkbg)))),-webkit-gradient(linear,right top,left top,color-stop(80%,transparent),color-stop(80%,hsl(var(--chkbg)))),-webkit-gradient(linear,left bottom,left top,color-stop(43%,hsl(var(--chkbg))),color-stop(43%,hsl(var(--chkfg))),color-stop(57%,hsl(var(--chkfg))),color-stop(57%,hsl(var(--chkbg))))!important;
    background-image: -o-linear-gradient(left,transparent 80%,hsl(var(--chkbg)) 80%),-o-linear-gradient(right,transparent 80%,hsl(var(--chkbg)) 80%),-o-linear-gradient(bottom,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%)!important;
    background-image: linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%)!important;
    background-repeat: no-repeat!important
}

.checkbox-primary {
    --chkbg: var(--p);
    --chkfg: var(--pc)
}

.checkbox-primary,.checkbox-primary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.checkbox-primary:focus-visible {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.checkbox-primary:checked,.checkbox-primary[aria-checked=true],.checkbox-primary[checked=true] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.checkbox-secondary {
    --chkbg: var(--s);
    --chkfg: var(--sc)
}

.checkbox-secondary,.checkbox-secondary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

.checkbox-secondary:focus-visible {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.checkbox-secondary:checked,.checkbox-secondary[aria-checked=true],.checkbox-secondary[checked=true] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.checkbox-accent {
    --chkbg: var(--a);
    --chkfg: var(--ac)
}

.checkbox-accent,.checkbox-accent:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--a)/var(--tw-border-opacity))
}

.checkbox-accent:focus-visible {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.checkbox-accent:checked,.checkbox-accent[aria-checked=true],.checkbox-accent[checked=true] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.checkbox:disabled {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: transparent;
    cursor: not-allowed;
    opacity: .2
}

.\!checkbox:disabled {
    --tw-bg-opacity: 1!important;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity))!important;
    background-color: hsl(var(--bc)/var(--tw-bg-opacity))!important;
    border-color: transparent!important;
    cursor: not-allowed!important;
    opacity: .2!important
}

@-webkit-keyframes checkmark {
    0% {
        background-position-y: 5px
    }

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}

@keyframes checkmark {
    0% {
        background-position-y: 5px
    }

    50% {
        background-position-y: -2px
    }

    to {
        background-position-y: 0
    }
}

.checkbox-mark {
    display: none
}

body[dir=rtl] .checkbox {
    --chkbg: var(--bc);
    --chkfg: var(--b1)
}

body[dir=rtl] .\!checkbox {
    --chkbg: var(--bc)!important;
    --chkfg: var(--b1)!important
}

body[dir=rtl] .checkbox:checked,body[dir=rtl] .checkbox[aria-checked=true],body[dir=rtl] .checkbox[checked=true] {
    background-image: -o-linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),-o-linear-gradient(135deg,transparent 75%,hsl(var(--chkbg)) 75.99%),-o-linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),-o-linear-gradient(135deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),-o-linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);
    background-image: linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)
}

body[dir=rtl] .\!checkbox:checked,body[dir=rtl] .\!checkbox[aria-checked=true],body[dir=rtl] .\!checkbox[checked=true] {
    background-image: -o-linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),-o-linear-gradient(135deg,transparent 75%,hsl(var(--chkbg)) 75.99%),-o-linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),-o-linear-gradient(135deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),-o-linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)!important;
    background-image: linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)!important
}

.collapse:focus-visible {
    outline: 2px solid #1fffb0;
    outline: 2px solid hsl(var(--nf));
    outline-offset: 2px
}

.collapse-arrow .collapse-title:after {
    -webkit-box-shadow: 2px 2px;
    box-shadow: 2px 2px;
    content: "";
    top: 1.4rem;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 75% 75%;
    transform-origin: 75% 75%;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.collapse-arrow .collapse-title:after,.collapse-plus .collapse-title:after {
    display: block;
    height: .5rem;
    pointer-events: none;
    position: absolute;
    right: 1.4rem;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    width: .5rem
}

.collapse-plus .collapse-title:after {
    content: "+";
    top: .9rem;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.collapse:not(.collapse-open):not(.collapse-close) .collapse-title,.collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox] {
    cursor: pointer
}

.collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
    cursor: inherit
}

.collapse-title,.collapse>input[type=checkbox] {
    min-height: 3.75rem;
    padding: 1rem 3rem 1rem 1rem;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
    width: 100%
}

.collapse-open :where(.collapse-content),.collapse:focus:not(.collapse-close) :where(.collapse-content),.collapse:not(.collapse-close) :where(input[type=checkbox]:checked~.collapse-content) {
    padding-bottom: 1rem;
    -webkit-transition: padding .2s ease-in-out,background-color .2s ease-in-out;
    -o-transition: padding .2s ease-in-out,background-color .2s ease-in-out;
    transition: padding .2s ease-in-out,background-color .2s ease-in-out
}

.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,.collapse-arrow:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after,.collapse-open.collapse-arrow .collapse-title:after {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.collapse-open.collapse-plus .collapse-title:after,.collapse-plus:focus:not(.collapse-close) .collapse-title:after,.collapse-plus:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after {
    content: "−"
}

.divider:after,.divider:before {
    --tw-bg-opacity: 0.1;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity))
}

.divider:not(:empty) {
    gap: 1rem
}

.drawer.drawer-end>.drawer-toggle:checked~.drawer-content {
    --tw-translate-x: -0.5rem
}

.drawer-toggle:checked~.drawer-content,.drawer.drawer-end>.drawer-toggle:checked~.drawer-content {
    -webkit-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: 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))
}

.drawer-toggle:checked~.drawer-content {
    --tw-translate-x: 0.5rem
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button {
    outline: 2px solid #1fffb0;
    outline: 2px solid hsl(var(--nf));
    outline-offset: 2px
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info {
    outline: 2px solid #bdced1;
    outline: 2px solid hsl(var(--in))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success {
    outline: 2px solid #218752;
    outline: 2px solid hsl(var(--su))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning {
    outline: 2px solid #ee7e17;
    outline: 2px solid hsl(var(--wa))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error {
    outline: 2px solid red;
    outline: 2px solid hsl(var(--er))
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.glass {
    outline: 2px solid currentColor
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost {
    outline: 2px solid currentColor
}

.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link {
    outline: 2px solid currentColor
}

.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-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: 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))
}

.footer-title {
    font-weight: 700;
    margin-bottom: .5rem;
    opacity: .5;
    text-transform: uppercase
}

.label-text {
    font-size: .875rem;
    line-height: 1.25rem
}

.label-text,.label-text-alt {
    --tw-text-opacity: 1;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.label-text-alt {
    font-size: .75rem;
    line-height: 1rem
}

.label a:hover {
    --tw-text-opacity: 1;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.input[list]::-webkit-calendar-picker-indicator {
    line-height: 1em
}

.input-bordered {
    --tw-border-opacity: 0.2
}

.input:focus {
    outline: 2px solid hsla(0,0%,80%,.2);
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.input-ghost {
    --tw-bg-opacity: 0.05
}

.input-ghost:focus {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.input-primary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.input-primary:focus {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.input-secondary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

.input-secondary:focus {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.input-accent {
    --tw-border-opacity: 1;
    border-color: hsl(var(--a)/var(--tw-border-opacity))
}

.input-accent:focus {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.input-info {
    --tw-border-opacity: 1;
    border-color: hsl(var(--in)/var(--tw-border-opacity))
}

.input-info:focus {
    outline: 2px solid #bdced1;
    outline: 2px solid hsl(var(--in))
}

.input-success {
    --tw-border-opacity: 1;
    border-color: hsl(var(--su)/var(--tw-border-opacity))
}

.input-success:focus {
    outline: 2px solid #218752;
    outline: 2px solid hsl(var(--su))
}

.input-warning {
    --tw-border-opacity: 1;
    border-color: hsl(var(--wa)/var(--tw-border-opacity))
}

.input-warning:focus {
    outline: 2px solid #ee7e17;
    outline: 2px solid hsl(var(--wa))
}

.input-error {
    --tw-border-opacity: 1;
    border-color: hsl(var(--er)/var(--tw-border-opacity))
}

.input-error:focus {
    outline: 2px solid red;
    outline: 2px solid hsl(var(--er))
}

.input-disabled,.input[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.input-disabled::-webkit-input-placeholder,.input[disabled]::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.input-disabled::-moz-placeholder,.input[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.input-disabled:-ms-input-placeholder,.input[disabled]:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.input-disabled::-ms-input-placeholder,.input[disabled]::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.input-disabled::placeholder,.input[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.link-primary {
    --tw-text-opacity: 1;
    color: hsl(158 87% 53%/var(--tw-text-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.link-primary:hover {
    --tw-text-opacity: 1;
    color: hsl(158 87% 42%/var(--tw-text-opacity));
    color: hsl(var(--pf,var(--p))/var(--tw-text-opacity))
}

.link-secondary {
    --tw-text-opacity: 1;
    color: hsl(213 81% 54%/var(--tw-text-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.link-secondary:hover {
    --tw-text-opacity: 1;
    color: hsl(213 81% 43%/var(--tw-text-opacity));
    color: hsl(var(--sf,var(--s))/var(--tw-text-opacity))
}

.link-accent {
    --tw-text-opacity: 1;
    color: hsl(184 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.link-accent:hover {
    --tw-text-opacity: 1;
    color: hsl(184 100% 72%/var(--tw-text-opacity));
    color: hsl(var(--af,var(--a))/var(--tw-text-opacity))
}

.link-neutral {
    --tw-text-opacity: 1;
    color: hsl(159 100% 70%/var(--tw-text-opacity));
    color: hsl(var(--n)/var(--tw-text-opacity))
}

.link-neutral:hover {
    --tw-text-opacity: 1;
    color: hsl(159 100% 56%/var(--tw-text-opacity));
    color: hsl(var(--nf,var(--n))/var(--tw-text-opacity))
}

.link:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.mask-squircle {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAwWiIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDBDMjAgMCAwIDIwIDAgMTAwczIwIDEwMCAxMDAgMTAwIDEwMC0yMCAxMDAtMTAwUzE4MCAwIDEwMCAwWiIvPjwvc3ZnPg==)
}

.mask-decagon {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMCA1OC43NzkgMTkuMDk4IDM2LjMyNyA1MHY2MS44MDRsLTM2LjMyNyA1MEw5NiAyMDBsLTU4Ljc3OS0xOS4wOTgtMzYuMzI3LTUwVjY5LjA5OGwzNi4zMjctNTB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMCA1OC43NzkgMTkuMDk4IDM2LjMyNyA1MHY2MS44MDRsLTM2LjMyNyA1MEw5NiAyMDBsLTU4Ljc3OS0xOS4wOTgtMzYuMzI3LTUwVjY5LjA5OGwzNi4zMjctNTB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.mask-diamond {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtMTAwIDAgMTAwIDEwMC0xMDAgMTAwTDAgMTAweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtMTAwIDAgMTAwIDEwMC0xMDAgMTAwTDAgMTAweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-heart {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDE4NC42MDZhMTUuMzg0IDE1LjM4NCAwIDAgMS04LjY1My0yLjY3OEM1My41NjUgMTU2LjI4IDM3LjIwNSAxMzguNjk1IDI4LjE4MiAxMjcuNyA4Ljk1MiAxMDQuMjY0LS4yNTQgODAuMjAyLjAwNSA1NC4xNDYuMzA4IDI0LjI4NyAyNC4yNjQgMCA1My40MDYgMGMyMS4xOTIgMCAzNS44NjkgMTEuOTM3IDQ0LjQxNiAyMS44NzlhMi44ODQgMi44ODQgMCAwIDAgNC4zNTYgMEMxMTAuNzI1IDExLjkyNyAxMjUuNDAyIDAgMTQ2LjU5NCAwYzI5LjE0MiAwIDUzLjA5OCAyNC4yODcgNTMuNCA1NC4xNTEuMjYgMjYuMDYxLTguOTU2IDUwLjEyMi0yOC4xNzYgNzMuNTU0LTkuMDIzIDEwLjk5NC0yNS4zODMgMjguNTgtNjMuMTY1IDU0LjIyOGExNS4zODQgMTUuMzg0IDAgMCAxLTguNjUzIDIuNjczWiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4NSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAwIDE4NC42MDZhMTUuMzg0IDE1LjM4NCAwIDAgMS04LjY1My0yLjY3OEM1My41NjUgMTU2LjI4IDM3LjIwNSAxMzguNjk1IDI4LjE4MiAxMjcuNyA4Ljk1MiAxMDQuMjY0LS4yNTQgODAuMjAyLjAwNSA1NC4xNDYuMzA4IDI0LjI4NyAyNC4yNjQgMCA1My40MDYgMGMyMS4xOTIgMCAzNS44NjkgMTEuOTM3IDQ0LjQxNiAyMS44NzlhMi44ODQgMi44ODQgMCAwIDAgNC4zNTYgMEMxMTAuNzI1IDExLjkyNyAxMjUuNDAyIDAgMTQ2LjU5NCAwYzI5LjE0MiAwIDUzLjA5OCAyNC4yODcgNTMuNCA1NC4xNTEuMjYgMjYuMDYxLTguOTU2IDUwLjEyMi0yOC4xNzYgNzMuNTU0LTkuMDIzIDEwLjk5NC0yNS4zODMgMjguNTgtNjMuMTY1IDU0LjIyOGExNS4zODQgMTUuMzg0IDAgMCAxLTguNjUzIDIuNjczWiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+)
}

.mask-hexagon {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgyIiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBMMTQuNTEgMTYxLjYyQzYuMTUxIDE1Ny40NC4zIDE0NS43MzcuMyAxMzYuNTRWNjUuNDg2WiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgyIiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjMgNjUuNDg2YzAtOS4xOTYgNi42ODctMjAuMDYzIDE0LjIxMS0yNS4wNzhsNjEuODYtMzUuOTQ2YzguMzYtNS4wMTYgMjAuODk5LTUuMDE2IDI5LjI1OCAwbDYxLjg2IDM1Ljk0NmM4LjM2IDUuMDE1IDE0LjIxMSAxNS44ODIgMTQuMjExIDI1LjA3OHY3MS4wNTVjMCA5LjE5Ni02LjY4NyAyMC4wNjMtMTQuMjExIDI1LjA3OWwtNjEuODYgMzUuOTQ1Yy04LjM2IDQuMTgtMjAuODk5IDQuMTgtMjkuMjU4IDBMMTQuNTEgMTYxLjYyQzYuMTUxIDE1Ny40NC4zIDE0NS43MzcuMyAxMzYuNTRWNjUuNDg2WiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+)
}

.mask-hexagon-2 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNjQuNzg2IDE4MS40Yy05LjE5NiAwLTIwLjA2My02LjY4Ny0yNS4wNzktMTQuMjFMMy43NjIgMTA1LjMzYy01LjAxNi04LjM2LTUuMDE2LTIwLjkgMC0yOS4yNTlsMzUuOTQ1LTYxLjg2QzQ0LjcyMyA1Ljg1MSA1NS41OSAwIDY0Ljc4NiAwaDcxLjA1NWM5LjE5NiAwIDIwLjA2MyA2LjY4OCAyNS4wNzkgMTQuMjExbDM1Ljk0NSA2MS44NmM0LjE4IDguMzYgNC4xOCAyMC44OTkgMCAyOS4yNThsLTM1Ljk0NSA2MS44NmMtNC4xOCA4LjM2LTE1Ljg4MyAxNC4yMTEtMjUuMDc5IDE0LjIxMUg2NC43ODZaIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNjQuNzg2IDE4MS40Yy05LjE5NiAwLTIwLjA2My02LjY4Ny0yNS4wNzktMTQuMjFMMy43NjIgMTA1LjMzYy01LjAxNi04LjM2LTUuMDE2LTIwLjkgMC0yOS4yNTlsMzUuOTQ1LTYxLjg2QzQ0LjcyMyA1Ljg1MSA1NS41OSAwIDY0Ljc4NiAwaDcxLjA1NWM5LjE5NiAwIDIwLjA2MyA2LjY4OCAyNS4wNzkgMTQuMjExbDM1Ljk0NSA2MS44NmM0LjE4IDguMzYgNC4xOCAyMC44OTkgMCAyOS4yNThsLTM1Ljk0NSA2MS44NmMtNC4xOCA4LjM2LTE1Ljg4MyAxNC4yMTEtMjUuMDc5IDE0LjIxMUg2NC43ODZaIiBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=)
}

.mask-circle {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGZpbGw9IiMwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-parallelogram {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE1NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDYuMTU0IDBIMjAwbC00Ni4xNTQgMTUzLjg0NkgweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE1NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNNDYuMTU0IDBIMjAwbC00Ni4xNTQgMTUzLjg0NkgweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-parallelogram-2 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE1NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTUzLjg0NiAwSDBsNDYuMTU0IDE1My44NDZIMjAweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE1NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTUzLjg0NiAwSDBsNDYuMTU0IDE1My44NDZIMjAweiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-parallelogram-3 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0IiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjA3NyA0Ny4wNzd2MTUzLjg0NmwxNTMuODQ2LTQ2LjE1NFYuOTIzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0IiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjA3NyA0Ny4wNzd2MTUzLjg0NmwxNTMuODQ2LTQ2LjE1NFYuOTIzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-parallelogram-4 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0IiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTUzLjkyMyA0Ny4wNzd2MTUzLjg0NkwuMDc3IDE1NC43N1YuOTIzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTU0IiBoZWlnaHQ9IjIwMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTUzLjkyMyA0Ny4wNzd2MTUzLjg0NkwuMDc3IDE1NC43N1YuOTIzeiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-pentagon {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMCA5NS4xMDYgNjkuMDk4LTM2LjMyNyAxMTEuODA0SDM3LjIyTC44OTQgNjkuMDk4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMCA5NS4xMDYgNjkuMDk4LTM2LjMyNyAxMTEuODA0SDM3LjIyTC44OTQgNjkuMDk4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-square {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMCAwaDIwMHYyMDBIMHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMCAwaDIwMHYyMDBIMHoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.mask-star {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMTM3LjI2My01OC43NzkgNDIuMDI0IDIyLjE2My02OC4zODlMLjg5NCA2OC40ODFsNzIuNDc2LS4yNDNMOTYgMGwyMi42MyA2OC4yMzggNzIuNDc2LjI0My01OC40OSA0Mi40MTcgMjIuMTYzIDY4LjM4OXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMTM3LjI2My01OC43NzkgNDIuMDI0IDIyLjE2My02OC4zODlMLjg5NCA2OC40ODFsNzIuNDc2LS4yNDNMOTYgMGwyMi42MyA2OC4yMzggNzIuNDc2LjI0My01OC40OSA0Mi40MTcgMjIuMTYzIDY4LjM4OXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.mask-star-2 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMTUzLjA0NC01OC43NzkgMjYuMjQzIDcuMDItNjMuNTEzTC44OTQgNjguNDgxbDYzLjExNy0xMy4wMUw5NiAwbDMxLjk4OSA1NS40NzIgNjMuMTE3IDEzLjAxLTQzLjM0NyA0Ny4yOTIgNy4wMiA2My41MTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyIiBoZWlnaHQ9IjE4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtOTYgMTUzLjA0NC01OC43NzkgMjYuMjQzIDcuMDItNjMuNTEzTC44OTQgNjguNDgxbDYzLjExNy0xMy4wMUw5NiAwbDMxLjk4OSA1NS40NzIgNjMuMTE3IDEzLjAxLTQzLjM0NyA0Ny4yOTIgNy4wMiA2My41MTN6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.mask-triangle {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc0IiBoZWlnaHQ9IjE0OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtODcgMTQ4LjQ3Ni04Ni42MDMuMTg1TDQzLjg2IDc0LjQyMyA4NyAwbDQzLjE0IDc0LjQyMyA0My40NjMgNzQuMjM4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc0IiBoZWlnaHQ9IjE0OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtODcgMTQ4LjQ3Ni04Ni42MDMuMTg1TDQzLjg2IDc0LjQyMyA4NyAwbDQzLjE0IDc0LjQyMyA0My40NjMgNzQuMjM4eiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+)
}

.mask-triangle-2 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc0IiBoZWlnaHQ9IjE1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtODcgLjczOCA4Ni42MDMtLjE4NC00My40NjMgNzQuMjM4TDg3IDE0OS4yMTQgNDMuODYgNzQuNzkyLjM5Ny41NTR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTc0IiBoZWlnaHQ9IjE1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtODcgLjczOCA4Ni42MDMtLjE4NC00My40NjMgNzQuMjM4TDg3IDE0OS4yMTQgNDMuODYgNzQuNzkyLjM5Ny41NTR6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.mask-triangle-3 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtMTQ5LjM2OSA4Ny4xMDcuMTg1IDg2LjYwMy03NC4yMzktNDMuNDYzTC44OTMgODcuMTA3bDc0LjQyMi00My4xNEwxNDkuNTU0LjUwNXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJtMTQ5LjM2OSA4Ny4xMDcuMTg1IDg2LjYwMy03NC4yMzktNDMuNDYzTC44OTMgODcuMTA3bDc0LjQyMi00My4xNEwxNDkuNTU0LjUwNXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==)
}

.mask-triangle-4 {
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDcuNDQ2LjUwNWw3NC4yMzkgNDMuNDYyIDc0LjQyMiA0My4xNC03NC40MjIgNDMuMTRMLjQ0NiAxNzMuNzF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwIiBoZWlnaHQ9IjE3NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNLjYzMSA4Ny4xMDcuNDQ2LjUwNWw3NC4yMzkgNDMuNDYyIDc0LjQyMiA0My4xNC03NC40MjIgNDMuMTRMLjQ0NiAxNzMuNzF6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=)
}

.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span {
    --tw-border-opacity: 1;
    border-bottom-width: 4px;
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    border-left-width: 0
}

.menu[class*=" p-"] li>*,.menu[class^=p-] li>* {
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem)
}

.menu :where(li.bordered>*) {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    border-left-width: 4px
}

.menu :where(li)>:where(:not(ul)) {
    color: currentColor;
    gap: .75rem;
    padding: .75rem 1rem
}

.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):focus),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):hover) {
    --tw-bg-opacity: 0.1;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity))
}

.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active) {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.menu :where(li:empty) {
    --tw-bg-opacity: 0.1;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    height: 1px;
    margin: .5rem 1rem
}

.menu li.disabled>* {
    --tw-text-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.menu li.disabled>:hover {
    background-color: transparent
}

.menu li.hover-bordered a {
    border-color: transparent;
    border-left-width: 4px
}

.menu li.hover-bordered a:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.menu.compact li>a,.menu.compact li>span {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.menu .menu-title>* {
    --tw-text-opacity: 0.4;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    padding-bottom: .25rem;
    padding-top: .25rem
}

.menu :where(li:not(.disabled))>:where(:not(ul)) {
    outline: 2px solid transparent;
    outline-offset: 2px;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.menu>:where(li:first-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.menu>:where(li:first-child)>:where(:not(ul)) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.menu>:where(li:last-child) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.menu>:where(li:last-child)>:where(:not(ul)) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.menu>:where(li)>:where(ul) :where(li) {
    white-space: nowrap;
    width: 100%
}

.menu>:where(li)>:where(ul) :where(li) :where(ul) {
    padding-left: 1rem
}

.menu>:where(li)>:where(ul) :where(li)>:where(:not(ul)) {
    white-space: nowrap;
    width: 100%
}

.menu>:where(li)>:where(ul)>:where(li:first-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.menu>:where(li)>:where(ul)>:where(li:last-child) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.mockup-code:before {
    border-radius: 9999px;
    -webkit-box-shadow: 1.4em 0,2.8em 0,4.2em 0;
    box-shadow: 1.4em 0,2.8em 0,4.2em 0;
    content: "";
    display: block;
    height: .75rem;
    margin-bottom: 1rem;
    opacity: .3;
    width: .75rem
}

.mockup-code pre {
    padding-right: 1.25rem
}

.mockup-code pre:before {
    content: "";
    margin-right: 2ch
}

.mockup-window:before {
    border-radius: 9999px;
    -webkit-box-shadow: 1.4em 0,2.8em 0,4.2em 0;
    box-shadow: 1.4em 0,2.8em 0,4.2em 0;
    content: "";
    display: block;
    height: .75rem;
    margin-bottom: 1rem;
    opacity: .3;
    width: .75rem
}

.mockup-phone {
    background-color: #000;
    border: 4px solid #444;
    border-radius: 50px;
    display: inline-block;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px
}

.mockup-phone .camera {
    background: #000;
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    height: 25px;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 150px;
    z-index: 11
}

.mockup-phone .camera:before {
    background-color: #0c0b0e;
    border-radius: 5px;
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 35%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50px
}

.mockup-phone .camera:after {
    background-color: #0f0b25;
    border-radius: 5px;
    content: "";
    height: 8px;
    left: 70%;
    position: absolute;
    top: 20%;
    width: 8px
}

.mockup-phone .display {
    border-radius: 40px;
    margin-top: -25px;
    overflow: hidden
}

.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box {
    --tw-translate-y: 0px;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    -webkit-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: 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))
}

.modal-action>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.progress::-moz-progress-bar {
    --tw-bg-opacity: 1;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity))
}

.progress:indeterminate:after {
    --tw-bg-opacity: 1;
    -webkit-animation: progress-loading 5s ease-in-out infinite;
    animation: progress-loading 5s ease-in-out infinite;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    bottom: 0;
    content: "";
    left: -40%;
    position: absolute;
    top: 0;
    width: 33.333333%
}

.progress::-webkit-progress-bar {
    --tw-bg-opacity: 0.2;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem)
}

.progress::-webkit-progress-value {
    --tw-bg-opacity: 1;
    background-color: hsl(159 100% 56%/var(--tw-bg-opacity));
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem)
}

@-webkit-keyframes progress-loading {
    50% {
        left: 107%
    }
}

@keyframes progress-loading {
    50% {
        left: 107%
    }
}

.radio:focus-visible {
    outline: 2px solid #ccc;
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.radio:checked,.radio[aria-checked=true] {
    --tw-bg-opacity: 1;
    -webkit-animation: radiomark .2s ease-in-out;
    animation: radiomark .2s ease-in-out;
    -webkit-animation: radiomark var(--animation-input,.2s) ease-in-out;
    animation: radiomark var(--animation-input,.2s) ease-in-out;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    -webkit-box-shadow: inset 0 0 0 4px #fff,inset 0 0 0 4px #fff;
    box-shadow: inset 0 0 0 4px #fff,inset 0 0 0 4px #fff;
    -webkit-box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset;
    box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset
}

.radio-primary {
    --chkbg: var(--p)
}

.radio-primary,.radio-primary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.radio-primary:focus-visible {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.radio-primary:checked,.radio-primary[aria-checked=true] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.radio-secondary {
    --chkbg: var(--s)
}

.radio-secondary,.radio-secondary:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

.radio-secondary:focus-visible {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.radio-secondary:checked,.radio-secondary[aria-checked=true] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.radio-accent {
    --chkbg: var(--a)
}

.radio-accent,.radio-accent:hover {
    --tw-border-opacity: 1;
    border-color: hsl(var(--a)/var(--tw-border-opacity))
}

.radio-accent:focus-visible {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.radio-accent:checked,.radio-accent[aria-checked=true] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.radio:disabled {
    cursor: not-allowed;
    opacity: .2
}

@-webkit-keyframes radiomark {
    0% {
        -webkit-box-shadow: inset 0 0 0 12px #fff,inset 0 0 0 12px #fff;
        box-shadow: inset 0 0 0 12px #fff,inset 0 0 0 12px #fff;
        -webkit-box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset;
        box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset
    }

    50% {
        -webkit-box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 3px #fff;
        box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 3px #fff;
        -webkit-box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset;
        box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset
    }

    to {
        -webkit-box-shadow: inset 0 0 0 4px #fff,inset 0 0 0 4px #fff;
        box-shadow: inset 0 0 0 4px #fff,inset 0 0 0 4px #fff;
        -webkit-box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset;
        box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset
    }
}

@keyframes radiomark {
    0% {
        -webkit-box-shadow: inset 0 0 0 12px #fff,inset 0 0 0 12px #fff;
        box-shadow: inset 0 0 0 12px #fff,inset 0 0 0 12px #fff;
        -webkit-box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset;
        box-shadow: 0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset
    }

    50% {
        -webkit-box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 3px #fff;
        box-shadow: inset 0 0 0 3px #fff,inset 0 0 0 3px #fff;
        -webkit-box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset;
        box-shadow: 0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset
    }

    to {
        -webkit-box-shadow: inset 0 0 0 4px #fff,inset 0 0 0 4px #fff;
        box-shadow: inset 0 0 0 4px #fff,inset 0 0 0 4px #fff;
        -webkit-box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset;
        box-shadow: 0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset
    }
}

.radio-mark {
    display: none
}

.range:focus-visible::-webkit-slider-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset
}

.range:focus-visible::-moz-range-thumb {
    --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset
}

.range::-webkit-slider-runnable-track {
    background-color: hsla(0,0%,80%,.1);
    background-color: hsla(var(--bc)/.1);
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    height: .5rem;
    width: 100%
}

.range::-moz-range-track {
    background-color: hsla(0,0%,80%,.1);
    background-color: hsla(var(--bc)/.1);
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    height: .5rem;
    width: 100%
}

.range::-webkit-slider-thumb {
    --filler-size: 100rem;
    --filler-offset: 0.6rem;
    -webkit-appearance: none;
    background-color: #fff;
    background-color: hsl(var(--b1));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    border-style: none;
    -webkit-box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,0 0,calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,0 0,calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    -webkit-box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    color: hsl(var(--range-shdw));
    height: 1.5rem;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.5rem
}

.range::-moz-range-thumb {
    --filler-size: 100rem;
    --filler-offset: 0.5rem;
    background-color: #fff;
    background-color: hsl(var(--b1));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    border-style: none;
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,0 0,calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);
    color: hsl(var(--range-shdw));
    height: 1.5rem;
    position: relative;
    top: 50%;
    width: 1.5rem
}

.range-primary {
    --range-shdw: var(--p)
}

.range-secondary {
    --range-shdw: var(--s)
}

.range-accent {
    --range-shdw: var(--a)
}

.rating input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none
}

.rating .rating-hidden {
    background-color: transparent;
    width: .5rem
}

.rating input:checked~input,.rating input[aria-checked=true]~input {
    --tw-bg-opacity: 0.2
}

.rating input:focus-visible {
    -webkit-transform: translateY(-.125em);
    transform: translateY(-.125em);
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.rating input:active:focus {
    -webkit-animation: none;
    animation: none;
    -webkit-transform: translateY(-.125em);
    transform: translateY(-.125em)
}

.rating-half :where(input:not(.rating-hidden)) {
    width: .75rem
}

@-webkit-keyframes rating-pop {
    0% {
        -webkit-transform: translateY(-.125em);
        transform: translateY(-.125em)
    }

    40% {
        -webkit-transform: translateY(-.125em);
        transform: translateY(-.125em)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes rating-pop {
    0% {
        -webkit-transform: translateY(-.125em);
        transform: translateY(-.125em)
    }

    40% {
        -webkit-transform: translateY(-.125em);
        transform: translateY(-.125em)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.select-bordered {
    --tw-border-opacity: 0.2
}

.select:focus {
    outline: 2px solid hsla(0,0%,80%,.2);
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.select-ghost {
    --tw-bg-opacity: 0.05
}

.select-ghost:focus {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.select-primary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.select-primary:focus {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.select-secondary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

.select-secondary:focus {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.select-accent {
    --tw-border-opacity: 1;
    border-color: hsl(var(--a)/var(--tw-border-opacity))
}

.select-accent:focus {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.select-info {
    --tw-border-opacity: 1;
    border-color: hsl(var(--in)/var(--tw-border-opacity))
}

.select-info:focus {
    outline: 2px solid #bdced1;
    outline: 2px solid hsl(var(--in))
}

.select-success {
    --tw-border-opacity: 1;
    border-color: hsl(var(--su)/var(--tw-border-opacity))
}

.select-success:focus {
    outline: 2px solid #218752;
    outline: 2px solid hsl(var(--su))
}

.select-warning {
    --tw-border-opacity: 1;
    border-color: hsl(var(--wa)/var(--tw-border-opacity))
}

.select-warning:focus {
    outline: 2px solid #ee7e17;
    outline: 2px solid hsl(var(--wa))
}

.select-error {
    --tw-border-opacity: 1;
    border-color: hsl(var(--er)/var(--tw-border-opacity))
}

.select-error:focus {
    outline: 2px solid red;
    outline: 2px solid hsl(var(--er))
}

.select-disabled,.select[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.select-disabled::-webkit-input-placeholder,.select[disabled]::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-disabled::-moz-placeholder,.select[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-disabled:-ms-input-placeholder,.select[disabled]:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-disabled::-ms-input-placeholder,.select[disabled]::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-disabled::placeholder,.select[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.select-multiple,.select[multiple],.select[size].select:not([size="1"]) {
    background-image: none;
    padding-right: 1rem
}

:where(.stats)>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    --tw-divide-y-reverse: 0;
    border-width: calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))
}

.steps .step:before {
    content: "";
    height: .5rem;
    margin-left: -100%;
    top: 0;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%
}

.steps .step:after,.steps .step:before {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity));
    grid-column-start: 1;
    grid-row-start: 1
}

.steps .step:after {
    border-radius: 9999px;
    content: counter(step);
    counter-increment: step;
    display: grid;
    height: 2rem;
    place-items: center;
    place-self: center;
    position: relative;
    width: 2rem;
    z-index: 1
}

.steps .step:first-child:before {
    content: none
}

.steps .step[data-content]:after {
    content: attr(data-content)
}

.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(159 100% 70%/var(--tw-bg-opacity));
    background-color: hsl(var(--n)/var(--tw-bg-opacity));
    color: hsl(159 100% 14%/var(--tw-text-opacity));
    color: hsl(var(--nc)/var(--tw-text-opacity))
}

.steps .step-primary+.step-primary:before,.steps .step-primary:after {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.steps .step-accent+.step-accent:before,.steps .step-accent:after {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.steps .step-info+.step-info:before,.steps .step-info:after {
    --tw-bg-opacity: 1;
    background-color: hsl(189 18% 78%/var(--tw-bg-opacity));
    background-color: hsl(var(--in)/var(--tw-bg-opacity))
}

.steps .step-info:after {
    --tw-text-opacity: 1;
    color: hsl(189 55% 16%/var(--tw-text-opacity));
    color: hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}

.steps .step-success+.step-success:before,.steps .step-success:after {
    --tw-bg-opacity: 1;
    background-color: hsl(149 61% 33%/var(--tw-bg-opacity));
    background-color: hsl(var(--su)/var(--tw-bg-opacity))
}

.steps .step-success:after {
    --tw-text-opacity: 1;
    color: hsl(149 100% 87%/var(--tw-text-opacity));
    color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}

.steps .step-warning+.step-warning:before,.steps .step-warning:after {
    --tw-bg-opacity: 1;
    background-color: hsl(29 86% 51%/var(--tw-bg-opacity));
    background-color: hsl(var(--wa)/var(--tw-bg-opacity))
}

.steps .step-warning:after {
    --tw-text-opacity: 1;
    color: hsl(29 100% 10%/var(--tw-text-opacity));
    color: hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}

.steps .step-error+.step-error:before,.steps .step-error:after {
    --tw-bg-opacity: 1;
    background-color: hsl(0 100% 50%/var(--tw-bg-opacity));
    background-color: hsl(var(--er)/var(--tw-bg-opacity))
}

.steps .step-error:after {
    --tw-text-opacity: 1;
    color: hsl(0 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.swap-rotate .swap-indeterminate,.swap-rotate .swap-on,.swap-rotate input:indeterminate~.swap-on {
    --tw-rotate: 45deg;
    -webkit-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: 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))
}

.swap-rotate input:checked~.swap-off,.swap-rotate input:indeterminate~.swap-off,.swap-rotate.swap-active .swap-off {
    --tw-rotate: -45deg;
    -webkit-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: 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))
}

.swap-rotate input:checked~.swap-on,.swap-rotate input:indeterminate~.swap-indeterminate,.swap-rotate.swap-active .swap-on {
    --tw-rotate: 0deg;
    -webkit-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: 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))
}

.swap-flip {
    -webkit-perspective: 16em;
    perspective: 16em;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swap-flip .swap-indeterminate,.swap-flip .swap-on,.swap-flip input:indeterminate~.swap-on {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.swap-flip input:checked~.swap-off,.swap-flip input:indeterminate~.swap-off,.swap-flip.swap-active .swap-off {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.swap-flip input:checked~.swap-on,.swap-flip input:indeterminate~.swap-indeterminate,.swap-flip.swap-active .swap-on {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.tab:hover {
    --tw-text-opacity: 1
}

.tab.tab-active {
    --tw-border-opacity: 1;
    --tw-text-opacity: 1;
    border-color: hsl(var(--bc)/var(--tw-border-opacity))
}

.tab:focus {
    outline: 2px solid transparent;
    outline-offset: 2px
}

.tab:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -3px
}

.tab:focus-visible.tab-lifted {
    border-bottom-left-radius: .5rem;
    border-bottom-left-radius: var(--tab-radius,.5rem);
    border-bottom-right-radius: .5rem;
    border-bottom-right-radius: var(--tab-radius,.5rem)
}

.tab-bordered {
    --tw-border-opacity: 0.2;
    border-bottom-width: 2px;
    border-bottom-width: calc(var(--tab-border, 1px) + 1px);
    border-color: hsl(var(--bc)/var(--tw-border-opacity));
    border-style: solid
}

.tab-lifted {
    border: solid transparent;
    border-bottom-color: var(--tab-border-color);
    border-top-left-radius: .5rem;
    border-top-left-radius: var(--tab-radius,.5rem);
    border-top-right-radius: .5rem;
    border-top-right-radius: var(--tab-radius,.5rem);
    border-width: 0 0 1px;
    border-width: 0 0 var(--tab-border,1px) 0;
    padding-left: 1rem;
    padding-left: var(--tab-padding,1rem);
    padding-right: 1rem;
    padding-right: var(--tab-padding,1rem);
    padding-top: 1px;
    padding-top: var(--tab-border,1px)
}

.tab-lifted.tab-active {
    background-color: var(--tab-bg);
    border-left-color: var(--tab-border-color);
    border-right-color: var(--tab-border-color);
    border-top-color: var(--tab-border-color);
    border-width: 1px 1px 0;
    border-width: var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px);
    padding-bottom: 1px;
    padding-bottom: var(--tab-border,1px);
    padding-left: calc(1rem - 1px);
    padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
    padding-right: calc(1rem - 1px);
    padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
    padding-top: 0
}

.tab-lifted.tab-active:after,.tab-lifted.tab-active:before {
    --tab-grad: calc(68% - var(--tab-border, 1px));
    --tab-corner-bg: radial-gradient(circle at var(--circle-pos),transparent var(--tab-grad),var(--tab-border-color) calc(var(--tab-grad) + 0.3px),var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)),var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));
    bottom: 0;
    content: "";
    display: block;
    height: .5rem;
    height: var(--tab-radius,.5rem);
    position: absolute;
    width: .5rem;
    width: var(--tab-radius,.5rem);
    z-index: 1
}

.tab-lifted.tab-active:before {
    --circle-pos: top left;
    background-image: var(--tab-corner-bg);
    left: -.5rem;
    left: calc(var(--tab-radius, .5rem)*-1)
}

[dir=rtl] .tab-lifted.tab-active:before {
    --circle-pos: top right
}

.tab-lifted.tab-active:after {
    --circle-pos: top right;
    background-image: var(--tab-corner-bg);
    right: -.5rem;
    right: calc(var(--tab-radius, .5rem)*-1)
}

[dir=rtl] .tab-lifted.tab-active:after {
    --circle-pos: top left
}

.tab-lifted.tab-active+.tab-lifted.tab-active:before,.tab-lifted.tab-active:first-child:before,.tab-lifted.tab-active:last-child:after {
    background: none
}

.tabs-boxed {
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    padding: .25rem
}

.tabs-boxed,.tabs-boxed .tab-active {
    --tw-bg-opacity: 1;
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem)
}

.tabs-boxed .tab-active {
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity))
}

.tabs-boxed .tab-active,.tabs-boxed .tab-active:hover {
    --tw-text-opacity: 1;
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.table :where(th,td) {
    padding: 1rem;
    vertical-align: middle;
    white-space: nowrap
}

.table tr.active td,.table tr.active th,.table tr.active:nth-child(2n) td,.table tr.active:nth-child(2n) th,.table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(2n):hover td,.table tr.hover:nth-child(2n):hover th {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))
}

.table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child) :where(th,td)) {
    --tw-border-opacity: 1;
    border-bottom-width: 1px;
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity))
}

.table :where(thead,tfoot) :where(th,td) {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase
}

.table :where(:first-child) :where(:first-child) :where(th,td):first-child {
    border-top-left-radius: .5rem
}

.table :where(:first-child) :where(:first-child) :where(th,td):last-child {
    border-top-right-radius: .5rem
}

.table :where(:last-child) :where(:last-child) :where(th,td):first-child {
    border-bottom-left-radius: .5rem
}

.table :where(:last-child) :where(:last-child) :where(th,td):last-child {
    border-bottom-right-radius: .5rem
}

.table :where(tbody th,tbody td) {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
}

.table-zebra tbody tr:nth-child(2n) td,.table-zebra tbody tr:nth-child(2n) th {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity))
}

.textarea-bordered {
    --tw-border-opacity: 0.2
}

.textarea:focus {
    outline: 2px solid hsla(0,0%,80%,.2);
    outline: 2px solid hsla(var(--bc)/.2);
    outline-offset: 2px
}

.textarea-ghost {
    --tw-bg-opacity: 0.05
}

.textarea-ghost:focus {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.textarea-primary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.textarea-primary:focus {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.textarea-secondary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--s)/var(--tw-border-opacity))
}

.textarea-secondary:focus {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.textarea-accent {
    --tw-border-opacity: 1;
    border-color: hsl(var(--a)/var(--tw-border-opacity))
}

.textarea-accent:focus {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.textarea-info {
    --tw-border-opacity: 1;
    border-color: hsl(var(--in)/var(--tw-border-opacity))
}

.textarea-info:focus {
    outline: 2px solid #bdced1;
    outline: 2px solid hsl(var(--in))
}

.textarea-success {
    --tw-border-opacity: 1;
    border-color: hsl(var(--su)/var(--tw-border-opacity))
}

.textarea-success:focus {
    outline: 2px solid #218752;
    outline: 2px solid hsl(var(--su))
}

.textarea-warning {
    --tw-border-opacity: 1;
    border-color: hsl(var(--wa)/var(--tw-border-opacity))
}

.textarea-warning:focus {
    outline: 2px solid #ee7e17;
    outline: 2px solid hsl(var(--wa))
}

.textarea-error {
    --tw-border-opacity: 1;
    border-color: hsl(var(--er)/var(--tw-border-opacity))
}

.textarea-error:focus {
    outline: 2px solid red;
    outline: 2px solid hsl(var(--er))
}

.textarea-disabled,.textarea[disabled] {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 0.2;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    cursor: not-allowed
}

.textarea-disabled::-webkit-input-placeholder,.textarea[disabled]::-webkit-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.textarea-disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.textarea-disabled:-ms-input-placeholder,.textarea[disabled]:-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.textarea-disabled::-ms-input-placeholder,.textarea[disabled]::-ms-input-placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.textarea-disabled::placeholder,.textarea[disabled]::placeholder {
    --tw-placeholder-opacity: 0.2;
    color: hsl(0 0% 80%/var(--tw-placeholder-opacity));
    color: hsl(var(--bc)/var(--tw-placeholder-opacity))
}

.toast>* {
    -webkit-animation: toast-pop .25s ease-out;
    animation: toast-pop .25s ease-out
}

@-webkit-keyframes toast-pop {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes toast-pop {
    0% {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.toggle:focus-visible {
    outline: 2px solid #ccc;
    outline: 2px solid hsl(var(--bc));
    outline-offset: 2px
}

.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true] {
    --chkbg: hsl(var(--bc));
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    -webkit-box-shadow: var(--handleoffset) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    box-shadow: var(--handleoffset) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    -webkit-box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset;
    box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset
}

[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true] {
    -webkit-box-shadow: calc(var(--handleoffset)*1) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    box-shadow: calc(var(--handleoffset)*1) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    -webkit-box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset;
    box-shadow: calc(var(--handleoffset)*1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset
}

.toggle:indeterminate {
    --chkbg: hsl(var(--bc));
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    -webkit-box-shadow: calc(var(--handleoffset)/2) 0 0 2px #fff inset,calc(var(--handleoffset)/-2) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    box-shadow: calc(var(--handleoffset)/2) 0 0 2px #fff inset,calc(var(--handleoffset)/-2) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    -webkit-box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset,calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset;
    box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset,calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset
}

[dir=rtl] .toggle:indeterminate {
    -webkit-box-shadow: calc(var(--handleoffset)/2) 0 0 2px #fff inset,calc(var(--handleoffset)/-2) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    box-shadow: calc(var(--handleoffset)/2) 0 0 2px #fff inset,calc(var(--handleoffset)/-2) 0 0 2px #fff inset,0 0 0 2px #fff inset;
    -webkit-box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset,calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset;
    box-shadow: calc(var(--handleoffset)/2) 0 0 2px hsl(var(--b1)) inset,calc(var(--handleoffset)/-2) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset
}

.toggle-primary:focus-visible {
    outline: 2px solid #1fefa3;
    outline: 2px solid hsl(var(--p))
}

.toggle-primary:checked,.toggle-primary[aria-checked=true],.toggle-primary[checked=true] {
    --chkbg: hsl(var(--p));
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.toggle-secondary:focus-visible {
    outline: 2px solid #2b80e9;
    outline: 2px solid hsl(var(--s))
}

.toggle-secondary:checked,.toggle-secondary[aria-checked=true],.toggle-secondary[checked=true] {
    --chkbg: hsl(var(--s));
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.toggle-accent:focus-visible {
    outline: 2px solid #ccfcff;
    outline: 2px solid hsl(var(--a))
}

.toggle-accent:checked,.toggle-accent[aria-checked=true],.toggle-accent[checked=true] {
    --chkbg: hsl(var(--a));
    --tw-border-opacity: 0.1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.toggle:disabled {
    --tw-bg-opacity: 0.2;
    background-color: hsl(0 0% 80%/var(--tw-bg-opacity));
    background-color: hsl(var(--bc)/var(--tw-bg-opacity));
    border-color: transparent;
    cursor: not-allowed
}

.toggle-mark {
    display: none
}

.tooltip:after,.tooltip:before {
    opacity: 0;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    transition-property: color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    -o-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;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    -o-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.tooltip:after {
    border-color: var(--tooltip-color) transparent transparent transparent;
    border-style: solid;
    border-width: 0;
    border-width: var(--tooltip-tail,0);
    bottom: var(--tooltip-tail-offset);
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    right: auto;
    top: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before {
    opacity: 1;
    -webkit-transition-delay: 75ms;
    -o-transition-delay: 75ms;
    transition-delay: 75ms
}

.tooltip-primary {
    --tooltip-color: hsl(var(--p));
    --tooltip-text-color: hsl(var(--pc))
}

.tooltip-secondary {
    --tooltip-color: hsl(var(--s));
    --tooltip-text-color: hsl(var(--sc))
}

.tooltip-accent {
    --tooltip-color: hsl(var(--a));
    --tooltip-text-color: hsl(var(--ac))
}

.tooltip-info {
    --tooltip-color: hsla(var(--in));
    --tooltip-text-color: hsl(var(--inc))
}

.tooltip-success {
    --tooltip-color: hsla(var(--su));
    --tooltip-text-color: hsl(var(--suc))
}

.tooltip-warning {
    --tooltip-color: hsla(var(--wa));
    --tooltip-text-color: hsl(var(--wac))
}

.tooltip-error {
    --tooltip-color: hsla(var(--er));
    --tooltip-text-color: hsl(var(--erc))
}

:root .prose {
    --tw-prose-body: hsla(var(--bc)/.8);
    --tw-prose-headings: hsl(var(--bc));
    --tw-prose-lead: hsl(var(--bc));
    --tw-prose-links: hsl(var(--bc));
    --tw-prose-bold: hsl(var(--bc));
    --tw-prose-counters: hsl(var(--bc));
    --tw-prose-bullets: hsla(var(--bc)/.5);
    --tw-prose-hr: hsla(var(--bc)/.2);
    --tw-prose-quotes: hsl(var(--bc));
    --tw-prose-quote-borders: hsla(var(--bc)/.2);
    --tw-prose-captions: hsla(var(--bc)/.5);
    --tw-prose-code: hsl(var(--bc));
    --tw-prose-pre-code: hsl(var(--nc));
    --tw-prose-pre-bg: hsl(var(--n));
    --tw-prose-th-borders: hsla(var(--bc)/.5);
    --tw-prose-td-borders: hsla(var(--bc)/.2)
}

.prose :where(code):not(:where([class~=not-prose] *)) {
    border-radius: 1.9rem;
    border-radius: var(--rounded-badge);
    padding: 2px 8px
}

.prose code:after,.prose code:before {
    content: none
}

.prose pre code {
    border-radius: 0;
    padding: 0
}

.prose :where(tbody tr,thead):not(:where([class~=not-prose] *)) {
    border-bottom-color: hsla(0,0%,80%,.2);
    border-bottom-color: hsl(var(--bc)/20%)
}

.rounded-box {
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem)
}

.rounded-t-box {
    border-top-left-radius: 1rem;
    border-top-left-radius: var(--rounded-box,1rem);
    border-top-right-radius: 1rem;
    border-top-right-radius: var(--rounded-box,1rem)
}

.rounded-b-box {
    border-bottom-right-radius: 1rem;
    border-bottom-right-radius: var(--rounded-box,1rem)
}

.rounded-b-box,.rounded-l-box {
    border-bottom-left-radius: 1rem;
    border-bottom-left-radius: var(--rounded-box,1rem)
}

.rounded-l-box {
    border-top-left-radius: 1rem;
    border-top-left-radius: var(--rounded-box,1rem)
}

.rounded-r-box {
    border-top-right-radius: 1rem;
    border-top-right-radius: var(--rounded-box,1rem)
}

.rounded-br-box,.rounded-r-box {
    border-bottom-right-radius: 1rem;
    border-bottom-right-radius: var(--rounded-box,1rem)
}

.rounded-tr-box {
    border-top-right-radius: 1rem;
    border-top-right-radius: var(--rounded-box,1rem)
}

.rounded-bl-box {
    border-bottom-left-radius: 1rem;
    border-bottom-left-radius: var(--rounded-box,1rem)
}

.rounded-tl-box {
    border-top-left-radius: 1rem;
    border-top-left-radius: var(--rounded-box,1rem)
}

.rounded-btn {
    border-radius: .5rem;
    border-radius: var(--rounded-btn,.5rem)
}

.rounded-badge {
    border-radius: 1.9rem;
    border-radius: var(--rounded-badge,1.9rem)
}

.text-2xs {
    font-size: .7rem
}

.glass,.glass.btn-active,.glass:hover {
    -webkit-backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(var(--glass-blur,40px));
    backdrop-filter: blur(40px);
    backdrop-filter: blur(var(--glass-blur,40px));
    background-color: transparent;
    background-image: -o-linear-gradient(315deg,hsla(0,0%,100%,.3) 0,transparent 100%),-o-linear-gradient(350deg,hsla(0,0%,100%,.1) 25%,transparent 25%);
    background-image: linear-gradient(135deg,hsla(0,0%,100%,.3),transparent),linear-gradient(100deg,hsla(0,0%,100%,.1) 25%,transparent 0);
    background-image: -o-linear-gradient(315deg,rgb(255 255 255/var(--glass-opacity,30%)) 0,transparent 100%),-o-linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%)) 25%,transparent 25%);
    background-image: linear-gradient(135deg,rgb(255 255 255/var(--glass-opacity,30%)) 0,transparent 100%),linear-gradient(var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%)) 25%,transparent 25%);
    border: none;
    -webkit-box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.1),0 0 0 2px rgb(0 0 0/5%);
    box-shadow: inset 0 0 0 1px hsla(0,0%,100%,.1),0 0 0 2px rgb(0 0 0/5%);
    -webkit-box-shadow: 0 0 0 1px rgb(255 255 255/var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0/5%);
    box-shadow: 0 0 0 1px rgb(255 255 255/var(--glass-border-opacity,10%)) inset,0 0 0 2px rgb(0 0 0/5%);
    text-shadow: 0 1px rgb(0 0 0/5%);
    text-shadow: 0 1px rgb(0 0 0/var(--glass-text-shadow-opacity,5%))
}

.min-h-6 {
    min-height: 1.5rem
}

.min-h-8 {
    min-height: 2rem
}

.min-h-12 {
    min-height: 3rem
}

.min-h-16 {
    min-height: 4rem
}

.no-animation {
    --btn-focus-scale: 1;
    --animation-btn: 0;
    --animation-input: 0
}

.tab-border-none {
    --tab-border: 0px
}

.tab-border {
    --tab-border: 1px
}

.tab-border-2 {
    --tab-border: 2px
}

.tab-border-3 {
    --tab-border: 3px
}

.tab-rounded-none {
    --tab-radius: 0
}

.tab-rounded-lg {
    --tab-radius: 0.5rem
}

.artboard-demo {
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: none;
    flex: none;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center
}

.artboard.phone {
    width: 320px
}

.artboard.phone-1 {
    height: 568px;
    width: 320px
}

.artboard.phone-1.artboard-horizontal,.artboard.phone-1.horizontal {
    height: 320px;
    width: 568px
}

.artboard.phone-2 {
    height: 667px;
    width: 375px
}

.artboard.phone-2.artboard-horizontal,.artboard.phone-2.horizontal {
    height: 375px;
    width: 667px
}

.artboard.phone-3 {
    height: 736px;
    width: 414px
}

.artboard.phone-3.artboard-horizontal,.artboard.phone-3.horizontal {
    height: 414px;
    width: 736px
}

.artboard.phone-4 {
    height: 812px;
    width: 375px
}

.artboard.phone-4.artboard-horizontal,.artboard.phone-4.horizontal {
    height: 375px;
    width: 812px
}

.artboard.phone-5 {
    height: 896px;
    width: 414px
}

.artboard.phone-5.artboard-horizontal,.artboard.phone-5.horizontal {
    height: 414px;
    width: 896px
}

.artboard.phone-6 {
    height: 1024px;
    width: 320px
}

.artboard.phone-6.artboard-horizontal,.artboard.phone-6.horizontal {
    height: 320px;
    width: 1024px
}

.badge-xs {
    font-size: .75rem;
    height: .75rem;
    line-height: .75rem;
    padding-left: .313rem;
    padding-right: .313rem
}

.badge-sm {
    font-size: .75rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: .438rem;
    padding-right: .438rem
}

.badge-md {
    font-size: .875rem;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-left: .563rem;
    padding-right: .563rem
}

.badge-lg {
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    padding-left: .688rem;
    padding-right: .688rem
}

.btm-nav-xs {
    height: 2.5rem
}

.btm-nav-xs>:where(.active) {
    border-top-width: 1px
}

.btm-nav-xs .btm-nav-label {
    font-size: .75rem;
    line-height: 1rem
}

.btm-nav-sm {
    height: 3rem
}

.btm-nav-sm>:where(.active) {
    border-top-width: 2px
}

.btm-nav-sm .btm-nav-label {
    font-size: .75rem;
    line-height: 1rem
}

.btm-nav-md {
    height: 4rem
}

.btm-nav-md>:where(.active) {
    border-top-width: 2px
}

.btm-nav-md .btm-nav-label {
    font-size: .875rem;
    line-height: 1.25rem
}

.btm-nav-lg {
    height: 5rem
}

.btm-nav-lg>:where(.active) {
    border-top-width: 4px
}

.btm-nav-lg .btm-nav-label {
    font-size: 1rem;
    line-height: 1.5rem
}

.btn-xs {
    font-size: .75rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.btn-sm {
    height: 2rem;
    min-height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.btn-md,.btn-sm {
    font-size: .875rem
}

.btn-md {
    height: 3rem;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.btn-lg {
    font-size: 1.125rem;
    height: 4rem;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.btn-wide {
    width: 16rem
}

.btn-block {
    width: 100%
}

.btn-square:where(.btn-xs) {
    height: 1.5rem;
    padding: 0;
    width: 1.5rem
}

.btn-square:where(.btn-sm) {
    height: 2rem;
    padding: 0;
    width: 2rem
}

.btn-square:where(.btn-md) {
    height: 3rem;
    padding: 0;
    width: 3rem
}

.btn-square:where(.btn-lg) {
    height: 4rem;
    padding: 0;
    width: 4rem
}

.btn-circle:where(.btn-xs) {
    border-radius: 9999px;
    height: 1.5rem;
    padding: 0;
    width: 1.5rem
}

.btn-circle:where(.btn-sm) {
    border-radius: 9999px;
    height: 2rem;
    padding: 0;
    width: 2rem
}

.btn-circle:where(.btn-md) {
    border-radius: 9999px;
    height: 3rem;
    padding: 0;
    width: 3rem
}

.btn-circle:where(.btn-lg) {
    border-radius: 9999px;
    height: 4rem;
    padding: 0;
    width: 4rem
}

.card-side {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    flex-direction: row
}

.card-side figure>* {
    max-width: none
}

:where(.card-side figure>*) {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.checkbox-xs {
    height: 1rem;
    width: 1rem
}

.checkbox-sm {
    height: 1.25rem;
    width: 1.25rem
}

.checkbox-md {
    height: 1.5rem;
    width: 1.5rem
}

.checkbox-lg {
    height: 2rem;
    width: 2rem
}

.divider-horizontal {
    -ms-flex-direction: column;
    flex-direction: column
}

.divider-horizontal:after,.divider-horizontal:before {
    height: 100%;
    width: .125rem
}

.divider-vertical {
    -ms-flex-direction: row;
    flex-direction: row
}

.divider-vertical:after,.divider-vertical:before {
    height: .125rem;
    width: 100%
}

.indicator :where(.indicator-item) {
    --tw-translate-x: 50%;
    --tw-translate-y: -50%;
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
    -webkit-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: 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))
}

.indicator :where(.indicator-item.indicator-start) {
    --tw-translate-x: -50%;
    left: 0;
    right: auto;
    -webkit-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: 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))
}

.indicator :where(.indicator-item.indicator-center) {
    --tw-translate-x: -50%;
    left: 50%;
    right: 50%;
    -webkit-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: 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))
}

.indicator :where(.indicator-item.indicator-end) {
    --tw-translate-x: 50%;
    left: auto;
    right: 0;
    -webkit-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: 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))
}

.indicator :where(.indicator-item.indicator-bottom) {
    --tw-translate-y: 50%;
    bottom: 0;
    top: auto;
    -webkit-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: 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))
}

.indicator :where(.indicator-item.indicator-middle) {
    --tw-translate-y: -50%;
    bottom: 50%;
    top: 50%;
    -webkit-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: 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))
}

.indicator :where(.indicator-item.indicator-top) {
    --tw-translate-y: -50%;
    bottom: auto;
    top: 0;
    -webkit-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: 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))
}

.input-md {
    font-size: .875rem;
    height: 3rem;
    line-height: 1.25rem;
    line-height: 2;
    padding-left: 1rem;
    padding-right: 1rem
}

.input-lg {
    font-size: 1.125rem;
    height: 4rem;
    line-height: 1.75rem;
    line-height: 2;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.input-sm {
    font-size: .875rem;
    height: 2rem;
    line-height: 2rem;
    padding-left: .75rem;
    padding-right: .75rem
}

.input-xs {
    font-size: .75rem;
    height: 1.5rem;
    line-height: 1rem;
    line-height: 1.625;
    padding-left: .5rem;
    padding-right: .5rem
}

.kbd-xs {
    font-size: .75rem;
    line-height: 1rem;
    min-height: 1.2em;
    min-width: 1.2em
}

.kbd-sm,.kbd-xs {
    padding-left: .25rem;
    padding-right: .25rem
}

.kbd-sm {
    font-size: .875rem;
    line-height: 1.25rem;
    min-height: 1.6em;
    min-width: 1.6em
}

.kbd-md {
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 2.2em;
    min-width: 2.2em;
    padding-left: .5rem;
    padding-right: .5rem
}

.kbd-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    min-height: 2.5em;
    min-width: 2.5em;
    padding-left: 1rem;
    padding-right: 1rem
}

.menu-vertical {
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-vertical :where(li) {
    -ms-flex-direction: column;
    flex-direction: column
}

.menu-vertical>:where(li)>:where(ul) {
    left: 100%;
    top: auto
}

.menu-horizontal {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.menu-horizontal :where(li) {
    -ms-flex-direction: row;
    flex-direction: row
}

.menu-horizontal>:where(li)>:where(ul) {
    left: auto;
    top: 100%
}

.modal-bottom {
    -ms-flex-align: end;
    align-items: flex-end
}

.modal-middle {
    -ms-flex-align: center;
    align-items: center
}

.radio-xs {
    height: 1rem;
    width: 1rem
}

.radio-sm {
    height: 1.25rem;
    width: 1.25rem
}

.radio-md {
    height: 1.5rem;
    width: 1.5rem
}

.radio-lg {
    height: 2rem;
    width: 2rem
}

.range-xs {
    height: 1rem
}

.range-xs::-webkit-slider-runnable-track {
    height: .25rem
}

.range-xs::-moz-range-track {
    height: .25rem
}

.range-xs::-webkit-slider-thumb {
    --filler-offset: 0.4rem;
    height: 1rem;
    width: 1rem
}

.range-xs::-moz-range-thumb {
    --filler-offset: 0.4rem;
    height: 1rem;
    width: 1rem
}

.range-sm {
    height: 1.25rem
}

.range-sm::-webkit-slider-runnable-track {
    height: .25rem
}

.range-sm::-moz-range-track {
    height: .25rem
}

.range-sm::-webkit-slider-thumb {
    --filler-offset: 0.5rem;
    height: 1.25rem;
    width: 1.25rem
}

.range-sm::-moz-range-thumb {
    --filler-offset: 0.5rem;
    height: 1.25rem;
    width: 1.25rem
}

.range-md {
    height: 1.5rem
}

.range-md::-webkit-slider-runnable-track {
    height: .5rem
}

.range-md::-moz-range-track {
    height: .5rem
}

.range-md::-webkit-slider-thumb {
    --filler-offset: 0.6rem;
    height: 1.5rem;
    width: 1.5rem
}

.range-md::-moz-range-thumb {
    --filler-offset: 0.6rem;
    height: 1.5rem;
    width: 1.5rem
}

.range-lg {
    height: 2rem
}

.range-lg::-webkit-slider-runnable-track {
    height: 1rem
}

.range-lg::-moz-range-track {
    height: 1rem
}

.range-lg::-webkit-slider-thumb {
    --filler-offset: 1rem;
    height: 2rem;
    width: 2rem
}

.range-lg::-moz-range-thumb {
    --filler-offset: 1rem;
    height: 2rem;
    width: 2rem
}

.rating-xs input {
    height: .75rem;
    width: .75rem
}

.rating-sm input {
    height: 1rem;
    width: 1rem
}

.rating-md input {
    height: 1.5rem;
    width: 1.5rem
}

.rating-lg input {
    height: 2.5rem;
    width: 2.5rem
}

.rating-half.rating-xs input:not(.rating-hidden) {
    width: .375rem
}

.rating-half.rating-sm input:not(.rating-hidden) {
    width: .5rem
}

.rating-half.rating-md input:not(.rating-hidden) {
    width: .75rem
}

.rating-half.rating-lg input:not(.rating-hidden) {
    width: 1.25rem
}

.select-md {
    font-size: .875rem;
    height: 3rem;
    line-height: 1.25rem;
    line-height: 2;
    min-height: 3rem;
    padding-left: 1rem;
    padding-right: 2.5rem
}

.select-lg {
    font-size: 1.125rem;
    height: 4rem;
    line-height: 1.75rem;
    line-height: 2;
    min-height: 4rem;
    padding-left: 1.5rem;
    padding-right: 2rem
}

.select-sm {
    font-size: .875rem;
    height: 2rem;
    line-height: 2rem;
    min-height: 2rem;
    padding-left: .75rem;
    padding-right: 2rem
}

.select-xs {
    font-size: .75rem;
    height: 1.5rem;
    line-height: 1rem;
    line-height: 1.625;
    min-height: 1.5rem;
    padding-left: .5rem;
    padding-right: 2rem
}

.stats-horizontal {
    grid-auto-flow: column
}

.stats-vertical {
    grid-auto-flow: row
}

.steps-horizontal {
    display: inline-grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    overflow: hidden;
    overflow-x: auto
}

.steps-horizontal .step {
    display: grid;
    grid-template-columns: repeat(1,minmax(0,1fr));
    grid-template-rows: repeat(2,minmax(0,1fr));
    place-items: center;
    text-align: center
}

.steps-vertical {
    grid-auto-flow: row;
    grid-auto-rows: 1fr
}

.steps-vertical .step {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: repeat(1,minmax(0,1fr))
}

.tab-md {
    --tab-padding: 1rem;
    font-size: .875rem;
    height: 2rem;
    line-height: 1.25rem;
    line-height: 2
}

.tab-lg {
    --tab-padding: 1.25rem;
    font-size: 1.125rem;
    height: 3rem;
    line-height: 1.75rem;
    line-height: 2
}

.tab-sm {
    --tab-padding: 0.75rem;
    font-size: .875rem;
    height: 1.5rem
}

.tab-sm,.tab-xs {
    line-height: .75rem
}

.tab-xs {
    --tab-padding: 0.5rem;
    font-size: .75rem;
    height: 1.25rem
}

:where(.toast) {
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    bottom: 0;
    left: auto;
    right: 0;
    top: auto;
    -webkit-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: 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))
}

.toast:where(.toast-start) {
    --tw-translate-x: 0px;
    left: 0;
    right: auto;
    -webkit-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: 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))
}

.toast:where(.toast-center) {
    --tw-translate-x: -50%;
    left: 50%;
    right: 50%;
    -webkit-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: 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))
}

.toast:where(.toast-end) {
    --tw-translate-x: 0px;
    left: auto;
    right: 0;
    -webkit-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: 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))
}

.toast:where(.toast-bottom) {
    --tw-translate-y: 0px;
    bottom: 0;
    top: auto;
    -webkit-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: 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))
}

.toast:where(.toast-middle) {
    --tw-translate-y: -50%;
    bottom: auto;
    top: 50%;
    -webkit-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: 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))
}

.toast:where(.toast-top) {
    --tw-translate-y: 0px;
    bottom: auto;
    top: 0;
    -webkit-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: 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))
}

.toggle-xs {
    --handleoffset: 0.5rem;
    height: 1rem;
    width: 1.5rem
}

.toggle-sm {
    --handleoffset: 0.75rem;
    height: 1.25rem;
    width: 2rem
}

.toggle-md {
    --handleoffset: 1.5rem;
    height: 1.5rem;
    width: 3rem
}

.toggle-lg {
    --handleoffset: 2rem;
    height: 2rem;
    width: 4rem
}

.alert-sm {
    padding: .5rem
}

.alert-info {
    background-color: hsl(189 18% 78%/var(--tw-bg-opacity));
    background-color: hsl(var(--in)/var(--tw-bg-opacity));
    color: hsl(189 55% 16%/var(--tw-text-opacity));
    color: hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}

.alert-info,.alert-success {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.alert-success {
    background-color: hsl(149 61% 33%/var(--tw-bg-opacity));
    background-color: hsl(var(--su)/var(--tw-bg-opacity));
    color: hsl(149 100% 87%/var(--tw-text-opacity));
    color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}

.alert-warning {
    background-color: hsl(29 86% 51%/var(--tw-bg-opacity));
    background-color: hsl(var(--wa)/var(--tw-bg-opacity));
    color: hsl(29 100% 10%/var(--tw-text-opacity));
    color: hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}

.alert-error,.alert-warning {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.alert-error {
    background-color: hsl(0 100% 50%/var(--tw-bg-opacity));
    background-color: hsl(var(--er)/var(--tw-bg-opacity));
    color: hsl(0 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.artboard-demo {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius: 1rem;
    border-radius: var(--rounded-box,1rem);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.avatar.online:before {
    background-color: hsl(149 61% 33%/var(--tw-bg-opacity));
    background-color: hsl(var(--su)/var(--tw-bg-opacity))
}

.avatar.offline:before,.avatar.online:before {
    --tw-bg-opacity: 1;
    border-radius: 9999px;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff;
    -webkit-box-shadow: 0 0 0 2px hsl(var(--b1));
    box-shadow: 0 0 0 2px hsl(var(--b1));
    content: "";
    display: block;
    height: 15%;
    position: absolute;
    right: 7%;
    top: 7%;
    width: 15%;
    z-index: 10
}

.avatar.offline:before {
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))
}

.badge-primary {
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity));
    border-color: hsl(var(--p)/var(--tw-border-opacity));
    color: hsl(158 100% 11%/var(--tw-text-opacity));
    color: hsl(var(--pc)/var(--tw-text-opacity))
}

.badge-primary,.badge-secondary {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1
}

.badge-secondary {
    background-color: hsl(213 81% 54%/var(--tw-bg-opacity));
    background-color: hsl(var(--s)/var(--tw-bg-opacity));
    border-color: hsl(var(--s)/var(--tw-border-opacity));
    color: hsl(213 100% 91%/var(--tw-text-opacity));
    color: hsl(var(--sc)/var(--tw-text-opacity))
}

.badge-accent {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(184 100% 90%/var(--tw-bg-opacity));
    background-color: hsl(var(--a)/var(--tw-bg-opacity));
    border-color: hsl(var(--a)/var(--tw-border-opacity));
    color: hsl(184 100% 2%/var(--tw-text-opacity));
    color: hsl(var(--ac)/var(--tw-text-opacity))
}

.badge-info {
    background-color: hsl(189 18% 78%/var(--tw-bg-opacity));
    background-color: hsl(var(--in)/var(--tw-bg-opacity));
    color: hsl(189 55% 16%/var(--tw-text-opacity));
    color: hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}

.badge-info,.badge-success {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: transparent
}

.badge-success {
    background-color: hsl(149 61% 33%/var(--tw-bg-opacity));
    background-color: hsl(var(--su)/var(--tw-bg-opacity));
    color: hsl(149 100% 87%/var(--tw-text-opacity));
    color: hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}

.badge-warning {
    background-color: hsl(29 86% 51%/var(--tw-bg-opacity));
    background-color: hsl(var(--wa)/var(--tw-bg-opacity));
    color: hsl(29 100% 10%/var(--tw-text-opacity));
    color: hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}

.badge-error,.badge-warning {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    border-color: transparent
}

.badge-error {
    background-color: hsl(0 100% 50%/var(--tw-bg-opacity));
    background-color: hsl(var(--er)/var(--tw-bg-opacity));
    color: hsl(0 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}

.badge-ghost {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-color: hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    color: hsl(0 0% 80%/var(--tw-text-opacity));
    color: hsl(var(--bc)/var(--tw-text-opacity))
}

.badge-outline {
    --tw-border-opacity: 0.5;
    background-color: transparent;
    border-color: currentColor;
    color: currentColor
}

.badge-outline.badge-primary {
    --tw-text-opacity: 1;
    color: hsl(158 87% 53%/var(--tw-text-opacity));
    color: hsl(var(--p)/var(--tw-text-opacity))
}

.badge-outline.badge-secondary {
    --tw-text-opacity: 1;
    color: hsl(213 81% 54%/var(--tw-text-opacity));
    color: hsl(var(--s)/var(--tw-text-opacity))
}

.badge-outline.badge-accent {
    --tw-text-opacity: 1;
    color: hsl(184 100% 90%/var(--tw-text-opacity));
    color: hsl(var(--a)/var(--tw-text-opacity))
}

.badge-outline.badge-info {
    --tw-text-opacity: 1;
    color: hsl(189 18% 78%/var(--tw-text-opacity));
    color: hsl(var(--in)/var(--tw-text-opacity))
}

.badge-outline.badge-success {
    --tw-text-opacity: 1;
    color: hsl(149 61% 33%/var(--tw-text-opacity));
    color: hsl(var(--su)/var(--tw-text-opacity))
}

.badge-outline.badge-warning {
    --tw-text-opacity: 1;
    color: hsl(29 86% 51%/var(--tw-text-opacity));
    color: hsl(var(--wa)/var(--tw-text-opacity))
}

.badge-outline.badge-error {
    --tw-text-opacity: 1;
    color: hsl(0 100% 50%/var(--tw-text-opacity));
    color: hsl(var(--er)/var(--tw-text-opacity))
}

.card-compact .card-body {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: 1rem
}

.card-compact .card-title {
    margin-bottom: .25rem
}

.card-normal .card-body {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 2rem;
    padding: var(--padding-card,2rem)
}

.card-normal .card-title {
    margin-bottom: .75rem
}

.divider-horizontal {
    height: auto;
    margin: 0 1rem;
    width: 1rem
}

.divider-vertical {
    height: 1rem;
    margin: 1rem 0;
    width: auto
}

.menu-vertical :where(li.bordered>*) {
    border-bottom-width: 0;
    border-left-width: 4px
}

.menu-horizontal :where(li.bordered>*) {
    border-bottom-width: 4px;
    border-left-width: 0
}

.menu-normal :where(li>*) {
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: .75rem;
    padding-top: .75rem
}

.menu-compact :where(li>*) {
    font-size: .875rem;
    line-height: 1.25rem;
    padding-bottom: .5rem;
    padding-top: .5rem
}

.menu-vertical>:where(li:first-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.menu-vertical>:where(li:first-child)>:where(:not(ul)) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.menu-vertical>:where(li:last-child) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.menu-vertical>:where(li:last-child)>:where(:not(ul)) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.menu-horizontal>:where(li:first-child) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: 0
}

.menu-horizontal>:where(li:first-child)>:where(:not(ul)) {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: 0
}

.menu-horizontal>:where(li:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: inherit
}

.menu-horizontal>:where(li:last-child)>:where(:not(ul)) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: inherit
}

.modal-bottom :where(.modal-box) {
    --tw-translate-y: 2.5rem;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: none;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%
}

.modal-middle :where(.modal-box) {
    --tw-translate-y: 0px;
    --tw-scale-x: .9;
    --tw-scale-y: .9;
    border-bottom-left-radius: 1rem;
    border-bottom-left-radius: var(--rounded-box,1rem);
    border-bottom-right-radius: 1rem;
    border-bottom-right-radius: var(--rounded-box,1rem);
    max-width: 32rem;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 91.666667%
}

.stats-horizontal>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    --tw-divide-y-reverse: 0;
    border-width: calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))
}

.stats-horizontal {
    overflow-x: auto
}

.stats-vertical>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    --tw-divide-x-reverse: 0;
    border-width: calc(1px*(1 - var(--tw-divide-y-reverse))) calc(0px*var(--tw-divide-x-reverse)) calc(1px*var(--tw-divide-y-reverse)) calc(0px*(1 - var(--tw-divide-x-reverse)))
}

.stats-vertical {
    overflow-y: auto
}

.steps-horizontal .step {
    grid-template-columns: auto;
    grid-template-rows: 40px 1fr;
    min-width: 4rem
}

.steps-horizontal .step:before {
    --tw-translate-y: 0px;
    --tw-translate-x: 0px;
    content: "";
    height: .5rem;
    margin-left: -100%;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: 100%
}

.steps-vertical .step {
    gap: .5rem;
    grid-template-columns: 40px 1fr;
    grid-template-rows: auto;
    justify-items: start;
    min-height: 4rem
}

.steps-vertical .step:before {
    --tw-translate-y: -50%;
    --tw-translate-x: -50%;
    height: 100%;
    margin-left: 50%;
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: .5rem
}

.table-normal :where(th,td) {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem
}

.table-compact :where(th,td) {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .5rem
}

.sr-only {
    clip: rect(0,0,0,0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.not-sr-only {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: static;
    white-space: normal;
    width: auto
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.-inset-1 {
    bottom: -.25rem;
    left: -.25rem;
    right: -.25rem;
    top: -.25rem
}

.top-0 {
    top: 0
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-1 {
    top: .25rem
}

.left-\[calc\(50\%-135px\)\] {
    left: calc(50% - 135px)
}

.top-\[80px\] {
    top: 80px
}

.top-2 {
    top: .5rem
}

.right-6 {
    right: 1.5rem
}

.top-\[7px\] {
    top: 7px
}

.left-\[10px\] {
    left: 10px
}

.bottom-\[35px\] {
    bottom: 35px
}

.top-\[60px\] {
    top: 60px
}

.bottom-0 {
    bottom: 0
}

.right-\[24px\] {
    right: 24px
}

.top-\[24px\] {
    top: 24px
}

.top-6 {
    top: 1.5rem
}

.left-4 {
    left: 1rem
}

.top-\[14px\] {
    top: 14px
}

.right-4 {
    right: 1rem
}

.top-\[10px\] {
    top: 10px
}

.right-\[110px\] {
    right: 110px
}

.right-5 {
    right: 1.25rem
}

.right-2 {
    right: .5rem
}

.top-\[55px\] {
    top: 55px
}

.top-\[30px\] {
    top: 30px
}

.right-\[-20px\] {
    right: -20px
}

.top-\[calc\(50\%-7px\)\] {
    top: calc(50% - 7px)
}

.left-5 {
    left: 1.25rem
}

.top-1\/2 {
    top: 50%
}

.isolate {
    isolation: isolate
}

.isolation-auto {
    isolation: auto
}

.z-\[100\] {
    z-index: 100
}

.z-\[2\] {
    z-index: 2
}

.z-50 {
    z-index: 50
}

.z-auto {
    z-index: auto
}

.z-\[1\] {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-\[999\] {
    z-index: 999
}

.z-\[10\] {
    z-index: 10
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.m-1 {
    margin: .25rem
}

.m-auto {
    margin: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.mx-7 {
    margin-left: 1.75rem;
    margin-right: 1.75rem
}

.my-1 {
    margin-bottom: .25rem;
    margin-top: .25rem
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0
}

.my-\[86px\] {
    margin-bottom: 86px;
    margin-top: 86px
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-16 {
    margin-left: 4rem;
    margin-right: 4rem
}

.mr-\[10px\] {
    margin-right: 10px
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mr-1 {
    margin-right: .25rem
}

.ml-\[10px\] {
    margin-left: 10px
}

.mt-4 {
    margin-top: 1rem
}

.mt-\[36px\] {
    margin-top: 36px
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-\[10px\] {
    margin-top: 10px
}

.mt-9 {
    margin-top: 2.25rem
}

.ml-1 {
    margin-left: .25rem
}

.mr-5 {
    margin-right: 1.25rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-0 {
    margin-top: 0
}

.mr-4 {
    margin-right: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mt-3 {
    margin-top: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mr-2 {
    margin-right: .5rem
}

.ml-auto {
    margin-left: auto
}

.ml-5 {
    margin-left: 1.25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mt-2 {
    margin-top: .5rem
}

.ml-3 {
    margin-left: .75rem
}

.mr-\[13px\] {
    margin-right: 13px
}

.mb-6 {
    margin-bottom: 1.5rem
}

.-mt-2 {
    margin-top: -.5rem
}

.mr-8 {
    margin-right: 2rem
}

.mt-\[40px\] {
    margin-top: 40px
}

.mt-\[95px\] {
    margin-top: 95px
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-\[14px\] {
    margin-top: 14px
}

.mt-\[32px\] {
    margin-top: 32px
}

.mb-\[24px\] {
    margin-bottom: 24px
}

.mt-\[24px\] {
    margin-top: 24px
}

.mt-\[35px\] {
    margin-top: 35px
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-\[27px\] {
    margin-bottom: 27px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-3 {
    margin-bottom: .75rem
}

.mr-\[14px\] {
    margin-right: 14px
}

.mr-\[-4px\] {
    margin-right: -4px
}

.mt-\[5px\] {
    margin-top: 5px
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: -ms-flexbox;
    display: flex
}

.inline-flex {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.table {
    display: table
}

.inline-table {
    display: inline-table
}

.table-caption {
    display: table-caption
}

.table-cell {
    display: table-cell
}

.table-column {
    display: table-column
}

.table-column-group {
    display: table-column-group
}

.table-footer-group {
    display: table-footer-group
}

.table-header-group {
    display: table-header-group
}

.table-row-group {
    display: table-row-group
}

.table-row {
    display: table-row
}

.flow-root {
    display: flow-root
}

.grid {
    display: grid
}

.inline-grid {
    display: inline-grid
}

.contents {
    display: contents
}

.list-item {
    display: list-item
}

.hidden {
    display: none
}

.h-full {
    height: 100%
}

.h-\[56px\] {
    height: 56px
}

.h-\[100vh\] {
    height: 100vh
}

.h-\[20px\] {
    height: 20px
}

.h-\[40px\] {
    height: 40px
}

.h-\[24px\] {
    height: 24px
}

.h-\[30px\] {
    height: 30px
}

.h-auto {
    height: auto
}

.h-\[80px\] {
    height: 80px
}

.h-10 {
    height: 2.5rem
}

.h-\[44px\] {
    height: 44px
}

.h-8 {
    height: 2rem
}

.h-\[calc\(100vh-250px\)\] {
    height: calc(100vh - 250px)
}

.h-11 {
    height: 2.75rem
}

.h-\[38px\] {
    height: 38px
}

.h-\[42px\] {
    height: 42px
}

.h-\[72px\] {
    height: 72px
}

.h-7 {
    height: 1.75rem
}

.h-\[28px\] {
    height: 28px
}

.h-3 {
    height: .75rem
}

.h-\[66px\] {
    height: 66px
}

.h-5 {
    height: 1.25rem
}

.h-\[54px\] {
    height: 54px
}

.h-2 {
    height: .5rem
}

.h-\[176px\] {
    height: 176px
}

.h-\[76px\] {
    height: 76px
}

.h-\[64px\] {
    height: 64px
}

.h-16 {
    height: 4rem
}

.h-32 {
    height: 8rem
}

.h-24 {
    height: 6rem
}

.h-14 {
    height: 3.5rem
}

.max-h-\[120px\] {
    max-height: 120px
}

.max-h-\[calc\(100vh-80px\)\] {
    max-height: calc(100vh - 80px)
}

.max-h-\[calc\(100vh-335px\)\] {
    max-height: calc(100vh - 335px)
}

.min-h-\[100vh\],.min-h-screen {
    min-height: 100vh
}

.min-h-\[202px\] {
    min-height: 202px
}

.min-h-\[56px\] {
    min-height: 56px
}

.min-h-\[calc\(100vh-180px\)\] {
    min-height: calc(100vh - 180px)
}

.w-full {
    width: 100%
}

.w-\[420px\] {
    width: 420px
}

.w-0 {
    width: 0
}

.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.w-\[120px\] {
    width: 120px
}

.w-\[20px\] {
    width: 20px
}

.w-\[60\%\] {
    width: 60%
}

.w-\[24px\] {
    width: 24px
}

.w-\[140px\] {
    width: 140px
}

.w-\[300px\] {
    width: 300px
}

.w-56 {
    width: 14rem
}

.w-\[44px\] {
    width: 44px
}

.w-\[266px\] {
    width: 266px
}

.w-8 {
    width: 2rem
}

.w-\[160px\] {
    width: 160px
}

.w-\[274px\] {
    width: 274px
}

.w-\[116px\] {
    width: 116px
}

.w-\[280px\] {
    width: 280px
}

.w-\[1px\] {
    width: 1px
}

.w-\[310px\] {
    width: 310px
}

.w-\[240px\] {
    width: 240px
}

.w-\[40px\] {
    width: 40px
}

.w-\[calc\(100\%-56px\)\] {
    width: calc(100% - 56px)
}

.w-\[calc\(100\%-12px\)\] {
    width: calc(100% - 12px)
}

.w-\[92px\] {
    width: 92px
}

.w-3 {
    width: .75rem
}

.w-\[226px\] {
    width: 226px
}

.w-40 {
    width: 10rem
}

.w-auto {
    width: auto
}

.w-20 {
    width: 5rem
}

.w-\[80px\] {
    width: 80px
}

.w-\[312px\] {
    width: 312px
}

.w-\[64px\] {
    width: 64px
}

.w-16 {
    width: 4rem
}

.w-10 {
    width: 2.5rem
}

.w-\[360px\] {
    width: 360px
}

.w-32 {
    width: 8rem
}

.w-24 {
    width: 6rem
}

.w-14 {
    width: 3.5rem
}

.w-1\/2 {
    width: 50%
}

.min-w-\[100\%\] {
    min-width: 100%
}

.min-w-\[120px\] {
    min-width: 120px
}

.min-w-\[108px\] {
    min-width: 108px
}

.min-w-\[840px\] {
    min-width: 840px
}

.max-w-\[calc\(100\%-170px\)\] {
    max-width: calc(100% - 170px)
}

.max-w-\[360px\] {
    max-width: 360px
}

.max-w-\[312px\] {
    max-width: 312px
}

.max-w-\[320px\] {
    max-width: 320px
}

.max-w-\[120px\] {
    max-width: 120px
}

.flex-1 {
    -ms-flex: 1 1;
    flex: 1 1
}

.flex-none {
    -ms-flex: none;
    flex: none
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-shrink-0,.shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.flex-grow {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-grow-0 {
    -ms-flex-positive: 0;
    flex-grow: 0
}

.grow {
    -ms-flex-positive: 1;
    flex-grow: 1
}

.border-collapse {
    border-collapse: collapse
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%
}

.-translate-y-1\/2,.rotate-45 {
    -webkit-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: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.rotate-45 {
    --tw-rotate: 45deg
}

.transform {
    -webkit-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: 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))
}

.animate-spin {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

.cursor-pointer {
    cursor: pointer
}

.cursor-not-allowed {
    cursor: not-allowed
}

.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.resize {
    resize: both
}

.list-none {
    list-style-type: none
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.auto-rows-min {
    grid-auto-rows: -webkit-min-content;
    grid-auto-rows: min-content
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-\[310px\] {
    grid-template-columns: 310px
}

.grid-cols-\[120px_1px_1fr\] {
    grid-template-columns: 120px 1px 1fr
}

.grid-cols-\[250px\] {
    grid-template-columns: 250px
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.flex-row {
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-col {
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.items-center {
    -ms-flex-align: center;
    align-items: center
}

.justify-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.gap-6 {
    gap: 1.5rem
}

.gap-\[18px\] {
    gap: 18px
}

.gap-8 {
    gap: 2rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-4 {
    gap: 1rem
}

.gap-2 {
    gap: .5rem
}

.gap-y-8 {
    row-gap: 2rem
}

.gap-x-3 {
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.gap-y-3 {
    row-gap: .75rem
}

.gap-x-4 {
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-x-\[4\] {
    -webkit-column-gap: 4;
    -moz-column-gap: 4;
    column-gap: 4
}

.space-y-12>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(3rem*var(--tw-space-y-reverse));
    margin-top: calc(3rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-9>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(2.25rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(2.25rem*var(--tw-space-x-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem*var(--tw-space-y-reverse));
    margin-top: calc(1.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.75rem*var(--tw-space-y-reverse));
    margin-top: calc(.75rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(.5rem*var(--tw-space-y-reverse));
    margin-top: calc(.5rem*(1 - var(--tw-space-y-reverse)))
}

.space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.5rem*var(--tw-space-x-reverse))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(.75rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(.75rem*var(--tw-space-x-reverse))
}

.space-x-\[18px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(18px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(18px*var(--tw-space-x-reverse))
}

.space-x-\[10px\]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(10px*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(10px*var(--tw-space-x-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.25rem*var(--tw-space-y-reverse));
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)))
}

.space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(2.5rem*var(--tw-space-y-reverse));
    margin-top: calc(2.5rem*(1 - var(--tw-space-y-reverse)))
}

.-space-x-6>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-left: calc(-1.5rem*(1 - var(--tw-space-x-reverse)));
    margin-right: calc(-1.5rem*var(--tw-space-x-reverse))
}

.space-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 1
}

.space-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 1
}

.divide-x>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-left-width: calc(1px*(1 - var(--tw-divide-x-reverse)));
    border-right-width: calc(1px*var(--tw-divide-x-reverse))
}

.divide-y>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)))
}

.divide-y-reverse>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 1
}

.divide-x-reverse>:not([hidden])~:not([hidden]) {
    --tw-divide-x-reverse: 1
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.truncate {
    overflow: hidden;
    white-space: nowrap
}

.text-ellipsis,.truncate {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.text-clip {
    -o-text-overflow: clip;
    text-overflow: clip
}

.whitespace-nowrap {
    white-space: nowrap
}

.break-words {
    overflow-wrap: break-word
}

.break-all {
    word-break: break-all
}

.rounded-\[28px\] {
    border-radius: 28px
}

.rounded-\[15px\] {
    border-radius: 15px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-\[24px\] {
    border-radius: 24px
}

.rounded-\[10px\] {
    border-radius: 10px
}

.rounded-\[18px\] {
    border-radius: 18px
}

.rounded-\[20px\] {
    border-radius: 20px
}

.rounded-\[22px\] {
    border-radius: 22px
}

.rounded-\[89px\] {
    border-radius: 89px
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded {
    border-radius: .25rem
}

.rounded-r-\[24px\] {
    border-bottom-right-radius: 24px;
    border-top-right-radius: 24px
}

.rounded-b-\[24px\] {
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px
}

.rounded-t {
    border-top-left-radius: .25rem
}

.rounded-r,.rounded-t {
    border-top-right-radius: .25rem
}

.rounded-b,.rounded-r {
    border-bottom-right-radius: .25rem
}

.rounded-b,.rounded-l {
    border-bottom-left-radius: .25rem
}

.rounded-l,.rounded-tl {
    border-top-left-radius: .25rem
}

.rounded-tr {
    border-top-right-radius: .25rem
}

.rounded-br {
    border-bottom-right-radius: .25rem
}

.rounded-bl {
    border-bottom-left-radius: .25rem
}

.border {
    border-width: 1px
}

.border-\[2px\] {
    border-width: 2px
}

.border-4 {
    border-width: 4px
}

.border-y {
    border-bottom-width: 1px;
    border-top-width: 1px
}

.border-x {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-b-\[2px\] {
    border-bottom-width: 2px
}

.border-t {
    border-top-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-r {
    border-right-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-solid {
    border-style: solid
}

.border-dashed {
    border-style: dashed
}

.border-none {
    border-style: none
}

.border-green-200 {
    --tw-border-opacity: 1;
    border-color: rgb(48 219 158/var(--tw-border-opacity))
}

.border-gray-600 {
    --tw-border-opacity: 1;
    border-color: rgb(177 214 211/var(--tw-border-opacity))
}

.border-green-100 {
    --tw-border-opacity: 1;
    border-color: rgb(30 239 164/var(--tw-border-opacity))
}

.border-\[rgba\(204\2c 252\2c 255\2c 0\.6\)\] {
    border-color: rgba(204,252,255,.6)
}

.border-gray-800 {
    --tw-border-opacity: 1;
    border-color: rgb(126 145 149/var(--tw-border-opacity))
}

.border-\[rgba\(204\2c 252\2c 255\2c 0\.2\)\] {
    border-color: rgba(204,252,255,.2)
}

.border-\[rgba\(204\2c 252\2c 255\2c 0\.3\)\] {
    border-color: rgba(204,252,255,.3)
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: hsl(var(--p)/var(--tw-border-opacity))
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.border-fill-3 {
    border-color: rgba(204,252,255,.2)
}

.border-b-\[rgba\(67\2c 140\2c 136\2c 0\.25\)\] {
    border-bottom-color: rgba(67,140,136,.25)
}

.bg-red-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 126 23/var(--tw-bg-opacity))
}

.bg-\[rgba\(50\2c 126\2c 164\2c 0\.6\)\] {
    background-color: rgba(50,126,164,.6)
}

.bg-\[rgba\(72\2c 143\2c 139\2c 0\.25\)\] {
    background-color: rgba(72,143,139,.25)
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(41 128 232/var(--tw-bg-opacity))
}

.bg-\[rgba\(204\2c 252\2c 255\2c 0\.2\)\] {
    background-color: rgba(204,252,255,.2)
}

.bg-transparent {
    background-color: transparent
}

.bg-green-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(48 219 158/var(--tw-bg-opacity))
}

.bg-green-300\/50 {
    background-color: rgba(14,165,156,.5)
}

.bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(126 145 149/var(--tw-bg-opacity))
}

.bg-\[\#C4C4C4\]\/20 {
    background-color: hsla(0,0%,77%,.2)
}

.bg-dark-common {
    --tw-bg-opacity: 1;
    background-color: rgb(7 26 47/var(--tw-bg-opacity))
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: hsl(158 87% 53%/var(--tw-bg-opacity));
    background-color: hsl(var(--p)/var(--tw-bg-opacity))
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(30 239 164/var(--tw-bg-opacity))
}

.bg-\[\#0E4549\] {
    --tw-bg-opacity: 1;
    background-color: rgb(14 69 73/var(--tw-bg-opacity))
}

.bg-\[rgba\(67\2c 140\2c 136\2c 0\.25\)\],.bg-fill-2 {
    background-color: rgba(67,140,136,.25)
}

.bg-fill-3 {
    background-color: rgba(204,252,255,.2)
}

.bg-fill-4 {
    background-color: rgba(0,47,57,.5)
}

.bg-boxBg {
    --tw-bg-opacity: 1;
    background-color: rgb(14 69 73/var(--tw-bg-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.bg-green-300\/\[0\.85\] {
    background-color: rgba(14,165,156,.85)
}

.bg-\[\#104151\]\/\[0\.25\] {
    background-color: rgba(16,65,81,.25)
}

.bg-dark-300 {
    --tw-bg-opacity: 1;
    background-color: rgb(32 85 97/var(--tw-bg-opacity))
}

.bg-\[rgba\(0\2c 47\2c 57\2c 0\.5\)\] {
    background-color: rgba(0,47,57,.5)
}

.bg-\[\#34606D\] {
    --tw-bg-opacity: 1;
    background-color: rgb(52 96 109/var(--tw-bg-opacity))
}

.bg-\[rgba\(30\2c 239\2c 164\2c 0\.5\)\] {
    background-color: rgba(30,239,164,.5)
}

.bg-\[rgba\(237\2c 126\2c 23\2c 0\.5\)\] {
    background-color: rgba(237,126,23,.5)
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgb(177 214 211/var(--tw-bg-opacity))
}

.bg-\[\#508292\] {
    --tw-bg-opacity: 1;
    background-color: rgb(80 130 146/var(--tw-bg-opacity))
}

.bg-\[\#CCFCFF\]\/20 {
    background-color: rgba(204,252,255,.2)
}

.bg-red-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 136 0/var(--tw-bg-opacity))
}

.bg-\[rgba\(49\2c 133\2c 114\2c 0\.6\)\] {
    background-color: rgba(49,133,114,.6)
}

.bg-\[rgba\(19\2c 124\2c 120\2c 0\.6\)\] {
    background-color: rgba(19,124,120,.6)
}

.bg-\[rgba\(65\2c 152\2c 208\2c 0\.6\)\] {
    background-color: rgba(65,152,208,.6)
}

.bg-\[rgba\(88\2c 98\2c 192\2c 0\.6\)\] {
    background-color: rgba(88,98,192,.6)
}

.bg-\[rgba\(93\2c 111\2c 126\2c 0\.6\)\] {
    background-color: rgba(93,111,126,.6)
}

.bg-\[rgba\(62\2c 137\2c 173\2c 0\.6\)\] {
    background-color: rgba(62,137,173,.6)
}

.bg-\[rgba\(89\2c 128\2c 201\2c 0\.6\)\] {
    background-color: rgba(89,128,201,.6)
}

.bg-\[rgba\(167\2c 129\2c 80\2c 0\.6\)\] {
    background-color: rgba(167,129,80,.6)
}

.bg-\[rgba\(99\2c 124\2c 165\2c 0\.6\)\] {
    background-color: rgba(99,124,165,.6)
}

.bg-\[rgba\(204\2c 252\2c 255\2c 0\.6\)\] {
    background-color: rgba(204,252,255,.6)
}

.bg-dark-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 82 100/var(--tw-bg-opacity))
}

.bg-base-100 {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 100%/var(--tw-bg-opacity));
    background-color: hsl(var(--b1)/var(--tw-bg-opacity))
}

.bg-neutral-focus {
    --tw-bg-opacity: 1;
    background-color: hsl(159 100% 56%/var(--tw-bg-opacity));
    background-color: hsl(var(--nf,var(--n))/var(--tw-bg-opacity))
}

.bg-base-300 {
    --tw-bg-opacity: 1;
    background-color: hsl(0 0% 0%/var(--tw-bg-opacity));
    background-color: hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))
}

.bg-\[url\(\"assets\/images\/home-bg\.png\"\)\],.bg-\[url\(\'assets\/images\/home-bg\.png\'\)\]{background-image:url(home-bg.78065dbab0915f724621.png)}.bg-cover{background-size:cover}.bg-repeat{background-repeat:repeat}.bg-no-repeat{background-repeat:no-repeat}.p-2{padding:.5rem}.p-4{padding:1rem}.p-\[18px\]{padding:18px}.p-0{padding:0}
.p-0\.5{padding:.125rem}
.p-1{padding:.25rem}
.p-6{padding:1.5rem}
.p-5{padding:1.25rem}
.p-3{padding:.75rem}
.px-6{padding-left:1.5rem;padding-right:1.5rem}
.px-7{padding-left:1.75rem;padding-right:1.75rem}
.py-\[84px\]{padding-bottom:84px;padding-top:84px}
.py-\[9px\]{padding-bottom:9px;padding-top:9px}
.py-\[5px\]{padding-bottom:5px;padding-top:5px}
.px-3{padding-left:.75rem;padding-right:.75rem}
.py-3{padding-bottom:.75rem;padding-top:.75rem}
.px-8{padding-left:2rem;padding-right:2rem}
.py-2{padding-bottom:.5rem;padding-top:.5rem}
.px-\[68px\]{padding-left:68px;padding-right:68px}
.px-2{padding-left:.5rem;padding-right:.5rem}
.py-0{padding-bottom:0;padding-top:0}
.px-\[6px\]{padding-left:6px;padding-right:6px}
.px-4{padding-left:1rem;padding-right:1rem}
.px-9{padding-left:2.25rem;padding-right:2.25rem}
.py-5{padding-bottom:1.25rem;padding-top:1.25rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.px-\[40px\]{padding-left:40px;padding-right:40px}
.py-\[7px\]{padding-bottom:7px;padding-top:7px}
.px-\[60px\]{padding-left:60px;padding-right:60px}
.py-1{padding-bottom:.25rem;padding-top:.25rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-\[26px\]{padding-left:26px;padding-right:26px}
.px-\[36px\]{padding-left:36px;padding-right:36px}
.py-\[10px\]{padding-bottom:10px;padding-top:10px}
.px-\[10px\]{padding-left:10px;padding-right:10px}
.py-4{padding-bottom:1rem;padding-top:1rem}
.py-\[2px\]{padding-bottom:2px;padding-top:2px}
.py-20{padding-bottom:5rem;padding-top:5rem}
.px-\[37px\]{padding-left:37px;padding-right:37px}
.py-\[25px\]{padding-bottom:25px;padding-top:25px}
.px-\[43px\]{padding-left:43px;padding-right:43px}
.px-10{padding-left:2.5rem;padding-right:2.5rem}
.py-6{padding-bottom:1.5rem;padding-top:1.5rem}
.px-\[22px\]{padding-left:22px;padding-right:22px}
.px-\[28px\]{padding-left:28px;padding-right:28px}
.pl-6{padding-left:1.5rem}
.pl-\[30px\]{padding-left:30px}
.pt-6{padding-top:1.5rem}
.pb-9{padding-bottom:2.25rem}
.pb-4{padding-bottom:1rem}
.pt-4{padding-top:1rem}
.pb-7{padding-bottom:1.75rem}
.pt-\[34px\]{padding-top:34px}
.pb-\[36px\]{padding-bottom:36px}
.pr-2{padding-right:.5rem}
.pr-0{padding-right:0}
.pl-10{padding-left:2.5rem}
.pr-\[150px\]{padding-right:150px}
.pr-\[50px\]{padding-right:50px}
.pl-\[40px\]{padding-left:40px}
.pt-2{padding-top:.5rem}
.pr-9{padding-right:2.25rem}
.pl-\[64px\]{padding-left:64px}
.pb-8{padding-bottom:2rem}
.pr-1{padding-right:.25rem}
.pr-5{padding-right:1.25rem}
.pr-6{padding-right:1.5rem}
.text-center{text-align:center}
.text-right{text-align:right}
.font-urbanist{font-family:Urbanist}
.font-cocoSharp{font-family:CocoSharp}
.font-\[urbanist\]{font-family:urbanist}
.text-2xl{font-size:24px;line-height:34px}
.text-\[18px\]{font-size:18px}
.text-base{font-size:16px;line-height:24px}
.text-xs{font-size:12px;line-height:20px}
.text-\[160px\]{font-size:160px}
.text-\[72px\]{font-size:72px}
.text-\[32px\]{font-size:32px}
.text-\[24px\]{font-size:24px}
.text-\[28px\]{font-size:28px}
.text-\[14px\],.text-sm{font-size:14px}
.text-sm{line-height:22px}
.text-lg{font-size:18px;line-height:26px}
.text-xl{font-size:20px;line-height:28px}
.text-3xl{font-size:28px;line-height:40px}
.text-\[36px\]{font-size:36px}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-normal{font-weight:400}
.uppercase{text-transform:uppercase}
.lowercase{text-transform:lowercase}
.capitalize{text-transform:capitalize}
.normal-case{text-transform:none}
.italic{font-style:italic}
.not-italic{font-style:normal}
.normal-nums{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant-numeric:normal}.ordinal{--tw-ordinal:ordinal}
.ordinal,
.slashed-zero{-webkit-font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.slashed-zero{--tw-slashed-zero:slashed-zero}
.lining-nums{--tw-numeric-figure:lining-nums}
.lining-nums,.oldstyle-nums{-webkit-font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.oldstyle-nums{--tw-numeric-figure:oldstyle-nums}
.proportional-nums{--tw-numeric-spacing:proportional-nums}
.proportional-nums,
.tabular-nums{-webkit-font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.tabular-nums{--tw-numeric-spacing:tabular-nums}
.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;-webkit-font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-feature-settings:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}
.leading-\[66px\]{line-height:66px}
.leading-\[46px\]{line-height:46px}
.leading-\[24px\]{line-height:24px}
.leading-10{line-height:2.5rem}
.leading-\[26px\]{line-height:26px}
.leading-7{line-height:1.75rem}
.leading-\[22px\]{line-height:22px}
.leading-5{line-height:1.25rem}
.leading-8{line-height:2rem}
.leading-\[28px\]{line-height:28px}
.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}
.text-gray-600{--tw-text-opacity:1;color:rgb(177 214 211/var(--tw-text-opacity))}
.text-green-200{--tw-text-opacity:1;color:rgb(48 219 158/var(--tw-text-opacity))}
.text-green-100{--tw-text-opacity:1;color:rgb(30 239 164/var(--tw-text-opacity))}
.text-\[rgba\(204\2c 252\2c 255\2c 0\.2\)\]{color:rgba(204,252,255,.2)}
.text-dark-100{--tw-text-opacity:1;color:rgb(19 71 87/var(--tw-text-opacity))}
.text-dark-common{--tw-text-opacity:1;color:rgb(7 26 47/var(--tw-text-opacity))}
.text-\[\#CCFCFF\]{--tw-text-opacity:1;color:rgb(204 252 255/var(--tw-text-opacity))}
.text-red-100{--tw-text-opacity:1;color:rgb(237 126 23/var(--tw-text-opacity))}
.text-darkButton{--tw-text-opacity:1;color:rgb(19 71 87/var(--tw-text-opacity))}
.text-primary{--tw-text-opacity:1;color:hsl(158 87% 53%/var(--tw-text-opacity));color:hsl(var(--p)/var(--tw-text-opacity))}
.text-\[rgba\(204\2c 252\2c 255\2c 0\.3\)\]{color:rgba(204,252,255,.3)}
.text-\[\#adbbcd\]{--tw-text-opacity:1;color:rgb(173 187 205/var(--tw-text-opacity))}
.text-\[rgba\(204\2c 252\2c 255\2c 0\.6\)\]{color:rgba(204,252,255,.6)}
.text-gray-800{--tw-text-opacity:1;color:rgb(126 145 149/var(--tw-text-opacity))}
.text-\[\#BCC2D1\]{--tw-text-opacity:1;color:rgb(188 194 209/var(--tw-text-opacity))}
.text-gray-700{--tw-text-opacity:1;color:rgb(189 206 209/var(--tw-text-opacity))}
.text-green-600{--tw-text-opacity:1;color:rgb(177 214 211/var(--tw-text-opacity))}
.text-blue-200{--tw-text-opacity:1;color:rgb(69 166 255/var(--tw-text-opacity))}
.text-blue-100{--tw-text-opacity:1;color:rgb(41 128 232/var(--tw-text-opacity))}
.text-\[\#1EEFA4\]{--tw-text-opacity:1;color:rgb(30 239 164/var(--tw-text-opacity))}
.text-red-300{--tw-text-opacity:1;color:rgb(218 114 19/var(--tw-text-opacity))}
.text-\[\#2A9971\]{--tw-text-opacity:1;color:rgb(42 153 113/var(--tw-text-opacity))}
.text-\[color\:var\(--mystery-var\)\]{color:var(--mystery-var)}
.text-neutral-content{--tw-text-opacity:1;color:hsl(159 100% 14%/var(--tw-text-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}
.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}
.overline{-webkit-text-decoration-line:overline;text-decoration-line:overline}
.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}
.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
.opacity-0{opacity:0}
.shadow-dropdown{--tw-shadow:-4px 18px 70px 0 rgba(108,143,167,.32);--tw-shadow-colored:-4px 18px 70px 0 var(--tw-shadow-color)}
.shadow-dropdown,
.shadow-popup{-webkit-box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
.shadow-popup{--tw-shadow:0px 3px 9px rgba(0,0,0,.12);--tw-shadow-colored:0px 3px 9px var(--tw-shadow-color)}
.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);-webkit-box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);-webkit-box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);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{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}
.ring-offset-2{--tw-ring-offset-width:2px}
.ring-offset-base-100{--tw-ring-offset-color:hsl(var(--b1))}
.blur{--tw-blur:blur(8px)}
.blur,
.drop-shadow{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: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{--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-\[0px_0px_55px_rgba\(80\2c 255\2c 192\2c 0\.6\)\]{--tw-drop-shadow:drop-shadow(0px 0px 55px rgba(80,255,192,.6))}
.drop-shadow-\[0px_0px_55px_rgba\(80\2c 255\2c 192\2c 0\.6\)\],
.grayscale{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: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)}
.grayscale{--tw-grayscale:grayscale(100%)}
.invert{--tw-invert:invert(100%)}
.invert,
.sepia{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: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)}
.sepia{--tw-sepia:sepia(100%)}
.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter: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-\[8px\]{--tw-backdrop-blur:blur(8px)}
.backdrop-blur-3xl,
.backdrop-blur-\[8px\]{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}
.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}
.backdrop-blur-\[10px\]{--tw-backdrop-blur:blur(10px)}
.backdrop-blur-\[10px\],
.backdrop-blur-\[5px\]{-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-\[5px\]{--tw-backdrop-blur:blur(5px)}
.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}
.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-md{--tw-backdrop-blur:blur(12px)}
.backdrop-blur{--tw-backdrop-blur:blur(8px)}
.backdrop-blur,
.backdrop-grayscale{-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-grayscale{--tw-backdrop-grayscale:grayscale(100%)}
.backdrop-invert{--tw-backdrop-invert:invert(100%)}
.backdrop-invert,
.backdrop-sepia{-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-sepia{--tw-backdrop-sepia:sepia(100%)}
.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{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,fill,stroke,opacity,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-o-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;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}
.transition-width{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:width;-o-transition-property:width;transition-property:width;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}
.delay-100{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.duration-200{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
.ease-in-out{-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);-o-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}
.ease-out{-webkit-transition-timing-function:cubic-bezier(0,0,.2,1);-o-transition-timing-function:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}
body{font-family:Urbanist;margin:0;padding:0}
.account-profile-bg{background:-webkit-gradient(linear,left top,left bottom,color-stop(-5.51%,#1b7679),color-stop(62.63%,#0f2a42),to(#020d17));background:-o-linear-gradient(top,#1b7679 -5.51%,#0f2a42 62.63%,#020d17 100%);background:linear-gradient(180deg,#1b7679 -5.51%,#0f2a42 62.63%,#020d17)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:20px}::-webkit-scrollbar-thumb{background:#1eefa4;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#1eefa4}.custom-modal::-webkit-scrollbar{display:none}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:none!important;-webkit-box-shadow:inset 0 0 0 30px #14505d!important;color:#fff}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-text-fill-color:#bdced1;-webkit-box-shadow:inset 0 0 0 50px #bdced1}
.web3modal-modal-card,
.web3modal-modal-lightbox{z-index:200!important}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@media only screen and (max-width:768px){
  .menu-mobile-background{background:-webkit-gradient(linear,left top,left bottom,from(#3d888d),to(#2e4450));background:-o-linear-gradient(top,#3d888d 0,#2e4450 100%);background:linear-gradient(180deg,#3d888d,#2e4450)}}.web3modal-modal-card{grid-column-gap:20px!important;background-color:#0e4549!important;-webkit-column-gap:20px!important;-moz-column-gap:20px!important;column-gap:20px!important;display:grid!important;grid-template-columns:1fr 1fr!important;padding:34px!important}
  .web3modal-provider-wrapper{border:none!important}
  .web3modal-provider-wrapper:first-child .web3modal-provider-container{background-color:#f5841f!important}
  .web3modal-provider-container{background-color:#3b99fc!important;display:-ms-flexbox!important;display:flex!important;-ms-flex-direction:row!important;flex-direction:row!important;height:72px;padding:16px!important}
  .web3modal-provider-description{display:none!important}
  .web3modal-provider-name{color:#fff!important;font-family:Urbanist;font-weight:600!important;margin-top:0!important}
  @media only screen and (max-width:768px){.web3modal-provider-wrapper{padding:0!important}
  .web3modal-modal-card{gap:20px!important;grid-template-columns:1fr!important;padding:24px!important}
  .web3modal-provider-icon{height:40px!important;width:40px!important}
  .web3modal-provider-name{font-size:20px!important}}
  .Toastify__toast-container--top-right{right:20px!important;top:91px!important}
  .Toastify__progress-bar{opacity:0!important}
  @media only screen and (max-width:480px){.Toastify__toast-container--bottom-center{bottom:40px!important;left:28px!important;width:calc(100vw - 56px)!important}}
  .btn{--btn-focus-scale:1;--animation-btn:0;--animation-input:0;-webkit-animation:none;animation:none;border:none;text-transform:none;-webkit-transition-property:none;-o-transition-property:none;transition-property:none}
  .btn-sm{border-radius:9999px}
  .btn-secondary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.btn-disabled,.btn-primary:disabled{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(126 145 149/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}.loading:before{display:none}
  .loading,.loading:hover{pointer-events:none}
  .loading:after{border-color:#7e9195 currentColor #7e9195 #7e9195;border-radius:9999px;border-width:2px;content:"";height:1rem;margin-left:.5rem;width:1rem}
  @keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
  .loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}
  .s-divider{background-color:rgba(204,252,255,.2)}.s-divider-h{height:1px;width:100%}.s-divider-v{height:100%;width:1px}
  .s-input{background-color:rgba(67,140,136,.25);border-radius:.75rem;font-size:16px;height:2.25rem;line-height:24px;outline:2px solid transparent;outline-offset:2px;padding-left:1rem;padding-right:1rem;width:100%}
  .s-input::-webkit-input-placeholder{--tw-placeholder-opacity:1;color:rgb(126 145 149/var(--tw-placeholder-opacity))}.s-input::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(126 145 149/var(--tw-placeholder-opacity))}
  .s-input:-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(126 145 149/var(--tw-placeholder-opacity))}
  .s-input::-ms-input-placeholder{--tw-placeholder-opacity:1;color:rgb(126 145 149/var(--tw-placeholder-opacity))}
  .s-input::placeholder{--tw-placeholder-opacity:1;color:rgb(126 145 149/var(--tw-placeholder-opacity))}.visited\:text-white:visited{color:#fff}
  .table tr
  .hover:hover td,
  .table tr
  .hover:nth-child(2n):hover td,
  .table tr
  .hover:nth-child(2n):hover th,
  .table tr.hover\:hover:hover:hover th{--tw-bg-opacity:1;background-color:hsl(0 0% 0%/var(--tw-bg-opacity));background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity))}
  .hover\:cursor-pointer:hover{cursor:pointer}.hover\:rounded-xl:hover{border-radius:.75rem}
  .hover\:border-green-100:hover{--tw-border-opacity:1;border-color:rgb(30 239 164/var(--tw-border-opacity))}.hover\:bg-transparent:hover{background-color:transparent}
  .hover\:bg-dark-200:hover{--tw-bg-opacity:1;background-color:rgb(28 88 90/var(--tw-bg-opacity))}
  .hover\:opacity-80:hover{opacity:.8}
  .focus\:bg-transparent:focus{background-color:transparent}
  .focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-0:focus{outline-width:0}
  .focus\:outline-offset-0:focus{outline-offset:0}
  .active\:border-0:active{border-width:0}.active\:bg-transparent:active{background-color:transparent}.active\:outline-none:active{outline:2px solid transparent;outline-offset:2px}
  .group:hover
  .group-hover\:block{display:block}
  .group:hover .group-hover\:flex{display:-ms-flexbox;display:flex}
  @media (min-width:320px){.xs\:card-side{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}
  .xs\:card-side figure>*{max-width:none}:where(.xs\:card-side figure>*){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
  .xs\:menu-vertical{-ms-flex-direction:column;flex-direction:column}.xs\:menu-vertical :where(li){-ms-flex-direction:column;flex-direction:column}.xs\:menu-vertical>:where(li)>:where(ul){left:100%;top:auto}
  .xs\:menu-horizontal{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row}
  .xs\:menu-horizontal :where(li){-ms-flex-direction:row;flex-direction:row}
  .xs\:menu-horizontal>:where(li)>:where(ul){left:auto;top:100%}
  .xs\:card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}
  .xs\:card-compact .card-title{margin-bottom:.25rem}.xs\:card-normal
  .card-body{font-size:1rem;line-height:1.5rem;padding:2rem;padding:var(--padding-card,2rem)}
  .xs\:card-normal .card-title{margin-bottom:.75rem}.xs\:menu-vertical :where(li.bordered>*){border-bottom-width:0;border-left-width:4px}.xs\:menu-horizontal :where(li.bordered>*){border-bottom-width:4px;border-left-width:0}.xs\:menu-normal :where(li>*){font-size:1rem;line-height:1.5rem;padding-bottom:.75rem;padding-top:.75rem}
  .xs\:menu-compact :where(li>*){font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem}
  .xs\:menu-vertical>:where(li:first-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .xs\:menu-vertical>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .xs\:menu-vertical>:where(li:last-child){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .xs\:menu-vertical>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.xs\:menu-horizontal>:where(li:first-child){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .xs\:menu-horizontal>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .xs\:menu-horizontal>:where(li:last-child){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .xs\:menu-horizontal>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .xs\:grid-cols-\[300px\]{grid-template-columns:300px}}@media (min-width:429px){.sm\:card-side{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}
  .sm\:card-side figure>*{max-width:none}:where(.sm\:card-side figure>*){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
  .sm\:menu-vertical{-ms-flex-direction:column;flex-direction:column}.sm\:menu-vertical :where(li){-ms-flex-direction:column;flex-direction:column}.sm\:menu-vertical>:where(li)>:where(ul){left:100%;top:auto}
  .sm\:menu-horizontal{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row}
  .sm\:menu-horizontal :where(li){-ms-flex-direction:row;flex-direction:row}
  .sm\:menu-horizontal>:where(li)>:where(ul){left:auto;top:100%}.sm\:modal-middle{-ms-flex-align:center;align-items:center}
  .sm\:card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}
  .sm\:card-compact
  .card-title{margin-bottom:.25rem}
  .sm\:card-normal
  .card-body{font-size:1rem;line-height:1.5rem;padding:2rem;padding:var(--padding-card,2rem)}
  .sm\:card-normal .card-title{margin-bottom:.75rem}.sm\:menu-vertical :where(li.bordered>*){border-bottom-width:0;border-left-width:4px}.sm\:menu-horizontal :where(li.bordered>*){border-bottom-width:4px;border-left-width:0}.sm\:menu-normal :where(li>*){font-size:1rem;line-height:1.5rem;padding-bottom:.75rem;padding-top:.75rem}
  .sm\:menu-compact :where(li>*){font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem}
  .sm\:menu-vertical>:where(li:first-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .sm\:menu-vertical>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .sm\:menu-vertical>:where(li:last-child){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .sm\:menu-vertical>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .sm\:menu-horizontal>:where(li:first-child){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .sm\:menu-horizontal>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .sm\:menu-horizontal>:where(li:last-child){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .sm\:menu-horizontal>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .sm\:modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:1rem;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:1rem;border-bottom-right-radius:var(--rounded-box,1rem);max-width:32rem;-webkit-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:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:91.666667%}.sm\:flex{display:-ms-flexbox;display:flex}.sm\:hidden{display:none}
  .sm\:p-10{padding:2.5rem}}
  @media (min-width:768px){.btn.loading.btn-xs:before,.btn.loading.md\:btn-sm:before{height:.75rem;width:.75rem}
  .md\:badge-sm{font-size:.75rem;height:1rem;line-height:1rem;padding-left:.438rem;padding-right:.438rem}
  .md\:btn-sm{font-size:.875rem;height:2rem;min-height:2rem;padding-left:.75rem;padding-right:.75rem}
  .btn-square:where(.md\:btn-sm){height:2rem;padding:0;width:2rem}
  .btn-circle:where(.md\:btn-sm){border-radius:9999px;height:2rem;padding:0;width:2rem}
  .md\:card-side{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}
  .md\:card-side figure>*{max-width:none}:where(.md\:card-side figure>*){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
  .md\:menu-vertical{-ms-flex-direction:column;flex-direction:column}
  .md\:menu-vertical :where(li){-ms-flex-direction:column;flex-direction:column}
  .md\:menu-vertical>:where(li)>:where(ul){left:100%;top:auto}
  .md\:menu-horizontal{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row}
  .md\:menu-horizontal :where(li){-ms-flex-direction:row;flex-direction:row}
  .md\:menu-horizontal>:where(li)>:where(ul){left:auto;top:100%}
  .md\:card-compact
  .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}
  .md\:card-compact .card-title{margin-bottom:.25rem}.md\:card-normal
  .card-body{font-size:1rem;line-height:1.5rem;padding:2rem;padding:var(--padding-card,2rem)}
  .md\:card-normal .card-title{margin-bottom:.75rem}.md\:menu-vertical :where(li.bordered>*){border-bottom-width:0;border-left-width:4px}
  .md\:menu-horizontal :where(li.bordered>*){border-bottom-width:4px;border-left-width:0}
  .md\:menu-normal :where(li>*){font-size:1rem;line-height:1.5rem;padding-bottom:.75rem;padding-top:.75rem}
  .md\:menu-compact :where(li>*){font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem}
  .md\:menu-vertical>:where(li:first-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .md\:menu-vertical>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .md\:menu-vertical>:where(li:last-child){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .md\:menu-vertical>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .md\:menu-horizontal>:where(li:first-child){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .md\:menu-horizontal>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .md\:menu-horizontal>:where(li:last-child){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .md\:menu-horizontal>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .md\:row-span-full{grid-row:1/-1}
  .md\:mx-0{margin-left:0;margin-right:0}
  .md\:mt-1{margin-top:.25rem}.md\:mt-0{margin-top:0}
  .md\:ml-4{margin-left:1rem}
  .md\:block{display:block}
  .md\:flex{display:-ms-flexbox;display:flex}
  .md\:hidden{display:none}
  .md\:h-\[100px\]{height:100px}.md\:max-h-\[60vh\]{max-height:60vh}
  .md\:min-h-\[100px\]{min-height:100px}
  .md\:w-\[600px\]{width:600px}
  .md\:w-\[160px\]{width:160px}
  .md\:w-\[auto\],.md\:w-auto{width:auto}
  .md\:w-\[422px\]{width:422px}
  .md\:w-\[320px\]{width:320px}.md\:w-\[144px\]{width:144px}
  .md\:w-full{width:100%}.md\:w-\[640px\]{width:640px}.md\:w-\[512px\]{width:512px}
  .md\:min-w-\[60\%\]{min-width:60%}
  .md\:min-w-\[144px\]{min-width:144px}.md\:min-w-\[320px\]{min-width:320px}
  .md\:max-w-\[928px\]{max-width:928px}.md\:max-w-\[640px\]{max-width:640px}
  .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .md\:grid-cols-\[448px\]{grid-template-columns:448px}
  .md\:grid-cols-\[144px_1px_1fr\]{grid-template-columns:144px 1px 1fr}.md\:grid-cols-\[300px_300px\]{grid-template-columns:300px 300px}
  .md\:grid-rows-\[46px_1fr\]{grid-template-rows:46px 1fr}
  .md\:flex-row{-ms-flex-direction:row;flex-direction:row}
  .md\:items-center{-ms-flex-align:center;align-items:center}
  .md\:justify-start{-ms-flex-pack:start;justify-content:flex-start}
  .md\:justify-between{-ms-flex-pack:justify;justify-content:space-between}.md\:gap-8{gap:2rem}
  .md\:gap-x-14{-webkit-column-gap:3.5rem;-moz-column-gap:3.5rem;column-gap:3.5rem}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}
  .md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}
  .md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}
  .md\:space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}
  .md\:break-normal{overflow-wrap:normal;word-break:normal}
  .md\:bg-transparent{background-color:transparent}
  .md\:px-0{padding-left:0;padding-right:0}
  .md\:px-12{padding-left:3rem;padding-right:3rem}
  .md\:px-8{padding-left:2rem;padding-right:2rem}
  .md\:px-\[40px\]{padding-left:40px;padding-right:40px}
  .md\:px-4{padding-left:1rem;padding-right:1rem}
  .md\:px-9{padding-left:2.25rem;padding-right:2.25rem}
  .md\:px-7{padding-left:1.75rem;padding-right:1.75rem}
  .md\:px-10{padding-left:2.5rem;padding-right:2.5rem}
  .md\:px-\[48px\]{padding-left:48px;padding-right:48px}
  .md\:pr-4{padding-right:1rem}
  .md\:pb-6{padding-bottom:1.5rem}
  .md\:text-left{text-align:left}
  .md\:text-\[28px\]{font-size:28px}
  .md\:text-base{font-size:16px;line-height:24px}
  .md\:text-sm{font-size:14px;line-height:22px}
  .md\:text-xl{font-size:20px;line-height:28px}
  .md\:text-5xl{font-size:36px;line-height:52px}
  .md\:text-lg{font-size:18px;line-height:26px}}
  @media (min-width:960px){.\32md\:mr-2{margin-right:.5rem}
  .\32md\:mb-0{margin-bottom:0}
  .\32md\:mt-4{margin-top:1rem}
  .\32md\:ml-2{margin-left:.5rem}
  .\32md\:mt-0{margin-top:0}
  .\32md\:mr-4{margin-right:1rem}
  .\32md\:block{display:block}
  .\32md\:flex{display:-ms-flexbox;display:flex}
  .\32md\:hidden{display:none}
  .\32md\:h-auto{height:auto}
  .\32md\:w-\[928px\]{width:928px}
  .\32md\:w-\[178px\]{width:178px}
  .\32md\:w-\[114px\]{width:114px}
  .\32md\:w-full{width:100%}
  .\32md\:flex-row{-ms-flex-direction:row;flex-direction:row}
  .\32md\:items-center{-ms-flex-align:center;align-items:center}
  .\32md\:items-stretch{-ms-flex-align:stretch;align-items:stretch}
  .\32md\:justify-start{-ms-flex-pack:start;justify-content:flex-start}
  .\32md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}
  .\32md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}
  .\32md\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.\32md\:space-x-7>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.75rem*var(--tw-space-x-reverse))}
  .\32md\:px-\[50px\]{padding-left:50px;padding-right:50px}
  .\32md\:px-4{padding-left:1rem}
  .\32md\:pr-4,.\32md\:px-4{padding-right:1rem}
  .\32md\:text-left{text-align:left}.\32md\:text-2xl{font-size:24px;line-height:34px}.\32md\:text-base{font-size:16px;line-height:24px}.\32md\:text-sm{font-size:14px;line-height:22px}}
  @media (min-width:1024px){.lg\:badge-md{font-size:.875rem;height:1.25rem;line-height:1.25rem;padding-left:.563rem;padding-right:.563rem}
  .lg\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}
  .btn-square:where(.lg\:btn-md){height:3rem;padding:0;width:3rem}
  .btn-circle:where(.lg\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}
  .lg\:card-side{-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}
  .lg\:card-side figure>*{max-width:none}:where(.lg\:card-side figure>*){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}
  .lg\:menu-vertical{-ms-flex-direction:column;flex-direction:column}
  .lg\:menu-vertical :where(li){-ms-flex-direction:column;flex-direction:column}
  .lg\:menu-vertical>:where(li)>:where(ul){left:100%;top:auto}
  .lg\:menu-horizontal{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row}
  .lg\:menu-horizontal :where(li){-ms-flex-direction:row;flex-direction:row}
  .lg\:menu-horizontal>:where(li)>:where(ul){left:auto;top:100%}
  .lg\:card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}
  .lg\:card-compact .card-title{margin-bottom:.25rem}.lg\:card-normal
  .card-body{font-size:1rem;line-height:1.5rem;padding:2rem;padding:var(--padding-card,2rem)}.lg\:card-normal .card-title{margin-bottom:.75rem}
  .lg\:menu-vertical :where(li.bordered>*){border-bottom-width:0;border-left-width:4px}
  .lg\:menu-horizontal :where(li.bordered>*){border-bottom-width:4px;border-left-width:0}
  .lg\:menu-normal :where(li>*){font-size:1rem;line-height:1.5rem;padding-bottom:.75rem;padding-top:.75rem}
  .lg\:menu-compact :where(li>*){font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem}
  .lg\:menu-vertical>:where(li:first-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .lg\:menu-vertical>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}
  .lg\:menu-vertical>:where(li:last-child){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .lg\:menu-vertical>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}
  .lg\:menu-horizontal>:where(li:first-child){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .lg\:menu-horizontal>:where(li:first-child)>:where(:not(ul)){border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}
  .lg\:menu-horizontal>:where(li:last-child){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}
  .lg\:menu-horizontal>:where(li:last-child)>:where(:not(ul)){border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.lg\:block{display:block}
  .lg\:hidden{display:none}}
  @media (min-width:1280px){.btn.loading.btn-xl:before,.btn.loading.xl\:btn-lg:before{height:1.25rem;width:1.25rem}.xl\:badge-lg{font-size:1rem;height:1.5rem;line-height:1.5rem;padding-left:.688rem;padding-right:.688rem}.xl\:btn-lg{font-size:1.125rem;height:4rem;min-height:4rem;padding-left:1.5rem;padding-right:1.5rem}.btn-square:where(.xl\:btn-lg){height:4rem;padding:0;width:4rem}.btn-circle:where(.xl\:btn-lg){border-radius:9999px;height:4rem;padding:0;width:4rem}.xl\:flex{display:-ms-flexbox;display:flex}.xl\:h-\[calc\(100\%-200px\)\]{height:calc(100% - 200px)}.xl\:w-\[400px\]{width:400px}.xl\:w-8{width:2rem}.xl\:px-12{padding-left:3rem;padding-right:3rem}.xl\:text-xl{font-size:20px;line-height:28px}.xl\:text-\[18px\]{font-size:18px}}
  @media (min-width:1380px){.\31\.5xl\:mx-16{margin-left:4rem;margin-right:4rem}.\31\.5xl\:mx-0{margin-left:0;margin-right:0}.\31\.5xl\:block{display:block}.\31\.5xl\:hidden{display:none}.\31\.5xl\:max-w-\[1016px\]{max-width:1016px}}
  @media (min-width:1480px){.\32xl\:min-w-\[320px\]{min-width:320px}}.Toastify__toast-container{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999px);width:344px;z-index:9999}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}
  .Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}
  @media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;-webkit-transform:translateX(0);transform:translateX(0)}
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right{bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}
  .Toastify__toast{-ms-flex-pack:justify;border-radius:8px;-webkit-box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);box-shadow:0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;direction:ltr;display:-ms-flexbox;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:.875rem;justify-content:space-between;line-height:14px;margin-bottom:1rem;max-height:800px;min-height:48px;overflow:hidden;padding:6px 16px;position:relative}.Toastify__toast--rtl{direction:rtl}
  .Toastify__toast--dark{background:#323232;color:#fff}
  .Toastify__toast--default{background:#fafafa;color:#aaa}.Toastify__toast--info{background:#2196f3;color:#fff}
  .Toastify__toast--success{background:#4caf50;color:#fff}
  .Toastify__toast--warning{background:#ff9800;color:#fff}
  .Toastify__toast--error{background:#f44336;color:#fff}.Toastify__toast-body{-ms-flex:1 1 auto;flex:1 1 auto;margin:auto 0}
  @media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0}}
  .Toastify__close-button{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;background:transparent;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.Toastify__close-button--default{color:#000;opacity:.3}
  .Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}
  .Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}
  @-webkit-keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}
  @keyframes Toastify__trackProgress{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}to{-webkit-transform:scaleX(0);transform:scaleX(0)}}
  .Toastify__progress-bar{background-color:hsla(0,0%,100%,.7);bottom:0;height:5px;left:0;opacity:.7;position:absolute;-webkit-transform-origin:left;transform-origin:left;width:100%;z-index:9999}.Toastify__progress-bar--animated{-webkit-animation:Toastify__trackProgress linear 1 forwards;animation:Toastify__trackProgress linear 1 forwards}
  .Toastify__progress-bar--controlled{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}
  .Toastify__progress-bar--rtl{left:auto;right:0;-webkit-transform-origin:right;transform-origin:right}
  .Toastify__progress-bar--default{background:-webkit-gradient(linear,left top,right top,from(#4cd964),color-stop(#5ac8fa),color-stop(#007aff),color-stop(#34aadc),color-stop(#5856d6),to(#ff2d55));background:-o-linear-gradient(left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)}
  .Toastify__progress-bar--dark{background:#bb86fc}
  @-webkit-keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}
  @keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@-webkit-keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
  @keyframes Toastify__bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}
  @-webkit-keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
  @keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}
  @-webkit-keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
  @keyframes Toastify__bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}
  @-webkit-keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @-webkit-keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
  @keyframes Toastify__bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}
  @-webkit-keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}
  @keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}
  @-webkit-keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
  @keyframes Toastify__bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}
  .Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{-webkit-animation-name:Toastify__bounceInLeft;animation-name:Toastify__bounceInLeft}
  .Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{-webkit-animation-name:Toastify__bounceInRight;animation-name:Toastify__bounceInRight}
  .Toastify__bounce-enter--top-center{-webkit-animation-name:Toastify__bounceInDown;animation-name:Toastify__bounceInDown}
  .Toastify__bounce-enter--bottom-center{-webkit-animation-name:Toastify__bounceInUp;animation-name:Toastify__bounceInUp}
  .Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{-webkit-animation-name:Toastify__bounceOutLeft;animation-name:Toastify__bounceOutLeft}
  .Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{-webkit-animation-name:Toastify__bounceOutRight;animation-name:Toastify__bounceOutRight}
  .Toastify__bounce-exit--top-center{-webkit-animation-name:Toastify__bounceOutUp;animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{-webkit-animation-name:Toastify__bounceOutDown;animation-name:Toastify__bounceOutDown}
  @-webkit-keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
  @keyframes Toastify__zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
  @-webkit-keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}
  @keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{-webkit-animation-name:Toastify__zoomIn;animation-name:Toastify__zoomIn}.Toastify__zoom-exit{-webkit-animation-name:Toastify__zoomOut;animation-name:Toastify__zoomOut}
  @-webkit-keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
  @keyframes Toastify__flipIn{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
  @-webkit-keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}
  @keyframes Toastify__flipOut{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{opacity:1;-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}to{opacity:0;-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{-webkit-animation-name:Toastify__flipIn;animation-name:Toastify__flipIn}.Toastify__flip-exit{-webkit-animation-name:Toastify__flipOut;animation-name:Toastify__flipOut}
  @-webkit-keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @keyframes Toastify__slideInRight{0%{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @-webkit-keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @keyframes Toastify__slideInLeft{0%{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @-webkit-keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @keyframes Toastify__slideInUp{0%{-webkit-transform:translate3d(0,110%,0);transform:translate3d(0,110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @-webkit-keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @keyframes Toastify__slideInDown{0%{-webkit-transform:translate3d(0,-110%,0);transform:translate3d(0,-110%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}
  @-webkit-keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}
  @keyframes Toastify__slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(110%,0,0);transform:translate3d(110%,0,0);visibility:hidden}}
  @-webkit-keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}
  @keyframes Toastify__slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-110%,0,0);transform:translate3d(-110%,0,0);visibility:hidden}}
  @-webkit-keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}
  @keyframes Toastify__slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,500px,0);transform:translate3d(0,500px,0);visibility:hidden}}
  @-webkit-keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-500px,0);transform:translate3d(0,-500px,0);visibility:hidden}}
  .Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{-webkit-animation-name:Toastify__slideInLeft;animation-name:Toastify__slideInLeft}
  .Toastify__slide-enter--bottom-right,
  .Toastify__slide-enter--top-right{-webkit-animation-name:Toastify__slideInRight;animation-name:Toastify__slideInRight}
  .Toastify__slide-enter--top-center{-webkit-animation-name:Toastify__slideInDown;animation-name:Toastify__slideInDown}
  .Toastify__slide-enter--bottom-center{-webkit-animation-name:Toastify__slideInUp;animation-name:Toastify__slideInUp}
  .Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{-webkit-animation-name:Toastify__slideOutLeft;animation-name:Toastify__slideOutLeft}
  .Toastify__slide-exit--bottom-right,
  .Toastify__slide-exit--top-right{-webkit-animation-name:Toastify__slideOutRight;animation-name:Toastify__slideOutRight}
  .Toastify__slide-exit--top-center{-webkit-animation-name:Toastify__slideOutUp;animation-name:Toastify__slideOutUp}
  .Toastify__slide-exit--bottom-center{-webkit-animation-name:Toastify__slideOutDown;animation-name:Toastify__slideOutDown}
