:root{
    --p:9 80% 53%;
    --pf:30 89% 58%;
    --sf:30 89% 58%;
    --af:174 60% 41%;
    --nf:219 14% 22%;
    --in:198 93% 60%;
    --su:158 64% 52%;
    --wa:43 96% 56%;
    --er:0 91% 71%;
    --inc:198 100% 12%;
    --suc:158 100% 10%;
    --wac:43 100% 11%;
    --erc:0 100% 14%;
    --rounded-box:1rem;
    --rounded-btn:.5rem;
    --rounded-badge:1.9rem;
    --animation-btn:.25s;
    --animation-input:.2s;
    --btn-text-case:uppercase;
    --btn-focus-scale:.95;
    --border-btn:1px;
    --tab-border:1px;
    --tab-radius:.5rem;
    --pc:0 0% 100%;
    --s:140 25% 30%;
    --sc:0 0% 100%;
    --a:174 60% 51%;
    --ac:0 0% 100%;
    --n:219 14% 28%;
    --nc:0 0% 100%;
    --b1:0 0% 100%;
    --b2:210 20% 98%;
    --b3:216 12% 84%;
    --bc:215 28% 17%
}

[data-theme=autumn]{
    --p:9 80% 53%;
    --pf:30 89% 58%;
    --sf:30 89% 58%;
    --af:175 41% 40%;
    --nf:22 17% 35%;
    --b2:0 0% 85%;
    --b3:0 0% 77%;
    --bc:0 0% 19%;
    --pc:100 100% 100%;
    --sc:100 100% 100%;
    --ac:100 100% 100%;
    --nc:22 100% 89%;
    --inc:187 100% 10%;
    --suc:165 100% 89%;
    --wac:30 100% 10%;
    --erc:354 100% 90%;
    --rounded-box:1rem;
    --rounded-btn:.5rem;
    --rounded-badge:1.9rem;
    --animation-btn:.25s;
    --animation-input:.2s;
    --btn-text-case:uppercase;
    --btn-focus-scale:.95;
    --border-btn:1px;
    --tab-border:1px;
    --tab-radius:.5rem;
    --s:30 89% 58%;
    --a:175 41% 23%;
    --n:22 17% 44%;
    --b1:0 0% 95%;
    --in:187 48% 50%;
    --su:165 34% 43%;
    --wa:30 84% 50%;
    --er:354 79% 49%
}
*,:before,:after{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-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:#3b82f680;
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: 
}
::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#3b82f680;
    --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: 
}


:before,:after{
    --tw-content:""
}
html{
    -webkit-text-size-adjust:100%;
    tab-size:4;
    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
}
body{
    line-height:inherit;
    margin:0
}
hr{
    height:0;
    color:inherit;
    border-top-width:1px
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    -webkit-text-decoration:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,samp,pre{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    vertical-align:baseline;
    font-size:75%;
    line-height:0;
    position:relative
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
button,[type=button],[type=reset],[type=submit]{
    -webkit-appearance:button;
    background-color:#0000;
    background-image:none
}
:-moz-focusring{
    outline:auto 
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
    margin:0
}
fieldset{
    margin:0;
    padding:0
}
legend{
    padding:0
}
ol,ul,menu{
    margin:0;
    padding:0;
    list-style:none
}
textarea{
    resize:vertical
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
button,[role=button]{
    cursor:pointer
}
:disabled{
    cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object{
    vertical-align:middle;
    display:block
}
img,video{
    max-width:100%;
    height:auto
}
[hidden]{
    display:none
}
:root{
    background-color:hsla(var(--b1)/var(--tw-bg-opacity,1));
    color:hsla(var(--bc)/var(--tw-text-opacity,1))
}
html{
    -webkit-tap-highlight-color:transparent
}
*,:before,:after{
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#3b82f680;
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000
}
.alert{
    width:100%;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-radius:var(--rounded-box,1rem);
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    gap:1rem;
    padding:1rem;
    display:flex
}
.alert>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}
@media (min-width:768px){
    .alert{
        flex-direction:row
    }
    .alert>:not([hidden])~:not([hidden]){
        --tw-space-y-reverse:0;
        margin-top:calc(0px*calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(0px*var(--tw-space-y-reverse))
    }
}
.alert>:where(*){
    align-items:center;
    gap:.5rem;
    display:flex
}
.artboard{
    width:100%
}
.avatar{
    display:inline-flex;
    position:relative
}
.avatar>div{
    aspect-ratio:1/1;
    display:block;
    overflow:hidden
}
.avatar img{
    height:100%;
    width:100%;
    object-fit:cover
}
.avatar.placeholder>div{
    justify-content:center;
    align-items:center;
    display:flex
}
.badge{
    height:1.25rem;
    width:fit-content;
    --tw-border-opacity:1;
    border-width:1px;
    border-color:hsl(var(--n)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity));
    border-radius:var(--rounded-badge,1.9rem);
    justify-content:center;
    align-items:center;
    padding-left:.563rem;
    padding-right:.563rem;
    font-size:.875rem;
    line-height:1.25rem;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:inline-flex
}
.breadcrumbs{
    max-width:100%;
    padding-top:.5rem;
    padding-bottom:.5rem;
    overflow-x:auto
}
.breadcrumbs>ul{
    white-space:nowrap;
    min-height:min-content;
    align-items:center;
    display:flex
}
.breadcrumbs>ul>li{
    align-items:center;
    display:flex
}
.breadcrumbs>ul>li>a{
    cursor:pointer;
    align-items:center;
    display:flex
}
.breadcrumbs>ul>li>a:hover{
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.btn{
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    border-color:#0000;
    border-color:hsl(var(--n)/var(--tw-border-opacity));
    text-align:center;
    border-radius:var(--rounded-btn,.5rem);
    height:3rem;
    min-height:3rem;
    text-transform:uppercase;
    text-transform:var(--btn-text-case,uppercase);
    border-width:var(--border-btn,1px);
    animation:button-pop var(--animation-btn,.25s)ease-out;
    --tw-border-opacity:1;
    --tw-bg-opacity:1;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity));
    flex-wrap:wrap;
    flex-shrink:0;
    justify-content:center;
    align-items:center;
    padding-left:1rem;
    padding-right:1rem;
    font-size:.875rem;
    font-weight:600;
    line-height:1em;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:inline-flex
}
.btn-disabled,.btn[disabled]{
    pointer-events:none;
    --tw-border-opacity:0;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-bg-opacity:.2;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    --tw-text-opacity:.2
}
.btn-square{
    height:3rem;
    width:3rem;
    padding:0
}
.btn-circle{
    height:3rem;
    width:3rem;
    border-radius:9999px;
    padding:0
}
.btn.loading,.btn.loading:hover{
    pointer-events:none
}
.btn.loading:before{
    height:1rem;
    width:1rem;
    content:"";
    border-radius:9999px;
    border-width:2px;
    border-color:#0000 currentColor currentColor #0000;
    margin-right:.5rem;
    animation:spin 2s linear infinite
}
@media (prefers-reduced-motion:reduce){
    .btn.loading:before{
        animation:spin 10s linear infinite
    }
}
@keyframes spin{
    0%{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
.btn-group{
    flex-wrap:wrap;
    display:flex
}
.btn-group>input[type=radio].btn{
    -webkit-appearance:none;
    appearance:none
}
.btn-group>input[type=radio].btn:before{
    content:attr(data-title)
}
.card{
    border-radius:var(--rounded-box,1rem);
    flex-direction:column;
    display:flex;
    position:relative;
    overflow:hidden
}
.card:focus{
    outline-offset:2px;
    outline:2px solid #0000
}
.card-body{
    padding:var(--padding-card,2rem);
    flex-direction:column;
    flex:auto;
    gap:.5rem;
    display:flex
}
.card-body :where(p){
    flex-grow:1
}
.card-actions{
    flex-wrap:wrap;
    align-items:flex-start;
    gap:.5rem;
    display:flex
}
.card figure{
    justify-content:center;
    align-items:center;
    display:flex
}
.card.image-full{
    display:grid
}
.card.image-full:before{
    content:"";
    z-index:10;
    --tw-bg-opacity:1;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    opacity:.75;
    border-radius:var(--rounded-box,1rem);
    position:relative
}
.card.image-full:before,.card.image-full>*{
    grid-row-start:1;
    grid-column-start:1
}
.card.image-full>figure img{
    height:100%;
    object-fit:cover
}
.card.image-full>.card-body{
    z-index:20;
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity));
    position:relative
}
.carousel{
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -ms-overflow-style:none;
    scrollbar-width:none;
    display:flex;
    overflow-x:scroll
}
.carousel-vertical{
    scroll-snap-type:y mandatory;
    flex-direction:column;
    overflow-y:scroll
}
.carousel-item{
    box-sizing:content-box;
    scroll-snap-align:start;
    flex:none;
    display:flex
}
.carousel-center .carousel-item{
    scroll-snap-align:center
}
.carousel-end .carousel-item{
    scroll-snap-align:end
}
.checkbox{
    --chkbg:var(--bc);
    --chkfg:var(--b1);
    height:1.5rem;
    width:1.5rem;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    border-width:1px;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:.2;
    border-radius:var(--rounded-btn,.5rem)
}
.collapse{
    display:grid;
    position:relative;
    overflow:hidden
}
.collapse-title,.collapse>input[type=checkbox],.collapse-content{
    grid-row-start:1;
    grid-column-start:1
}
.collapse>input[type=checkbox]{
    -webkit-appearance:none;
    appearance:none;
    opacity:0
}
.collapse-content{
    max-height:0;
    cursor:unset;
    grid-row-start:2;
    padding-left:1rem;
    padding-right:1rem;
    transition:padding .2s ease-in-out,background-color .2s ease-in-out;
    overflow:hidden
}
.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:inline-flex
}
.countdown>*{
    height:1em;
    display:inline-block;
    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 ";
    white-space:pre;
    top:calc(var(--value)*-1em);
    text-align:center;
    transition:all 1s cubic-bezier(1,0,0,1);
    position:relative
}
.divider{
    height:1rem;
    flex-direction:row;
    align-self:stretch;
    align-items:center;
    margin-top:1rem;
    margin-bottom:1rem;
    display:flex
}
.divider:before,.divider:after{
    content:"";
    height:.125rem;
    width:100%;
    flex-grow:1
}
.drawer{
    display:grid;
    overflow:hidden
}
.drawer.drawer-end{
    direction:rtl
}
.drawer.drawer-end>*{
    direction:ltr
}
.drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{
    --tw-translate-x:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    justify-self:end
}
.drawer.drawer-end .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}
.drawer-toggle{
    height:0;
    width:0;
    -webkit-appearance:none;
    appearance:none;
    opacity:0;
    position:absolute
}
.drawer-toggle~.drawer-content{
    z-index:0;
    max-height:100vh;
    grid-row-start:1;
    grid-column-start:1;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    overflow-y:auto
}
.drawer-toggle~.drawer-side{
    max-height:100vh;
    grid-row-start:1;
    grid-column-start:1;
    display:grid
}
.drawer-toggle~.drawer-side>.drawer-overlay{
    visibility:hidden;
    opacity:0;
    cursor:pointer;
    --tw-bg-opacity:1;
    background-color:hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    grid-row-start:1;
    grid-column-start:1;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.drawer-toggle~.drawer-side>.drawer-overlay+*{
    z-index:10;
    --tw-translate-x:-100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    grid-row-start:1;
    grid-column-start:1;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.drawer-toggle:checked~.drawer-side{
    overflow-y:auto
}
.drawer-toggle:checked~.drawer-side>.drawer-overlay{
    visibility:visible;
    opacity:.999999;
    --tw-bg-opacity:.4
}
.drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}
[dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+*{
    --tw-translate-x:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}
[dir=rtl] .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}
@media (min-width:1024px){
    .drawer-mobile{
        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
        }
    }
    @media (min-width:1024px){
        .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{
            visibility:visible
        }
    }
    @media (min-width:1024px){
        .drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay+*{
            --tw-translate-x:0px;
            transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
        }
    }
    @media (min-width:1024px){
        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{
            grid-column-start:1
        }
    }
    @media (min-width:1024px){
        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{
            grid-column-start:2
        }
    }
    @media (min-width:1024px){
        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{
            visibility:visible
        }
    }
    @media (min-width:1024px){
        .drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{
            --tw-translate-x:0px;
            transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
        }
    }
    .drawer-mobile>.drawer-toggle~.drawer-side{
        overflow-y:auto
    }
    .drawer-mobile.drawer-end{
        direction:ltr;
        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;
        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-offset:2px;
    outline:2px solid #0000
}
.dropdown .dropdown-content{
    visibility:hidden;
    z-index:50;
    opacity:0;
    transform-origin:top;
    --tw-scale-x:.95;
    --tw-scale-y:.95;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    position:absolute
}
.dropdown-end .dropdown-content{
    right:0
}
.dropdown-left .dropdown-content{
    transform-origin:100%;
    top:0;
    bottom:auto;
    right:100%
}
.dropdown-right .dropdown-content{
    transform-origin:0;
    top:0;
    bottom:auto;
    left:100%
}
.dropdown-top .dropdown-content{
    transform-origin:bottom;
    top:auto;
    bottom:100%
}
.dropdown-end.dropdown-right .dropdown-content,.dropdown-end.dropdown-left .dropdown-content{
    top:auto;
    bottom:0
}
.dropdown.dropdown-open .dropdown-content,.dropdown.dropdown-hover:hover .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content{
    visibility:visible;
    opacity:1
}
.footer{
    width:100%;
    grid-auto-flow:row;
    place-items:start;
    gap:2.5rem 1rem;
    font-size:.875rem;
    line-height:1.25rem;
    display:grid
}
.footer>*{
    place-items:start;
    gap:.5rem;
    display:grid
}
.footer-center{
    text-align:center;
    place-items:center
}
.footer-center>*{
    place-items:center
}
@media (min-width:48rem){
    .footer{
        grid-auto-flow:column
    }
    .footer-center{
        grid-auto-flow:dense
    }
}
.form-control{
    flex-direction:column;
    display:flex
}
.label{
    -webkit-user-select:none;
    user-select:none;
    justify-content:space-between;
    align-items:center;
    padding:.5rem .25rem;
    display:flex
}
.hero{
    width:100%;
    background-position:50%;
    background-size:cover;
    place-items:center;
    display:grid
}
.hero>*{
    grid-row-start:1;
    grid-column-start:1
}
.hero-overlay{
    height:100%;
    width:100%;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-bg-opacity:.5;
    grid-row-start:1;
    grid-column-start:1
}
.hero-content{
    z-index:0;
    max-width:80rem;
    justify-content:center;
    align-items:center;
    gap:1rem;
    padding:1rem;
    display:flex
}
.indicator{
    width:fit-content;
    display:inline-flex;
    position:relative
}
.indicator .indicator-item{
    z-index:1;
    --tw-translate-x:50%;
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    position:absolute;
    inset:0 0 auto auto
}
.indicator .indicator-item.indicator-start{
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    left:0;
    right:auto
}
.indicator .indicator-item.indicator-center{
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    left:50%;
    right:50%
}
.indicator .indicator-item.indicator-end{
    --tw-translate-x:50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    left:auto;
    right:0
}
.indicator .indicator-item.indicator-bottom{
    --tw-translate-y:50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    top:auto;
    bottom:0
}
.indicator .indicator-item.indicator-middle{
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    top:50%;
    bottom:50%
}
.indicator .indicator-item.indicator-top{
    --tw-translate-y:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    top:0;
    bottom:auto
}
.input{
    height:3rem;
    border-width:1px;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:0;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius:var(--rounded-btn,.5rem);
    flex-shrink:1;
    padding-left:1rem;
    padding-right:1rem;
    font-size:.875rem;
    line-height:2;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.input-group{
    width:100%;
    align-items:stretch;
    display:flex
}
.input-group>*,.input-group>.input{
    border-radius:0
}
.input-group-md{
    font-size:.875rem;
    line-height:2
}
.input-group-lg{
    font-size:1.125rem;
    line-height:2
}
.input-group-sm{
    font-size:.875rem;
    line-height:2rem
}
.input-group-xs{
    font-size:.75rem;
    line-height:1.625
}
.input-group :where(span){
    --tw-bg-opacity:1;
    background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    align-items:center;
    padding-left:1rem;
    padding-right:1rem;
    display:flex
}
.input-group :first-child{
    border-top-left-radius:var(--rounded-btn,.5rem);
    border-top-right-radius:0;
    border-bottom-left-radius:var(--rounded-btn,.5rem);
    border-bottom-right-radius:0
}
.input-group :last-child{
    border-top-left-radius:0;
    border-top-right-radius:var(--rounded-btn,.5rem);
    border-bottom-left-radius:0;
    border-bottom-right-radius:var(--rounded-btn,.5rem)
}
.input-group-vertical{
    flex-direction:column
}
.input-group-vertical :first-child{
    border-top-left-radius:var(--rounded-btn,.5rem);
    border-top-right-radius:var(--rounded-btn,.5rem);
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.input-group-vertical :last-child{
    border-top-left-radius:0;
    border-top-right-radius:0;
    border-bottom-left-radius:var(--rounded-btn,.5rem);
    border-bottom-right-radius:var(--rounded-btn,.5rem)
}
.kbd{
    border-width:1px;
    border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    --tw-border-opacity:.2;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-radius:var(--rounded-btn,.5rem);
    min-height:2.2em;
    min-width:2.2em;
    border-bottom-width:2px;
    justify-content:center;
    align-items:center;
    padding-left:.5rem;
    padding-right:.5rem;
    display:inline-flex
}
.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-size:contain;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:50%
}
.mask-half-1{
    -webkit-mask-size:200%;
    mask-size:200%;
    -webkit-mask-position:left;
    mask-position:0
}
.mask-half-2{
    -webkit-mask-size:200%;
    mask-size:200%;
    -webkit-mask-position:right;
    mask-position:100%
}
.menu{
    flex-direction:column;
    display:flex
}
.menu.horizontal{
    flex-direction:row;
    display:inline-flex
}
.menu.horizontal :where(li){
    flex-direction:row
}
.menu :where(li){
    flex-flow:column wrap;
    align-items:stretch;
    display:flex;
    position:relative
}
.menu :where(li:not(.menu-title))>:where(:not(ul)){
    display:flex
}
.menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    outline-offset:2px;
    outline:2px solid #0000;
    align-items:center
}
.menu>:where(li>:not(ul):focus){
    outline-offset:2px;
    outline:2px solid #0000
}
.menu>:where(li.disabled>:not(ul):focus){
    cursor:auto
}
.menu>:where(li) :where(ul){
    flex-direction:column;
    align-items:stretch;
    display:flex
}
.menu>:where(li)>:where(ul){
    top:initial;
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit;
    display:none;
    position:absolute;
    left:100%
}
.menu>:where(li:hover)>:where(ul){
    display:flex
}
.menu>:where(li:focus)>:where(ul){
    display:flex
}
.mockup-code{
    min-width:20rem;
    --tw-bg-opacity:1;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity));
    border-radius:var(--rounded-box,1rem);
    padding-top:1.25rem;
    padding-bottom:1.25rem;
    position:relative;
    overflow-x:auto;
    overflow-y:hidden
}
.mockup-code pre[data-prefix]:before{
    content:attr(data-prefix);
    text-align:right;
    width:2rem;
    opacity:.5;
    display:inline-block
}
.mockup-window{
    border-radius:var(--rounded-box,1rem);
    padding-top:1.25rem;
    position:relative;
    overflow-x:auto;
    overflow-y:hidden
}
.mockup-window pre[data-prefix]:before{
    content:attr(data-prefix);
    text-align:right;
    display:inline-block
}
.modal{
    pointer-events:none;
    visibility:hidden;
    opacity:0;
    z-index:999;
    background-color:hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    --tw-bg-opacity:.4;
    overscroll-behavior:contain;
    justify-content:center;
    align-items:flex-end;
    transition-property:transform,opacity;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:flex;
    position:fixed;
    inset:0;
    overflow-y:hidden
}
@media (min-width:640px){
    .modal{
        align-items:center
    }
    .modal-box{
        max-width:34rem;
        --tw-translate-y:0px;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
        --tw-scale-x:.9;
        --tw-scale-y:.9;
        border-bottom-left-radius:var(--rounded-box,1rem);
        border-bottom-right-radius:var(--rounded-box,1rem)
    }
}
.modal-box{
    max-height:calc(100vh - 5em);
    width:100%;
    --tw-translate-y:2.5rem;
    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));
    --tw-bg-opacity:1;
    background-color: white;
    border-top-left-radius:var(--rounded-box,1rem);
    border-top-right-radius:var(--rounded-box,1rem);
    overscroll-behavior:contain;
    padding:1.5rem;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    overflow-y:auto;
    box-shadow:0 25px 50px -12px #00000040
}
.modal-open,.modal:target,.modal-toggle:checked+.modal{
    pointer-events:auto;
    visibility:visible;
    opacity:1
}
.modal-action{
    justify-content:flex-end;
    margin-top:1.5rem;
    display:flex
}
.modal-toggle{
    height:0;
    width:0;
    -webkit-appearance:none;
    appearance:none;
    opacity:0;
    position:fixed
}
.navbar{
    padding:var(--navbar-padding,.5rem);
    min-height:4rem;
    width:100%;
    align-items:center;
    display:flex
}
.navbar>*{
    align-items:center;
    display:flex
}
.navbar-start{
    width:50%;
    justify-content:flex-start
}
.navbar-center{
    flex-shrink:0
}
.navbar-end{
    width:50%;
    justify-content:flex-end
}
.progress{
    width:100%;
    -webkit-appearance:none;
    appearance:none;
    height:.5rem;
    border-radius:var(--rounded-box,1rem);
    position:relative;
    overflow:hidden
}
.radial-progress{
    height:var(--size);
    width:var(--size);
    vertical-align:middle;
    box-sizing:content-box;
    --value:0;
    --size:5rem;
    --thickness:calc(var(--size)/10);
    background-color:#0000;
    border-radius:9999px;
    place-content:center;
    display:inline-grid;
    position:relative
}
.radial-progress::-moz-progress-bar{
    -webkit-appearance:none;
    appearance:none;
    background-color:#0000
}
.radial-progress::-webkit-progress-value{
    -webkit-appearance:none;
    appearance:none;
    background-color:#0000
}
.radial-progress::-webkit-progress-bar{
    -webkit-appearance:none;
    appearance:none;
    background-color:#0000
}
.radial-progress:before,.radial-progress:after{
    content:"";
    border-radius:9999px;
    position:absolute
}
.radial-progress:before{
    background:radial-gradient(farthest-side,currentColor 98%,#0000)top/var(--thickness)var(--thickness)no-repeat,conic-gradient(currentColor calc(var(--value)*1%),#0000 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)));
    inset:0
}
.radial-progress:after{
    inset:calc(50% - var(--thickness)/2);
    transform:rotate(calc(var(--value)*3.6deg - 90deg))translate(calc(var(--size)/2 - 50%));
    background-color:currentColor
}
.radio{
    --chkbg:var(--bc);
    height:1.5rem;
    width:1.5rem;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    border-width:1px;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:.2;
    transition:background,box-shadow var(--animation-input,.2s)ease-in-out;
    border-radius:9999px
}
.range{
    height:1.5rem;
    width:100%;
    cursor:pointer;
    -webkit-appearance:none;
    --range-shdw:var(--bc);
    border-radius:var(--rounded-box,1rem);
    background-color:#0000;
    overflow:hidden
}
.range:focus{
    outline:0
}
.rating{
    display:inline-flex;
    position:relative
}
.rating :where(input){
    cursor:pointer;
    animation:rating-pop var(--animation-input,.25s)ease-out;
    height:1.5rem;
    width:1.5rem;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:1
}
.select{
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    -webkit-appearance:none;
    appearance:none;
    height:3rem;
    min-height:3rem;
    border-width:1px;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:0;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius:var(--rounded-btn,.5rem);
    background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);
    background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);
    background-repeat:no-repeat;
    background-size:4px 4px,4px 4px;
    flex-shrink:0;
    padding-left:1rem;
    padding-right:2.5rem;
    font-size:.875rem;
    font-weight:600;
    line-height:2;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:inline-flex
}
.select-disabled,.select[disabled]{
    pointer-events:none;
    cursor:not-allowed;
    --tw-border-opacity:1;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity:.2
}
.stack{
    place-items:flex-end center;
    display:inline-grid
}
.stack>*{
    z-index:1;
    width:100%;
    opacity:.6;
    grid-row-start:1;
    grid-column-start:1;
    transform:translateY(1rem)scale(.9)
}
.stack>:nth-child(2){
    z-index:2;
    opacity:.8;
    transform:translateY(.5rem)scale(.95)
}
.stack>:nth-child(1){
    z-index:3;
    opacity:1;
    transform:matrix(1,0,0,1,0,0)
}
.stats{
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    border-radius:var(--rounded-box,1rem);
    display:inline-grid
}
:where(.stats){
    grid-auto-flow:column;
    overflow-x:auto
}
.stat{
    width:100%;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:.1;
    grid-template-columns:repeat(1,1fr);
    column-gap:1rem;
    padding:1rem 1.5rem;
    display:inline-grid
}
.stat-figure{
    grid-row:1/span 3;
    grid-column-start:2;
    place-self:center end
}
.stat-title{
    white-space:nowrap;
    opacity:.6;
    grid-column-start:1
}
.stat-value{
    white-space:nowrap;
    grid-column-start:1;
    font-size:2.25rem;
    font-weight:800;
    line-height:2.5rem
}
.stat-desc{
    white-space:nowrap;
    opacity:.6;
    grid-column-start:1;
    font-size:.75rem;
    line-height:1rem
}
.stat-actions{
    white-space:nowrap;
    grid-column-start:1;
    margin-top:1rem
}
.steps{
    counter-reset:step;
    grid-auto-columns:1fr;
    grid-auto-flow:column;
    display:inline-grid;
    overflow-x:auto;
    overflow-y:hidden
}
.steps .step{
    text-align:center;
    min-width:4rem;
    grid-template-rows:40px 1fr;
    grid-template-columns:auto;
    place-items:center;
    display:grid
}
.swap{
    -webkit-user-select:none;
    user-select:none;
    cursor:pointer;
    place-content:center;
    display:inline-grid;
    position:relative
}
.swap>*{
    grid-row-start:1;
    grid-column-start:1;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.swap input{
    -webkit-appearance:none;
    appearance:none
}
.swap .swap-on,.swap .swap-indeterminate,.swap input:indeterminate~.swap-on,.swap input:checked~.swap-off,.swap.swap-active .swap-off,.swap input:indeterminate~.swap-off{
    opacity:0
}
.swap input:checked~.swap-on,.swap-active .swap-on,.swap input:indeterminate~.swap-indeterminate{
    opacity:1
}
.tabs{
    flex-wrap:wrap;
    align-items:flex-end;
    display:flex
}
.tab{
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    text-align:center;
    height:2rem;
    --tab-padding:1rem;
    --tw-text-opacity:.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));
    color:var(--tab-color);
    padding-left:var(--tab-padding,1rem);
    padding-right:var(--tab-padding,1rem);
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:.875rem;
    line-height:2;
    display:inline-flex;
    position:relative
}
.table{
    text-align:left;
    position:relative
}
.table th:first-child{
    z-index:11;
    position:sticky;
    left:0
}
.textarea{
    min-height:3rem;
    border-width:1px;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:0;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity));
    border-radius:var(--rounded-btn,.5rem);
    flex-shrink:1;
    padding:.5rem 1rem;
    font-size:.875rem;
    line-height:2;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.toggle{
    --chkbg:hsla(var(--bc)/.2);
    --handleoffset:1.5rem;
    height:1.5rem;
    width:3rem;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    border-width:1px;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:.2;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:.2;
    border-radius:var(--rounded-badge,1.9rem);
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition:background,box-shadow var(--animation-input,.2s)ease-in-out;
    box-shadow:calc(var(--handleoffset)*-1)0 0 2px hsl(var(--b1))inset,0 0 0 2px hsl(var(--b1))inset;
    flex-shrink:0
}
.tooltip{
    --tooltip-offset:calc(100% + 1px + var(--tooltip-tail,0px));
    text-align:center;
    --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
}
.tooltip:before{
    pointer-events:none;
    content:attr(data-tip);
    top:auto;
    left:50%;
    right:auto;
    bottom:var(--tooltip-offset);
    max-width:20rem;
    background-color:var(--tooltip-color);
    color:var(--tooltip-text-color);
    width:max-content;
    border-radius:.25rem;
    padding:.25rem .5rem;
    font-size:.875rem;
    line-height:1.25rem;
    position:absolute;
    transform:translate(-50%)
}
.tooltip-bottom:before{
    top:var(--tooltip-offset);
    bottom:auto;
    left:50%;
    right:auto;
    transform:translate(-50%)
}
.tooltip-left:before{
    top:50%;
    left:auto;
    right:var(--tooltip-offset);
    bottom:auto;
    transform:translateY(-50%)
}
.tooltip-right:before{
    top:50%;
    left:var(--tooltip-offset);
    bottom:auto;
    right:auto;
    transform:translateY(-50%)
}
.avatar-group{
    display:flex;
    overflow:hidden
}
.avatar-group .avatar{
    --tw-border-opacity:1;
    border-width:4px;
    border-color:hsl(var(--b1)/var(--tw-border-opacity));
    border-radius:9999px;
    overflow:hidden
}
.btn-outline .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity))
}
.btn-outline.btn-primary .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.btn-outline.btn-secondary .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.btn-outline.btn-accent .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.btn-outline .badge.outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    background-color:#0000
}
.btn-outline.btn-primary .badge-outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--p)/var(--tw-text-opacity));
    background-color:#0000
}
.btn-outline.btn-secondary .badge-outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--s)/var(--tw-text-opacity));
    background-color:#0000
}
.btn-outline.btn-accent .badge-outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--a)/var(--tw-text-opacity));
    background-color:#0000
}
.btn-outline:hover .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity))
}
.btn-outline:hover .badge.outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity))
}
.btn-outline.btn-primary:hover .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--pc)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--pc)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--p)/var(--tw-text-opacity))
}
.btn-outline.btn-primary:hover .badge.outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--pc)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.btn-outline.btn-secondary:hover .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--sc)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--sc)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--s)/var(--tw-text-opacity))
}
.btn-outline.btn-secondary:hover .badge.outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--sc)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.btn-outline.btn-accent:hover .badge{
    --tw-border-opacity:1;
    border-color:hsl(var(--ac)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--ac)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--a)/var(--tw-text-opacity))
}
.btn-outline.btn-accent:hover .badge.outline{
    --tw-border-opacity:1;
    border-color:hsl(var(--ac)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.breadcrumbs>ul>li>a:focus{
    outline-offset:2px;
    outline:2px solid #0000
}
.breadcrumbs>ul>li>a:focus-visible{
    outline-offset:2px;
    outline:2px solid 
}
.breadcrumbs>ul>li+:before{
    content:"";
    height:.375rem;
    width:.375rem;
    --tw-rotate:45deg;
    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));
    opacity:.4;
    background-color:#0000;
    border-top:1px solid ;
    border-right:1px solid ;
    margin-left:.5rem;
    margin-right:.75rem;
    display:block
}
.btn:active:hover,.btn:active:focus{
    transform:scale(var(--btn-focus-scale,.95));
    animation:none
}
.btn:hover,.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--nf,var(--n))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--nf,var(--n))/var(--tw-bg-opacity))
}
.btn:focus-visible{
    outline:2px solid hsl(var(--nf));
    outline-offset:2px
}
.btn-primary{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.btn-primary:hover,.btn-primary.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--pf,var(--p))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--pf,var(--p))/var(--tw-bg-opacity))
}
.btn-primary:focus-visible{
    outline:2px solid hsl(var(--p))
}
.btn-secondary{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.btn-secondary:hover,.btn-secondary.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--sf,var(--s))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--sf,var(--s))/var(--tw-bg-opacity))
}
.btn-secondary:focus-visible{
    outline:2px solid hsl(var(--s))
}
.btn-accent{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.btn-accent:hover,.btn-accent.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--af,var(--a))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--af,var(--a))/var(--tw-bg-opacity))
}
.btn-accent:focus-visible{
    outline:2px solid hsl(var(--a))
}
.btn-info{
    --tw-border-opacity:1;
    border-color:hsl(var(--in)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}
.btn-info:hover,.btn-info.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--in)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity))
}
.btn-info:focus-visible{
    outline:2px solid hsl(var(--in))
}
.btn-success{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}
.btn-success:hover,.btn-success.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity))
}
.btn-success:focus-visible{
    outline:2px solid hsl(var(--su))
}
.btn-warning{
    --tw-border-opacity:1;
    border-color:hsl(var(--wa)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}
.btn-warning:hover,.btn-warning.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--wa)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity))
}
.btn-warning:focus-visible{
    outline:2px solid hsl(var(--wa))
}
.btn-error{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}
.btn-error:hover,.btn-error.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity))
}
.btn-error:focus-visible{
    outline:2px solid hsl(var(--er))
}
.btn.glass:hover,.btn.glass.btn-active{
    --glass-opacity:25%;
    --glass-border-opacity:15%
}
.btn.glass:focus-visible{
    outline:2px solid 0 0 2px currentColor
}
.btn-ghost{
    color:currentColor;
    background-color:#0000;
    border-width:1px;
    border-color:#0000
}
.btn-ghost:hover,.btn-ghost.btn-active{
    --tw-border-opacity:0;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:.2
}
.btn-ghost:focus-visible{
    outline:2px solid 0 0 2px currentColor
}
.btn-link{
    --tw-text-opacity:1;
    color:hsl(var(--p)/var(--tw-text-opacity));
    background-color:#0000;
    border-color:#0000
}
.btn-link:hover,.btn-link.btn-active{
    background-color:#0000;
    border-color:#0000;
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline
}
.btn-link:focus-visible{
    outline:2px solid 0 0 2px currentColor
}
.btn-outline{
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    background-color:#0000;
    border-color:currentColor
}
.btn-outline:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--b1)/var(--tw-text-opacity))
}
.btn-outline.btn-primary{
    --tw-text-opacity:1;
    color:hsl(var(--p)/var(--tw-text-opacity))
}
.btn-outline.btn-primary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--pf,var(--p))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--pf,var(--p))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.btn-outline.btn-secondary{
    --tw-text-opacity:1;
    color:hsl(var(--s)/var(--tw-text-opacity))
}
.btn-outline.btn-secondary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--sf,var(--s))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--sf,var(--s))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.btn-outline.btn-accent{
    --tw-text-opacity:1;
    color:hsl(var(--a)/var(--tw-text-opacity))
}
.btn-outline.btn-accent:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--af,var(--a))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--af,var(--a))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.btn-outline.btn-success{
    --tw-text-opacity:1;
    color:hsl(var(--su)/var(--tw-text-opacity))
}
.btn-outline.btn-success:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}
.btn-outline.btn-info{
    --tw-text-opacity:1;
    color:hsl(var(--in)/var(--tw-text-opacity))
}
.btn-outline.btn-info:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--in)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}
.btn-outline.btn-warning{
    --tw-text-opacity:1;
    color:hsl(var(--wa)/var(--tw-text-opacity))
}
.btn-outline.btn-warning:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--wa)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}
.btn-outline.btn-error{
    --tw-text-opacity:1;
    color:hsl(var(--er)/var(--tw-text-opacity))
}
.btn-outline.btn-error:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}
.btn.loading.btn-square:before,.btn.loading.btn-circle:before{
    margin-right:0
}
.btn.loading.btn-xl:before,.btn.loading.btn-lg:before{
    height:1.25rem;
    width:1.25rem
}
.btn.loading.btn-sm:before,.btn.loading.btn-xs:before{
    height:.75rem;
    width:.75rem
}
.btn-group>input[type=radio]:checked.btn,.btn-group>.btn-active{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.btn-group>input[type=radio]:checked.btn:focus-visible,.btn-group>.btn-active:focus-visible{
    outline:2px solid hsl(var(--p))
}
.btn-group>.btn:not(:first-child){
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    margin-left:-1px
}
.btn-group>.btn:not(:last-child){
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
@keyframes button-pop{
    0%{
        transform:scale(var(--btn-focus-scale,.95))
    }
    40%{
        transform:scale(1.02)
    }
    to{
        transform:scale(1)
    }
}
.card:focus-visible{
    outline-offset:2px;
    outline:2px solid 
}
.card.bordered,.card-bordered{
    --tw-border-opacity:1;
    border-width:1px;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity))
}
.card.compact .card-body{
    padding:1rem;
    font-size:.875rem;
    line-height:1.25rem
}
.card-title{
    align-items:center;
    gap:.5rem;
    font-size:1.25rem;
    font-weight:600;
    line-height:1.75rem;
    display:flex
}
.carousel::-webkit-scrollbar{
    display:none
}
.checkbox:focus-visible{
    outline:2px solid hsl(var(--bc));
    outline-offset:2px
}
.checkbox:checked,.checkbox[checked=true]{
    --tw-bg-opacity:1;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    animation:checkmark var(--animation-input,.2s)ease-in-out;
    background-repeat:no-repeat;
    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%)
}
.checkbox:indeterminate{
    --tw-bg-opacity:1;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    animation:checkmark var(--animation-input,.2s)ease-in-out;
    background-repeat:no-repeat;
    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%)
}
.checkbox-primary{
    --chkbg:var(--p);
    --chkfg:var(--pc);
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.checkbox-primary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.checkbox-primary:focus-visible{
    outline:2px solid hsl(var(--p))
}
.checkbox-primary:checked,.checkbox-primary[checked=true]{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.checkbox-secondary{
    --chkbg:var(--s);
    --chkfg:var(--sc);
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity))
}
.checkbox-secondary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity))
}
.checkbox-secondary:focus-visible{
    outline:2px solid hsl(var(--s))
}
.checkbox-secondary:checked,.checkbox-secondary[checked=true]{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.checkbox-accent{
    --chkbg:var(--a);
    --chkfg:var(--ac);
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity))
}
.checkbox-accent:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity))
}
.checkbox-accent:focus-visible{
    outline:2px solid hsl(var(--a))
}
.checkbox-accent:checked,.checkbox-accent[checked=true]{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.checkbox:disabled{
    cursor:not-allowed;
    --tw-bg-opacity:1;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    opacity:.2;
    border-color:#0000
}
.checkbox-success{
    --chkbg:var(--su);
    --chkfg:var(--suc);
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity))
}
.checkbox-success:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity))
}
.checkbox-success:focus-visible{
    outline:2px solid hsl(var(--su))
}
.checkbox-success:checked,.checkbox-success[checked=true],.checkbox-success[aria-checked=true]{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}
.checkbox-error{
    --chkbg:var(--er);
    --chkfg:var(--erc);
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity))
}
.checkbox-error:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity))
}
.checkbox-error:focus-visible{
    outline:2px solid hsl(var(--er))
}
.checkbox-error:checked,.checkbox-error[checked=true],.checkbox-error[aria-checked=true]{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}
@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:checked,body[dir=rtl] .checkbox[checked=true]{
    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%)
}
.collapse:focus-visible{
    outline:2px solid hsl(var(--nf));
    outline-offset:2px
}
.collapse-arrow .collapse-title:after{
    height:.5rem;
    width:.5rem;
    content:"";
    transform-origin:75% 75%;
    pointer-events:none;
    transition-property:all;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:block;
    position:absolute;
    top:1.4rem;
    right:1.4rem;
    transform:rotate(45deg);
    box-shadow:2px 2px
}
.collapse-plus .collapse-title:after{
    height:.5rem;
    width:.5rem;
    content:"+";
    pointer-events:none;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    display:block;
    position:absolute;
    top:.9rem;
    right:1.4rem
}
.collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox],.collapse:not(.collapse-open):not(.collapse-close) .collapse-title{
    cursor:pointer
}
.collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title{
    cursor:unset
}
.collapse-title,.collapse>input[type=checkbox]{
    width:100%;
    min-height:3.75rem;
    padding:1rem 3rem 1rem 1rem;
    transition:background-color .2s ease-in-out
}
.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;
    transition:padding .2s ease-in-out,background-color .2s ease-in-out
}
.collapse-open.collapse-arrow .collapse-title:after,.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,.collapse-arrow:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after{
    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:before,.divider:after{
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:.1
}
.divider:not(:empty){
    gap:1rem
}
.drawer.drawer-end .drawer-toggle:checked~.drawer-content{
    --tw-translate-x:-.5rem;
    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:.5rem;
    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:focus-visible~.drawer-content .drawer-button{
    outline:2px solid hsl(var(--nf));
    outline-offset:2px
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{
    outline:2px solid hsl(var(--p))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{
    outline:2px solid hsl(var(--s))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent{
    outline:2px solid hsl(var(--a))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info{
    outline:2px solid hsl(var(--in))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{
    outline:2px solid hsl(var(--su))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning{
    outline:2px solid hsl(var(--wa))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{
    outline:2px solid hsl(var(--er))
}
.drawer-toggle:focus-visible~.drawer-content .drawer-button.glass,.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost,.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link{
    outline:2px solid 
}
.dropdown.dropdown-open .dropdown-content,.dropdown.dropdown-hover:hover .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{
    --tw-scale-x:1;
    --tw-scale-y:1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}
.footer-title{
    text-transform:uppercase;
    opacity:.5;
    margin-bottom:.5rem;
    font-weight:700
}
.label-text{
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    font-size:.875rem;
    line-height:1.25rem
}
.label-text-alt{
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    font-size:.75rem;
    line-height:1rem
}
.label a:hover{
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity))
}
.input-bordered{
    --tw-border-opacity:.2
}
.input:focus{
    outline:2px solid hsla(var(--bc)/.2);
    outline-offset:2px
}
.input-ghost{
    --tw-bg-opacity:.05
}
.input-ghost:focus{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    box-shadow:none
}
.input-primary{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.input-primary:focus{
    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 hsl(var(--s))
}
.input-accent{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity))
}
.input-accent:focus{
    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 hsl(var(--in))
}
.input-success{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity))
}
.input-success:focus{
    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 hsl(var(--wa))
}
.input-error{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity))
}
.input-error:focus{
    outline:2px solid hsl(var(--er))
}
.input-disabled,.input[disabled]{
    cursor:not-allowed;
    --tw-border-opacity:1;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity:.2
}
.input-disabled::placeholder,.input[disabled]::placeholder{
    color:hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity:.2
}
.input::-webkit-calendar-picker-indicator{
    display:none
}
.link-primary{
    --tw-text-opacity:1;
    color:hsl(var(--p)/var(--tw-text-opacity))
}
.link-primary:hover{
    --tw-text-opacity:1;
    color:hsl(var(--pf,var(--p))/var(--tw-text-opacity))
}
.link-secondary{
    --tw-text-opacity:1;
    color:hsl(var(--s)/var(--tw-text-opacity))
}
.link-secondary:hover{
    --tw-text-opacity:1;
    color:hsl(var(--sf,var(--s))/var(--tw-text-opacity))
}
.link-accent{
    --tw-text-opacity:1;
    color:hsl(var(--a)/var(--tw-text-opacity))
}
.link-accent:hover{
    --tw-text-opacity:1;
    color:hsl(var(--af,var(--a))/var(--tw-text-opacity))
}
.link-neutral{
    --tw-text-opacity:1;
    color:hsl(var(--n)/var(--tw-text-opacity))
}
.link-neutral:hover{
    --tw-text-opacity:1;
    color:hsl(var(--nf,var(--n))/var(--tw-text-opacity))
}
.link:focus{
    outline-offset:2px;
    outline:2px solid #0000
}
.link:focus-visible{
    outline-offset:2px;
    outline:2px solid 
}
.mask-squircle{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+)
}
.mask-decagon{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGVjYWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZWNhZ29uIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDAgMTU0Ljc3ODUyNSAxOS4wOTgzMDA2IDE5MS4xMDU2NTIgNjkuMDk4MzAwNiAxOTEuMTA1NjUyIDEzMC45MDE2OTkgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDk2IDIwMCAzNy4yMjE0NzQ4IDE4MC45MDE2OTkgMC44OTQzNDgzNyAxMzAuOTAxNjk5IDAuODk0MzQ4MzcgNjkuMDk4MzAwNiAzNy4yMjE0NzQ4IDE5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGVjYWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZWNhZ29uIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDAgMTU0Ljc3ODUyNSAxOS4wOTgzMDA2IDE5MS4xMDU2NTIgNjkuMDk4MzAwNiAxOTEuMTA1NjUyIDEzMC45MDE2OTkgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDk2IDIwMCAzNy4yMjE0NzQ4IDE4MC45MDE2OTkgMC44OTQzNDgzNyAxMzAuOTAxNjk5IDAuODk0MzQ4MzcgNjkuMDk4MzAwNiAzNy4yMjE0NzQ4IDE5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)
}
.mask-diamond{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGlhbW9uZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkaWFtb25kIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjEwMCAwIDIwMCAxMDAgMTAwIDIwMCAwIDEwMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGlhbW9uZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkaWFtb25kIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjEwMCAwIDIwMCAxMDAgMTAwIDIwMCAwIDEwMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=)
}
.mask-heart{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTg1cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTg1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGVhcnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTAwLDE4NC42MDU1MzQgQzk2LjkxMjE3MTYsMTg0LjYwMTYzNSA5My44OTY5NzMzLDE4My42Njg1OTggOTEuMzQ2NjE4MiwxODEuOTI3NzkzIEM1My41NjQ5ODA0LDE1Ni4yODAxMjMgMzcuMjA1Mjc2NCwxMzguNjk0NTIzIDI4LjE4MTcxOTQsMTI3LjY5OTkxNyBDOC45NTE5NzYyNiwxMDQuMjYzNjY3IC0wLjI1NDI2MzI3Myw4MC4yMDI0NTEzIDAuMDA1MzM4MjU5MzEsNTQuMTQ2MTQ5MyBDMC4zMDgyMDY3MTQsMjQuMjg3MTY1NiAyNC4yNjM2NTkzLDAgNTMuNDA2MzM1LDAgQzc0LjU5NzUxMiwwIDg5LjI3NDYxMzQsMTEuOTM2ODYzMSA5Ny44MjIyMzQzLDIxLjg3ODY0MDMgQzk4LjM3MDA4MTIsMjIuNTA5NDMgOTkuMTY0NTE5NiwyMi44NzE2ODg5IDEwMCwyMi44NzE2ODg5IEMxMDAuODM1NDg2LDIyLjg3MTY4ODkgMTAxLjYyOTkyNCwyMi41MDk0MyAxMDIuMTc3NzcxLDIxLjg3ODY0MDMgQzExMC43MjUzOTIsMTEuOTI3MjQ4MiAxMjUuNDAyNDkzLDAgMTQ2LjU5MzY3LDAgQzE3NS43MzYzNDYsMCAxOTkuNjkxNzk5LDI0LjI4NzE2NTYgMTk5Ljk5NDY2Nyw1NC4xNTA5NTY3IEMyMDAuMjU0MjY5LDgwLjIxMjA2NjEgMTkxLjAzODQxNCwxMDQuMjczMjgyIDE3MS44MTgyODYsMTI3LjcwNDcyNCBDMTYyLjc5NDcyOSwxMzguNjk5MzMgMTQ2LjQzNTAyNSwxNTYuMjg0OTMgMTA4LjY1MzM4NywxODEuOTMyNiBDMTA2LjEwMjQ4NCwxODMuNjcxNzA0IDEwMy4wODczMjksMTg0LjYwMzA1MiAxMDAsMTg0LjYwNTUzNCBaIiBpZD0iaGVhcnQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTg1cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTg1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGVhcnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTAwLDE4NC42MDU1MzQgQzk2LjkxMjE3MTYsMTg0LjYwMTYzNSA5My44OTY5NzMzLDE4My42Njg1OTggOTEuMzQ2NjE4MiwxODEuOTI3NzkzIEM1My41NjQ5ODA0LDE1Ni4yODAxMjMgMzcuMjA1Mjc2NCwxMzguNjk0NTIzIDI4LjE4MTcxOTQsMTI3LjY5OTkxNyBDOC45NTE5NzYyNiwxMDQuMjYzNjY3IC0wLjI1NDI2MzI3Myw4MC4yMDI0NTEzIDAuMDA1MzM4MjU5MzEsNTQuMTQ2MTQ5MyBDMC4zMDgyMDY3MTQsMjQuMjg3MTY1NiAyNC4yNjM2NTkzLDAgNTMuNDA2MzM1LDAgQzc0LjU5NzUxMiwwIDg5LjI3NDYxMzQsMTEuOTM2ODYzMSA5Ny44MjIyMzQzLDIxLjg3ODY0MDMgQzk4LjM3MDA4MTIsMjIuNTA5NDMgOTkuMTY0NTE5NiwyMi44NzE2ODg5IDEwMCwyMi44NzE2ODg5IEMxMDAuODM1NDg2LDIyLjg3MTY4ODkgMTAxLjYyOTkyNCwyMi41MDk0MyAxMDIuMTc3NzcxLDIxLjg3ODY0MDMgQzExMC43MjUzOTIsMTEuOTI3MjQ4MiAxMjUuNDAyNDkzLDAgMTQ2LjU5MzY3LDAgQzE3NS43MzYzNDYsMCAxOTkuNjkxNzk5LDI0LjI4NzE2NTYgMTk5Ljk5NDY2Nyw1NC4xNTA5NTY3IEMyMDAuMjU0MjY5LDgwLjIxMjA2NjEgMTkxLjAzODQxNCwxMDQuMjczMjgyIDE3MS44MTgyODYsMTI3LjcwNDcyNCBDMTYyLjc5NDcyOSwxMzguNjk5MzMgMTQ2LjQzNTAyNSwxNTYuMjg0OTMgMTA4LjY1MzM4NywxODEuOTMyNiBDMTA2LjEwMjQ4NCwxODMuNjcxNzA0IDEwMy4wODczMjksMTg0LjYwMzA1MiAxMDAsMTg0LjYwNTUzNCBaIiBpZD0iaGVhcnQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)
}
.mask-hexagon{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)
}
.mask-hexagon-2{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)
}
.mask-circle{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+T3ZhbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+T3ZhbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.mask-parallelogram{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXJhbGxlbG9ncmFtIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjQ2LjE1Mzg0NjIgMCAyMDAgMCAxNTMuODQ2MTU0IDE1My44NDYxNTQgMCAxNTMuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXJhbGxlbG9ncmFtIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjQ2LjE1Mzg0NjIgMCAyMDAgMCAxNTMuODQ2MTU0IDE1My44NDYxNTQgMCAxNTMuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.mask-parallelogram-2{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNzYuOTIzMDc3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtNzYuOTIzMDc3KSAiIHBvaW50cz0iNDYuMTUzODQ2MiAwIDIwMCAwIDE1My44NDYxNTQgMTUzLjg0NjE1NCAwIDE1My44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNzYuOTIzMDc3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtNzYuOTIzMDc3KSAiIHBvaW50cz0iNDYuMTUzODQ2MiAwIDIwMCAwIDE1My44NDYxNTQgMTUzLjg0NjE1NCAwIDE1My44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)
}
.mask-parallelogram-3{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0zPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMyIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny4wMDAwMDAsIC0xMDAuOTIzMDc3KSAiIHBvaW50cz0iMjMuMTUzODQ2MiAyNCAxNzcgMjQgMTMwLjg0NjE1NCAxNzcuODQ2MTU0IC0yMyAxNzcuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0zPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMyIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny4wMDAwMDAsIC0xMDAuOTIzMDc3KSAiIHBvaW50cz0iMjMuMTUzODQ2MiAyNCAxNzcgMjQgMTMwLjg0NjE1NCAxNzcuODQ2MTU0IC0yMyAxNzcuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.mask-parallelogram-4{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS00PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tNCIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTEwMC45MjMwNzcpICIgcG9pbnRzPSIyMy4xNTM4NDYyIDI0IDE3NyAyNCAxMzAuODQ2MTU0IDE3Ny44NDYxNTQgLTIzIDE3Ny44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS00PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tNCIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTEwMC45MjMwNzcpICIgcG9pbnRzPSIyMy4xNTM4NDYyIDI0IDE3NyAyNCAxMzAuODQ2MTU0IDE3Ny44NDYxNTQgLTIzIDE3Ny44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)
}
.mask-pentagon{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgxcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGVudGFnb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0icGVudGFnb24iIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iOTYgMCAxOTEuMTA1NjUyIDY5LjA5ODMwMDYgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDM3LjIyMTQ3NDggMTgwLjkwMTY5OSAwLjg5NDM0ODM3IDY5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgxcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGVudGFnb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0icGVudGFnb24iIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iOTYgMCAxOTEuMTA1NjUyIDY5LjA5ODMwMDYgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDM3LjIyMTQ3NDggMTgwLjkwMTY5OSAwLjg5NDM0ODM3IDY5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)
}
.mask-square{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3F1YXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9InNxdWFyZSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3F1YXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9InNxdWFyZSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+)
}
.mask-star{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJzdGFyIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDEzNy4yNjMzOTMgMzcuMjIxNDc0OCAxNzkuMjg2NTA2IDU5LjM4NDMyNDEgMTEwLjg5ODA3MyAwLjg5NDM0ODM3IDY4LjQ4MTM1MTUgNzMuMzcwMjY3OCA2OC4yMzgwODgyIDk2IDAgMTE4LjYyOTczMiA2OC4yMzgwODgyIDE5MS4xMDU2NTIgNjguNDgxMzUxNSAxMzIuNjE1Njc2IDExMC44OTgwNzMgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJzdGFyIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDEzNy4yNjMzOTMgMzcuMjIxNDc0OCAxNzkuMjg2NTA2IDU5LjM4NDMyNDEgMTEwLjg5ODA3MyAwLjg5NDM0ODM3IDY4LjQ4MTM1MTUgNzMuMzcwMjY3OCA2OC4yMzgwODgyIDk2IDAgMTE4LjYyOTczMiA2OC4yMzgwODgyIDE5MS4xMDU2NTIgNjguNDgxMzUxNSAxMzIuNjE1Njc2IDExMC44OTgwNzMgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.mask-star-2{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3Rhci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InN0YXItMiIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5NiAxNTMuMDQzNjYxIDM3LjIyMTQ3NDggMTc5LjI4NjUwNiA0NC4yNDExOTA0IDExNS43NzQ0NDQgMC44OTQzNDgzNyA2OC40ODEzNTE1IDY0LjAxMTI5NjUgNTUuNDcxNTgyOCA5NiAwIDEyNy45ODg3MDQgNTUuNDcxNTgyOCAxOTEuMTA1NjUyIDY4LjQ4MTM1MTUgMTQ3Ljc1ODgxIDExNS43NzQ0NDQgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3Rhci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InN0YXItMiIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5NiAxNTMuMDQzNjYxIDM3LjIyMTQ3NDggMTc5LjI4NjUwNiA0NC4yNDExOTA0IDExNS43NzQ0NDQgMC44OTQzNDgzNyA2OC40ODEzNTE1IDY0LjAxMTI5NjUgNTUuNDcxNTgyOCA5NiAwIDEyNy45ODg3MDQgNTUuNDcxNTgyOCAxOTEuMTA1NjUyIDY4LjQ4MTM1MTUgMTQ3Ljc1ODgxIDExNS43NzQ0NDQgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.mask-triangle{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTQ5cHgiIHZpZXdCb3g9IjAgMCAxNzQgMTQ5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iODcgMTQ4LjQ3NjE3NyAwLjM5NzQ1OTYyMiAxNDguNjYwNzE0IDQzLjg1OTk4MzcgNzQuNDIyNjI1OSA4NyAyLjg0MjE3MDk0ZS0xNCAxMzAuMTQwMDE2IDc0LjQyMjYyNTkgMTczLjYwMjU0IDE0OC42NjA3MTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTQ5cHgiIHZpZXdCb3g9IjAgMCAxNzQgMTQ5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iODcgMTQ4LjQ3NjE3NyAwLjM5NzQ1OTYyMiAxNDguNjYwNzE0IDQzLjg1OTk4MzcgNzQuNDIyNjI1OSA4NyAyLjg0MjE3MDk0ZS0xNCAxMzAuMTQwMDE2IDc0LjQyMjYyNTkgMTczLjYwMjU0IDE0OC42NjA3MTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)
}
.mask-triangle-2{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNzQgMTUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtYm90dG9tPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InRyaWFuZ2xlLWJvdHRvbSIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA1MC4xMDcxNDMpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC04Ny4wMDAwMDAsIC01MC4xMDcxNDMpICIgcG9pbnRzPSI4NyA5OS40NzYxNzY4IDAuMzk3NDU5NjIyIDk5LjY2MDcxNDMgNDMuODU5OTgzNyAyNS40MjI2MjU5IDg3IC00OSAxMzAuMTQwMDE2IDI1LjQyMjYyNTkgMTczLjYwMjU0IDk5LjY2MDcxNDMiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNzQgMTUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtYm90dG9tPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InRyaWFuZ2xlLWJvdHRvbSIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA1MC4xMDcxNDMpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC04Ny4wMDAwMDAsIC01MC4xMDcxNDMpICIgcG9pbnRzPSI4NyA5OS40NzYxNzY4IDAuMzk3NDU5NjIyIDk5LjY2MDcxNDMgNDMuODU5OTgzNyAyNS40MjI2MjU5IDg3IC00OSAxMzAuMTQwMDE2IDI1LjQyMjYyNTkgMTczLjYwMjU0IDk5LjY2MDcxNDMiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)
}
.mask-triangle-3{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJ0cmlhbmdsZS1sZWZ0IiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA4Ny4xMDcxNDMpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMC4wMDAwMDAsIC04Ny4xMDcxNDMpICIgcG9pbnRzPSIxMDAgMTM2LjQ3NjE3NyAxMy4zOTc0NTk2IDEzNi42NjA3MTQgNTYuODU5OTgzNyA2Mi40MjI2MjU5IDEwMCAtMTIgMTQzLjE0MDAxNiA2Mi40MjI2MjU5IDE4Ni42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJ0cmlhbmdsZS1sZWZ0IiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA4Ny4xMDcxNDMpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMC4wMDAwMDAsIC04Ny4xMDcxNDMpICIgcG9pbnRzPSIxMDAgMTM2LjQ3NjE3NyAxMy4zOTc0NTk2IDEzNi42NjA3MTQgNTYuODU5OTgzNyA2Mi40MjI2MjU5IDEwMCAtMTIgMTQzLjE0MDAxNiA2Mi40MjI2MjU5IDE4Ni42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.mask-triangle-4{
    -webkit-mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
    mask-image:url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)
}
.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{
    --tw-border-opacity:1;
    border-bottom-width:4px;
    border-left-width:0;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.menu[class*=p-] li *,.menu[class*=p-] li button{
    border-radius:var(--rounded-btn,.5rem)
}
.menu :where(li.bordered>*){
    --tw-border-opacity:1;
    border-left-width:4px;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.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){
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:.1
}
.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;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.menu :where(li:empty){
    height:1px;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:.1;
    margin:.5rem 1rem
}
.menu li.disabled>*{
    -webkit-user-select:none;
    user-select:none;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    --tw-text-opacity:.2
}
.menu li.disabled>:hover{
    background-color:#0000
}
.menu li.hover-bordered a{
    border-color:#0000;
    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{
    padding-top:.5rem;
    padding-bottom:.5rem;
    font-size:.875rem;
    line-height:1.25rem
}
.menu .menu-title>*{
    color:hsl(var(--bc)/var(--tw-text-opacity));
    --tw-text-opacity:.4;
    padding-top:.25rem;
    padding-bottom:.25rem;
    font-size:.75rem;
    font-weight:700;
    line-height:1rem
}
.menu :where(li:not(.disabled))>:where(:not(ul)){
    outline-offset:2px;
    outline:2px solid #0000;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.menu>:where(li:first-child){
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:unset
}
.menu>:where(li:first-child)>:where(:not(ul)){
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:unset
}
.menu>:where(li:last-child){
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.menu>:where(li:last-child)>:where(:not(ul)){
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.menu>:where(li)>:where(ul) :where(li){
    width:100%;
    white-space:nowrap
}
.menu>:where(li)>:where(ul) :where(li) :where(ul){
    padding-left:1rem
}
.menu>:where(li)>:where(ul) :where(li) :where(:not(ul)){
    width:100%;
    white-space:nowrap
}
.menu>:where(li)>:where(ul)>:where(li:first-child){
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:unset
}
.menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)){
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:unset
}
.menu>:where(li)>:where(ul)>:where(li:last-child){
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)){
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.mockup-code:before{
    content:"";
    height:.75rem;
    width:.75rem;
    opacity:.3;
    border-radius:9999px;
    margin-bottom:1rem;
    display:block;
    box-shadow:1.4em 0,2.8em 0,4.2em 0
}
.mockup-code pre{
    padding-right:1.25rem
}
.mockup-code pre:before{
    content:"";
    margin-right:2ch
}
.mockup-window:before{
    content:"";
    height:.75rem;
    width:.75rem;
    opacity:.3;
    border-radius:9999px;
    margin-bottom:1rem;
    display:block;
    box-shadow:1.4em 0,2.8em 0,4.2em 0
}
.mockup-phone{
    background-color:#000;
    border-radius:50px;
    border:4px solid #444;
    margin:0 auto;
    padding:10px;
    display:inline-block;
    overflow:hidden
}
.mockup-phone .camera{
    height:25px;
    width:150px;
    z-index:11;
    background:#000;
    border-bottom-left-radius:17px;
    border-bottom-right-radius:17px;
    margin:0 auto;
    position:relative;
    top:0;
    left:0
}
.mockup-phone .camera:before{
    content:"";
    width:50px;
    height:4px;
    background-color:#0c0b0e;
    border-radius:5px;
    position:absolute;
    top:35%;
    left:50%;
    transform:translate(-50%,-50%)
}
.mockup-phone .camera:after{
    content:"";
    width:8px;
    height:8px;
    background-color:#0f0b25;
    border-radius:5px;
    position:absolute;
    top:20%;
    left:70%
}
.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;
    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-right:calc(.5rem*var(--tw-space-x-reverse));
    margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))
}
.progress::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--n)/var(--tw-bg-opacity))
}
.progress-primary::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity))
}
.progress-secondary::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity))
}
.progress-accent::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity))
}
.progress-info::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity))
}
.progress-success::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity))
}
.progress-warning::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity))
}
.progress-error::-moz-progress-bar{
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity))
}
.progress::-webkit-progress-bar{
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-bg-opacity:.2;
    border-radius:var(--rounded-box,1rem)
}
.progress::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--nf,var(--n))/var(--tw-bg-opacity));
    border-radius:var(--rounded-box,1rem)
}
.progress-primary::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity))
}
.progress-secondary::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity))
}
.progress-accent::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity))
}
.progress-info::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity))
}
.progress-success::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity))
}
.progress-warning::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity))
}
.progress-error::-webkit-progress-value{
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity))
}
.radio:focus-visible{
    outline:2px solid hsl(var(--bc));
    outline-offset:2px
}
.radio:checked{
    --tw-bg-opacity:1;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    animation:radiomark var(--animation-input,.2s)ease-in-out;
    box-shadow:0 0 0 4px hsl(var(--b1))inset,0 0 0 4px hsl(var(--b1))inset
}
.radio-primary{
    --chkbg:var(--p);
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.radio-primary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.radio-primary:focus-visible{
    outline:2px solid hsl(var(--p))
}
.radio-primary:checked{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.radio-secondary{
    --chkbg:var(--s);
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity))
}
.radio-secondary:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity))
}
.radio-secondary:focus-visible{
    outline:2px solid hsl(var(--s))
}
.radio-secondary:checked{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.radio-accent{
    --chkbg:var(--a);
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity))
}
.radio-accent:hover{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity))
}
.radio-accent:focus-visible{
    outline:2px solid hsl(var(--a))
}
.radio-accent:checked{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.radio:disabled{
    cursor:not-allowed;
    opacity:.2
}
@keyframes radiomark{
    0%{
        box-shadow:0 0 0 12px hsl(var(--b1))inset,0 0 0 12px hsl(var(--b1))inset
    }
    50%{
        box-shadow:0 0 0 3px hsl(var(--b1))inset,0 0 0 3px hsl(var(--b1))inset
    }
    to{
        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{
    height:.5rem;
    width:100%;
    border-radius:var(--rounded-box,1rem);
    background-color:hsla(var(--bc)/.1)
}
.range::-moz-range-track{
    height:.5rem;
    width:100%;
    border-radius:var(--rounded-box,1rem);
    background-color:hsla(var(--bc)/.1)
}
.range::-webkit-slider-thumb{
    background-color:hsl(var(--b1));
    height:1.5rem;
    width:1.5rem;
    border-radius:var(--rounded-box,1rem);
    -webkit-appearance:none;
    color:hsl(var(--range-shdw));
    --filler-size:100rem;
    --filler-offset:.6rem;
    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);
    border-style:none;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    position:relative;
    top:50%;
    transform:translateY(-50%)
}
.range::-moz-range-thumb{
    background-color:hsl(var(--b1));
    height:1.5rem;
    width:1.5rem;
    border-radius:var(--rounded-box,1rem);
    color:hsl(var(--range-shdw));
    --filler-size:100rem;
    --filler-offset:.5rem;
    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);
    border-style:none;
    transition-property:all;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    position:relative;
    top:50%
}
.range-primary{
    --range-shdw:var(--p)
}
.range-secondary{
    --range-shdw:var(--s)
}
.range-accent{
    --range-shdw:var(--a)
}
.rating input{
    -webkit-appearance:none;
    appearance:none
}
.rating .rating-hidden{
    width:.5rem;
    background-color:#0000
}
.rating input:checked~input{
    --tw-bg-opacity:.2
}
.rating input:focus-visible{
    transition-property:transform;
    transition-duration:.3s;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transform:translateY(-.125em)
}
.rating input:active:focus{
    animation:none;
    transform:translateY(-.125em)
}
.rating-half :where(input:not(.rating-hidden)){
    width:.75rem
}
@keyframes rating-pop{
    0%{
        transform:translateY(-.125em)
    }
    40%{
        transform:translateY(-.125em)
    }
    to{
        transform:translateY(0)
    }
}
.select-bordered{
    --tw-border-opacity:.2
}
.select:focus{
    outline:2px solid hsla(var(--bc)/.2);
    outline-offset:2px
}
.select-ghost{
    --tw-bg-opacity:.05
}
.select-ghost:focus{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    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 hsl(var(--p))
}
.select-secondary{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity))
}
.select-secondary:focus{
    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 hsl(var(--a))
}
.select-info{
    --tw-border-opacity:1;
    border-color:hsl(var(--in)/var(--tw-border-opacity))
}
.select-info:focus{
    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 hsl(var(--su))
}
.select-warning{
    --tw-border-opacity:1;
    border-color:hsl(var(--wa)/var(--tw-border-opacity))
}
.select-warning:focus{
    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 hsl(var(--er))
}
.select-disabled::placeholder,.select[disabled]::placeholder{
    color:hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity:.2
}
.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;
    border-right-width:calc(1px*var(--tw-divide-x-reverse));
    border-left-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)));
    --tw-divide-y-reverse:0;
    border-top-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(0px*var(--tw-divide-y-reverse))
}
.steps .step:before{
    height:.5rem;
    width:100%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    --tw-bg-opacity:1;
    background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    content:"";
    grid-row-start:1;
    grid-column-start:1;
    margin-left:-100%;
    top:0
}
.steps .step:after{
    content:counter(step);
    counter-increment:step;
    z-index:1;
    height:2rem;
    width:2rem;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    border-radius:9999px;
    grid-row-start:1;
    grid-column-start:1;
    place-self:center;
    place-items:center;
    display:grid;
    position:relative
}
.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;
    background-color:hsl(var(--n)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--nc)/var(--tw-text-opacity))
}
.steps .step-primary+.step-primary:before,.steps .step-primary:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.steps .step-accent+.step-accent:before,.steps .step-accent:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.steps .step-info+.step-info:before{
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity))
}
.steps .step-info:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}
.steps .step-success+.step-success:before{
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity))
}
.steps .step-success:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}
.steps .step-warning+.step-warning:before{
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity))
}
.steps .step-warning:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}
.steps .step-error+.step-error:before{
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity))
}
.steps .step-error:after{
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}
.swap-rotate .swap-on,.swap-rotate .swap-indeterminate,.swap-rotate input:indeterminate~.swap-on{
    --tw-rotate:45deg;
    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.swap-active .swap-off,.swap-rotate input:indeterminate~.swap-off{
    --tw-rotate:-45deg;
    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.swap-active .swap-on,.swap-rotate input:indeterminate~.swap-indeterminate{
    --tw-rotate:0deg;
    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{
    transform-style:preserve-3d;
    perspective:16em
}
.swap-flip .swap-on,.swap-flip .swap-indeterminate,.swap-flip input:indeterminate~.swap-on{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    opacity:1;
    transform:rotateY(180deg)
}
.swap-flip input:checked~.swap-off,.swap-flip.swap-active .swap-off,.swap-flip input:indeterminate~.swap-off{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    opacity:1;
    transform:rotateY(180deg)
}
.swap-flip input:checked~.swap-on,.swap-flip.swap-active .swap-on,.swap-flip input:indeterminate~.swap-indeterminate{
    transform:rotateY(0deg)
}
.tab:hover{
    --tw-text-opacity:1
}
.tab.tab-active{
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:1;
    --tw-text-opacity:1
}
.tab:focus{
    outline-offset:2px;
    outline:2px solid #0000
}
.tab:focus-visible{
    outline-offset:-3px;
    border-bottom-right-radius:var(--tab-radius,.5rem);
    border-bottom-left-radius:var(--tab-radius,.5rem);
    outline:2px solid 
}
.tab-bordered{
    border-color:hsl(var(--bc)/var(--tw-border-opacity));
    --tw-border-opacity:.2;
    border-style:solid;
    border-bottom-width:calc(var(--tab-border,1px) + 1px)
}
.tab-lifted{
    border:var(--tab-border,1px)solid transparent;
    border-width:0 0 var(--tab-border,1px)0;
    border-top-left-radius:var(--tab-radius,.5rem);
    border-top-right-radius:var(--tab-radius,.5rem);
    border-bottom-color:var(--tab-border-color);
    padding-left:var(--tab-padding,1rem);
    padding-right:var(--tab-padding,1rem);
    padding-top:var(--tab-border,1px)
}
.tab-lifted.tab-active{
    background-color:var(--tab-bg);
    border-width:var(--tab-border,1px)var(--tab-border,1px)0 var(--tab-border,1px);
    border-left-color:var(--tab-border-color);
    border-right-color:var(--tab-border-color);
    border-top-color:var(--tab-border-color);
    padding-left:calc(var(--tab-padding,1rem) - var(--tab-border,1px));
    padding-right:calc(var(--tab-padding,1rem) - var(--tab-border,1px));
    padding-bottom:var(--tab-border,1px);
    padding-top:0
}
.tab-lifted.tab-active:before,.tab-lifted.tab-active:after{
    z-index:1;
    content:"";
    width:var(--tab-radius,.5rem);
    height:var(--tab-radius,.5rem);
    --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) + .3px),var(--tab-border-color)calc(var(--tab-grad) + var(--tab-border,1px)),var(--tab-bg)calc(var(--tab-grad) + var(--tab-border,1px) + .3px));
    display:block;
    position:absolute;
    bottom:0
}
.tab-lifted.tab-active:before{
    left:calc(var(--tab-radius,.5rem)*-1);
    --circle-pos:top left;
    background-image:var(--tab-corner-bg)
}
[dir=rtl] .tab-lifted.tab-active:before{
    --circle-pos:top right
}
.tab-lifted.tab-active:after{
    right:calc(var(--tab-radius,.5rem)*-1);
    --circle-pos:top right;
    background-image:var(--tab-corner-bg)
}
[dir=rtl] .tab-lifted.tab-active:after{
    --circle-pos:top left
}
.tab-lifted.tab-active:first-child:before,.tab-lifted.tab-active:last-child:after,.tab-lifted.tab-active+.tab-lifted.tab-active:before{
    background:0 0
}
.tabs-boxed{
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    border-radius:var(--rounded-btn,.5rem);
    padding:.25rem
}
.tabs-boxed .tab-active{
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity));
    border-radius:var(--rounded-btn,.5rem)
}
.tabs-boxed .tab-active:hover{
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.table :where(th,td){
    vertical-align:middle;
    padding:1rem
}
.table tr.active th,.table tr.active td,.table tr.active:nth-child(2n) th,.table tr.active:nth-child(2n) td,.table tr.hover:hover th,.table tr.hover:hover td,.table tr.hover:nth-child(2n):hover th,.table tr.hover:nth-child(2n):hover td{
    --tw-bg-opacity:1;
    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(var(--b2,var(--b1))/var(--tw-bg-opacity));
    text-transform:uppercase;
    font-size:.75rem;
    font-weight:700;
    line-height:1rem
}
.table :where(thead,tfoot) :where(th,td):first-child{
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.table :where(thead,tfoot) :where(th,td):last-child{
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.table :where(tbody th,tbody td){
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity))
}
.table-zebra tbody tr th:first-child,.table-zebra tbody tr td:first-child{
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.table-zebra tbody tr th:last-child,.table-zebra tbody tr td:last-child{
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.table-zebra tbody tr:nth-child(2n) th,.table-zebra tbody tr:nth-child(2n) td{
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity))
}
.textarea-bordered{
    --tw-border-opacity:.2
}
.textarea:focus{
    outline:2px solid hsla(var(--bc)/.2);
    outline-offset:2px
}
.textarea-ghost{
    --tw-bg-opacity:.05
}
.textarea-ghost:focus{
    --tw-bg-opacity:1;
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    box-shadow:none
}
.textarea-primary{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity))
}
.textarea-primary:focus{
    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 hsl(var(--s))
}
.textarea-accent{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity))
}
.textarea-accent:focus{
    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 hsl(var(--in))
}
.textarea-success{
    --tw-border-opacity:1;
    border-color:hsl(var(--su)/var(--tw-border-opacity))
}
.textarea-success:focus{
    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 hsl(var(--wa))
}
.textarea-error{
    --tw-border-opacity:1;
    border-color:hsl(var(--er)/var(--tw-border-opacity))
}
.textarea-error:focus{
    outline:2px solid hsl(var(--er))
}
.textarea-disabled,.textarea[disabled]{
    cursor:not-allowed;
    --tw-border-opacity:1;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity:.2
}
.textarea-disabled::placeholder,.textarea[disabled]::placeholder{
    color:hsl(var(--bc)/var(--tw-placeholder-opacity));
    --tw-placeholder-opacity:.2
}
.toggle:focus-visible{
    outline:2px solid hsl(var(--bc));
    outline-offset:2px
}
.toggle:checked,.toggle[checked=true]{
    --chkbg:hsl(var(--bc));
    --tw-border-opacity:1;
    --tw-bg-opacity:1;
    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[checked=true]{
    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;
    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{
    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 hsl(var(--p))
}
.toggle-primary:checked,.toggle-primary[checked=true]{
    --chkbg:hsl(var(--p));
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-border-opacity:.1;
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.toggle-secondary:focus-visible{
    outline:2px solid hsl(var(--s))
}
.toggle-secondary:checked,.toggle-secondary[checked=true]{
    --chkbg:hsl(var(--s));
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-border-opacity:.1;
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.toggle-accent:focus-visible{
    outline:2px solid hsl(var(--a))
}
.toggle-accent:checked,.toggle-accent[checked=true]{
    --chkbg:hsl(var(--a));
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-border-opacity:.1;
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.toggle:disabled{
    cursor:not-allowed;
    background-color:hsl(var(--bc)/var(--tw-bg-opacity));
    --tw-bg-opacity:.2;
    border-color:#0000
}
.toggle-mark{
    display:none
}
.tooltip:before,.tooltip:after{
    opacity:0;
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;
    transition-duration:.2s;
    transition-delay:.1s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.tooltip:after{
    content:"";
    border-style:solid;
    border-width:var(--tooltip-tail,0);
    width:0;
    height:0;
    border-color:var(--tooltip-color)transparent transparent transparent;
    top:auto;
    left:50%;
    right:auto;
    bottom:var(--tooltip-tail-offset);
    display:block;
    position:absolute;
    transform:translate(-50%)
}
.tooltip.tooltip-open:before,.tooltip.tooltip-open:after,.tooltip:hover:before,.tooltip:hover:after{
    opacity:1;
    transition-delay:75ms
}
.tooltip-bottom:after{
    border-color:transparent transparent var(--tooltip-color)transparent;
    top:var(--tooltip-tail-offset);
    bottom:auto;
    left:50%;
    right:auto;
    transform:translate(-50%)
}
.tooltip-left:after{
    border-color:transparent transparent transparent var(--tooltip-color);
    top:50%;
    left:auto;
    right:calc(var(--tooltip-tail-offset) + 1px);
    bottom:auto;
    transform:translateY(-50%)
}
.tooltip-right:after{
    border-color:transparent var(--tooltip-color)transparent transparent;
    top:50%;
    left:calc(var(--tooltip-tail-offset) + 1px);
    bottom:auto;
    right:auto;
    transform:translateY(-50%)
}
.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:var(--rounded-badge);
    padding:2px 8px
}
.prose code:after,.prose code:before{
    content:none
}
.prose pre code{
    border-radius:none;
    padding:0
}
.prose :where(tbody tr,thead):not(:where([class~=not-prose] *)){
    border-bottom-color:hsl(var(--bc)/20%)
}
.animate-none{
    animation:none
}
@keyframes spin{
    to{
        transform:rotate(360deg)
    }
}
.animate-spin{
    animation:spin 1s linear infinite
}
@keyframes ping{
    75%,to{
        opacity:0;
        transform:scale(2)
    }
}
.animate-ping{
    animation:ping 1s cubic-bezier(0,0,.2,1) infinite
}
@keyframes pulse{
    50%{
        opacity:.5
    }
}
.animate-pulse{
    animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}
@keyframes bounce{
    0%,to{
        animation-timing-function:cubic-bezier(.8,0,1,1);
        transform:translateY(-25%)
    }
    50%{
        animation-timing-function:cubic-bezier(0,0,.2,1);
        transform:none
    }
}
.animate-bounce{
    animation:bounce 1s infinite
}
.divide-transparent>:not([hidden])~:not([hidden]){
    border-color:#0000
}
.divide-current>:not([hidden])~:not([hidden]){
    border-color:currentColor
}
.divide-primary>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--p))
}
.divide-primary-focus>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--pf,var(--p)))
}
.divide-primary-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--pc))
}
.divide-secondary>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--s))
}
.divide-secondary-focus>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--sf,var(--s)))
}
.divide-secondary-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--sc))
}
.divide-accent>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--a))
}
.divide-accent-focus>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--af,var(--a)))
}
.divide-accent-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--ac))
}
.divide-neutral>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--n))
}
.divide-neutral-focus>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--nf,var(--n)))
}
.divide-neutral-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--nc))
}
.divide-base-100>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--b1))
}
.divide-base-200>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--b2,var(--b1)))
}
.divide-base-300>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--b3,var(--b2)))
}
.divide-base-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--bc))
}
.divide-info>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--in))
}
.divide-info-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--inc,var(--nc)))
}
.divide-success>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--su))
}
.divide-success-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--suc,var(--nc)))
}
.divide-warning>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--wa))
}
.divide-warning-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--wac,var(--nc)))
}
.divide-error>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--er))
}
.divide-error-content>:not([hidden])~:not([hidden]){
    border-color:hsl(var(--erc,var(--nc)))
}
.border-transparent{
    border-color:#0000
}
.border-current{
    border-color:currentColor
}
.border-primary{
    border-color:hsl(var(--p))
}
.border-primary-focus{
    border-color:hsl(var(--pf,var(--p)))
}
.border-primary-content{
    border-color:hsl(var(--pc))
}
.border-secondary{
    border-color:hsl(var(--s))
}
.border-secondary-focus{
    border-color:hsl(var(--sf,var(--s)))
}
.border-secondary-content{
    border-color:hsl(var(--sc))
}
.border-accent{
    border-color:hsl(var(--a))
}
.border-accent-focus{
    border-color:hsl(var(--af,var(--a)))
}
.border-accent-content{
    border-color:hsl(var(--ac))
}
.border-neutral{
    border-color:hsl(var(--n))
}
.border-neutral-focus{
    border-color:hsl(var(--nf,var(--n)))
}
.border-neutral-content{
    border-color:hsl(var(--nc))
}
.border-base-100{
    border-color:hsl(var(--b1))
}
.border-base-200{
    border-color:hsl(var(--b2,var(--b1)))
}
.border-base-300{
    border-color:hsl(var(--b3,var(--b2)))
}
.border-base-content{
    border-color:hsl(var(--bc))
}
.border-info{
    border-color:hsl(var(--in))
}
.border-info-content{
    border-color:hsl(var(--inc,var(--nc)))
}
.border-success{
    border-color:hsl(var(--su))
}
.border-success-content{
    border-color:hsl(var(--suc,var(--nc)))
}
.border-warning{
    border-color:hsl(var(--wa))
}
.border-warning-content{
    border-color:hsl(var(--wac,var(--nc)))
}
.border-error{
    border-color:hsl(var(--er))
}
.border-error-content{
    border-color:hsl(var(--erc,var(--nc)))
}
.border-x-transparent{
    border-left-color:#0000;
    border-right-color:#0000
}
.border-x-current{
    border-left-color:currentColor;
    border-right-color:currentColor
}
.border-x-primary{
    border-left-color:hsl(var(--p));
    border-right-color:hsl(var(--p))
}
.border-x-primary-focus{
    border-left-color:hsl(var(--pf,var(--p)));
    border-right-color:hsl(var(--pf,var(--p)))
}
.border-x-primary-content{
    border-left-color:hsl(var(--pc));
    border-right-color:hsl(var(--pc))
}
.border-x-secondary{
    border-left-color:hsl(var(--s));
    border-right-color:hsl(var(--s))
}
.border-x-secondary-focus{
    border-left-color:hsl(var(--sf,var(--s)));
    border-right-color:hsl(var(--sf,var(--s)))
}
.border-x-secondary-content{
    border-left-color:hsl(var(--sc));
    border-right-color:hsl(var(--sc))
}
.border-x-accent{
    border-left-color:hsl(var(--a));
    border-right-color:hsl(var(--a))
}
.border-x-accent-focus{
    border-left-color:hsl(var(--af,var(--a)));
    border-right-color:hsl(var(--af,var(--a)))
}
.border-x-accent-content{
    border-left-color:hsl(var(--ac));
    border-right-color:hsl(var(--ac))
}
.border-x-neutral{
    border-left-color:hsl(var(--n));
    border-right-color:hsl(var(--n))
}
.border-x-neutral-focus{
    border-left-color:hsl(var(--nf,var(--n)));
    border-right-color:hsl(var(--nf,var(--n)))
}
.border-x-neutral-content{
    border-left-color:hsl(var(--nc));
    border-right-color:hsl(var(--nc))
}
.border-x-base-100{
    border-left-color:hsl(var(--b1));
    border-right-color:hsl(var(--b1))
}
.border-x-base-200{
    border-left-color:hsl(var(--b2,var(--b1)));
    border-right-color:hsl(var(--b2,var(--b1)))
}
.border-x-base-300{
    border-left-color:hsl(var(--b3,var(--b2)));
    border-right-color:hsl(var(--b3,var(--b2)))
}
.border-x-base-content{
    border-left-color:hsl(var(--bc));
    border-right-color:hsl(var(--bc))
}
.border-x-info{
    border-left-color:hsl(var(--in));
    border-right-color:hsl(var(--in))
}
.border-x-info-content{
    border-left-color:hsl(var(--inc,var(--nc)));
    border-right-color:hsl(var(--inc,var(--nc)))
}
.border-x-success{
    border-left-color:hsl(var(--su));
    border-right-color:hsl(var(--su))
}
.border-x-success-content{
    border-left-color:hsl(var(--suc,var(--nc)));
    border-right-color:hsl(var(--suc,var(--nc)))
}
.border-x-warning{
    border-left-color:hsl(var(--wa));
    border-right-color:hsl(var(--wa))
}
.border-x-warning-content{
    border-left-color:hsl(var(--wac,var(--nc)));
    border-right-color:hsl(var(--wac,var(--nc)))
}
.border-x-error{
    border-left-color:hsl(var(--er));
    border-right-color:hsl(var(--er))
}
.border-x-error-content{
    border-left-color:hsl(var(--erc,var(--nc)));
    border-right-color:hsl(var(--erc,var(--nc)))
}
.border-y-transparent{
    border-top-color:#0000;
    border-bottom-color:#0000
}
.border-y-current{
    border-top-color:currentColor;
    border-bottom-color:currentColor
}
.border-y-primary{
    border-top-color:hsl(var(--p));
    border-bottom-color:hsl(var(--p))
}
.border-y-primary-focus{
    border-top-color:hsl(var(--pf,var(--p)));
    border-bottom-color:hsl(var(--pf,var(--p)))
}
.border-y-primary-content{
    border-top-color:hsl(var(--pc));
    border-bottom-color:hsl(var(--pc))
}
.border-y-secondary{
    border-top-color:hsl(var(--s));
    border-bottom-color:hsl(var(--s))
}
.border-y-secondary-focus{
    border-top-color:hsl(var(--sf,var(--s)));
    border-bottom-color:hsl(var(--sf,var(--s)))
}
.border-y-secondary-content{
    border-top-color:hsl(var(--sc));
    border-bottom-color:hsl(var(--sc))
}
.border-y-accent{
    border-top-color:hsl(var(--a));
    border-bottom-color:hsl(var(--a))
}
.border-y-accent-focus{
    border-top-color:hsl(var(--af,var(--a)));
    border-bottom-color:hsl(var(--af,var(--a)))
}
.border-y-accent-content{
    border-top-color:hsl(var(--ac));
    border-bottom-color:hsl(var(--ac))
}
.border-y-neutral{
    border-top-color:hsl(var(--n));
    border-bottom-color:hsl(var(--n))
}
.border-y-neutral-focus{
    border-top-color:hsl(var(--nf,var(--n)));
    border-bottom-color:hsl(var(--nf,var(--n)))
}
.border-y-neutral-content{
    border-top-color:hsl(var(--nc));
    border-bottom-color:hsl(var(--nc))
}
.border-y-base-100{
    border-top-color:hsl(var(--b1));
    border-bottom-color:hsl(var(--b1))
}
.border-y-base-200{
    border-top-color:hsl(var(--b2,var(--b1)));
    border-bottom-color:hsl(var(--b2,var(--b1)))
}
.border-y-base-300{
    border-top-color:hsl(var(--b3,var(--b2)));
    border-bottom-color:hsl(var(--b3,var(--b2)))
}
.border-y-base-content{
    border-top-color:hsl(var(--bc));
    border-bottom-color:hsl(var(--bc))
}
.border-y-info{
    border-top-color:hsl(var(--in));
    border-bottom-color:hsl(var(--in))
}
.border-y-info-content{
    border-top-color:hsl(var(--inc,var(--nc)));
    border-bottom-color:hsl(var(--inc,var(--nc)))
}
.border-y-success{
    border-top-color:hsl(var(--su));
    border-bottom-color:hsl(var(--su))
}
.border-y-success-content{
    border-top-color:hsl(var(--suc,var(--nc)));
    border-bottom-color:hsl(var(--suc,var(--nc)))
}
.border-y-warning{
    border-top-color:hsl(var(--wa));
    border-bottom-color:hsl(var(--wa))
}
.border-y-warning-content{
    border-top-color:hsl(var(--wac,var(--nc)));
    border-bottom-color:hsl(var(--wac,var(--nc)))
}
.border-y-error{
    border-top-color:hsl(var(--er));
    border-bottom-color:hsl(var(--er))
}
.border-y-error-content{
    border-top-color:hsl(var(--erc,var(--nc)));
    border-bottom-color:hsl(var(--erc,var(--nc)))
}
.border-t-transparent{
    border-top-color:#0000
}
.border-t-current{
    border-top-color:currentColor
}
.border-t-primary{
    border-top-color:hsl(var(--p))
}
.border-t-primary-focus{
    border-top-color:hsl(var(--pf,var(--p)))
}
.border-t-primary-content{
    border-top-color:hsl(var(--pc))
}
.border-t-secondary{
    border-top-color:hsl(var(--s))
}
.border-t-secondary-focus{
    border-top-color:hsl(var(--sf,var(--s)))
}
.border-t-secondary-content{
    border-top-color:hsl(var(--sc))
}
.border-t-accent{
    border-top-color:hsl(var(--a))
}
.border-t-accent-focus{
    border-top-color:hsl(var(--af,var(--a)))
}
.border-t-accent-content{
    border-top-color:hsl(var(--ac))
}
.border-t-neutral{
    border-top-color:hsl(var(--n))
}
.border-t-neutral-focus{
    border-top-color:hsl(var(--nf,var(--n)))
}
.border-t-neutral-content{
    border-top-color:hsl(var(--nc))
}
.border-t-base-100{
    border-top-color:hsl(var(--b1))
}
.border-t-base-200{
    border-top-color:hsl(var(--b2,var(--b1)))
}
.border-t-base-300{
    border-top-color:hsl(var(--b3,var(--b2)))
}
.border-t-base-content{
    border-top-color:hsl(var(--bc))
}
.border-t-info{
    border-top-color:hsl(var(--in))
}
.border-t-info-content{
    border-top-color:hsl(var(--inc,var(--nc)))
}
.border-t-success{
    border-top-color:hsl(var(--su))
}
.border-t-success-content{
    border-top-color:hsl(var(--suc,var(--nc)))
}
.border-t-warning{
    border-top-color:hsl(var(--wa))
}
.border-t-warning-content{
    border-top-color:hsl(var(--wac,var(--nc)))
}
.border-t-error{
    border-top-color:hsl(var(--er))
}
.border-t-error-content{
    border-top-color:hsl(var(--erc,var(--nc)))
}
.border-r-transparent{
    border-right-color:#0000
}
.border-r-current{
    border-right-color:currentColor
}
.border-r-primary{
    border-right-color:hsl(var(--p))
}
.border-r-primary-focus{
    border-right-color:hsl(var(--pf,var(--p)))
}
.border-r-primary-content{
    border-right-color:hsl(var(--pc))
}
.border-r-secondary{
    border-right-color:hsl(var(--s))
}
.border-r-secondary-focus{
    border-right-color:hsl(var(--sf,var(--s)))
}
.border-r-secondary-content{
    border-right-color:hsl(var(--sc))
}
.border-r-accent{
    border-right-color:hsl(var(--a))
}
.border-r-accent-focus{
    border-right-color:hsl(var(--af,var(--a)))
}
.border-r-accent-content{
    border-right-color:hsl(var(--ac))
}
.border-r-neutral{
    border-right-color:hsl(var(--n))
}
.border-r-neutral-focus{
    border-right-color:hsl(var(--nf,var(--n)))
}
.border-r-neutral-content{
    border-right-color:hsl(var(--nc))
}
.border-r-base-100{
    border-right-color:hsl(var(--b1))
}
.border-r-base-200{
    border-right-color:hsl(var(--b2,var(--b1)))
}
.border-r-base-300{
    border-right-color:hsl(var(--b3,var(--b2)))
}
.border-r-base-content{
    border-right-color:hsl(var(--bc))
}
.border-r-info{
    border-right-color:hsl(var(--in))
}
.border-r-info-content{
    border-right-color:hsl(var(--inc,var(--nc)))
}
.border-r-success{
    border-right-color:hsl(var(--su))
}
.border-r-success-content{
    border-right-color:hsl(var(--suc,var(--nc)))
}
.border-r-warning{
    border-right-color:hsl(var(--wa))
}
.border-r-warning-content{
    border-right-color:hsl(var(--wac,var(--nc)))
}
.border-r-error{
    border-right-color:hsl(var(--er))
}
.border-r-error-content{
    border-right-color:hsl(var(--erc,var(--nc)))
}
.border-b-transparent{
    border-bottom-color:#0000
}
.border-b-current{
    border-bottom-color:currentColor
}
.border-b-primary{
    border-bottom-color:hsl(var(--p))
}
.border-b-primary-focus{
    border-bottom-color:hsl(var(--pf,var(--p)))
}
.border-b-primary-content{
    border-bottom-color:hsl(var(--pc))
}
.border-b-secondary{
    border-bottom-color:hsl(var(--s))
}
.border-b-secondary-focus{
    border-bottom-color:hsl(var(--sf,var(--s)))
}
.border-b-secondary-content{
    border-bottom-color:hsl(var(--sc))
}
.border-b-accent{
    border-bottom-color:hsl(var(--a))
}
.border-b-accent-focus{
    border-bottom-color:hsl(var(--af,var(--a)))
}
.border-b-accent-content{
    border-bottom-color:hsl(var(--ac))
}
.border-b-neutral{
    border-bottom-color:hsl(var(--n))
}
.border-b-neutral-focus{
    border-bottom-color:hsl(var(--nf,var(--n)))
}
.border-b-neutral-content{
    border-bottom-color:hsl(var(--nc))
}
.border-b-base-100{
    border-bottom-color:hsl(var(--b1))
}
.border-b-base-200{
    border-bottom-color:hsl(var(--b2,var(--b1)))
}
.border-b-base-300{
    border-bottom-color:hsl(var(--b3,var(--b2)))
}
.border-b-base-content{
    border-bottom-color:hsl(var(--bc))
}
.border-b-info{
    border-bottom-color:hsl(var(--in))
}
.border-b-info-content{
    border-bottom-color:hsl(var(--inc,var(--nc)))
}
.border-b-success{
    border-bottom-color:hsl(var(--su))
}
.border-b-success-content{
    border-bottom-color:hsl(var(--suc,var(--nc)))
}
.border-b-warning{
    border-bottom-color:hsl(var(--wa))
}
.border-b-warning-content{
    border-bottom-color:hsl(var(--wac,var(--nc)))
}
.border-b-error{
    border-bottom-color:hsl(var(--er))
}
.border-b-error-content{
    border-bottom-color:hsl(var(--erc,var(--nc)))
}
.border-l-transparent{
    border-left-color:#0000
}
.border-l-current{
    border-left-color:currentColor
}
.border-l-primary{
    border-left-color:hsl(var(--p))
}
.border-l-primary-focus{
    border-left-color:hsl(var(--pf,var(--p)))
}
.border-l-primary-content{
    border-left-color:hsl(var(--pc))
}
.border-l-secondary{
    border-left-color:hsl(var(--s))
}
.border-l-secondary-focus{
    border-left-color:hsl(var(--sf,var(--s)))
}
.border-l-secondary-content{
    border-left-color:hsl(var(--sc))
}
.border-l-accent{
    border-left-color:hsl(var(--a))
}
.border-l-accent-focus{
    border-left-color:hsl(var(--af,var(--a)))
}
.border-l-accent-content{
    border-left-color:hsl(var(--ac))
}
.border-l-neutral{
    border-left-color:hsl(var(--n))
}
.border-l-neutral-focus{
    border-left-color:hsl(var(--nf,var(--n)))
}
.border-l-neutral-content{
    border-left-color:hsl(var(--nc))
}
.border-l-base-100{
    border-left-color:hsl(var(--b1))
}
.border-l-base-200{
    border-left-color:hsl(var(--b2,var(--b1)))
}
.border-l-base-300{
    border-left-color:hsl(var(--b3,var(--b2)))
}
.border-l-base-content{
    border-left-color:hsl(var(--bc))
}
.border-l-info{
    border-left-color:hsl(var(--in))
}
.border-l-info-content{
    border-left-color:hsl(var(--inc,var(--nc)))
}
.border-l-success{
    border-left-color:hsl(var(--su))
}
.border-l-success-content{
    border-left-color:hsl(var(--suc,var(--nc)))
}
.border-l-warning{
    border-left-color:hsl(var(--wa))
}
.border-l-warning-content{
    border-left-color:hsl(var(--wac,var(--nc)))
}
.border-l-error{
    border-left-color:hsl(var(--er))
}
.border-l-error-content{
    border-left-color:hsl(var(--erc,var(--nc)))
}
.bg-transparent{
    background-color:#0000
}
.bg-current{
    background-color:currentColor
}
.bg-primary{
    background-color:hsl(var(--p))
}
.bg-primary-focus{
    background-color:hsl(var(--pf,var(--p)))
}
.bg-primary-content{
    background-color:hsl(var(--pc))
}
.bg-secondary{
    background-color:hsl(var(--s))
}
.bg-secondary-focus{
    background-color:hsl(var(--sf,var(--s)))
}
.bg-secondary-content{
    background-color:hsl(var(--sc))
}
.bg-accent{
    background-color:hsl(var(--a))
}
.bg-accent-focus{
    background-color:hsl(var(--af,var(--a)))
}
.bg-accent-content{
    background-color:hsl(var(--ac))
}
.bg-neutral{
    background-color:hsl(var(--n))
}
.bg-neutral-focus{
    background-color:hsl(var(--nf,var(--n)))
}
.bg-neutral-content{
    background-color:hsl(var(--nc))
}
.bg-base-100{
    background-color:hsl(var(--b1))
}
.bg-base-200{
    background-color:hsl(var(--b2,var(--b1)))
}
.bg-base-300{
    background-color:hsl(var(--b3,var(--b2)))
}
.bg-base-content{
    background-color:hsl(var(--bc))
}
.bg-info{
    background-color:hsl(var(--in))
}
.bg-info-content{
    background-color:hsl(var(--inc,var(--nc)))
}
.bg-success{
    background-color:hsl(var(--su))
}
.bg-success-content{
    background-color:hsl(var(--suc,var(--nc)))
}
.bg-warning{
    background-color:hsl(var(--wa))
}
.bg-warning-content{
    background-color:hsl(var(--wac,var(--nc)))
}
.bg-error{
    background-color:hsl(var(--er))
}
.bg-error-content{
    background-color:hsl(var(--erc,var(--nc)))
}
.bg-none{
    background-image:none
}
.bg-gradient-to-t{
    background-image:linear-gradient(to top,var(--tw-gradient-stops))
}
.bg-gradient-to-tr{
    background-image:linear-gradient(to top right,var(--tw-gradient-stops))
}
.bg-gradient-to-r{
    background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.bg-gradient-to-br{
    background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))
}
.bg-gradient-to-b{
    background-image:linear-gradient(to bottom,var(--tw-gradient-stops))
}
.bg-gradient-to-bl{
    background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))
}
.bg-gradient-to-l{
    background-image:linear-gradient(to left,var(--tw-gradient-stops))
}
.bg-gradient-to-tl{
    background-image:linear-gradient(to top left,var(--tw-gradient-stops))
}
.from-transparent{
    --tw-gradient-from:transparent;
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)
}
.from-current{
    --tw-gradient-from:currentColor;
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#fff0)
}
.from-primary{
    --tw-gradient-from:hsl(var(--p));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--p)/0))
}
.from-primary-focus{
    --tw-gradient-from:hsl(var(--pf,var(--p)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--pf,var(--p))/0))
}
.from-primary-content{
    --tw-gradient-from:hsl(var(--pc));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--pc)/0))
}
.from-secondary{
    --tw-gradient-from:hsl(var(--s));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--s)/0))
}
.from-secondary-focus{
    --tw-gradient-from:hsl(var(--sf,var(--s)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--sf,var(--s))/0))
}
.from-secondary-content{
    --tw-gradient-from:hsl(var(--sc));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--sc)/0))
}
.from-accent{
    --tw-gradient-from:hsl(var(--a));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--a)/0))
}
.from-accent-focus{
    --tw-gradient-from:hsl(var(--af,var(--a)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--af,var(--a))/0))
}
.from-accent-content{
    --tw-gradient-from:hsl(var(--ac));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--ac)/0))
}
.from-neutral{
    --tw-gradient-from:hsl(var(--n));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--n)/0))
}
.from-neutral-focus{
    --tw-gradient-from:hsl(var(--nf,var(--n)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--nf,var(--n))/0))
}
.from-neutral-content{
    --tw-gradient-from:hsl(var(--nc));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--nc)/0))
}
.from-base-100{
    --tw-gradient-from:hsl(var(--b1));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--b1)/0))
}
.from-base-200{
    --tw-gradient-from:hsl(var(--b2,var(--b1)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--b2,var(--b1))/0))
}
.from-base-300{
    --tw-gradient-from:hsl(var(--b3,var(--b2)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--b3,var(--b2))/0))
}
.from-base-content{
    --tw-gradient-from:hsl(var(--bc));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--bc)/0))
}
.from-info{
    --tw-gradient-from:hsl(var(--in));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--in)/0))
}
.from-info-content{
    --tw-gradient-from:hsl(var(--inc,var(--nc)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--inc,var(--nc))/0))
}
.from-success{
    --tw-gradient-from:hsl(var(--su));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--su)/0))
}
.from-success-content{
    --tw-gradient-from:hsl(var(--suc,var(--nc)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--suc,var(--nc))/0))
}
.from-warning{
    --tw-gradient-from:hsl(var(--wa));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--wa)/0))
}
.from-warning-content{
    --tw-gradient-from:hsl(var(--wac,var(--nc)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--wac,var(--nc))/0))
}
.from-error{
    --tw-gradient-from:hsl(var(--er));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--er)/0))
}
.from-error-content{
    --tw-gradient-from:hsl(var(--erc,var(--nc)));
    --tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsl(var(--erc,var(--nc))/0))
}
.via-transparent{
    --tw-gradient-stops:var(--tw-gradient-from),transparent,var(--tw-gradient-to,#0000)
}
.via-current{
    --tw-gradient-stops:var(--tw-gradient-from),currentColor,var(--tw-gradient-to,#fff0)
}
.via-primary{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--p)),var(--tw-gradient-to,hsl(var(--p)/0))
}
.via-primary-focus{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--pf,var(--p))),var(--tw-gradient-to,hsl(var(--pf,var(--p))/0))
}
.via-primary-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--pc)),var(--tw-gradient-to,hsl(var(--pc)/0))
}
.via-secondary{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--s)),var(--tw-gradient-to,hsl(var(--s)/0))
}
.via-secondary-focus{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--sf,var(--s))),var(--tw-gradient-to,hsl(var(--sf,var(--s))/0))
}
.via-secondary-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--sc)),var(--tw-gradient-to,hsl(var(--sc)/0))
}
.via-accent{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--a)),var(--tw-gradient-to,hsl(var(--a)/0))
}
.via-accent-focus{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--af,var(--a))),var(--tw-gradient-to,hsl(var(--af,var(--a))/0))
}
.via-accent-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--ac)),var(--tw-gradient-to,hsl(var(--ac)/0))
}
.via-neutral{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--n)),var(--tw-gradient-to,hsl(var(--n)/0))
}
.via-neutral-focus{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--nf,var(--n))),var(--tw-gradient-to,hsl(var(--nf,var(--n))/0))
}
.via-neutral-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--nc)),var(--tw-gradient-to,hsl(var(--nc)/0))
}
.via-base-100{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--b1)),var(--tw-gradient-to,hsl(var(--b1)/0))
}
.via-base-200{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--b2,var(--b1))),var(--tw-gradient-to,hsl(var(--b2,var(--b1))/0))
}
.via-base-300{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--b3,var(--b2))),var(--tw-gradient-to,hsl(var(--b3,var(--b2))/0))
}
.via-base-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--bc)),var(--tw-gradient-to,hsl(var(--bc)/0))
}
.via-info{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--in)),var(--tw-gradient-to,hsl(var(--in)/0))
}
.via-info-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--inc,var(--nc))),var(--tw-gradient-to,hsl(var(--inc,var(--nc))/0))
}
.via-success{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--su)),var(--tw-gradient-to,hsl(var(--su)/0))
}
.via-success-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--suc,var(--nc))),var(--tw-gradient-to,hsl(var(--suc,var(--nc))/0))
}
.via-warning{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--wa)),var(--tw-gradient-to,hsl(var(--wa)/0))
}
.via-warning-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--wac,var(--nc))),var(--tw-gradient-to,hsl(var(--wac,var(--nc))/0))
}
.via-error{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--er)),var(--tw-gradient-to,hsl(var(--er)/0))
}
.via-error-content{
    --tw-gradient-stops:var(--tw-gradient-from),hsl(var(--erc,var(--nc))),var(--tw-gradient-to,hsl(var(--erc,var(--nc))/0))
}
.to-transparent{
    --tw-gradient-to:transparent
}
.to-current{
    --tw-gradient-to:currentColor
}
.to-primary{
    --tw-gradient-to:hsl(var(--p))
}
.to-primary-focus{
    --tw-gradient-to:hsl(var(--pf,var(--p)))
}
.to-primary-content{
    --tw-gradient-to:hsl(var(--pc))
}
.to-secondary{
    --tw-gradient-to:hsl(var(--s))
}
.to-secondary-focus{
    --tw-gradient-to:hsl(var(--sf,var(--s)))
}
.to-secondary-content{
    --tw-gradient-to:hsl(var(--sc))
}
.to-accent{
    --tw-gradient-to:hsl(var(--a))
}
.to-accent-focus{
    --tw-gradient-to:hsl(var(--af,var(--a)))
}
.to-accent-content{
    --tw-gradient-to:hsl(var(--ac))
}
.to-neutral{
    --tw-gradient-to:hsl(var(--n))
}
.to-neutral-focus{
    --tw-gradient-to:hsl(var(--nf,var(--n)))
}
.to-neutral-content{
    --tw-gradient-to:hsl(var(--nc))
}
.to-base-100{
    --tw-gradient-to:hsl(var(--b1))
}
.to-base-200{
    --tw-gradient-to:hsl(var(--b2,var(--b1)))
}
.to-base-300{
    --tw-gradient-to:hsl(var(--b3,var(--b2)))
}
.to-base-content{
    --tw-gradient-to:hsl(var(--bc))
}
.to-info{
    --tw-gradient-to:hsl(var(--in))
}
.to-info-content{
    --tw-gradient-to:hsl(var(--inc,var(--nc)))
}
.to-success{
    --tw-gradient-to:hsl(var(--su))
}
.to-success-content{
    --tw-gradient-to:hsl(var(--suc,var(--nc)))
}
.to-warning{
    --tw-gradient-to:hsl(var(--wa))
}
.to-warning-content{
    --tw-gradient-to:hsl(var(--wac,var(--nc)))
}
.to-error{
    --tw-gradient-to:hsl(var(--er))
}
.to-error-content{
    --tw-gradient-to:hsl(var(--erc,var(--nc)))
}
.text-transparent{
    color:#0000
}
.text-current{
    color:currentColor
}
.text-primary{
    color:hsl(var(--p))
}
.text-primary-focus{
    color:hsl(var(--pf,var(--p)))
}
.text-primary-content{
    color:hsl(var(--pc))
}
.text-secondary{
    color:hsl(var(--s))
}
.text-secondary-focus{
    color:hsl(var(--sf,var(--s)))
}
.text-secondary-content{
    color:hsl(var(--sc))
}
.text-accent{
    color:hsl(var(--a))
}
.text-accent-focus{
    color:hsl(var(--af,var(--a)))
}
.text-accent-content{
    color:hsl(var(--ac))
}
.text-neutral{
    color:hsl(var(--n))
}
.text-neutral-focus{
    color:hsl(var(--nf,var(--n)))
}
.text-neutral-content{
    color:hsl(var(--nc))
}
.text-base-100{
    color:hsl(var(--b1))
}
.text-base-200{
    color:hsl(var(--b2,var(--b1)))
}
.text-base-300{
    color:hsl(var(--b3,var(--b2)))
}
.text-base-content{
    color:hsl(var(--bc))
}
.text-info{
    color:hsl(var(--in))
}
.text-info-content{
    color:hsl(var(--inc,var(--nc)))
}
.text-success{
    color:hsl(var(--su))
}
.text-success-content{
    color:hsl(var(--suc,var(--nc)))
}
.text-warning{
    color:hsl(var(--wa))
}
.text-warning-content{
    color:hsl(var(--wac,var(--nc)))
}
.text-error{
    color:hsl(var(--er))
}
.text-error-content{
    color:hsl(var(--erc,var(--nc)))
}
.placeholder-transparent::placeholder{
    color:#0000
}
.placeholder-current::placeholder{
    color:currentColor
}
.placeholder-primary::placeholder{
    color:hsl(var(--p))
}
.placeholder-primary-focus::placeholder{
    color:hsl(var(--pf,var(--p)))
}
.placeholder-primary-content::placeholder{
    color:hsl(var(--pc))
}
.placeholder-secondary::placeholder{
    color:hsl(var(--s))
}
.placeholder-secondary-focus::placeholder{
    color:hsl(var(--sf,var(--s)))
}
.placeholder-secondary-content::placeholder{
    color:hsl(var(--sc))
}
.placeholder-accent::placeholder{
    color:hsl(var(--a))
}
.placeholder-accent-focus::placeholder{
    color:hsl(var(--af,var(--a)))
}
.placeholder-accent-content::placeholder{
    color:hsl(var(--ac))
}
.placeholder-neutral::placeholder{
    color:hsl(var(--n))
}
.placeholder-neutral-focus::placeholder{
    color:hsl(var(--nf,var(--n)))
}
.placeholder-neutral-content::placeholder{
    color:hsl(var(--nc))
}
.placeholder-base-100::placeholder{
    color:hsl(var(--b1))
}
.placeholder-base-200::placeholder{
    color:hsl(var(--b2,var(--b1)))
}
.placeholder-base-300::placeholder{
    color:hsl(var(--b3,var(--b2)))
}
.placeholder-base-content::placeholder{
    color:hsl(var(--bc))
}
.placeholder-info::placeholder{
    color:hsl(var(--in))
}
.placeholder-info-content::placeholder{
    color:hsl(var(--inc,var(--nc)))
}
.placeholder-success::placeholder{
    color:hsl(var(--su))
}
.placeholder-success-content::placeholder{
    color:hsl(var(--suc,var(--nc)))
}
.placeholder-warning::placeholder{
    color:hsl(var(--wa))
}
.placeholder-warning-content::placeholder{
    color:hsl(var(--wac,var(--nc)))
}
.placeholder-error::placeholder{
    color:hsl(var(--er))
}
.placeholder-error-content::placeholder{
    color:hsl(var(--erc,var(--nc)))
}
.ring-0{
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-1{
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-2{
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-4{
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-8{
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(8px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring{
    --tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.ring-inset{
    --tw-ring-inset:inset
}
.ring-transparent{
    --tw-ring-color:transparent
}
.ring-current{
    --tw-ring-color:currentColor
}
.ring-primary{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--p)/var(--tw-ring-opacity))
}
.ring-primary-focus{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--pf,var(--p))/var(--tw-ring-opacity))
}
.ring-primary-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--pc)/var(--tw-ring-opacity))
}
.ring-secondary{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--s)/var(--tw-ring-opacity))
}
.ring-secondary-focus{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--sf,var(--s))/var(--tw-ring-opacity))
}
.ring-secondary-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--sc)/var(--tw-ring-opacity))
}
.ring-accent{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--a)/var(--tw-ring-opacity))
}
.ring-accent-focus{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--af,var(--a))/var(--tw-ring-opacity))
}
.ring-accent-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--ac)/var(--tw-ring-opacity))
}
.ring-neutral{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--n)/var(--tw-ring-opacity))
}
.ring-neutral-focus{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--nf,var(--n))/var(--tw-ring-opacity))
}
.ring-neutral-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--nc)/var(--tw-ring-opacity))
}
.ring-base-100{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--b1)/var(--tw-ring-opacity))
}
.ring-base-200{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--b2,var(--b1))/var(--tw-ring-opacity))
}
.ring-base-300{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--b3,var(--b2))/var(--tw-ring-opacity))
}
.ring-base-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--bc)/var(--tw-ring-opacity))
}
.ring-info{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--in)/var(--tw-ring-opacity))
}
.ring-info-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--inc,var(--nc))/var(--tw-ring-opacity))
}
.ring-success{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--su)/var(--tw-ring-opacity))
}
.ring-success-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--suc,var(--nc))/var(--tw-ring-opacity))
}
.ring-warning{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--wa)/var(--tw-ring-opacity))
}
.ring-warning-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--wac,var(--nc))/var(--tw-ring-opacity))
}
.ring-error{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--er)/var(--tw-ring-opacity))
}
.ring-error-content{
    --tw-ring-opacity:1;
    --tw-ring-color:hsl(var(--erc,var(--nc))/var(--tw-ring-opacity))
}
.ring-opacity-0{
    --tw-ring-opacity:0
}
.ring-opacity-5{
    --tw-ring-opacity:.05
}
.ring-opacity-10{
    --tw-ring-opacity:.1
}
.ring-opacity-20{
    --tw-ring-opacity:.2
}
.ring-opacity-25{
    --tw-ring-opacity:.25
}
.ring-opacity-30{
    --tw-ring-opacity:.3
}
.ring-opacity-40{
    --tw-ring-opacity:.4
}
.ring-opacity-50{
    --tw-ring-opacity:.5
}
.ring-opacity-60{
    --tw-ring-opacity:.6
}
.ring-opacity-70{
    --tw-ring-opacity:.7
}
.ring-opacity-75{
    --tw-ring-opacity:.75
}
.ring-opacity-80{
    --tw-ring-opacity:.8
}
.ring-opacity-90{
    --tw-ring-opacity:.9
}
.ring-opacity-95{
    --tw-ring-opacity:.95
}
.ring-opacity-100{
    --tw-ring-opacity:1
}
.ring-offset-0{
    --tw-ring-offset-width:0px
}
.ring-offset-1{
    --tw-ring-offset-width:1px
}
.ring-offset-2{
    --tw-ring-offset-width:2px
}
.ring-offset-4{
    --tw-ring-offset-width:4px
}
.ring-offset-8{
    --tw-ring-offset-width:8px
}
.ring-offset-transparent{
    --tw-ring-offset-color:transparent
}
.ring-offset-current{
    --tw-ring-offset-color:currentColor
}
.ring-offset-primary{
    --tw-ring-offset-color:hsl(var(--p))
}
.ring-offset-primary-focus{
    --tw-ring-offset-color:hsl(var(--pf,var(--p)))
}
.ring-offset-primary-content{
    --tw-ring-offset-color:hsl(var(--pc))
}
.ring-offset-secondary{
    --tw-ring-offset-color:hsl(var(--s))
}
.ring-offset-secondary-focus{
    --tw-ring-offset-color:hsl(var(--sf,var(--s)))
}
.ring-offset-secondary-content{
    --tw-ring-offset-color:hsl(var(--sc))
}
.ring-offset-accent{
    --tw-ring-offset-color:hsl(var(--a))
}
.ring-offset-accent-focus{
    --tw-ring-offset-color:hsl(var(--af,var(--a)))
}
.ring-offset-accent-content{
    --tw-ring-offset-color:hsl(var(--ac))
}
.ring-offset-neutral{
    --tw-ring-offset-color:hsl(var(--n))
}
.ring-offset-neutral-focus{
    --tw-ring-offset-color:hsl(var(--nf,var(--n)))
}
.ring-offset-neutral-content{
    --tw-ring-offset-color:hsl(var(--nc))
}
.ring-offset-base-100{
    --tw-ring-offset-color:hsl(var(--b1))
}
.ring-offset-base-200{
    --tw-ring-offset-color:hsl(var(--b2,var(--b1)))
}
.ring-offset-base-300{
    --tw-ring-offset-color:hsl(var(--b3,var(--b2)))
}
.ring-offset-base-content{
    --tw-ring-offset-color:hsl(var(--bc))
}
.ring-offset-info{
    --tw-ring-offset-color:hsl(var(--in))
}
.ring-offset-info-content{
    --tw-ring-offset-color:hsl(var(--inc,var(--nc)))
}
.ring-offset-success{
    --tw-ring-offset-color:hsl(var(--su))
}
.ring-offset-success-content{
    --tw-ring-offset-color:hsl(var(--suc,var(--nc)))
}
.ring-offset-warning{
    --tw-ring-offset-color:hsl(var(--wa))
}
.ring-offset-warning-content{
    --tw-ring-offset-color:hsl(var(--wac,var(--nc)))
}
.ring-offset-error{
    --tw-ring-offset-color:hsl(var(--er))
}
.ring-offset-error-content{
    --tw-ring-offset-color:hsl(var(--erc,var(--nc)))
}
.transition-none{
    transition-property:none
}
.transition-all{
    transition-property:all;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.transition{
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.transition-colors{
    transition-property:color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.transition-opacity{
    transition-property:opacity;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.transition-shadow{
    transition-property:box-shadow;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.transition-transform{
    transition-property:transform;
    transition-duration:.15s;
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.rounded-box{
    border-radius:var(--rounded-box,1rem)
}
.rounded-t-box{
    border-top-left-radius:var(--rounded-box,1rem);
    border-top-right-radius:var(--rounded-box,1rem)
}
.rounded-b-box{
    border-bottom-left-radius:var(--rounded-box,1rem);
    border-bottom-right-radius:var(--rounded-box,1rem)
}
.rounded-l-box{
    border-top-left-radius:var(--rounded-box,1rem);
    border-bottom-left-radius:var(--rounded-box,1rem)
}
.rounded-r-box{
    border-top-right-radius:var(--rounded-box,1rem);
    border-bottom-right-radius:var(--rounded-box,1rem)
}
.rounded-br-box{
    border-bottom-right-radius:var(--rounded-box,1rem)
}
.rounded-tr-box{
    border-top-right-radius:var(--rounded-box,1rem)
}
.rounded-bl-box{
    border-bottom-left-radius:var(--rounded-box,1rem)
}
.rounded-tl-box{
    border-top-left-radius:var(--rounded-box,1rem)
}
.rounded-btn{
    border-radius:var(--rounded-btn,.5rem)
}
.rounded-badge{
    border-radius:var(--rounded-badge,1.9rem)
}
.text-2xs{
    font-size:.7rem
}
.glass,.glass:hover,.glass.btn-active{
    -webkit-backdrop-filter:blur(var(--glass-blur,40px));
    backdrop-filter:blur(var(--glass-blur,40px));
    background-color:#0000;
    background-image:linear-gradient( 135deg,rgb(255 255 255/var(--glass-opacity,30%))0%,#0000 100% ),linear-gradient( var(--glass-reflex-degree,100deg),rgb(255 255 255/var(--glass-reflex-opacity,10%))25%,#0000 25% );
    box-shadow:0 0 0 1px rgb(255 255 255/var(--glass-border-opacity,10%))inset,0 0 0 2px #0000000d;
    text-shadow:0 1px rgb(0 0 0/var(--glass-text-shadow-opacity,5%));
    border:0
}
.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:.5rem
}
.artboard-demo{
    flex-direction:column;
    flex:none;
    justify-content:center;
    align-items:center;
    display:flex
}
.artboard.phone{
    width:320px
}
.artboard.phone-1{
    width:320px;
    height:568px
}
.artboard.phone-1.horizontal,.artboard.phone-1.artboard-horizontal{
    width:568px;
    height:320px
}
.artboard.phone-2{
    width:375px;
    height:667px
}
.artboard.phone-2.horizontal,.artboard.phone-2.artboard-horizontal{
    width:667px;
    height:375px
}
.artboard.phone-3{
    width:414px;
    height:736px
}
.artboard.phone-3.horizontal,.artboard.phone-3.artboard-horizontal{
    width:736px;
    height:414px
}
.artboard.phone-4{
    width:375px;
    height:812px
}
.artboard.phone-4.horizontal,.artboard.phone-4.artboard-horizontal{
    width:812px;
    height:375px
}
.artboard.phone-5{
    width:414px;
    height:896px
}
.artboard.phone-5.horizontal,.artboard.phone-5.artboard-horizontal{
    width:896px;
    height:414px
}
.artboard.phone-6{
    width:320px;
    height:1024px
}
.artboard.phone-6.horizontal,.artboard.phone-6.artboard-horizontal{
    width:1024px;
    height:320px
}
.badge-xs{
    height:.75rem;
    padding-left:.313rem;
    padding-right:.313rem;
    font-size:.75rem;
    line-height:.75rem
}
.badge-sm{
    height:1rem;
    padding-left:.438rem;
    padding-right:.438rem;
    font-size:.75rem;
    line-height:1rem
}
.badge-md{
    height:1.25rem;
    padding-left:.563rem;
    padding-right:.563rem;
    font-size:.875rem;
    line-height:1.25rem
}
.badge-lg{
    height:1.5rem;
    padding-left:.688rem;
    padding-right:.688rem;
    font-size:1rem;
    line-height:1.5rem
}
.btn-xs{
    height:1.5rem;
    min-height:1.5rem;
    padding-left:.5rem;
    padding-right:.5rem;
    font-size:.75rem
}
.btn-sm{
    height:2rem;
    min-height:2rem;
    padding-left:.75rem;
    padding-right:.75rem;
    font-size:.875rem
}
.btn-md{
    height:3rem;
    min-height:3rem;
    padding-left:1rem;
    padding-right:1rem;
    font-size:.875rem
}
.btn-lg{
    height:4rem;
    min-height:4rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    font-size:1.125rem
}
.btn-wide{
    width:16rem
}
.btn-block{
    width:100%
}
.btn-square:where(.btn-xs){
    height:1.5rem;
    width:1.5rem;
    padding:0
}
.btn-square:where(.btn-sm){
    height:2rem;
    width:2rem;
    padding:0
}
.btn-square:where(.btn-md){
    height:3rem;
    width:3rem;
    padding:0
}
.btn-square:where(.btn-lg){
    height:4rem;
    width:4rem;
    padding:0
}
.btn-circle:where(.btn-xs){
    height:1.5rem;
    width:1.5rem;
    border-radius:9999px;
    padding:0
}
.btn-circle:where(.btn-sm){
    height:2rem;
    width:2rem;
    border-radius:9999px;
    padding:0
}
.btn-circle:where(.btn-md){
    height:3rem;
    width:3rem;
    border-radius:9999px;
    padding:0
}
.btn-circle:where(.btn-lg){
    height:4rem;
    width:4rem;
    border-radius:9999px;
    padding:0
}
.card-side{
    flex-direction:row;
    align-items:stretch
}
.card-side figure>*{
    max-width:unset
}
:where(.card-side figure>*){
    width:100%;
    height:100%;
    object-fit:cover
}
.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{
    flex-direction:column
}
.divider-horizontal:before,.divider-horizontal:after{
    height:100%;
    width:.125rem
}
.divider-vertical{
    flex-direction:row
}
.divider-vertical:before,.divider-vertical:after{
    height:.125rem;
    width:100%
}
.input-md{
    height:3rem;
    padding-left:1rem;
    padding-right:1rem;
    font-size:.875rem;
    line-height:2
}
.input-lg{
    height:4rem;
    padding-left:1.5rem;
    padding-right:1.5rem;
    font-size:1.125rem;
    line-height:2
}
.input-sm{
    height:2rem;
    padding-left:.75rem;
    padding-right:.75rem;
    font-size:.875rem;
    line-height:2rem
}
.input-xs{
    height:1.5rem;
    padding-left:.5rem;
    padding-right:.5rem;
    font-size:.75rem;
    line-height:1.625
}
.kbd-xs{
    min-height:1.2em;
    min-width:1.2em;
    padding-left:.25rem;
    padding-right:.25rem;
    font-size:.75rem;
    line-height:1rem
}
.kbd-sm{
    min-height:1.6em;
    min-width:1.6em;
    padding-left:.25rem;
    padding-right:.25rem;
    font-size:.875rem;
    line-height:1.25rem
}
.kbd-md{
    min-height:2.2em;
    min-width:2.2em;
    padding-left:.5rem;
    padding-right:.5rem;
    font-size:1rem;
    line-height:1.5rem
}
.kbd-lg{
    min-height:2.5em;
    min-width:2.5em;
    padding-left:1rem;
    padding-right:1rem;
    font-size:1.125rem;
    line-height:1.75rem
}
.menu-vertical{
    flex-direction:column
}
.menu-vertical :where(li){
    flex-direction:column
}
.menu-vertical>:where(li)>:where(ul){
    top:initial;
    left:100%
}
.menu-horizontal{
    flex-direction:row;
    display:inline-flex
}
.menu-horizontal :where(li){
    flex-direction:row
}
.menu-horizontal>:where(li)>:where(ul){
    top:100%;
    left:initial
}
.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{
    height:1rem;
    width:1rem;
    --filler-offset:.4rem
}
.range-xs::-moz-range-thumb{
    height:1rem;
    width:1rem;
    --filler-offset:.4rem
}
.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{
    height:1.25rem;
    width:1.25rem;
    --filler-offset:.5rem
}
.range-sm::-moz-range-thumb{
    height:1.25rem;
    width:1.25rem;
    --filler-offset:.5rem
}
.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{
    height:1.5rem;
    width:1.5rem;
    --filler-offset:.6rem
}
.range-md::-moz-range-thumb{
    height:1.5rem;
    width:1.5rem;
    --filler-offset:.6rem
}
.range-lg{
    height:2rem
}
.range-lg::-webkit-slider-runnable-track{
    height:1rem
}
.range-lg::-moz-range-track{
    height:1rem
}
.range-lg::-webkit-slider-thumb{
    height:2rem;
    width:2rem;
    --filler-offset:1rem
}
.range-lg::-moz-range-thumb{
    height:2rem;
    width:2rem;
    --filler-offset:1rem
}
.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{
    height:3rem;
    min-height:3rem;
    padding-left:1rem;
    padding-right:2.5rem;
    font-size:.875rem;
    line-height:2
}
.select-lg{
    height:4rem;
    min-height:4rem;
    padding-left:1.5rem;
    padding-right:2rem;
    font-size:1.125rem;
    line-height:2
}
.select-sm{
    height:2rem;
    min-height:2rem;
    padding-left:.75rem;
    padding-right:2rem;
    font-size:.875rem;
    line-height:2rem
}
.select-xs{
    height:1.5rem;
    min-height:1.5rem;
    padding-left:.5rem;
    padding-right:2rem;
    font-size:.75rem;
    line-height:1.625
}
.stats-horizontal{
    grid-auto-flow:column
}
.stats-vertical{
    grid-auto-flow:row
}
.steps-horizontal{
    grid-auto-columns:1fr;
    grid-auto-flow:column;
    display:inline-grid;
    overflow-x:auto;
    overflow-y:hidden
}
.steps-horizontal .step{
    text-align:center;
    grid-template-rows:repeat(2,minmax(0,1fr));
    grid-template-columns:repeat(1,minmax(0,1fr));
    place-items:center;
    display:grid
}
.steps-vertical{
    grid-auto-rows:1fr;
    grid-auto-flow:row
}
.steps-vertical .step{
    grid-template-rows:repeat(1,minmax(0,1fr));
    grid-template-columns:repeat(2,minmax(0,1fr));
    display:grid
}
.tab-md{
    height:2rem;
    --tab-padding:1rem;
    font-size:.875rem;
    line-height:2
}
.tab-lg{
    height:3rem;
    --tab-padding:1.25rem;
    font-size:1.125rem;
    line-height:2
}
.tab-sm{
    height:1.5rem;
    --tab-padding:.75rem;
    font-size:.875rem;
    line-height:.75rem
}
.tab-xs{
    height:1.25rem;
    --tab-padding:.5rem;
    font-size:.75rem;
    line-height:.75rem
}
.toggle-xs{
    --handleoffset:.5rem;
    height:1rem;
    width:1.5rem
}
.toggle-sm{
    --handleoffset:.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{
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--inc,var(--nc))/var(--tw-text-opacity))
}
.alert-success{
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity))
}
.alert-warning{
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--wac,var(--nc))/var(--tw-text-opacity))
}
.alert-error{
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity))
}
.artboard-demo{
    --tw-bg-opacity:1;
    background-color:hsl(var(--b1)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    border-radius:var(--rounded-box,1rem);
    box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f
}
.avatar.online:before{
    content:"";
    z-index:10;
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    width:15%;
    height:15%;
    box-shadow:0 0 0 2px hsl(var(--b1));
    border-radius:9999px;
    display:block;
    position:absolute;
    top:7%;
    right:7%
}
.avatar.offline:before{
    content:"";
    z-index:10;
    --tw-bg-opacity:1;
    background-color:hsl(var(--b3,var(--b2))/var(--tw-bg-opacity));
    width:15%;
    height:15%;
    box-shadow:0 0 0 2px hsl(var(--b1));
    border-radius:9999px;
    display:block;
    position:absolute;
    top:7%;
    right:7%
}
.badge-primary{
    --tw-border-opacity:1;
    border-color:hsl(var(--p)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--p)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--pc)/var(--tw-text-opacity))
}
.badge-secondary{
    --tw-border-opacity:1;
    border-color:hsl(var(--s)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--s)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--sc)/var(--tw-text-opacity))
}
.badge-accent{
    --tw-border-opacity:1;
    border-color:hsl(var(--a)/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--a)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--ac)/var(--tw-text-opacity))
}
.badge-ghost{
    --tw-border-opacity:1;
    border-color:hsl(var(--b2,var(--b1))/var(--tw-border-opacity));
    --tw-bg-opacity:1;
    background-color:hsl(var(--b2,var(--b1))/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity))
}
.badge-outline{
    --tw-border-opacity:.5;
    --tw-text-opacity:1;
    color:hsl(var(--bc)/var(--tw-text-opacity));
    background-color:#0000;
    border-color:currentColor
}
.badge-outline.badge-primary{
    --tw-text-opacity:1;
    color:hsl(var(--p)/var(--tw-text-opacity))
}
.badge-outline.badge-secondary{
    --tw-text-opacity:1;
    color:hsl(var(--s)/var(--tw-text-opacity))
}
.badge-outline.badge-accent{
    --tw-text-opacity:1;
    color:hsl(var(--a)/var(--tw-text-opacity))
}
.badge-info{
    --tw-bg-opacity:1;
    background-color:hsl(var(--in)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--inc,var(--nc))/var(--tw-text-opacity));
    border-color:#0000
}
.badge-success{
    --tw-bg-opacity:1;
    background-color:hsl(var(--su)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--suc,var(--nc))/var(--tw-text-opacity));
    border-color:#0000
}
.badge-warning{
    --tw-bg-opacity:1;
    background-color:hsl(var(--wa)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--wac,var(--nc))/var(--tw-text-opacity));
    border-color:#0000
}
.badge-error{
    --tw-bg-opacity:1;
    background-color:hsl(var(--er)/var(--tw-bg-opacity));
    --tw-text-opacity:1;
    color:hsl(var(--erc,var(--nc))/var(--tw-text-opacity));
    border-color:#0000
}
.card-compact .card-body{
    padding:1rem;
    font-size:.875rem;
    line-height:1.25rem
}
.card-compact .card-title{
    margin-bottom:.25rem
}
.card-normal .card-body{
    padding:var(--padding-card,2rem);
    font-size:1rem;
    line-height:1.5rem
}
.card-normal .card-title{
    margin-bottom:.75rem
}
.divider-horizontal{
    height:auto;
    width:1rem;
    margin:0 1rem
}
.divider-vertical{
    height:1rem;
    width:auto;
    margin:1rem 0
}
.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>*){
    padding-top:.75rem;
    padding-bottom:.75rem;
    font-size:1rem;
    line-height:1.5rem
}
.menu-compact :where(li>*){
    padding-top:.5rem;
    padding-bottom:.5rem;
    font-size:.875rem;
    line-height:1.25rem
}
.menu-vertical>:where(li:first-child){
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:unset
}
.menu-vertical>:where(li:first-child)>:where(:not(ul)){
    border-top-left-radius:inherit;
    border-top-right-radius:inherit;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:unset
}
.menu-vertical>:where(li:last-child){
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.menu-vertical>:where(li:last-child)>:where(:not(ul)){
    border-top-left-radius:unset;
    border-top-right-radius:unset;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:inherit
}
.menu-horizontal>:where(li:first-child){
    border-top-left-radius:inherit;
    border-top-right-radius:unset;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:inherit
}
.menu-horizontal>:where(li:first-child)>:where(:not(ul)){
    border-top-left-radius:inherit;
    border-top-right-radius:unset;
    border-bottom-right-radius:unset;
    border-bottom-left-radius:inherit
}
.menu-horizontal>:where(li:last-child){
    border-top-left-radius:unset;
    border-top-right-radius:inherit;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:unset
}
.menu-horizontal>:where(li:last-child)>:where(:not(ul)){
    border-top-left-radius:unset;
    border-top-right-radius:inherit;
    border-bottom-right-radius:inherit;
    border-bottom-left-radius:unset
}
.stats-horizontal>:not([hidden])~:not([hidden]){
    --tw-divide-x-reverse:0;
    border-right-width:calc(1px*var(--tw-divide-x-reverse));
    border-left-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)));
    --tw-divide-y-reverse:0;
    border-top-width:calc(0px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(0px*var(--tw-divide-y-reverse))
}
.stats-horizontal{
    overflow-x:auto
}
.stats-vertical>:not([hidden])~:not([hidden]){
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px*var(--tw-divide-y-reverse));
    --tw-divide-x-reverse:0;
    border-right-width:calc(0px*var(--tw-divide-x-reverse));
    border-left-width:calc(0px*calc(1 - var(--tw-divide-x-reverse)))
}
.stats-vertical{
    overflow-y:auto
}
.steps-horizontal .step{
    min-width:4rem;
    grid-template-rows:40px 1fr;
    grid-template-columns:auto
}
.steps-horizontal .step:before{
    height:.5rem;
    width:100%;
    --tw-translate-y:0px;
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    content:"";
    margin-left:-100%
}
.steps-vertical .step{
    min-height:4rem;
    grid-template-rows:auto;
    grid-template-columns:40px 1fr;
    justify-items:start;
    gap:.5rem
}
.steps-vertical .step:before{
    height:100%;
    width:.5rem;
    --tw-translate-y:-50%;
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));
    margin-left:50%
}
.table-normal :where(th,td){
    padding:1rem;
    font-size:1rem;
    line-height:1.5rem
}
.table-compact :where(th,td){
    padding:.5rem;
    font-size:.875rem;
    line-height:1.25rem
}
@media (min-width:640px){
    .sm\:input-group-md{
        font-size:.875rem;
        line-height:2
    }
    .sm\:input-group-lg{
        font-size:1.125rem;
        line-height:2
    }
    .sm\:input-group-sm{
        font-size:.875rem;
        line-height:2rem
    }
    .btn.loading.sm\:btn-xl:before,.btn.loading.btn-lg:before,.btn.loading.btn-xl:before,.btn.loading.sm\:btn-lg:before{
        height:1.25rem;
        width:1.25rem
    }
    .btn.loading.sm\:btn-sm:before,.btn.loading.btn-xs:before{
        height:.75rem;
        width:.75rem
    }
    .sm\:tab-rounded-lg{
        --tab-radius:.5rem
    }
    .sm\:badge-sm{
        height:1rem;
        padding-left:.438rem;
        padding-right:.438rem;
        font-size:.75rem;
        line-height:1rem
    }
    .sm\:badge-md{
        height:1.25rem;
        padding-left:.563rem;
        padding-right:.563rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .sm\:badge-lg{
        height:1.5rem;
        padding-left:.688rem;
        padding-right:.688rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .sm\:btn-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem
    }
    .sm\:btn-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem
    }
    .sm\:btn-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem
    }
    .btn-square:where(.sm\:btn-sm){
        height:2rem;
        width:2rem;
        padding:0
    }
    .btn-square:where(.sm\:btn-md){
        height:3rem;
        width:3rem;
        padding:0
    }
    .btn-square:where(.sm\:btn-lg){
        height:4rem;
        width:4rem;
        padding:0
    }
    .btn-circle:where(.sm\:btn-sm){
        height:2rem;
        width:2rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.sm\:btn-md){
        height:3rem;
        width:3rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.sm\:btn-lg){
        height:4rem;
        width:4rem;
        border-radius:9999px;
        padding:0
    }
    .sm\:checkbox-sm{
        height:1.25rem;
        width:1.25rem
    }
    .sm\:checkbox-md{
        height:1.5rem;
        width:1.5rem
    }
    .sm\:checkbox-lg{
        height:2rem;
        width:2rem
    }
    .sm\:input-md{
        height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem;
        line-height:2
    }
    .sm\:input-lg{
        height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem;
        line-height:2
    }
    .sm\:input-sm{
        height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem;
        line-height:2rem
    }
    .sm\:kbd-sm{
        min-height:1.6em;
        min-width:1.6em;
        padding-left:.25rem;
        padding-right:.25rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .sm\:kbd-md{
        min-height:2.2em;
        min-width:2.2em;
        padding-left:.5rem;
        padding-right:.5rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .sm\:kbd-lg{
        min-height:2.5em;
        min-width:2.5em;
        padding-left:1rem;
        padding-right:1rem;
        font-size:1.125rem;
        line-height:1.75rem
    }
    .sm\:radio-sm{
        height:1.25rem;
        width:1.25rem
    }
    .sm\:radio-md{
        height:1.5rem;
        width:1.5rem
    }
    .sm\:radio-lg{
        height:2rem;
        width:2rem
    }
    .sm\:range-sm{
        height:1.25rem
    }
    .sm\:range-sm::-webkit-slider-runnable-track{
        height:.25rem
    }
    .sm\:range-sm::-moz-range-track{
        height:.25rem
    }
    .sm\:range-sm::-webkit-slider-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .sm\:range-sm::-moz-range-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .sm\:range-md{
        height:1.5rem
    }
    .sm\:range-md::-webkit-slider-runnable-track{
        height:.5rem
    }
    .sm\:range-md::-moz-range-track{
        height:.5rem
    }
    .sm\:range-md::-webkit-slider-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .sm\:range-md::-moz-range-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .sm\:range-lg{
        height:2rem
    }
    .sm\:range-lg::-webkit-slider-runnable-track{
        height:1rem
    }
    .sm\:range-lg::-moz-range-track{
        height:1rem
    }
    .sm\:range-lg::-webkit-slider-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .sm\:range-lg::-moz-range-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .sm\:rating-sm input{
        height:1rem;
        width:1rem
    }
    .sm\:rating-md input{
        height:1.5rem;
        width:1.5rem
    }
    .sm\:rating-lg input{
        height:2.5rem;
        width:2.5rem
    }
    .rating-half.sm\:rating-sm input:not(.rating-hidden){
        width:.5rem
    }
    .rating-half.sm\:rating-md input:not(.rating-hidden){
        width:.75rem
    }
    .rating-half.sm\:rating-lg input:not(.rating-hidden){
        width:1.25rem
    }
    .sm\:select-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:2.5rem;
        font-size:.875rem;
        line-height:2
    }
    .sm\:select-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:2rem;
        font-size:1.125rem;
        line-height:2
    }
    .sm\:select-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:2rem;
        font-size:.875rem;
        line-height:2rem
    }
    .sm\:tab-md{
        height:2rem;
        --tab-padding:1rem;
        font-size:.875rem;
        line-height:2
    }
    .sm\:tab-lg{
        height:3rem;
        --tab-padding:1.25rem;
        font-size:1.125rem;
        line-height:2
    }
    .sm\:tab-sm{
        height:1.5rem;
        --tab-padding:.75rem;
        font-size:.875rem;
        line-height:.75rem
    }
    .sm\:toggle-sm{
        --handleoffset:.75rem;
        height:1.25rem;
        width:2rem
    }
    .sm\:toggle-md{
        --handleoffset:1.5rem;
        height:1.5rem;
        width:3rem
    }
    .sm\:toggle-lg{
        --handleoffset:2rem;
        height:2rem;
        width:4rem
    }
    .sm\:alert-sm{
        padding:.5rem
    }
}
@media (min-width:768px){
    .md\:input-group-md{
        font-size:.875rem;
        line-height:2
    }
    .md\:input-group-lg{
        font-size:1.125rem;
        line-height:2
    }
    .md\:input-group-sm{
        font-size:.875rem;
        line-height:2rem
    }
    .btn.loading.md\:btn-xl:before,.btn.loading.btn-lg:before,.btn.loading.btn-xl:before,.btn.loading.md\:btn-lg:before{
        height:1.25rem;
        width:1.25rem
    }
    .btn.loading.md\:btn-sm:before,.btn.loading.btn-xs:before{
        height:.75rem;
        width:.75rem
    }
    .md\:tab-rounded-lg{
        --tab-radius:.5rem
    }
    .md\:badge-sm{
        height:1rem;
        padding-left:.438rem;
        padding-right:.438rem;
        font-size:.75rem;
        line-height:1rem
    }
    .md\:badge-md{
        height:1.25rem;
        padding-left:.563rem;
        padding-right:.563rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .md\:badge-lg{
        height:1.5rem;
        padding-left:.688rem;
        padding-right:.688rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .md\:btn-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem
    }
    .md\:btn-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem
    }
    .md\:btn-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem
    }
    .btn-square:where(.md\:btn-sm){
        height:2rem;
        width:2rem;
        padding:0
    }
    .btn-square:where(.md\:btn-md){
        height:3rem;
        width:3rem;
        padding:0
    }
    .btn-square:where(.md\:btn-lg){
        height:4rem;
        width:4rem;
        padding:0
    }
    .btn-circle:where(.md\:btn-sm){
        height:2rem;
        width:2rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.md\:btn-md){
        height:3rem;
        width:3rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.md\:btn-lg){
        height:4rem;
        width:4rem;
        border-radius:9999px;
        padding:0
    }
    .md\:checkbox-sm{
        height:1.25rem;
        width:1.25rem
    }
    .md\:checkbox-md{
        height:1.5rem;
        width:1.5rem
    }
    .md\:checkbox-lg{
        height:2rem;
        width:2rem
    }
    .md\:input-md{
        height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem;
        line-height:2
    }
    .md\:input-lg{
        height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem;
        line-height:2
    }
    .md\:input-sm{
        height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem;
        line-height:2rem
    }
    .md\:kbd-sm{
        min-height:1.6em;
        min-width:1.6em;
        padding-left:.25rem;
        padding-right:.25rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .md\:kbd-md{
        min-height:2.2em;
        min-width:2.2em;
        padding-left:.5rem;
        padding-right:.5rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .md\:kbd-lg{
        min-height:2.5em;
        min-width:2.5em;
        padding-left:1rem;
        padding-right:1rem;
        font-size:1.125rem;
        line-height:1.75rem
    }
    .md\:radio-sm{
        height:1.25rem;
        width:1.25rem
    }
    .md\:radio-md{
        height:1.5rem;
        width:1.5rem
    }
    .md\:radio-lg{
        height:2rem;
        width:2rem
    }
    .md\:range-sm{
        height:1.25rem
    }
    .md\:range-sm::-webkit-slider-runnable-track{
        height:.25rem
    }
    .md\:range-sm::-moz-range-track{
        height:.25rem
    }
    .md\:range-sm::-webkit-slider-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .md\:range-sm::-moz-range-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .md\:range-md{
        height:1.5rem
    }
    .md\:range-md::-webkit-slider-runnable-track{
        height:.5rem
    }
    .md\:range-md::-moz-range-track{
        height:.5rem
    }
    .md\:range-md::-webkit-slider-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .md\:range-md::-moz-range-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .md\:range-lg{
        height:2rem
    }
    .md\:range-lg::-webkit-slider-runnable-track{
        height:1rem
    }
    .md\:range-lg::-moz-range-track{
        height:1rem
    }
    .md\:range-lg::-webkit-slider-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .md\:range-lg::-moz-range-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .md\:rating-sm input{
        height:1rem;
        width:1rem
    }
    .md\:rating-md input{
        height:1.5rem;
        width:1.5rem
    }
    .md\:rating-lg input{
        height:2.5rem;
        width:2.5rem
    }
    .rating-half.md\:rating-sm input:not(.rating-hidden){
        width:.5rem
    }
    .rating-half.md\:rating-md input:not(.rating-hidden){
        width:.75rem
    }
    .rating-half.md\:rating-lg input:not(.rating-hidden){
        width:1.25rem
    }
    .md\:select-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:2.5rem;
        font-size:.875rem;
        line-height:2
    }
    .md\:select-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:2rem;
        font-size:1.125rem;
        line-height:2
    }
    .md\:select-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:2rem;
        font-size:.875rem;
        line-height:2rem
    }
    .md\:tab-md{
        height:2rem;
        --tab-padding:1rem;
        font-size:.875rem;
        line-height:2
    }
    .md\:tab-lg{
        height:3rem;
        --tab-padding:1.25rem;
        font-size:1.125rem;
        line-height:2
    }
    .md\:tab-sm{
        height:1.5rem;
        --tab-padding:.75rem;
        font-size:.875rem;
        line-height:.75rem
    }
    .md\:toggle-sm{
        --handleoffset:.75rem;
        height:1.25rem;
        width:2rem
    }
    .md\:toggle-md{
        --handleoffset:1.5rem;
        height:1.5rem;
        width:3rem
    }
    .md\:toggle-lg{
        --handleoffset:2rem;
        height:2rem;
        width:4rem
    }
    .md\:alert-sm{
        padding:.5rem
    }
}
@media (min-width:1024px){
    .lg\:input-group-md{
        font-size:.875rem;
        line-height:2
    }
    .lg\:input-group-lg{
        font-size:1.125rem;
        line-height:2
    }
    .lg\:input-group-sm{
        font-size:.875rem;
        line-height:2rem
    }
    .btn.loading.lg\:btn-xl:before,.btn.loading.btn-lg:before,.btn.loading.btn-xl:before,.btn.loading.lg\:btn-lg:before{
        height:1.25rem;
        width:1.25rem
    }
    .btn.loading.lg\:btn-sm:before,.btn.loading.btn-xs:before{
        height:.75rem;
        width:.75rem
    }
    .lg\:tab-rounded-lg{
        --tab-radius:.5rem
    }
    .lg\:badge-sm{
        height:1rem;
        padding-left:.438rem;
        padding-right:.438rem;
        font-size:.75rem;
        line-height:1rem
    }
    .lg\:badge-md{
        height:1.25rem;
        padding-left:.563rem;
        padding-right:.563rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .lg\:badge-lg{
        height:1.5rem;
        padding-left:.688rem;
        padding-right:.688rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .lg\:btn-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem
    }
    .lg\:btn-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem
    }
    .lg\:btn-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem
    }
    .btn-square:where(.lg\:btn-sm){
        height:2rem;
        width:2rem;
        padding:0
    }
    .btn-square:where(.lg\:btn-md){
        height:3rem;
        width:3rem;
        padding:0
    }
    .btn-square:where(.lg\:btn-lg){
        height:4rem;
        width:4rem;
        padding:0
    }
    .btn-circle:where(.lg\:btn-sm){
        height:2rem;
        width:2rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.lg\:btn-md){
        height:3rem;
        width:3rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.lg\:btn-lg){
        height:4rem;
        width:4rem;
        border-radius:9999px;
        padding:0
    }
    .lg\:checkbox-sm{
        height:1.25rem;
        width:1.25rem
    }
    .lg\:checkbox-md{
        height:1.5rem;
        width:1.5rem
    }
    .lg\:checkbox-lg{
        height:2rem;
        width:2rem
    }
    .lg\:input-md{
        height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem;
        line-height:2
    }
    .lg\:input-lg{
        height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem;
        line-height:2
    }
    .lg\:input-sm{
        height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem;
        line-height:2rem
    }
    .lg\:kbd-sm{
        min-height:1.6em;
        min-width:1.6em;
        padding-left:.25rem;
        padding-right:.25rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .lg\:kbd-md{
        min-height:2.2em;
        min-width:2.2em;
        padding-left:.5rem;
        padding-right:.5rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .lg\:kbd-lg{
        min-height:2.5em;
        min-width:2.5em;
        padding-left:1rem;
        padding-right:1rem;
        font-size:1.125rem;
        line-height:1.75rem
    }
    .lg\:radio-sm{
        height:1.25rem;
        width:1.25rem
    }
    .lg\:radio-md{
        height:1.5rem;
        width:1.5rem
    }
    .lg\:radio-lg{
        height:2rem;
        width:2rem
    }
    .lg\:range-sm{
        height:1.25rem
    }
    .lg\:range-sm::-webkit-slider-runnable-track{
        height:.25rem
    }
    .lg\:range-sm::-moz-range-track{
        height:.25rem
    }
    .lg\:range-sm::-webkit-slider-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .lg\:range-sm::-moz-range-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .lg\:range-md{
        height:1.5rem
    }
    .lg\:range-md::-webkit-slider-runnable-track{
        height:.5rem
    }
    .lg\:range-md::-moz-range-track{
        height:.5rem
    }
    .lg\:range-md::-webkit-slider-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .lg\:range-md::-moz-range-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .lg\:range-lg{
        height:2rem
    }
    .lg\:range-lg::-webkit-slider-runnable-track{
        height:1rem
    }
    .lg\:range-lg::-moz-range-track{
        height:1rem
    }
    .lg\:range-lg::-webkit-slider-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .lg\:range-lg::-moz-range-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .lg\:rating-sm input{
        height:1rem;
        width:1rem
    }
    .lg\:rating-md input{
        height:1.5rem;
        width:1.5rem
    }
    .lg\:rating-lg input{
        height:2.5rem;
        width:2.5rem
    }
    .rating-half.lg\:rating-sm input:not(.rating-hidden){
        width:.5rem
    }
    .rating-half.lg\:rating-md input:not(.rating-hidden){
        width:.75rem
    }
    .rating-half.lg\:rating-lg input:not(.rating-hidden){
        width:1.25rem
    }
    .lg\:select-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:2.5rem;
        font-size:.875rem;
        line-height:2
    }
    .lg\:select-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:2rem;
        font-size:1.125rem;
        line-height:2
    }
    .lg\:select-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:2rem;
        font-size:.875rem;
        line-height:2rem
    }
    .lg\:tab-md{
        height:2rem;
        --tab-padding:1rem;
        font-size:.875rem;
        line-height:2
    }
    .lg\:tab-lg{
        height:3rem;
        --tab-padding:1.25rem;
        font-size:1.125rem;
        line-height:2
    }
    .lg\:tab-sm{
        height:1.5rem;
        --tab-padding:.75rem;
        font-size:.875rem;
        line-height:.75rem
    }
    .lg\:toggle-sm{
        --handleoffset:.75rem;
        height:1.25rem;
        width:2rem
    }
    .lg\:toggle-md{
        --handleoffset:1.5rem;
        height:1.5rem;
        width:3rem
    }
    .lg\:toggle-lg{
        --handleoffset:2rem;
        height:2rem;
        width:4rem
    }
    .lg\:alert-sm{
        padding:.5rem
    }
}
@media (min-width:1280px){
    .xl\:input-group-md{
        font-size:.875rem;
        line-height:2
    }
    .xl\:input-group-lg{
        font-size:1.125rem;
        line-height:2
    }
    .xl\:input-group-sm{
        font-size:.875rem;
        line-height:2rem
    }
    .btn.loading.xl\:btn-xl:before,.btn.loading.btn-lg:before,.btn.loading.btn-xl:before,.btn.loading.xl\:btn-lg:before{
        height:1.25rem;
        width:1.25rem
    }
    .btn.loading.xl\:btn-sm:before,.btn.loading.btn-xs:before{
        height:.75rem;
        width:.75rem
    }
    .xl\:tab-rounded-lg{
        --tab-radius:.5rem
    }
    .xl\:badge-sm{
        height:1rem;
        padding-left:.438rem;
        padding-right:.438rem;
        font-size:.75rem;
        line-height:1rem
    }
    .xl\:badge-md{
        height:1.25rem;
        padding-left:.563rem;
        padding-right:.563rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .xl\:badge-lg{
        height:1.5rem;
        padding-left:.688rem;
        padding-right:.688rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .xl\:btn-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem
    }
    .xl\:btn-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem
    }
    .xl\:btn-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem
    }
    .btn-square:where(.xl\:btn-sm){
        height:2rem;
        width:2rem;
        padding:0
    }
    .btn-square:where(.xl\:btn-md){
        height:3rem;
        width:3rem;
        padding:0
    }
    .btn-square:where(.xl\:btn-lg){
        height:4rem;
        width:4rem;
        padding:0
    }
    .btn-circle:where(.xl\:btn-sm){
        height:2rem;
        width:2rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.xl\:btn-md){
        height:3rem;
        width:3rem;
        border-radius:9999px;
        padding:0
    }
    .btn-circle:where(.xl\:btn-lg){
        height:4rem;
        width:4rem;
        border-radius:9999px;
        padding:0
    }
    .xl\:checkbox-sm{
        height:1.25rem;
        width:1.25rem
    }
    .xl\:checkbox-md{
        height:1.5rem;
        width:1.5rem
    }
    .xl\:checkbox-lg{
        height:2rem;
        width:2rem
    }
    .xl\:input-md{
        height:3rem;
        padding-left:1rem;
        padding-right:1rem;
        font-size:.875rem;
        line-height:2
    }
    .xl\:input-lg{
        height:4rem;
        padding-left:1.5rem;
        padding-right:1.5rem;
        font-size:1.125rem;
        line-height:2
    }
    .xl\:input-sm{
        height:2rem;
        padding-left:.75rem;
        padding-right:.75rem;
        font-size:.875rem;
        line-height:2rem
    }
    .xl\:kbd-sm{
        min-height:1.6em;
        min-width:1.6em;
        padding-left:.25rem;
        padding-right:.25rem;
        font-size:.875rem;
        line-height:1.25rem
    }
    .xl\:kbd-md{
        min-height:2.2em;
        min-width:2.2em;
        padding-left:.5rem;
        padding-right:.5rem;
        font-size:1rem;
        line-height:1.5rem
    }
    .xl\:kbd-lg{
        min-height:2.5em;
        min-width:2.5em;
        padding-left:1rem;
        padding-right:1rem;
        font-size:1.125rem;
        line-height:1.75rem
    }
    .xl\:radio-sm{
        height:1.25rem;
        width:1.25rem
    }
    .xl\:radio-md{
        height:1.5rem;
        width:1.5rem
    }
    .xl\:radio-lg{
        height:2rem;
        width:2rem
    }
    .xl\:range-sm{
        height:1.25rem
    }
    .xl\:range-sm::-webkit-slider-runnable-track{
        height:.25rem
    }
    .xl\:range-sm::-moz-range-track{
        height:.25rem
    }
    .xl\:range-sm::-webkit-slider-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .xl\:range-sm::-moz-range-thumb{
        height:1.25rem;
        width:1.25rem;
        --filler-offset:.5rem
    }
    .xl\:range-md{
        height:1.5rem
    }
    .xl\:range-md::-webkit-slider-runnable-track{
        height:.5rem
    }
    .xl\:range-md::-moz-range-track{
        height:.5rem
    }
    .xl\:range-md::-webkit-slider-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .xl\:range-md::-moz-range-thumb{
        height:1.5rem;
        width:1.5rem;
        --filler-offset:.6rem
    }
    .xl\:range-lg{
        height:2rem
    }
    .xl\:range-lg::-webkit-slider-runnable-track{
        height:1rem
    }
    .xl\:range-lg::-moz-range-track{
        height:1rem
    }
    .xl\:range-lg::-webkit-slider-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .xl\:range-lg::-moz-range-thumb{
        height:2rem;
        width:2rem;
        --filler-offset:1rem
    }
    .xl\:rating-sm input{
        height:1rem;
        width:1rem
    }
    .xl\:rating-md input{
        height:1.5rem;
        width:1.5rem
    }
    .xl\:rating-lg input{
        height:2.5rem;
        width:2.5rem
    }
    .rating-half.xl\:rating-sm input:not(.rating-hidden){
        width:.5rem
    }
    .rating-half.xl\:rating-md input:not(.rating-hidden){
        width:.75rem
    }
    .rating-half.xl\:rating-lg input:not(.rating-hidden){
        width:1.25rem
    }
    .xl\:select-md{
        height:3rem;
        min-height:3rem;
        padding-left:1rem;
        padding-right:2.5rem;
        font-size:.875rem;
        line-height:2
    }
    .xl\:select-lg{
        height:4rem;
        min-height:4rem;
        padding-left:1.5rem;
        padding-right:2rem;
        font-size:1.125rem;
        line-height:2
    }
    .xl\:select-sm{
        height:2rem;
        min-height:2rem;
        padding-left:.75rem;
        padding-right:2rem;
        font-size:.875rem;
        line-height:2rem
    }
    .xl\:tab-md{
        height:2rem;
        --tab-padding:1rem;
        font-size:.875rem;
        line-height:2
    }
    .xl\:tab-lg{
        height:3rem;
        --tab-padding:1.25rem;
        font-size:1.125rem;
        line-height:2
    }
    .xl\:tab-sm{
        height:1.5rem;
        --tab-padding:.75rem;
        font-size:.875rem;
        line-height:.75rem
    }
    .xl\:toggle-sm{
        --handleoffset:.75rem;
        height:1.25rem;
        width:2rem
    }
    .xl\:toggle-md{
        --handleoffset:1.5rem;
        height:1.5rem;
        width:3rem
    }
    .xl\:toggle-lg{
        --handleoffset:2rem;
        height:2rem;
        width:4rem
    }
    .xl\:alert-sm{
        padding:.5rem
    }
}



#wrap_Inputfield_privacy, #wrap_Inputfield_marketing{
    margin-bottom: 1px !important;
}

#wrap_Inputfield_privacy .InputfieldHeader{
    display: none;
}
.InputfieldPasswordRow{
    margin-bottom: 0.3rem;
}
.InputfieldContent input{
    border-radius: 0.5rem;
    border: none !important;
    padding: 0.75rem !important;
}
.Inputfield label{
    color: rgb(100 116 139);
}
.Inputfield_registrazione_submit .InputfieldContent button{
    border-radius: 0.5rem !important;
    width: 100%;
    background-color: transparent !important;
    border: 1px #e74427 solid !important;
    color: #e74427 !important;
    height: 3rem;
    min-height: 3rem;
    justify-content: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1em;
    transition-property: color,background-color,border-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    display: inline-flex;
}
.Inputfield_registrazione_submit .InputfieldContent button:hover{
    background-color: #e74427 !important;
    color: white !important;
}
.FormBuilderErrors{
    display: none !important;
}
#FormBuilderSubmitted{
    margin: 3rem;
}
#wrap_Inputfield_recaptcha .InputfieldHeader{
    display: none;
}
input.picker[type="date"] {
  position: relative;
}

input.picker[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}
.error{color:#FF0000}
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeader, .InputfieldFormWidths .InputfieldColumnWidth > .InputfieldContent {
    padding-left: 0 !important;
}
.FormBuilder.InputfieldForm .Inputfield {
    margin-bottom: 2em;
    padding-left: 0.3rem !important;
    padding-right: 0.3rem !important;
}