@layer properties;
@layer theme,base,components,utilities;
@layer theme{
:root,:host{
--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--color-orange-800: oklch(.47 .157 37.304);
--color-yellow-800: oklch(.476 .114 61.907);
--color-green-800: oklch(.448 .119 151.328);
--color-cyan-800: oklch(.45 .085 224.283);
--color-sky-800: oklch(.443 .11 240.79);
--color-blue-900: oklch(.379 .146 265.522);
--color-blue-950: oklch(.282 .091 267.935);
--color-indigo-900: oklch(.359 .144 278.697);
--color-rose-800: oklch(.455 .188 13.697);
--color-slate-50: oklch(.984 .003 247.858);
--color-slate-300: oklch(.869 .022 252.894);
--color-slate-500: oklch(.554 .046 257.417);
--color-slate-700: oklch(.372 .044 257.287);
--color-slate-800: oklch(.279 .041 260.031);
--color-gray-300: oklch(.872 .01 258.338);
--color-gray-900: oklch(.21 .034 264.665);
--color-black: #000;
--color-white: #fff;
--spacing: .25rem;
--container-sm: 24rem;
--container-md: 28rem;
--container-lg: 32rem;
--container-xl: 36rem;
--container-2xl: 42rem;
--container-3xl: 48rem;
--container-4xl: 56rem;
--text-xs: .75rem;
--text-xs--line-height: calc(1 / .75);
--text-sm: .875rem;
--text-sm--line-height: calc(1.25 / .875);
--text-base: 1rem;
--text-base--line-height: 1.5 ;
--text-lg: 1.125rem;
--text-lg--line-height: calc(1.75 / 1.125);
--text-xl: 1.25rem;
--text-xl--line-height: calc(1.75 / 1.25);
--text-2xl: 1.5rem;
--text-2xl--line-height: calc(2 / 1.5);
--text-3xl: 1.875rem;
--text-3xl--line-height: 1.2 ;
--text-4xl: 2.25rem;
--text-4xl--line-height: calc(2.5 / 2.25);
--text-5xl: 3rem;
--text-5xl--line-height: 1;
--text-9xl: 8rem;
--text-9xl--line-height: 1;
--font-weight-thin: 100;
--font-weight-extralight: 200;
--font-weight-light: 300;
--font-weight-normal: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
--font-weight-extrabold: 800;
--font-weight-black: 900;
--tracking-tight: -.025em;
--leading-tight: 1.25;
--leading-normal: 1.5;
--leading-relaxed: 1.625;
--radius-xs: .125rem;
--radius-sm: .25rem;
--radius-md: .375rem;
--radius-lg: .5rem;
--radius-xl: .75rem;
--radius-2xl: 1rem;
--radius-3xl: 1.5rem;
--radius-4xl: 2rem;
--ease-out: cubic-bezier(0, 0, .2, 1);
--ease-in-out: cubic-bezier(.4, 0, .2, 1);
--animate-spin: spin 1s linear infinite;
--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
--blur-md: 12px;
--blur-xl: 24px;
--blur-2xl: 40px;
--default-transition-duration: .15s;
--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
--default-font-family: var(--font-sans);
--default-font-feature-settings: var(--font-sans--font-feature-settings);
--default-font-variation-settings: var( --font-sans--font-variation-settings );
--default-mono-font-family: var(--font-mono);
--default-mono-font-feature-settings: var( --font-mono--font-feature-settings );
--default-mono-font-variation-settings: var( --font-mono--font-variation-settings );
--font-display: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
--color-primary: var(--color-blue-900);
--color-success: var(--color-green-800);
--color-danger: var(--color-rose-800);
--color-pending: var(--color-orange-800);
--color-warning: var(--color-yellow-800);
--color-background: var(--color-slate-50);
--color-foreground: var(--color-slate-700);
--background-image-accent: url(../images/accent.svg);
--background-image-noise: url(../images/noise.png);
--background-image-chevron-dark: url('data:image/svg+xml,');
--background-image-chevron-light: url('data:image/svg+xml,');
--background-image-chevron: var(--background-image-chevron-dark);
--background-image-empty-directory: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_2' data-name='Group 2' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='786' height='721' rx='40' transform='translate(567 158)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E");
--background-image-directory: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='786' height='786' viewBox='0 0 786 786'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_3' data-name='Group 3' transform='translate(-567 -93)'%3E%3Crect id='Rectangle_4' data-name='Rectangle 4' width='418' height='681' rx='40' transform='translate(896 109)' fill='%2395a5b9'/%3E%3Crect id='Rectangle_3' data-name='Rectangle 3' width='433' height='681' rx='40' transform='translate(606 93)' fill='%23a0aec0'/%3E%3Crect id='Rectangle_2' data-name='Rectangle 2' width='742' height='734' rx='40' transform='translate(590 145)' fill='%23bec8d9'/%3E%3Crect id='Rectangle_5' data-name='Rectangle 5' width='786' height='692' rx='40' transform='translate(567 187)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/svg%3E%0A");
--background-image-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='628.027' height='786.012' viewBox='0 0 628.027 786.012'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%238a97ac'/%3E%3Cstop offset='1' stop-color='%235d6c83'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_5' data-name='Group 5' transform='translate(-646 -92.988)'%3E%3Cpath id='Union_2' data-name='Union 2' d='M40,786A40,40,0,0,1,0,746V40A40,40,0,0,1,40,0H501V103h29v24h98V746a40,40,0,0,1-40,40Z' transform='translate(646 93)' fill='url(%23linear-gradient)'/%3E%3Cpath id='Intersection_2' data-name='Intersection 2' d='M.409,162.042l.058-109.9c31.605,29.739,125.37,125.377,125.37,125.377l-109.976.049A20.025,20.025,0,0,1,.409,162.042Z' transform='translate(1147 42)' fill='%23bec8d9' stroke='%23bec8d9' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A")
}
}
@layer base{
*,:after,:before,::backdrop,::file-selector-button{
box-sizing:border-box;
margin:0;
padding:0;
border:0 solid
}
html,:host{
line-height:1.5;
-webkit-text-size-adjust:100%;
tab-size:4;
font-family:var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
font-feature-settings:var(--default-font-feature-settings, normal);
font-variation-settings:var( --default-font-variation-settings, normal );
-webkit-tap-highlight-color:transparent
}
body{
line-height:inherit
}
hr{
height:0;
color:inherit;
border-top-width:1px
}
abbr:where([title]){
-webkit-text-decoration:underline dotted;
text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
font-size:inherit;
font-weight:inherit
}
a{
color:inherit;
-webkit-text-decoration:inherit;
text-decoration:inherit
}
b,strong{
font-weight:bolder
}
code,kbd,samp,pre{
font-family:var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
font-feature-settings:var( --default-mono-font-feature-settings, normal );
font-variation-settings:var( --default-mono-font-variation-settings, normal );
font-size:1em
}
small{
font-size:80%
}
sub,sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sub{
bottom:-.25em
}
sup{
top:-.5em
}
table{
text-indent:0;
border-color:inherit;
border-collapse:collapse
}
:-moz-focusring{
outline:auto
}
progress{
vertical-align:baseline
}
summary{
display:list-item
}
ol,ul,menu{
list-style:none
}
img,svg,video,canvas,audio,iframe,embed,object{
display:block;
vertical-align:middle
}
img,video{
max-width:100%;
height:auto
}
button,input,select,optgroup,textarea,::file-selector-button{
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
border-radius:0;
background-color:transparent;
opacity:1
}
:where(select:is([multiple],[size])) optgroup{
font-weight:bolder
}
:where(select:is([multiple],[size])) optgroup option{
padding-inline-start:20px
}
::file-selector-button{
margin-inline-end:4px
}
::placeholder{
opacity:1;
color:currentColor;
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,currentColor 50%,transparent)
}
}
textarea{
resize:vertical
}
::-webkit-search-decoration{
-webkit-appearance:none
}
::-webkit-date-and-time-value{
min-height:1lh;
text-align:inherit
}
::-webkit-datetime-edit{
display:inline-flex
}
::-webkit-datetime-edit-fields-wrapper{
padding:0
}
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
padding-block:0
}
:-moz-ui-invalid{
box-shadow:none
}
button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{
appearance:button
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
height:auto
}
[hidden]:where(:not([hidden=until-found])){
display:none!important
}
}
@layer utilities{
.collapse{
visibility:collapse
}
.invisible{
visibility:hidden
}
.visible{
visibility:visible
}
.absolute{
position:absolute
}
.fixed{
position:fixed
}
.relative{
position:relative
}
.static{
position:static
}
.sticky{
position:sticky
}
.inset-0{
inset:calc(var(--spacing) * 0)
}
.inset-x-0{
inset-inline:calc(var(--spacing) * 0)
}
.inset-y-0{
inset-block:calc(var(--spacing) * 0)
}
.start-0{
inset-inline-start:calc(var(--spacing) * 0)
}
.top-0{
top:calc(var(--spacing) * 0)
}
.right-0{
right:calc(var(--spacing) * 0)
}
.right-1{
right:calc(var(--spacing) * 1)
}
.right-5{
right:calc(var(--spacing) * 5)
}
.bottom-0{
bottom:calc(var(--spacing) * 0)
}
.left-0{
left:calc(var(--spacing) * 0)
}
.left-\[100\%\]{
left:100%
}
.z-0{
z-index:0
}
.z-4{
z-index:4
}
.z-10{
z-index:10
}
.z-20{
z-index:20
}
.z-30{
z-index:30
}
.z-40{
z-index:40
}
.z-50{
z-index:50
}
.z-60{
z-index:60
}
.z-\[51\]{
z-index:51
}
.z-\[100\]{
z-index:100
}
.z-\[999\]{
z-index:999
}
.col-span-2{
grid-column:span 2 / span 2
}
.col-span-3{
grid-column:span 3 / span 3
}
.col-span-5{
grid-column:span 5 / span 5
}
.col-span-6{
grid-column:span 6 / span 6
}
.col-span-8{
grid-column:span 8 / span 8
}
.col-span-10{
grid-column:span 10 / span 10
}
.col-span-11{
grid-column:span 11 / span 11
}
.col-span-12{
grid-column:span 12 / span 12
}
.row-start-2{
grid-row-start:2
}
.float-left{
float:left
}
.float-right{
float:right
}
.clear-both{
clear:both
}
/* .container{
width:100%;
@media (width >= 40rem){
max-width:40rem
}
@media (width >= 48rem){
max-width:48rem
}
@media (width >= 64rem){
max-width:64rem
}
@media (width >= 80rem){
max-width:80rem
}
@media (min-width: 1200px) {
max-width:96rem
}
}
*/
@media (min-width: 576px) {
.container,.container-sm {
max-width:540px
}
}
@media (min-width: 768px) {
.container,.container-md,.container-sm {
max-width:720px
}
}
@media (min-width: 992px) {
.container,.container-lg,.container-md,.container-sm {
max-width:960px
}
}
@media (min-width: 1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl {
max-width:1140px
}
}
@media (min-width: 1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl {
max-width:1320px
}
}
.\!m-0{
margin:calc(var(--spacing) * 0)!important
}
.m-0{
margin:calc(var(--spacing) * 0)
}
.m-5{
margin:calc(var(--spacing) * 5)
}
.m-auto{
margin:auto
}
.-mx-1{
margin-inline:calc(var(--spacing) * -1)
}
.-mx-2{
margin-inline:calc(var(--spacing) * -2)
}
.-mx-3{
margin-inline:calc(var(--spacing) * -3)
}
.-mx-5{
margin-inline:calc(var(--spacing) * -5)
}
.-mx-6{
margin-inline:calc(var(--spacing) * -6)
}
.mx-1{
margin-inline:calc(var(--spacing) * 1)
}
.mx-2{
margin-inline:calc(var(--spacing) * 2)
}
.mx-3{
margin-inline:calc(var(--spacing) * 3)
}
.mx-4{
margin-inline:calc(var(--spacing) * 4)
}
.mx-5{
margin-inline:calc(var(--spacing) * 5)
}
.mx-auto{
margin-inline:auto
}
.mx-px{
margin-inline:1px
}
.my-3{
margin-block:calc(var(--spacing) * 3)
}
.my-4{
margin-block:calc(var(--spacing) * 4)
}
.my-5{
margin-block:calc(var(--spacing) * 5)
}
.my-10{
margin-block:calc(var(--spacing) * 10)
}
.my-20{
margin-block:calc(var(--spacing) * 20)
}
.my-auto{
margin-block:auto
}
.my-px{
margin-block:1px
}
.-ms-4{
margin-inline-start:calc(var(--spacing) * -4)
}
.-ms-5{
margin-inline-start:calc(var(--spacing) * -5)
}
.ms-0\.5{
margin-inline-start:calc(var(--spacing) * .5)
}
.ms-2{
margin-inline-start:calc(var(--spacing) * 2)
}
.ms-3{
margin-inline-start:calc(var(--spacing) * 3)
}
.ms-4{
margin-inline-start:calc(var(--spacing) * 4)
}
.ms-auto{
margin-inline-start:auto
}
.me-1{
margin-inline-end:calc(var(--spacing) * 1)
}
.me-2{
margin-inline-end:calc(var(--spacing) * 2)
}
.me-3{
margin-inline-end:calc(var(--spacing) * 3)
}
.me-4{
margin-inline-end:calc(var(--spacing) * 4)
}
.me-5{
margin-inline-end:calc(var(--spacing) * 5)
}
.me-auto{
margin-inline-end:auto
}
.prose{
color:var(--tw-prose-body);
max-width:65ch;
:where(p):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:1.25em;
margin-bottom:1.25em
}
:where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-lead);
font-size:1.25em;
line-height:1.6;
margin-top:1.2em;
margin-bottom:1.2em
}
:where(a):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-links);
text-decoration:underline;
font-weight:500
}
:where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-bold);
font-weight:600
}
:where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:decimal;
margin-top:1.25em;
margin-bottom:1.25em;
padding-inline-start:1.625em
}
:where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:upper-alpha
}
:where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:lower-alpha
}
:where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:upper-alpha
}
:where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:lower-alpha
}
:where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:upper-roman
}
:where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:lower-roman
}
:where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:upper-roman
}
:where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:lower-roman
}
:where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:decimal
}
:where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){
list-style-type:disc;
margin-top:1.25em;
margin-bottom:1.25em;
padding-inline-start:1.625em
}
:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
font-weight:400;
color:var(--tw-prose-counters)
}
:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{
color:var(--tw-prose-bullets)
}
:where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-headings);
font-weight:600;
margin-top:1.25em
}
:where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){
border-color:var(--tw-prose-hr);
border-top-width:1;
margin-top:3em;
margin-bottom:3em
}
:where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){
font-weight:500;
font-style:italic;
color:var(--tw-prose-quotes);
border-inline-start-width:.25rem;
border-inline-start-color:var(--tw-prose-quote-borders);
quotes:"\201c""\201d""\2018""\2019";
margin-top:1.6em;
margin-bottom:1.6em;
padding-inline-start:1em
}
:where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{
content:open-quote
}
:where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{
content:close-quote
}
:where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-headings);
font-weight:800;
font-size:2.25em;
margin-top:0;
margin-bottom:.8888889em;
line-height:1.1111111
}
:where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
font-weight:900;
color:inherit
}
:where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-headings);
font-weight:700;
font-size:1.5em;
margin-top:2em;
margin-bottom:1em;
line-height:1.3333333
}
:where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
font-weight:800;
color:inherit
}
:where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-headings);
font-weight:600;
font-size:1.25em;
margin-top:1.6em;
margin-bottom:.6em;
line-height:1.6
}
:where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
font-weight:700;
color:inherit
}
:where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-headings);
font-weight:600;
margin-top:1.5em;
margin-bottom:.5em;
line-height:1.5
}
:where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){
font-weight:700;
color:inherit
}
:where(img):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:2em;
margin-bottom:2em
}
:where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){
display:block;
margin-top:2em;
margin-bottom:2em
}
:where(video):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:2em;
margin-bottom:2em
}
:where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){
font-weight:500;
font-family:inherit;
color:var(--tw-prose-kbd);
box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px rgb(var(--tw-prose-kbd-shadows) / 10%);
font-size:.875em;
border-radius:.3125rem;
padding-top:.1875em;
padding-inline-end:.375em;
padding-bottom:.1875em;
padding-inline-start:.375em
}
:where(code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-code);
font-weight:600;
font-size:.875em
}
:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{
content:"`"
}
:where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
content:"`"
}
:where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit;
font-size:.875em
}
:where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit;
font-size:.9em
}
:where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){
color:inherit
}
:where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-pre-code);
background-color:var(--tw-prose-pre-bg);
overflow-x:auto;
font-weight:400;
font-size:.875em;
line-height:1.7142857;
margin-top:1.7142857em;
margin-bottom:1.7142857em;
border-radius:.375rem;
padding-top:.8571429em;
padding-inline-end:1.1428571em;
padding-bottom:.8571429em;
padding-inline-start:1.1428571em
}
:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){
background-color:transparent;
border-width:0;
border-radius:0;
padding:0;
font-weight:inherit;
color:inherit;
font-size:inherit;
font-family:inherit;
line-height:inherit
}
:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{
content:none
}
:where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{
content:none
}
:where(table):not(:where([class~=not-prose],[class~=not-prose] *)){
width:100%;
table-layout:auto;
margin-top:2em;
margin-bottom:2em;
font-size:.875em;
line-height:1.7142857
}
:where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){
border-bottom-width:1px;
border-bottom-color:var(--tw-prose-th-borders)
}
:where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-headings);
font-weight:600;
vertical-align:bottom;
padding-inline-end:.5714286em;
padding-bottom:.5714286em;
padding-inline-start:.5714286em
}
:where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){
border-bottom-width:1px;
border-bottom-color:var(--tw-prose-td-borders)
}
:where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
border-bottom-width:0
}
:where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){
vertical-align:baseline
}
:where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){
border-top-width:1px;
border-top-color:var(--tw-prose-th-borders)
}
:where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
vertical-align:top
}
:where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){
text-align:start
}
:where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0;
margin-bottom:0
}
:where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){
color:var(--tw-prose-captions);
font-size:.875em;
line-height:1.4285714;
margin-top:.8571429em
}
--tw-prose-body: oklch(.373 .034 259.733);
--tw-prose-headings: oklch(.21 .034 264.665);
--tw-prose-lead: oklch(.446 .03 256.802);
--tw-prose-links: oklch(.21 .034 264.665);
--tw-prose-bold: oklch(.21 .034 264.665);
--tw-prose-counters: oklch(.551 .027 264.364);
--tw-prose-bullets: oklch(.872 .01 258.338);
--tw-prose-hr: oklch(.928 .006 264.531);
--tw-prose-quotes: oklch(.21 .034 264.665);
--tw-prose-quote-borders: oklch(.928 .006 264.531);
--tw-prose-captions: oklch(.551 .027 264.364);
--tw-prose-kbd: oklch(.21 .034 264.665);
--tw-prose-kbd-shadows: NaN NaN NaN;
--tw-prose-code: oklch(.21 .034 264.665);
--tw-prose-pre-code: oklch(.928 .006 264.531);
--tw-prose-pre-bg: oklch(.278 .033 256.848);
--tw-prose-th-borders: oklch(.872 .01 258.338);
--tw-prose-td-borders: oklch(.928 .006 264.531);
--tw-prose-invert-body: oklch(.872 .01 258.338);
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: oklch(.707 .022 261.325);
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: oklch(.707 .022 261.325);
--tw-prose-invert-bullets: oklch(.446 .03 256.802);
--tw-prose-invert-hr: oklch(.373 .034 259.733);
--tw-prose-invert-quotes: oklch(.967 .003 264.542);
--tw-prose-invert-quote-borders: oklch(.373 .034 259.733);
--tw-prose-invert-captions: oklch(.707 .022 261.325);
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: oklch(.872 .01 258.338);
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
--tw-prose-invert-th-borders: oklch(.446 .03 256.802);
--tw-prose-invert-td-borders: oklch(.373 .034 259.733);
font-size:1rem;
line-height:1.75;
:where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0;
margin-bottom:0
}
:where(li):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:.5em;
margin-bottom:.5em
}
:where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-inline-start:.375em
}
:where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-inline-start:.375em
}
:where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:.75em;
margin-bottom:.75em
}
:where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:1.25em
}
:where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-bottom:1.25em
}
:where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:1.25em
}
:where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-bottom:1.25em
}
:where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:.75em;
margin-bottom:.75em
}
:where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:1.25em;
margin-bottom:1.25em
}
:where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:.5em;
padding-inline-start:1.625em
}
:where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0
}
:where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0
}
:where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0
}
:where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0
}
:where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-inline-start:0
}
:where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-inline-end:0
}
:where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-top:.5714286em;
padding-inline-end:.5714286em;
padding-bottom:.5714286em;
padding-inline-start:.5714286em
}
:where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-inline-start:0
}
:where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
padding-inline-end:0
}
:where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:2em;
margin-bottom:2em
}
:where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-top:0
}
:where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){
margin-bottom:0
}
}
.-mt-0\.5{
margin-top:calc(var(--spacing) * -.5)
}
.-mt-1{
margin-top:calc(var(--spacing) * -1)
}
.-mt-2{
margin-top:calc(var(--spacing) * -2)
}
.-mt-3{
margin-top:calc(var(--spacing) * -3)
}
.-mt-3\.5{
margin-top:calc(var(--spacing) * -3.5)
}
.-mt-5{
margin-top:calc(var(--spacing) * -5)
}
.-mt-8{
margin-top:calc(var(--spacing) * -8)
}
.-mt-12{
margin-top:calc(var(--spacing) * -12)
}
.-mt-16{
margin-top:calc(var(--spacing) * -16)
}
.mt-0\.5{
margin-top:calc(var(--spacing) * .5)
}
.mt-1{
margin-top:calc(var(--spacing) * 1)
}
.mt-1\.5{
margin-top:calc(var(--spacing) * 1.5)
}
.mt-2{
margin-top:calc(var(--spacing) * 2)
}
.mt-3{
margin-top:calc(var(--spacing) * 3)
}
.mt-3\.5{
margin-top:calc(var(--spacing) * 3.5)
}
.mt-4{
margin-top:calc(var(--spacing) * 4)
}
.mt-5{
margin-top:calc(var(--spacing) * 5)
}
.mt-6{
margin-top:calc(var(--spacing) * 6)
}
.mt-7{
margin-top:calc(var(--spacing) * 7)
}
.mt-8{
margin-top:calc(var(--spacing) * 8)
}
.mt-9{
margin-top:calc(var(--spacing) * 9)
}
.mt-10{
margin-top:calc(var(--spacing) * 10)
}
.mt-12{
margin-top:calc(var(--spacing) * 12)
}
.mt-14{
margin-top:calc(var(--spacing) * 14)
}
.mt-20{
margin-top:calc(var(--spacing) * 20)
}
.-mr-0\.5{
margin-right:calc(var(--spacing) * -.5)
}
.-mr-1{
margin-right:calc(var(--spacing) * -1)
}
.-mr-2{
margin-right:calc(var(--spacing) * -2)
}
.-mr-3{
margin-right:calc(var(--spacing) * -3)
}
.-mr-7{
margin-right:calc(var(--spacing) * -7)
}
.-mr-12{
margin-right:calc(var(--spacing) * -12)
}
.-mr-16{
margin-right:calc(var(--spacing) * -16)
}
.mr-0{
margin-right:calc(var(--spacing) * 0)
}
.mr-0\.5{
margin-right:calc(var(--spacing) * .5)
}
.mr-1{
margin-right:calc(var(--spacing) * 1)
}
.mr-2{
margin-right:calc(var(--spacing) * 2)
}
.mr-3{
margin-right:calc(var(--spacing) * 3)
}
.mr-4{
margin-right:calc(var(--spacing) * 4)
}
.mr-5{
margin-right:calc(var(--spacing) * 5)
}
.mr-6{
margin-right:calc(var(--spacing) * 6)
}
.mr-40{
margin-right:calc(var(--spacing) * 40)
}
.mr-auto{
margin-right:auto
}
.mr-px{
margin-right:1px
}
.-mb-1\.5{
margin-bottom:calc(var(--spacing) * -1.5)
}
.-mb-6{
margin-bottom:calc(var(--spacing) * -6)
}
.-mb-7{
margin-bottom:calc(var(--spacing) * -7)
}
.-mb-10{
margin-bottom:calc(var(--spacing) * -10)
}
.-mb-12{
margin-bottom:calc(var(--spacing) * -12)
}
.mb-0{
margin-bottom:calc(var(--spacing) * 0)
}
.mb-1{
margin-bottom:calc(var(--spacing) * 1)
}
.mb-2{
margin-bottom:calc(var(--spacing) * 2)
}
.mb-3{
margin-bottom:calc(var(--spacing) * 3)
}
.mb-4{
margin-bottom:calc(var(--spacing) * 4)
}
.mb-5{
margin-bottom:calc(var(--spacing) * 5)
}
.mb-6{
margin-bottom:calc(var(--spacing) * 6)
}
.mb-7{
margin-bottom:calc(var(--spacing) * 7)
}
.mb-8{
margin-bottom:calc(var(--spacing) * 8)
}
.mb-10{
margin-bottom:calc(var(--spacing) * 10)
}
.mb-11{
margin-bottom:calc(var(--spacing) * 11)
}
.-ml-1{
margin-left:calc(var(--spacing) * -1)
}
.-ml-2{
margin-left:calc(var(--spacing) * -2)
}
.-ml-2\.5{
margin-left:calc(var(--spacing) * -2.5)
}
.-ml-4{
margin-left:calc(var(--spacing) * -4)
}
.-ml-5{
margin-left:calc(var(--spacing) * -5)
}
.-ml-16{
margin-left:calc(var(--spacing) * -16)
}
.-ml-\[150px\]{
margin-left:-150px
}
.-ml-\[155px\]{
margin-left:-155px
}
.-ml-\[165px\]{
margin-left:-165px
}
.-ml-\[275px\]{
margin-left:-275px
}
.-ml-\[300px\]{
margin-left:-300px
}
.-ml-\[320px\]{
margin-left:-320px
}
.-ml-px{
margin-left:-1px
}
.ml-0\.5{
margin-left:calc(var(--spacing) * .5)
}
.ml-1{
margin-left:calc(var(--spacing) * 1)
}
.ml-2{
margin-left:calc(var(--spacing) * 2)
}
.ml-3{
margin-left:calc(var(--spacing) * 3)
}
.ml-3\.5{
margin-left:calc(var(--spacing) * 3.5)
}
.ml-4{
margin-left:calc(var(--spacing) * 4)
}
.ml-5{
margin-left:calc(var(--spacing) * 5)
}
.ml-6{
margin-left:calc(var(--spacing) * 6)
}
.ml-8{
margin-left:calc(var(--spacing) * 8)
}
.ml-32{
margin-left:calc(var(--spacing) * 32)
}
.ml-\[275px\]{
margin-left:275px
}
.ml-\[300px\]{
margin-left:300px
}
.ml-\[320px\]{
margin-left:320px
}
.ml-auto{
margin-left:auto
}
.ml-px{
margin-left:1px
}
.line-clamp-2{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2
}
.block{
display:block
}
.contents{
display:contents
}
.flex{
display:flex
}
.grid{
display:grid
}
.hidden{
display:none
}
.inline-block{
display:inline-block
}
.inline-flex{
display:inline-flex
}
.table{
display:table
}
.size-2{
width:calc(var(--spacing) * 2);
height:calc(var(--spacing) * 2)
}
.size-3{
width:calc(var(--spacing) * 3);
height:calc(var(--spacing) * 3)
}
.size-3\.5{
width:calc(var(--spacing) * 3.5);
height:calc(var(--spacing) * 3.5)
}
.size-4{
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)
}
.size-5{
width:calc(var(--spacing) * 5);
height:calc(var(--spacing) * 5)
}
.size-6{
width:calc(var(--spacing) * 6);
height:calc(var(--spacing) * 6)
}
.size-7{
width:calc(var(--spacing) * 7);
height:calc(var(--spacing) * 7)
}
.size-8{
width:calc(var(--spacing) * 8);
height:calc(var(--spacing) * 8)
}
.size-9{
width:calc(var(--spacing) * 9);
height:calc(var(--spacing) * 9)
}
.size-10{
width:calc(var(--spacing) * 10);
height:calc(var(--spacing) * 10)
}
.size-11{
width:calc(var(--spacing) * 11);
height:calc(var(--spacing) * 11)
}
.size-12{
width:calc(var(--spacing) * 12);
height:calc(var(--spacing) * 12)
}
.size-14{
width:calc(var(--spacing) * 14);
height:calc(var(--spacing) * 14)
}
.size-16{
width:calc(var(--spacing) * 16);
height:calc(var(--spacing) * 16)
}
.size-20{
width:calc(var(--spacing) * 20);
height:calc(var(--spacing) * 20)
}
.size-24{
width:calc(var(--spacing) * 24);
height:calc(var(--spacing) * 24)
}
.size-\[34px\]{
width:34px;
height:34px
}
.size-full{
width:100%;
height:100%
}
.h-2{
height:calc(var(--spacing) * 2)
}
.h-3{
height:calc(var(--spacing) * 3)
}
.h-4{
height:calc(var(--spacing) * 4)
}
.h-5{
height:calc(var(--spacing) * 5)
}
.h-6{
height:calc(var(--spacing) * 6)
}
.h-7{
height:calc(var(--spacing) * 7)
}
.h-8{
height:calc(var(--spacing) * 8)
}
.h-9{
height:calc(var(--spacing) * 9)
}
.h-10{
height:calc(var(--spacing) * 10)
}
.h-11{
height:calc(var(--spacing) * 11)
}
.h-12{
height:calc(var(--spacing) * 12)
}
.h-14{
height:calc(var(--spacing) * 14)
}
.h-16{
height:calc(var(--spacing) * 16)
}
.h-18{
height:calc(var(--spacing) * 18)
}
.h-24{
height:calc(var(--spacing) * 24)
}
.h-28{
height:calc(var(--spacing) * 28)
}
.h-32{
height:calc(var(--spacing) * 32)
}
.h-36{
height:calc(var(--spacing) * 36)
}
.h-40{
height:calc(var(--spacing) * 40)
}
.h-48{
height:calc(var(--spacing) * 48)
}
.h-52{
height:calc(var(--spacing) * 52)
}
.h-56{
height:calc(var(--spacing) * 56)
}
.h-64{
height:calc(var(--spacing) * 64)
}
.h-\[16px\]{
height:16px
}
.h-\[29rem\]{
height:29rem
}
.h-\[30\%\]{
height:30%
}
.h-\[30px\]{
height:30px
}
.h-\[46rem\]{
height:46rem
}
.h-\[51px\]{
height:51px
}
.h-\[55px\]{
height:55px
}
.h-\[58px\]{
height:58px
}
.h-\[65px\]{
height:65px
}
.h-\[70px\]{
height:70px
}
.h-\[75\%\]{
height:75%
}
.h-\[75px\]{
height:75px
}
.h-\[90px\]{
height:90px
}
.h-\[110px\]{
height:110px
}
.h-\[120\%\]{
height:120%
}
.h-\[192px\]{
height:192px
}
.h-\[208px\]{
height:208px
}
.h-\[212px\]{
height:212px
}
.h-\[213px\]{
height:213px
}
.h-\[250px\]{
height:250px
}
.h-\[270px\]{
height:270px
}
.h-\[275px\]{
height:275px
}
.h-\[310px\]{
height:310px
}
.h-\[320px\]{
height:320px
}
.h-\[400px\]{
height:400px
}
.h-\[420px\]{
height:420px
}
.h-auto{
height:auto
}
.h-full{
height:100%
}
.h-px{
height:1px
}
.h-screen{
height:100vh
}
.min-h-0{
min-height:calc(var(--spacing) * 0)
}
.min-h-24{
min-height:calc(var(--spacing) * 24)
}
.min-h-\[500px\]{
min-height:500px
}
.min-h-auto{
min-height:auto
}
.min-h-screen{
min-height:100vh
}
.\!w-14{
width:calc(var(--spacing) * 14)!important
}
.w-1\/2{
width:50%
}
.w-2{
width:calc(var(--spacing) * 2)
}
.w-2\/4{
width:50%
}
.w-2\/5{
width:40%
}
.w-3{
width:calc(var(--spacing) * 3)
}
.w-3\/4{
width:75%
}
.w-3\/5{
width:calc(3/5 * 100%)
}
.w-4{
width:calc(var(--spacing) * 4)
}
.w-5{
width:calc(var(--spacing) * 5)
}
.w-5\/6{
width:calc(5/6 * 100%)
}
.w-6{
width:calc(var(--spacing) * 6)
}
.w-7{
width:calc(var(--spacing) * 7)
}
.w-8{
width:calc(var(--spacing) * 8)
}
.w-9{
width:calc(var(--spacing) * 9)
}
.w-10{
width:calc(var(--spacing) * 10)
}
.w-11{
width:calc(var(--spacing) * 11)
}
.w-12{
width:calc(var(--spacing) * 12)
}
.w-14{
width:calc(var(--spacing) * 14)
}
.w-16{
width:calc(var(--spacing) * 16)
}
.w-20{
width:calc(var(--spacing) * 20)
}
.w-24{
width:calc(var(--spacing) * 24)
}
.w-28{
width:calc(var(--spacing) * 28)
}
.w-32{
width:calc(var(--spacing) * 32)
}
.w-40{
width:calc(var(--spacing) * 40)
}
.w-44{
width:calc(var(--spacing) * 44)
}
.w-52{
width:calc(var(--spacing) * 52)
}
.w-54{
width:calc(var(--spacing) * 54)
}
.w-56{
width:calc(var(--spacing) * 56)
}
.w-60{
width:calc(var(--spacing) * 60)
}
.w-64{
width:calc(var(--spacing) * 64)
}
.w-72{
width:calc(var(--spacing) * 72)
}
.w-96{
width:calc(var(--spacing) * 96)
}
.w-\[16px\]{
width:16px
}
.w-\[20\%\]{
width:20%
}
.w-\[21\%\]{
width:21%
}
.w-\[26rem\]{
width:26rem
}
.w-\[30rem\]{
width:30rem
}
.w-\[90px\]{
width:90px
}
.w-\[275px\]{
width:275px
}
.w-\[300px\]{
width:300px
}
.w-\[320px\]{
width:320px
}
.w-\[450px\]{
width:450px
}
.w-auto{
width:auto
}
.w-full{
width:100%
}
.w-px{
width:1px
}
.w-screen{
width:100vw
}
.max-w-4xl{
max-width:var(--container-4xl)
}
.max-w-\[50\%\]{
max-width:50%
}
.max-w-\[90\%\]{
max-width:90%
}
.max-w-full{
max-width:100%
}
.max-w-sm{
max-width:var(--container-sm)
}
.min-w-32{
min-width:calc(var(--spacing) * 32)
}
.min-w-\[6rem\]{
min-width:6rem
}
.min-w-full{
min-width:100%
}
.flex-1{
flex:1
}
.flex-none{
flex:none
}
.grow{
flex-grow:1
}
.caption-bottom{
caption-side:bottom
}
.border-separate{
border-collapse:separate
}
.border-spacing-y-\[10px\]{
--tw-border-spacing-y: 10px;
border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}
.scale-125{
--tw-scale-x: 125%;
--tw-scale-y: 125%;
--tw-scale-z: 125%;
scale:var(--tw-scale-x) var(--tw-scale-y)
}
.-rotate-45{
rotate:-45deg
}
.rotate-90{
rotate:90deg
}
.rotate-180{
rotate:180deg
}
.transform{
transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}
.animate-spin{
animation:var(--animate-spin)
}
.cursor-default{
cursor:default
}
.cursor-grab{
cursor:grab
}
.cursor-pointer{
cursor:pointer
}
.resize{
resize:both
}
.resize-none{
resize:none
}
.appearance-none{
appearance:none
}
.grid-flow-col{
grid-auto-flow:column
}
.grid-flow-row{
grid-auto-flow:row
}
.grid-cols-1{
grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-2{
grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3{
grid-template-columns:repeat(3,minmax(0,1fr))
}
.grid-cols-4{
grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-5{
grid-template-columns:repeat(5,minmax(0,1fr))
}
.grid-cols-6{
grid-template-columns:repeat(6,minmax(0,1fr))
}
.grid-cols-7{
grid-template-columns:repeat(7,minmax(0,1fr))
}
.grid-cols-8{
grid-template-columns:repeat(8,minmax(0,1fr))
}
.grid-cols-10{
grid-template-columns:repeat(10,minmax(0,1fr))
}
.grid-cols-11{
grid-template-columns:repeat(11,minmax(0,1fr))
}
.grid-cols-12{
grid-template-columns:repeat(12,minmax(0,1fr))
}
.flex-col{
flex-direction:column
}
.flex-col-reverse{
flex-direction:column-reverse
}
.flex-row{
flex-direction:row
}
.flex-wrap{
flex-wrap:wrap
}
.place-content-between{
place-content:space-between
}
.items-center{
align-items:center
}
.items-end{
align-items:flex-end
}
.items-start{
align-items:flex-start
}
.justify-between{
justify-content:space-between
}
.justify-center{
justify-content:center
}
.justify-end{
justify-content:flex-end
}
.justify-start{
justify-content:flex-start
}
.gap-0\.5{
gap:calc(var(--spacing) * .5)
}
.gap-1{
gap:calc(var(--spacing) * 1)
}
.gap-1\.5{
gap:calc(var(--spacing) * 1.5)
}
.gap-2{
gap:calc(var(--spacing) * 2)
}
.gap-2\.5{
gap:calc(var(--spacing) * 2.5)
}
.gap-3{
gap:calc(var(--spacing) * 3)
}
.gap-3\.5{
gap:calc(var(--spacing) * 3.5)
}
.gap-4{
gap:calc(var(--spacing) * 4)
}
.gap-5{
gap:calc(var(--spacing) * 5)
}
.gap-6{
gap:calc(var(--spacing) * 6)
}
.gap-7{
gap:calc(var(--spacing) * 7)
}
.gap-8{
gap:calc(var(--spacing) * 8)
}
.space-y-3{
:where(>:not(:last-child)){
--tw-space-y-reverse: 0;
margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
}
}
.space-y-5{
:where(>:not(:last-child)){
--tw-space-y-reverse: 0;
margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))
}
}
.space-y-7{
:where(>:not(:last-child)){
--tw-space-y-reverse: 0;
margin-block-start:calc(calc(var(--spacing) * 7) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 7) * calc(1 - var(--tw-space-y-reverse)))
}
}
.space-y-8{
:where(>:not(:last-child)){
--tw-space-y-reverse: 0;
margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
}
}
.gap-x-1\.5{
column-gap:calc(var(--spacing) * 1.5)
}
.gap-x-5{
column-gap:calc(var(--spacing) * 5)
}
.gap-x-6{
column-gap:calc(var(--spacing) * 6)
}
.gap-x-10{
column-gap:calc(var(--spacing) * 10)
}
.space-x-2{
:where(>:not(:last-child)){
--tw-space-x-reverse: 0;
margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))
}
}
.gap-y-3{
row-gap:calc(var(--spacing) * 3)
}
.gap-y-4{
row-gap:calc(var(--spacing) * 4)
}
.gap-y-5{
row-gap:calc(var(--spacing) * 5)
}
.gap-y-6{
row-gap:calc(var(--spacing) * 6)
}
.gap-y-7{
row-gap:calc(var(--spacing) * 7)
}
.gap-y-8{
row-gap:calc(var(--spacing) * 8)
}
.gap-y-9{
row-gap:calc(var(--spacing) * 9)
}
.divide-x-1{
:where(>:not(:last-child)){
--tw-divide-x-reverse: 0;
border-inline-style:var(--tw-border-style);
border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));
border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}
}
.divide-y,.divide-y-1{
:where(>:not(:last-child)){
--tw-divide-y-reverse: 0;
border-bottom-style:var(--tw-border-style);
border-top-style:var(--tw-border-style);
border-top-width:calc(1px * var(--tw-divide-y-reverse));
border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))
}
}
.divide-solid{
:where(>:not(:last-child)){
--tw-border-style: solid;
border-style:solid
}
}
.truncate{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap
}
.overflow-auto{
overflow:auto
}
.overflow-hidden{
overflow:hidden
}
.overflow-x-auto{
overflow-x:auto
}
.overflow-x-hidden{
overflow-x:hidden
}
.overflow-y-auto{
overflow-y:auto
}
.overflow-y-scroll{
overflow-y:scroll
}
.scroll-smooth{
scroll-behavior:smooth
}
.\!rounded-xl{
border-radius:var(--radius-xl)!important
}
.rounded{
border-radius:.25rem
}
.rounded-2xl{
border-radius:var(--radius-2xl)
}
.rounded-3xl{
border-radius:var(--radius-3xl)
}
.rounded-full{
border-radius:calc(infinity * 1px)
}
.rounded-lg{
border-radius:var(--radius-lg)
}
.rounded-md{
border-radius:var(--radius-md)
}
.rounded-none{
border-radius:0
}
.rounded-sm{
border-radius:var(--radius-sm)
}
.rounded-xl{
border-radius:var(--radius-xl)
}
.rounded-xs{
border-radius:var(--radius-xs)
}
.rounded-s-lg{
border-start-start-radius:var(--radius-lg);
border-end-start-radius:var(--radius-lg)
}
.rounded-s-none{
border-start-start-radius:0;
border-end-start-radius:0
}
.rounded-e-lg{
border-start-end-radius:var(--radius-lg);
border-end-end-radius:var(--radius-lg)
}
.rounded-e-none{
border-start-end-radius:0;
border-end-end-radius:0
}
.rounded-t-xl{
border-top-left-radius:var(--radius-xl);
border-top-right-radius:var(--radius-xl)
}
.rounded-l-full{
border-top-left-radius:calc(infinity * 1px);
border-bottom-left-radius:calc(infinity * 1px)
}
.rounded-l-lg{
border-top-left-radius:var(--radius-lg);
border-bottom-left-radius:var(--radius-lg)
}
.rounded-l-xl{
border-top-left-radius:var(--radius-xl);
border-bottom-left-radius:var(--radius-xl)
}
.rounded-tl-lg{
border-top-left-radius:var(--radius-lg)
}
.rounded-r-lg{
border-top-right-radius:var(--radius-lg);
border-bottom-right-radius:var(--radius-lg)
}
.rounded-r-xl{
border-top-right-radius:var(--radius-xl);
border-bottom-right-radius:var(--radius-xl)
}
.border{
border-style:var(--tw-border-style);
border-width:1px
}
.border-2{
border-style:var(--tw-border-style);
border-width:2px
}
.border-3{
border-style:var(--tw-border-style);
border-width:3px
}
.border-4{
border-style:var(--tw-border-style);
border-width:4px
}
.border-5{
border-style:var(--tw-border-style);
border-width:5px
}
.border-x{
border-inline-style:var(--tw-border-style);
border-inline-width:1px
}
.border-y{
border-block-style:var(--tw-border-style);
border-block-width:1px
}
.border-s-0{
border-inline-start-style:var(--tw-border-style);
border-inline-start-width:0px
}
.border-e-0{
border-inline-end-style:var(--tw-border-style);
border-inline-end-width:0px
}
.border-t{
border-top-style:var(--tw-border-style);
border-top-width:1px
}
.border-r{
border-right-style:var(--tw-border-style);
border-right-width:1px
}
.border-b{
border-bottom-style:var(--tw-border-style);
border-bottom-width:1px
}
.border-b-0{
border-bottom-style:var(--tw-border-style);
border-bottom-width:0px
}
.border-l{
border-left-style:var(--tw-border-style);
border-left-width:1px
}
.border-l-2{
border-left-style:var(--tw-border-style);
border-left-width:2px
}
.border-l-4{
border-left-style:var(--tw-border-style);
border-left-width:4px
}
.\!border-dashed{
--tw-border-style: dashed !important;
border-style:dashed!important
}
.border-dashed{
--tw-border-style: dashed;
border-style:dashed
}
.border-dotted{
--tw-border-style: dotted;
border-style:dotted
}
.border-none{
--tw-border-style: none;
border-style:none
}
.\!border-foreground\/30{
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 30%,transparent)!important;
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 30%,transparent)!important
}
}
.border-\(--color\){
border-color:var(--color)
}
.border-\(--color\)\/5{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
.border-\(--color\)\/10{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 10%,transparent)
}
}
.border-\(--color\)\/15{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 15%,transparent)
}
}
.border-\(--color\)\/20{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
.border-\(--color\)\/30{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 30%,transparent)
}
}
.border-\(--color\)\/40{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 40%,transparent)
}
}
.border-\(--color\)\/50{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 50%,transparent)
}
}
.border-\(--color\)\/60{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 60%,transparent)
}
}
.border-\(--color\)\/\[\.08\]{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 8%,transparent)
}
}
.border-\(--color-nav-foreground\)\/20{
border-color:var(--color-nav-foreground);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-nav-foreground) 20%,transparent)
}
}
.border-\(--color-nav-foreground\)\/30{
border-color:var(--color-nav-foreground);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-nav-foreground) 30%,transparent)
}
}
.border-\(--color-pending\){
border-color:var(--color-pending)
}
.border-background{
border-color:var(--color-background)
}
.border-background\/20{
border-color:color-mix(in srgb,oklch(.984 .003 247.858) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-background) 20%,transparent)
}
}
.border-background\/70{
border-color:color-mix(in srgb,oklch(.984 .003 247.858) 70%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-background) 70%,transparent)
}
}
.border-foreground\/10{
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
.border-foreground\/20{
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 20%,transparent)
}
}
.border-foreground\/70{
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 70%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 70%,transparent)
}
}
.border-foreground\/\[\.11\]{
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 11%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 11%,transparent)
}
}
.border-inherit{
border-color:inherit
}
.border-primary\/10{
border-color:color-mix(in srgb,oklch(.379 .146 265.522) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-primary) 10%,transparent)
}
}
.border-primary\/20{
border-color:color-mix(in srgb,oklch(.379 .146 265.522) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)
}
}
.border-transparent{
border-color:transparent
}
.border-white{
border-color:var(--color-white)
}
.bg-\(--color\){
background-color:var(--color)
}
.bg-\(--color\)\/5{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
.bg-\(--color\)\/10{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 10%,transparent)
}
}
.bg-\(--color\)\/20{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
.bg-\(--color\)\/70{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 70%,transparent)
}
}
.bg-\(--color\)\/80{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 80%,transparent)
}
}
.bg-\(--color\)\/\[\.03\]{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 3%,transparent)
}
}
.bg-\(--color-nav-foreground\)\/10{
background-color:var(--color-nav-foreground);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-nav-foreground) 10%,transparent)
}
}
.bg-\(--color-pending\)\/70{
background-color:color-mix(in srgb,oklch(.47 .157 37.304) 70%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-pending) 70%,transparent)
}
}
.bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_var\(--color-foreground\)_3\%\)\]{
background-color:color-mix(in srgb,oklch(.984 .003 247.858),oklch(.372 .044 257.287) 3%);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklch,var(--color-background),var(--color-foreground) 3%)
}
}
.bg-background{
background-color:var(--color-background)
}
.bg-background\/10{
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 10%,transparent)
}
}
.bg-background\/80{
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 80%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 80%,transparent)
}
}
.bg-black\/60{
background-color:color-mix(in srgb,#000 60%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-black) 60%,transparent)
}
}
.bg-foreground{
background-color:var(--color-foreground)
}
.bg-foreground\/5{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)
}
}
.bg-foreground\/10{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
.bg-foreground\/15{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 15%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 15%,transparent)
}
}
.bg-foreground\/\[\.02\]{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 2%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 2%,transparent)
}
}
.bg-foreground\/\[\.03\]{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 3%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 3%,transparent)
}
}
.bg-primary{
background-color:var(--color-primary)
}
.bg-primary\/10{
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)
}
}
.bg-primary\/\[\.01\]{
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 1%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 1%,transparent)
}
}
.bg-primary\/\[\.05\]{
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)
}
}
.bg-success\/90{
background-color:color-mix(in srgb,oklch(.448 .119 151.328) 90%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-success) 90%,transparent)
}
}
.bg-transparent{
background-color:transparent
}
.bg-white\/20{
background-color:color-mix(in srgb,#fff 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-white) 20%,transparent)
}
}
.bg-gradient-to-r{
--tw-gradient-position: to right in oklab;
background-image:linear-gradient(var(--tw-gradient-stops))
}
.bg-\(image\:--background-image-chevron\){
background-image:var(--background-image-chevron)
}
.bg-directory{
background-image:var(--background-image-directory)
}
.bg-empty-directory{
background-image:var(--background-image-empty-directory)
}
.bg-file{
background-image:var(--background-image-file)
}
.bg-noise{
background-image:var(--background-image-noise)
}
.bg-\[size\:theme\(spacing\.5\)\]{
background-size:1.25rem
}
.bg-contain{
background-size:contain
}
.bg-\[position\:calc\(100\%-theme\(spacing\.3\)\)_center\]{
background-position:calc(100% - .75rem) center
}
.bg-center{
background-position:center
}
.bg-no-repeat{
background-repeat:no-repeat
}
.fill-\(--color\)\/10{
fill:var(--color);
@supports (color: color-mix(in lab,red,red)){
fill:color-mix(in oklab,var(--color) 10%,transparent)
}
}
.fill-\(--color\)\/25{
fill:var(--color);
@supports (color: color-mix(in lab,red,red)){
fill:color-mix(in oklab,var(--color) 25%,transparent)
}
}
.fill-current{
fill:currentcolor
}
.fill-foreground\/20{
fill:color-mix(in srgb,oklch(.372 .044 257.287) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
fill:color-mix(in oklab,var(--color-foreground) 20%,transparent)
}
}
.fill-pending\/30{
fill:color-mix(in srgb,oklch(.47 .157 37.304) 30%,transparent);
@supports (color: color-mix(in lab,red,red)){
fill:color-mix(in oklab,var(--color-pending) 30%,transparent)
}
}
.stroke-\(--color\){
stroke:var(--color)
}
.stroke-1{
stroke-width:1
}
.stroke-\[\.8\]{
stroke-width:.8
}
.stroke-\[1\.5\]{
stroke-width:1.5
}
.object-cover{
object-fit:cover
}
.p-0{
padding:calc(var(--spacing) * 0)
}
.p-1{
padding:calc(var(--spacing) * 1)
}
.p-2{
padding:calc(var(--spacing) * 2)
}
.p-2\.5{
padding:calc(var(--spacing) * 2.5)
}
.p-3{
padding:calc(var(--spacing) * 3)
}
.p-4{
padding:calc(var(--spacing) * 4)
}
.p-5{
padding:calc(var(--spacing) * 5)
}
.p-6{
padding:calc(var(--spacing) * 6)
}
.p-8{
padding:calc(var(--spacing) * 8)
}
.p-14{
padding:calc(var(--spacing) * 14)
}
.p-px{
padding:1px
}
.px-0{
padding-inline:calc(var(--spacing) * 0)
}
.px-2{
padding-inline:calc(var(--spacing) * 2)
}
.px-2\.5{
padding-inline:calc(var(--spacing) * 2.5)
}
.px-3{
padding-inline:calc(var(--spacing) * 3)
}
.px-3\.5{
padding-inline:calc(var(--spacing) * 3.5)
}
.px-4{
padding-inline:calc(var(--spacing) * 4)
}
.px-5{
padding-inline:calc(var(--spacing) * 5)
}
.px-6{
padding-inline:calc(var(--spacing) * 6)
}
.px-7{
padding-inline:calc(var(--spacing) * 7)
}
.px-8{
padding-inline:calc(var(--spacing) * 8)
}
.px-10{
padding-inline:calc(var(--spacing) * 10)
}
.py-0\.5{
padding-block:calc(var(--spacing) * .5)
}
.py-1{
padding-block:calc(var(--spacing) * 1)
}
.py-1\.5{
padding-block:calc(var(--spacing) * 1.5)
}
.py-2{
padding-block:calc(var(--spacing) * 2)
}
.py-2\.5{
padding-block:calc(var(--spacing) * 2.5)
}
.py-3{
padding-block:calc(var(--spacing) * 3)
}
.py-3\.5{
padding-block:calc(var(--spacing) * 3.5)
}
.py-4{
padding-block:calc(var(--spacing) * 4)
}
.py-5{
padding-block:calc(var(--spacing) * 5)
}
.py-6{
padding-block:calc(var(--spacing) * 6)
}
.py-8{
padding-block:calc(var(--spacing) * 8)
}
.py-10{
padding-block:calc(var(--spacing) * 10)
}
.py-12{
padding-block:calc(var(--spacing) * 12)
}
.py-14{
padding-block:calc(var(--spacing) * 14)
}
.py-16{
padding-block:calc(var(--spacing) * 16)
}
.py-px{
padding-block:1px
}
.pt-0{
padding-top:calc(var(--spacing) * 0)
}
.pt-0\.5{
padding-top:calc(var(--spacing) * .5)
}
.pt-1{
padding-top:calc(var(--spacing) * 1)
}
.pt-2{
padding-top:calc(var(--spacing) * 2)
}
.pt-2\.5{
padding-top:calc(var(--spacing) * 2.5)
}
.pt-3{
padding-top:calc(var(--spacing) * 3)
}
.pt-4{
padding-top:calc(var(--spacing) * 4)
}
.pt-5{
padding-top:calc(var(--spacing) * 5)
}
.pt-6{
padding-top:calc(var(--spacing) * 6)
}
.pt-7{
padding-top:calc(var(--spacing) * 7)
}
.pt-8{
padding-top:calc(var(--spacing) * 8)
}
.pt-10{
padding-top:calc(var(--spacing) * 10)
}
.pt-16{
padding-top:calc(var(--spacing) * 16)
}
.pt-26{
padding-top:calc(var(--spacing) * 26)
}
.pt-32{
padding-top:calc(var(--spacing) * 32)
}
.pr-0{
padding-right:calc(var(--spacing) * 0)
}
.pr-1{
padding-right:calc(var(--spacing) * 1)
}
.pr-4{
padding-right:calc(var(--spacing) * 4)
}
.pr-5{
padding-right:calc(var(--spacing) * 5)
}
.pr-7{
padding-right:calc(var(--spacing) * 7)
}
.pr-9{
padding-right:calc(var(--spacing) * 9)
}
.pr-10{
padding-right:calc(var(--spacing) * 10)
}
.pr-11{
padding-right:calc(var(--spacing) * 11)
}
.pr-14{
padding-right:calc(var(--spacing) * 14)
}
.pr-19{
padding-right:calc(var(--spacing) * 19)
}
.pb-2{
padding-bottom:calc(var(--spacing) * 2)
}
.pb-3{
padding-bottom:calc(var(--spacing) * 3)
}
.pb-3\.5{
padding-bottom:calc(var(--spacing) * 3.5)
}
.pb-4{
padding-bottom:calc(var(--spacing) * 4)
}
.pb-5{
padding-bottom:calc(var(--spacing) * 5)
}
.pb-6{
padding-bottom:calc(var(--spacing) * 6)
}
.pb-7{
padding-bottom:calc(var(--spacing) * 7)
}
.pb-8{
padding-bottom:calc(var(--spacing) * 8)
}
.pb-10{
padding-bottom:calc(var(--spacing) * 10)
}
.pb-12{
padding-bottom:calc(var(--spacing) * 12)
}
.pb-14{
padding-bottom:calc(var(--spacing) * 14)
}
.pb-20{
padding-bottom:calc(var(--spacing) * 20)
}
.pb-\[7\.5rem\]{
padding-bottom:7.5rem
}
.pl-0\.5{
padding-left:calc(var(--spacing) * .5)
}
.pl-1{
padding-left:calc(var(--spacing) * 1)
}
.pl-2{
padding-left:calc(var(--spacing) * 2)
}
.pl-3{
padding-left:calc(var(--spacing) * 3)
}
.pl-4{
padding-left:calc(var(--spacing) * 4)
}
.pl-5{
padding-left:calc(var(--spacing) * 5)
}
.pl-6{
padding-left:calc(var(--spacing) * 6)
}
.pl-7{
padding-left:calc(var(--spacing) * 7)
}
.pl-8{
padding-left:calc(var(--spacing) * 8)
}
.pl-9{
padding-left:calc(var(--spacing) * 9)
}
.pl-10{
padding-left:calc(var(--spacing) * 10)
}
.pl-11{
padding-left:calc(var(--spacing) * 11)
}
.pl-12{
padding-left:calc(var(--spacing) * 12)
}
.pl-16{
padding-left:calc(var(--spacing) * 16)
}
.text-center{
text-align:center
}
.text-justify{
text-align:justify
}
.text-left{
text-align:left
}
.text-right{
text-align:right
}
.indent-8{
text-indent:calc(var(--spacing) * 8)
}
.indent-10{
text-indent:calc(var(--spacing) * 10)
}
.align-middle{
vertical-align:middle
}
.text-2xl{
font-size:var(--text-2xl);
line-height:var(--tw-leading, var(--text-2xl--line-height))
}
.text-3xl{
font-size:var(--text-3xl);
line-height:var(--tw-leading, var(--text-3xl--line-height))
}
.text-4xl{
font-size:var(--text-4xl);
line-height:var(--tw-leading, var(--text-4xl--line-height))
}
.text-5xl{
font-size:var(--text-5xl);
line-height:var(--tw-leading, var(--text-5xl--line-height))
}
.text-9xl{
font-size:var(--text-9xl);
line-height:var(--tw-leading, var(--text-9xl--line-height))
}
.text-base{
font-size:var(--text-base);
line-height:var(--tw-leading, var(--text-base--line-height))
}
.text-lg{
font-size:var(--text-lg);
line-height:var(--tw-leading, var(--text-lg--line-height))
}
.text-sm{
font-size:var(--text-sm);
line-height:var(--tw-leading, var(--text-sm--line-height))
}
.text-xl{
font-size:var(--text-xl);
line-height:var(--tw-leading, var(--text-xl--line-height))
}
.text-xs{
font-size:var(--text-xs);
line-height:var(--tw-leading, var(--text-xs--line-height))
}
.leading-5{
--tw-leading: calc(var(--spacing) * 5);
line-height:calc(var(--spacing) * 5)
}
.leading-8{
--tw-leading: calc(var(--spacing) * 8);
line-height:calc(var(--spacing) * 8)
}
.leading-none{
--tw-leading: 1;
line-height:1
}
.leading-normal{
--tw-leading: var(--leading-normal);
line-height:var(--leading-normal)
}
.leading-relaxed{
--tw-leading: var(--leading-relaxed);
line-height:var(--leading-relaxed)
}
.leading-tight{
--tw-leading: var(--leading-tight);
line-height:var(--leading-tight)
}
.font-black{
--tw-font-weight: var(--font-weight-black);
font-weight:var(--font-weight-black)
}
.font-bold{
--tw-font-weight: var(--font-weight-bold);
font-weight:var(--font-weight-bold)
}
.font-extrabold{
--tw-font-weight: var(--font-weight-extrabold);
font-weight:var(--font-weight-extrabold)
}
.font-extralight{
--tw-font-weight: var(--font-weight-extralight);
font-weight:var(--font-weight-extralight)
}
.font-light{
--tw-font-weight: var(--font-weight-light);
font-weight:var(--font-weight-light)
}
.font-medium{
--tw-font-weight: var(--font-weight-medium);
font-weight:var(--font-weight-medium)
}
.font-normal{
--tw-font-weight: var(--font-weight-normal);
font-weight:var(--font-weight-normal)
}
.font-semibold{
--tw-font-weight: var(--font-weight-semibold);
font-weight:var(--font-weight-semibold)
}
.font-thin{
--tw-font-weight: var(--font-weight-thin);
font-weight:var(--font-weight-thin)
}
.tracking-tight{
--tw-tracking: var(--tracking-tight);
letter-spacing:var(--tracking-tight)
}
.text-nowrap{
text-wrap:nowrap
}
.whitespace-nowrap{
white-space:nowrap
}
.text-\(--color\){
color:var(--color)
}
.text-\(--color\)\/70{
color:var(--color);
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,var(--color) 70%,transparent)
}
}
.text-\(--color-base\){
color:var(--color-base)
}
.text-\(--color-nav-foreground\){
color:var(--color-nav-foreground)
}
.text-background{
color:var(--color-background)
}
.text-danger{
color:var(--color-danger)
}
.text-foreground{
color:var(--color-foreground)
}
.text-foreground\/70{
color:color-mix(in srgb,oklch(.372 .044 257.287) 70%,transparent);
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,var(--color-foreground) 70%,transparent)
}
}
.text-foreground\/80{
color:color-mix(in srgb,oklch(.372 .044 257.287) 80%,transparent);
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,var(--color-foreground) 80%,transparent)
}
}
.text-pending{
color:var(--color-pending)
}
.text-primary{
color:var(--color-primary)
}
.text-slate-500{
color:var(--color-slate-500)
}
.text-success{
color:var(--color-success)
}
.text-warning{
color:var(--color-warning)
}
.text-warning\/80{
color:color-mix(in srgb,oklch(.476 .114 61.907) 80%,transparent);
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,var(--color-warning) 80%,transparent)
}
}
.text-white{
color:var(--color-white)
}
.text-white\/90{
color:color-mix(in srgb,#fff 90%,transparent);
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,var(--color-white) 90%,transparent)
}
}
.capitalize{
text-transform:capitalize
}
.lowercase{
text-transform:lowercase
}
.normal-case{
text-transform:none
}
.uppercase{
text-transform:uppercase
}
.italic{
font-style:italic
}
.line-through{
text-decoration-line:line-through
}
.no-underline{
text-decoration-line:none
}
.overline{
text-decoration-line:overline
}
.underline{
text-decoration-line:underline
}
.decoration-\(--color\)\/70{
text-decoration-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
text-decoration-color:color-mix(in oklab,var(--color) 70%,transparent)
}
}
.decoration-foreground\/50{
text-decoration-color:color-mix(in srgb,oklch(.372 .044 257.287) 50%,transparent);
@supports (color: color-mix(in lab,red,red)){
text-decoration-color:color-mix(in oklab,var(--color-foreground) 50%,transparent)
}
}
.decoration-dotted{
text-decoration-style:dotted
}
.underline-offset-2{
text-underline-offset:2px
}
.underline-offset-3{
text-underline-offset:3px
}
.opacity-0{
opacity:0%
}
.opacity-50{
opacity:50%
}
.opacity-60{
opacity:60%
}
.opacity-70{
opacity:70%
}
.opacity-80{
opacity:80%
}
.opacity-90{
opacity:90%
}
.shadow{
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-\[0px_0px_0px_2px_\#fff\,_1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\]{
--tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, #fff), 1px 1px 5px var(--tw-shadow-color, rgba(0,0,0,.32));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-\[3px_3px_5px_\#0000000b\]{
--tw-shadow: 3px 3px 5px var(--tw-shadow-color, #0000000b);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-lg{
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-md{
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-sm{
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.ring-0{
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.ring-1{
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
.shadow-black\/10{
--tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent)
}
}
.shadow-foreground\/5{
--tw-shadow-color: color-mix(in srgb, oklch(.372 .044 257.287) 5%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent)
}
}
.ring-\(--color\)\/25{
--tw-ring-color: var(--color);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color) 25%, transparent)
}
}
.ring-\(--color\)\/40{
--tw-ring-color: var(--color);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color) 40%, transparent)
}
}
.ring-foreground\/10{
--tw-ring-color: color-mix(in srgb, oklch(.372 .044 257.287) 10%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color-foreground) 10%, transparent)
}
}
.ring-foreground\/15{
--tw-ring-color: color-mix(in srgb, oklch(.372 .044 257.287) 15%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color-foreground) 15%, transparent)
}
}
.ring-foreground\/70{
--tw-ring-color: color-mix(in srgb, oklch(.372 .044 257.287) 70%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color-foreground) 70%, transparent)
}
}
.ring-transparent{
--tw-ring-color: transparent
}
.inset-ring-\(--color\){
--tw-inset-ring-color: var(--color)
}
.ring-offset-2{
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}
.ring-offset-4{
--tw-ring-offset-width: 4px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}
.ring-offset-background{
--tw-ring-offset-color: var(--color-background)
}
.ring-offset-transparent{
--tw-ring-offset-color: transparent
}
.drop-shadow{
--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / .1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / .06)));
--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow( 0 1px 1px rgb(0 0 0 / .06));
filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
}
.filter{
filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
}
.backdrop-blur{
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
.backdrop-blur-2xl{
--tw-backdrop-blur: blur(var(--blur-2xl));
-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
.backdrop-blur-xl{
--tw-backdrop-blur: blur(var(--blur-xl));
-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
.transition{
transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[margin\,width\]{
transition-property:margin,width;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[margin-top\,transform\]{
transition-property:margin-top,transform;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[margin\]{
transition-property:margin;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[max-width\]{
transition-property:max-width;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[opacity\,transform\]{
transition-property:opacity,transform;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[visibility\,opacity\]{
transition-property:visibility,opacity;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-\[width\]{
transition-property:width;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-all{
transition-property:all;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-colors{
transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-opacity{
transition-property:opacity;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.transition-transform{
transition-property:transform,translate,scale,rotate;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
.duration-100{
--tw-duration: .1s;
transition-duration:.1s
}
.duration-200{
--tw-duration: .2s;
transition-duration:.2s
}
.duration-300{
--tw-duration: .3s;
transition-duration:.3s
}
.duration-\[0\.4s\,0\.3s\]{
--tw-duration: .4s,.3s;
transition-duration:.4s,.3s
}
.ease-in-out{
--tw-ease: var(--ease-in-out);
transition-timing-function:var(--ease-in-out)
}
.ease-linear{
--tw-ease: linear;
transition-timing-function:linear
}
.ease-out{
--tw-ease: var(--ease-out);
transition-timing-function:var(--ease-out)
}
.outline-none{
--tw-outline-style: none;
outline-style:none
}
.select-none{
-webkit-user-select:none;
user-select:none
}
.\!\[--color\:--alpha\(var\(--color-danger\)\/80\%\)\]{
--color: color-mix(in srgb, oklch(.455 .188 13.697) 80%, transparent) !important;
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-danger) 80%, transparent) !important
}
}
.\!\[--color\:--alpha\(var\(--color-foreground\)\/80\%\)\]{
--color: color-mix(in srgb, oklch(.372 .044 257.287) 80%, transparent) !important;
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-foreground) 80%, transparent) !important
}
}
.\!\[--color\:--alpha\(var\(--color-pending\)\/80\%\)\]{
--color: color-mix(in srgb, oklch(.47 .157 37.304) 80%, transparent) !important;
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-pending) 80%, transparent) !important
}
}
.\!\[--color\:--alpha\(var\(--color-primary\)\/80\%\)\]{
--color: color-mix(in srgb, oklch(.379 .146 265.522) 80%, transparent) !important;
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-primary) 80%, transparent) !important
}
}
.\!\[--color\:--alpha\(var\(--color-success\)\/80\%\)\]{
--color: color-mix(in srgb, oklch(.448 .119 151.328) 80%, transparent) !important;
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-success) 80%, transparent) !important
}
}
.\!\[--color\:--alpha\(var\(--color-warning\)\/80\%\)\]{
--color: color-mix(in srgb, oklch(.476 .114 61.907) 80%, transparent) !important;
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-warning) 80%, transparent) !important
}
}
.\[--background-image-chevron\:var\(--background-image-chevron-light\)\]{
--background-image-chevron: var(--background-image-chevron-light)
}
.\[--bg-color\:var\(--color-slate-800\)\]{
--bg-color: var(--color-slate-800)
}
.\[--bg-color\:var\(--color-white\)\]{
--bg-color: var(--color-white)
}
.\[--color-background-alpha\:--alpha\(var\(--color-background\)_\/_50\%\)\]{
--color-background-alpha: color-mix(in srgb, oklch(.984 .003 247.858) 50%, transparent);
@supports (color: color-mix(in lab,red,red)){
--color-background-alpha: color-mix(in oklab, var(--color-background) 50%, transparent)
}
}
.\[--color-background\:var\(--color-background-alpha\)\]{
--color-background: var(--color-background-alpha)
}
.\[--color-base\:--alpha\(var\(--color-nav-foreground\)\/70\%\)\]{
--color-base: var(--color-nav-foreground);
@supports (color: color-mix(in lab,red,red)){
--color-base: color-mix(in oklab, var(--color-nav-foreground) 70%, transparent)
}
}
.\[--color-base\:var\(--color-foreground\)\]{
--color-base: var(--color-foreground)
}
.\[--color-link\:var\(--color-nav-foreground\)\]{
--color-link: var(--color-nav-foreground)
}
.\[--color-link\:var\(--color-primary\)\]{
--color-link: var(--color-primary)
}
.\[--color-nav-foreground\:var\(--color-background\)\]{
--color-nav-foreground: var(--color-background)
}
.\[--color\:currentColor\]{
--color: currentColor
}
.\[--color\:var\(--color-danger\)\]{
--color: var(--color-danger)
}
.\[--color\:var\(--color-foreground\)\]{
--color: var(--color-foreground)
}
.\[--color\:var\(--color-foreground\)\]\/50{
--color: color-mix(in srgb, oklch(.372 .044 257.287) 50%, transparent);
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-foreground) 50%, transparent)
}
}
.\[--color\:var\(--color-nav-foreground\)\]{
--color: var(--color-nav-foreground)
}
.\[--color\:var\(--color-pending\)\]{
--color: var(--color-pending)
}
.\[--color\:var\(--color-primary\)\]{
--color: var(--color-primary)
}
.\[--color\:var\(--color-primary\)\]\/20{
--color: color-mix(in srgb, oklch(.379 .146 265.522) 20%, transparent);
@supports (color: color-mix(in lab,red,red)){
--color: color-mix(in oklab, var(--color-primary) 20%, transparent)
}
}
.\[--color\:var\(--color-success\)\]{
--color: var(--color-success)
}
.\[--color\:var\(--color-warning\)\]{
--color: var(--color-warning)
}
.\[--color\:var\(--color-white\)\]{
--color: var(--color-white)
}
.\[--text-color\:var\(--color-slate-800\)\]{
--text-color: var(--color-slate-800)
}
.\[--text-color\:var\(--color-white\)\]{
--text-color: var(--color-white)
}
.\[--value\:15\%\]{
--value: 15%
}
.\[--value\:20\%\]{
--value: 20%
}
.\[--value\:25\%\]{
--value: 25%
}
.\[--value\:35\%\]{
--value: 35%
}
.\[--value\:45\%\]{
--value: 45%
}
.\[--value\:50\%\]{
--value: 50%
}
.\[--value\:75\%\]{
--value: 75%
}
.\[-webkit-mask-composite\:_destination-in\]{
-webkit-mask-composite:destination-in
}
.\[-webkit-mask-image\:_linear-gradient\(to_top\,_rgba\(0\,_0\,_0\,_0\)\,_black_30px\)\,_linear-gradient\(to_bottom\,_rgba\(0\,_0\,_0\,_0\)\,_black_30px\)\]{
-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0),black 30px),linear-gradient(to bottom,rgba(0,0,0,0),black 30px)
}
.\[text-shadow\:_3px_3px_--alpha\(var\(--color-foreground\)\/30\%\)\]{
text-shadow:3px 3px color-mix(in srgb,oklch(.372 .044 257.287) 30%,transparent);
@supports (color: color-mix(in lab,red,red)){
text-shadow:3px 3px color-mix(in oklab,var(--color-foreground) 30%,transparent)
}
}
.\[text-shadow\:_7px_7px_--alpha\(var\(--color-white\)_\/_20\%\)\]{
text-shadow:7px 7px color-mix(in srgb,#fff 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
text-shadow:7px 7px color-mix(in oklab,var(--color-white) 20%,transparent)
}
}
.group-hover\:underline{
&:is(:where(.group):hover *){
@media (hover: hover){
text-decoration-line:underline
}
}
}
.group-hover\/notifications\:block{
&:is(:where(.group\/notifications):hover *){
@media (hover: hover){
display:block
}
}
}
.group-hover\/profile\:block{
&:is(:where(.group\/profile):hover *){
@media (hover: hover){
display:block
}
}
}
.group-\[\.accordion-item\.show\]\:rotate-180{
&:is(:where(.group):is(.accordion-item.show) *){
rotate:180deg
}
}
.group-\[\.active\]\:bg-primary\/20{
&:is(:where(.group):is(.active) *){
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)
}
}
}
.group-\[\.active\]\:font-medium{
&:is(:where(.group):is(.active) *){
--tw-font-weight: var(--font-weight-medium);
font-weight:var(--font-weight-medium)
}
}
.group-\[\.active\]\:text-primary{
&:is(:where(.group):is(.active) *){
color:var(--color-primary)
}
}
.group-\[\.active\]\:opacity-100{
&:is(:where(.group):is(.active) *){
opacity:100%
}
}
.group-\[\.error\]\:block{
&:is(:where(.group):is(.error) *){
display:block
}
}
.group-\[\.error\]\:inset-ring{
&:is(:where(.group):is(.error) *){
--tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.group-\[\.modal-static\]\:scale-\[1\.05\]{
&:is(:where(.group):is(.modal-static) *){
scale:1.05
}
}
.group-\[\.preview-code\.copied\]\:block{
&:is(:where(.group):is(.preview-code.copied) *){
display:block
}
}
.group-\[\.preview-code\.copied\]\:hidden{
&:is(:where(.group):is(.preview-code.copied) *){
display:none
}
}
.group-\[\.scrolled\]\:rounded-2xl{
&:is(:where(.group):is(.scrolled) *){
border-radius:var(--radius-2xl)
}
}
.group-\[\.scrolled\]\:border{
&:is(:where(.group):is(.scrolled) *){
border-style:var(--tw-border-style);
border-width:1px
}
}
.group-\[\.scrolled\]\:bg-background{
&:is(:where(.group):is(.scrolled) *){
background-color:var(--color-background)
}
}
.group-\[\.scrolled\]\:px-5{
&:is(:where(.group):is(.scrolled) *){
padding-inline:calc(var(--spacing) * 5)
}
}
.group-\[\.scrolled\]\:shadow-lg{
&:is(:where(.group):is(.scrolled) *){
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.group-\[\.scrolled\]\:shadow-foreground\/5{
&:is(:where(.group):is(.scrolled) *){
--tw-shadow-color: color-mix(in srgb, oklch(.372 .044 257.287) 5%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent)
}
}
}
.group-\[\.show\]\:mt-16{
&:is(:where(.group):is(.show) *){
margin-top:calc(var(--spacing) * 16)
}
}
.group-\[\.show\]\:mr-0{
&:is(:where(.group):is(.show) *){
margin-right:calc(var(--spacing) * 0)
}
}
.group-\[\.show\]\:block{
&:is(:where(.group):is(.show) *){
display:block
}
}
.group-\[\.side-menu--collapsed\]\:justify-center{
&:is(:where(.group):is(.side-menu--collapsed) *){
justify-content:center
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:ms-3{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
margin-inline-start:calc(var(--spacing) * 3)
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:block{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
display:block
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:w-full{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
width:100%
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:opacity-100{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
opacity:100%
}
}
.peer-checked\:visible{
&:is(:where(.peer):checked~*){
visibility:visible
}
}
.peer-checked\:ml-\[1\.35rem\]{
&:is(:where(.peer):checked~*){
margin-left:1.35rem
}
}
.peer-checked\:bg-foreground{
&:is(:where(.peer):checked~*){
background-color:var(--color-foreground)
}
}
.peer-disabled\:cursor-not-allowed{
&:is(:where(.peer):disabled~*){
cursor:not-allowed
}
}
.peer-disabled\:opacity-70{
&:is(:where(.peer):disabled~*){
opacity:70%
}
}
.file\:border-0{
&::file-selector-button{
border-style:var(--tw-border-style);
border-width:0px
}
}
.file\:bg-transparent{
&::file-selector-button{
background-color:transparent
}
}
.file\:font-medium{
&::file-selector-button{
--tw-font-weight: var(--font-weight-medium);
font-weight:var(--font-weight-medium)
}
}
.file\:text-foreground{
&::file-selector-button{
color:var(--color-foreground)
}
}
.placeholder\:text-foreground\/70{
&::placeholder{
color:color-mix(in srgb,oklch(.372 .044 257.287) 70%,transparent);
@supports (color: color-mix(in lab,red,red)){
color:color-mix(in oklab,var(--color-foreground) 70%,transparent)
}
}
}
.before\:absolute{
&:before{
content:var(--tw-content);
position:absolute
}
}
.before\:fixed{
&:before{
content:var(--tw-content);
position:fixed
}
}
.before\:inset-0{
&:before{
content:var(--tw-content);
inset:calc(var(--spacing) * 0)
}
}
.before\:inset-y-0{
&:before{
content:var(--tw-content);
inset-block:calc(var(--spacing) * 0)
}
}
.before\:inset-y-4{
&:before{
content:var(--tw-content);
inset-block:calc(var(--spacing) * 4)
}
}
.before\:start-0{
&:before{
content:var(--tw-content);
inset-inline-start:calc(var(--spacing) * 0)
}
}
.before\:top-0{
&:before{
content:var(--tw-content);
top:calc(var(--spacing) * 0)
}
}
.before\:top-22{
&:before{
content:var(--tw-content);
top:calc(var(--spacing) * 22)
}
}
.before\:top-27{
&:before{
content:var(--tw-content);
top:calc(var(--spacing) * 27)
}
}
.before\:right-0{
&:before{
content:var(--tw-content);
right:calc(var(--spacing) * 0)
}
}
.before\:right-4{
&:before{
content:var(--tw-content);
right:calc(var(--spacing) * 4)
}
}
.before\:bottom-0{
&:before{
content:var(--tw-content);
bottom:calc(var(--spacing) * 0)
}
}
.before\:bottom-4{
&:before{
content:var(--tw-content);
bottom:calc(var(--spacing) * 4)
}
}
.before\:left-0{
&:before{
content:var(--tw-content);
left:calc(var(--spacing) * 0)
}
}
.before\:left-4{
&:before{
content:var(--tw-content);
left:calc(var(--spacing) * 4)
}
}
.before\:z-10{
&:before{
content:var(--tw-content);
z-index:10
}
}
.before\:z-\[-1\]{
&:before{
content:var(--tw-content);
z-index:-1
}
}
.before\:-m-px{
&:before{
content:var(--tw-content);
margin:-1px
}
}
.before\:mx-3{
&:before{
content:var(--tw-content);
margin-inline:calc(var(--spacing) * 3)
}
}
.before\:mx-10{
&:before{
content:var(--tw-content);
margin-inline:calc(var(--spacing) * 10)
}
}
.before\:my-3{
&:before{
content:var(--tw-content);
margin-block:calc(var(--spacing) * 3)
}
}
.before\:my-5{
&:before{
content:var(--tw-content);
margin-block:calc(var(--spacing) * 5)
}
}
.before\:my-auto{
&:before{
content:var(--tw-content);
margin-block:auto
}
}
.before\:ms-5{
&:before{
content:var(--tw-content);
margin-inline-start:calc(var(--spacing) * 5)
}
}
.before\:ms-11{
&:before{
content:var(--tw-content);
margin-inline-start:calc(var(--spacing) * 11)
}
}
.before\:-mt-4{
&:before{
content:var(--tw-content);
margin-top:calc(var(--spacing) * -4)
}
}
.before\:-mt-\[20\%\]{
&:before{
content:var(--tw-content);
margin-top:-20%
}
}
.before\:-mt-\[28\%\]{
&:before{
content:var(--tw-content);
margin-top:-28%
}
}
.before\:mt-5{
&:before{
content:var(--tw-content);
margin-top:calc(var(--spacing) * 5)
}
}
.before\:mt-6{
&:before{
content:var(--tw-content);
margin-top:calc(var(--spacing) * 6)
}
}
.before\:mt-23{
&:before{
content:var(--tw-content);
margin-top:calc(var(--spacing) * 23)
}
}
.before\:mr-4{
&:before{
content:var(--tw-content);
margin-right:calc(var(--spacing) * 4)
}
}
.before\:mr-8{
&:before{
content:var(--tw-content);
margin-right:calc(var(--spacing) * 8)
}
}
.before\:-mb-3{
&:before{
content:var(--tw-content);
margin-bottom:calc(var(--spacing) * -3)
}
}
.before\:-mb-\[13\%\]{
&:before{
content:var(--tw-content);
margin-bottom:-13%
}
}
.before\:-mb-\[16\%\]{
&:before{
content:var(--tw-content);
margin-bottom:-16%
}
}
.before\:mb-7{
&:before{
content:var(--tw-content);
margin-bottom:calc(var(--spacing) * 7)
}
}
.before\:-ml-4{
&:before{
content:var(--tw-content);
margin-left:calc(var(--spacing) * -4)
}
}
.before\:-ml-\[12\%\]{
&:before{
content:var(--tw-content);
margin-left:-12%
}
}
.before\:-ml-px{
&:before{
content:var(--tw-content);
margin-left:-1px
}
}
.before\:block{
&:before{
content:var(--tw-content);
display:block
}
}
.before\:hidden{
&:before{
content:var(--tw-content);
display:none
}
}
.before\:size-2{
&:before{
content:var(--tw-content);
width:calc(var(--spacing) * 2);
height:calc(var(--spacing) * 2)
}
}
.before\:size-4{
&:before{
content:var(--tw-content);
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)
}
}
.before\:h-0\.5{
&:before{
content:var(--tw-content);
height:calc(var(--spacing) * .5)
}
}
.before\:h-\[85\%\]{
&:before{
content:var(--tw-content);
height:85%
}
}
.before\:h-full{
&:before{
content:var(--tw-content);
height:100%
}
}
.before\:h-px{
&:before{
content:var(--tw-content);
height:1px
}
}
.before\:w-\(--value\){
&:before{
content:var(--tw-content);
width:var(--value)
}
}
.before\:w-16{
&:before{
content:var(--tw-content);
width:calc(var(--spacing) * 16)
}
}
.before\:w-20{
&:before{
content:var(--tw-content);
width:calc(var(--spacing) * 20)
}
}
.before\:w-\[2px\]{
&:before{
content:var(--tw-content);
width:2px
}
}
.before\:w-\[57\%\]{
&:before{
content:var(--tw-content);
width:57%
}
}
.before\:w-\[69\%\]{
&:before{
content:var(--tw-content);
width:69%
}
}
.before\:w-full{
&:before{
content:var(--tw-content);
width:100%
}
}
.before\:w-px{
&:before{
content:var(--tw-content);
width:1px
}
}
.before\:-rotate-90{
&:before{
content:var(--tw-content);
rotate:-90deg
}
}
.before\:rotate-\[-6deg\]{
&:before{
content:var(--tw-content);
rotate:-6deg
}
}
.before\:rotate-\[6deg\]{
&:before{
content:var(--tw-content);
rotate:6deg
}
}
.before\:transform{
&:before{
content:var(--tw-content);
transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}
}
.before\:rounded-2xl{
&:before{
content:var(--tw-content);
border-radius:var(--radius-2xl)
}
}
.before\:rounded-3xl{
&:before{
content:var(--tw-content);
border-radius:var(--radius-3xl)
}
}
.before\:rounded-4xl{
&:before{
content:var(--tw-content);
border-radius:var(--radius-4xl)
}
}
.before\:rounded-\[20\%\]{
&:before{
content:var(--tw-content);
border-radius:20%
}
}
.before\:rounded-\[30px\]{
&:before{
content:var(--tw-content);
border-radius:30px
}
}
.before\:rounded-\[35\%\]{
&:before{
content:var(--tw-content);
border-radius:35%
}
}
.before\:rounded-full{
&:before{
content:var(--tw-content);
border-radius:calc(infinity * 1px)
}
}
.before\:rounded-xl{
&:before{
content:var(--tw-content);
border-radius:var(--radius-xl)
}
}
.before\:rounded-t-xl{
&:before{
content:var(--tw-content);
border-top-left-radius:var(--radius-xl);
border-top-right-radius:var(--radius-xl)
}
}
.before\:border{
&:before{
content:var(--tw-content);
border-style:var(--tw-border-style);
border-width:1px
}
}
.before\:border-\(--color\)\/15{
&:before{
content:var(--tw-content);
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 15%,transparent)
}
}
}
.before\:border-\(--color\)\/20{
&:before{
content:var(--tw-content);
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
.before\:border-\(--color\)\/30{
&:before{
content:var(--tw-content);
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 30%,transparent)
}
}
}
.before\:border-foreground\/10{
&:before{
content:var(--tw-content);
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
}
.before\:border-foreground\/\[\.15\]{
&:before{
content:var(--tw-content);
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 15%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 15%,transparent)
}
}
}
.before\:border-primary\/50{
&:before{
content:var(--tw-content);
border-color:color-mix(in srgb,oklch(.379 .146 265.522) 50%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-primary) 50%,transparent)
}
}
}
.before\:bg-\(--color\)\/5{
&:before{
content:var(--tw-content);
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
}
.before\:bg-\(--color\)\/20{
&:before{
content:var(--tw-content);
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
.before\:bg-\(--color-nav-foreground\)\/20{
&:before{
content:var(--tw-content);
background-color:var(--color-nav-foreground);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-nav-foreground) 20%,transparent)
}
}
}
.before\:bg-background{
&:before{
content:var(--tw-content);
background-color:var(--color-background)
}
}
.before\:bg-background\/20{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 20%,transparent)
}
}
}
.before\:bg-background\/30{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 30%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 30%,transparent)
}
}
}
.before\:bg-background\/60{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 60%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 60%,transparent)
}
}
}
.before\:bg-black\/80{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,#000 80%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-black) 80%,transparent)
}
}
}
.before\:bg-foreground{
&:before{
content:var(--tw-content);
background-color:var(--color-foreground)
}
}
.before\:bg-foreground\/10{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
}
.before\:bg-foreground\/\[\.11\]{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 11%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 11%,transparent)
}
}
}
.before\:bg-primary{
&:before{
content:var(--tw-content);
background-color:var(--color-primary)
}
}
.before\:bg-primary\/20{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 20%,transparent)
}
}
}
.before\:bg-primary\/40{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 40%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 40%,transparent)
}
}
}
.before\:bg-primary\/\[\.95\]{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 95%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 95%,transparent)
}
}
}
.before\:bg-gradient-to-r{
&:before{
content:var(--tw-content);
--tw-gradient-position: to right in oklab;
background-image:linear-gradient(var(--tw-gradient-stops))
}
}
.before\:bg-gradient-to-t{
&:before{
content:var(--tw-content);
--tw-gradient-position: to top in oklab;
background-image:linear-gradient(var(--tw-gradient-stops))
}
}
.before\:bg-\(image\:--background-image-chevron\){
&:before{
content:var(--tw-content);
background-image:var(--background-image-chevron)
}
}
.before\:bg-noise{
&:before{
content:var(--tw-content);
background-image:var(--background-image-noise)
}
}
.before\:from-background{
&:before{
content:var(--tw-content);
--tw-gradient-from: var(--color-background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.before\:from-black{
&:before{
content:var(--tw-content);
--tw-gradient-from: var(--color-black);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.before\:from-black\/90{
&:before{
content:var(--tw-content);
--tw-gradient-from: color-mix(in srgb, #000 90%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent)
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.before\:via-background\/80{
&:before{
content:var(--tw-content);
--tw-gradient-via: color-mix(in srgb, oklch(.984 .003 247.858) 80%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-gradient-via: color-mix(in oklab, var(--color-background) 80%, transparent)
}
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops)
}
}
.before\:to-black\/10{
&:before{
content:var(--tw-content);
--tw-gradient-to: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-gradient-to: color-mix(in oklab, var(--color-black) 10%, transparent)
}
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.before\:to-transparent{
&:before{
content:var(--tw-content);
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.before\:bg-center{
&:before{
content:var(--tw-content);
background-position:center
}
}
.before\:bg-no-repeat{
&:before{
content:var(--tw-content);
background-repeat:no-repeat
}
}
.before\:pt-\[100\%\]{
&:before{
content:var(--tw-content);
padding-top:100%
}
}
.before\:opacity-20{
&:before{
content:var(--tw-content);
opacity:20%
}
}
.before\:opacity-30{
&:before{
content:var(--tw-content);
opacity:30%
}
}
.before\:opacity-60{
&:before{
content:var(--tw-content);
opacity:60%
}
}
.before\:opacity-70{
&:before{
content:var(--tw-content);
opacity:70%
}
}
.before\:opacity-\[\.07\]{
&:before{
content:var(--tw-content);
opacity:.07
}
}
.before\:shadow-2xl{
&:before{
content:var(--tw-content);
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.before\:shadow-\[0px_3px_5px_\#0000000b\]{
&:before{
content:var(--tw-content);
--tw-shadow: 0px 3px 5px var(--tw-shadow-color, #0000000b);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.before\:shadow-xl{
&:before{
content:var(--tw-content);
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.before\:shadow-foreground\/5{
&:before{
content:var(--tw-content);
--tw-shadow-color: color-mix(in srgb, oklch(.372 .044 257.287) 5%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-foreground) 5%, transparent) var(--tw-shadow-alpha), transparent)
}
}
}
.before\:shadow-foreground\/60{
&:before{
content:var(--tw-content);
--tw-shadow-color: color-mix(in srgb, oklch(.372 .044 257.287) 60%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-foreground) 60%, transparent) var(--tw-shadow-alpha), transparent)
}
}
}
.before\:backdrop-blur{
&:before{
content:var(--tw-content);
--tw-backdrop-blur: blur(8px);
-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
}
.before\:backdrop-blur-xl{
&:before{
content:var(--tw-content);
--tw-backdrop-blur: blur(var(--blur-xl));
-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
}
.before\:transition-\[margin\]{
&:before{
content:var(--tw-content);
transition-property:margin;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
}
.before\:duration-200{
&:before{
content:var(--tw-content);
--tw-duration: .2s;
transition-duration:.2s
}
}
.before\:content-\[\'\'\]{
&:before{
--tw-content: "";
content:var(--tw-content)
}
}
.after\:absolute{
&:after{
content:var(--tw-content);
position:absolute
}
}
.after\:fixed{
&:after{
content:var(--tw-content);
position:fixed
}
}
.after\:inset-0{
&:after{
content:var(--tw-content);
inset:calc(var(--spacing) * 0)
}
}
.after\:inset-y-0{
&:after{
content:var(--tw-content);
inset-block:calc(var(--spacing) * 0)
}
}
.after\:inset-y-4{
&:after{
content:var(--tw-content);
inset-block:calc(var(--spacing) * 4)
}
}
.after\:end-0{
&:after{
content:var(--tw-content);
inset-inline-end:calc(var(--spacing) * 0)
}
}
.after\:top-0{
&:after{
content:var(--tw-content);
top:calc(var(--spacing) * 0)
}
}
.after\:top-22{
&:after{
content:var(--tw-content);
top:calc(var(--spacing) * 22)
}
}
.after\:top-27{
&:after{
content:var(--tw-content);
top:calc(var(--spacing) * 27)
}
}
.after\:right-0{
&:after{
content:var(--tw-content);
right:calc(var(--spacing) * 0)
}
}
.after\:right-4{
&:after{
content:var(--tw-content);
right:calc(var(--spacing) * 4)
}
}
.after\:bottom-0{
&:after{
content:var(--tw-content);
bottom:calc(var(--spacing) * 0)
}
}
.after\:bottom-4{
&:after{
content:var(--tw-content);
bottom:calc(var(--spacing) * 4)
}
}
.after\:left-0{
&:after{
content:var(--tw-content);
left:calc(var(--spacing) * 0)
}
}
.after\:left-4{
&:after{
content:var(--tw-content);
left:calc(var(--spacing) * 4)
}
}
.after\:left-8{
&:after{
content:var(--tw-content);
left:calc(var(--spacing) * 8)
}
}
.after\:z-\[-1\]{
&:after{
content:var(--tw-content);
z-index:-1
}
}
.after\:mx-2{
&:after{
content:var(--tw-content);
margin-inline:calc(var(--spacing) * 2)
}
}
.after\:mx-4{
&:after{
content:var(--tw-content);
margin-inline:calc(var(--spacing) * 4)
}
}
.after\:-mt-3{
&:after{
content:var(--tw-content);
margin-top:calc(var(--spacing) * -3)
}
}
.after\:-mt-8{
&:after{
content:var(--tw-content);
margin-top:calc(var(--spacing) * -8)
}
}
.after\:-mt-\[28\%\]{
&:after{
content:var(--tw-content);
margin-top:-28%
}
}
.after\:mt-4{
&:after{
content:var(--tw-content);
margin-top:calc(var(--spacing) * 4)
}
}
.after\:mr-8{
&:after{
content:var(--tw-content);
margin-right:calc(var(--spacing) * 8)
}
}
.after\:-mb-\[16\%\]{
&:after{
content:var(--tw-content);
margin-bottom:-16%
}
}
.after\:mb-1{
&:after{
content:var(--tw-content);
margin-bottom:calc(var(--spacing) * 1)
}
}
.after\:mb-3{
&:after{
content:var(--tw-content);
margin-bottom:calc(var(--spacing) * 3)
}
}
.after\:mb-7{
&:after{
content:var(--tw-content);
margin-bottom:calc(var(--spacing) * 7)
}
}
.after\:-ml-11{
&:after{
content:var(--tw-content);
margin-left:calc(var(--spacing) * -11)
}
}
.after\:-ml-\[12\%\]{
&:after{
content:var(--tw-content);
margin-left:-12%
}
}
.after\:-ml-\[275px\]{
&:after{
content:var(--tw-content);
margin-left:-275px
}
}
.after\:-ml-px{
&:after{
content:var(--tw-content);
margin-left:-1px
}
}
.after\:box-border{
&:after{
content:var(--tw-content);
box-sizing:border-box
}
}
.after\:block{
&:after{
content:var(--tw-content);
display:block
}
}
.after\:hidden{
&:after{
content:var(--tw-content);
display:none
}
}
.after\:size-4{
&:after{
content:var(--tw-content);
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)
}
}
.after\:w-16{
&:after{
content:var(--tw-content);
width:calc(var(--spacing) * 16)
}
}
.after\:w-\[57\%\]{
&:after{
content:var(--tw-content);
width:57%
}
}
.after\:w-\[275px\]{
&:after{
content:var(--tw-content);
width:275px
}
}
.after\:rotate-\[6deg\]{
&:after{
content:var(--tw-content);
rotate:6deg
}
}
.after\:transform{
&:after{
content:var(--tw-content);
transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)
}
}
.after\:rounded-2xl{
&:after{
content:var(--tw-content);
border-radius:var(--radius-2xl)
}
}
.after\:rounded-3xl{
&:after{
content:var(--tw-content);
border-radius:var(--radius-3xl)
}
}
.after\:rounded-4xl{
&:after{
content:var(--tw-content);
border-radius:var(--radius-4xl)
}
}
.after\:rounded-\[30px\]{
&:after{
content:var(--tw-content);
border-radius:30px
}
}
.after\:rounded-\[35\%\]{
&:after{
content:var(--tw-content);
border-radius:35%
}
}
.after\:rounded-full{
&:after{
content:var(--tw-content);
border-radius:calc(infinity * 1px)
}
}
.after\:rounded-xl{
&:after{
content:var(--tw-content);
border-radius:var(--radius-xl)
}
}
.after\:border{
&:after{
content:var(--tw-content);
border-style:var(--tw-border-style);
border-width:1px
}
}
.after\:border-4{
&:after{
content:var(--tw-content);
border-style:var(--tw-border-style);
border-width:4px
}
}
.after\:border-\[20px\]{
&:after{
content:var(--tw-content);
border-style:var(--tw-border-style);
border-width:20px
}
}
.after\:border-\(--color\)\/20{
&:after{
content:var(--tw-content);
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
.after\:border-foreground\/10{
&:after{
content:var(--tw-content);
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
}
.after\:border-foreground\/\[\.15\]{
&:after{
content:var(--tw-content);
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 15%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 15%,transparent)
}
}
}
.after\:border-primary{
&:after{
content:var(--tw-content);
border-color:var(--color-primary)
}
}
.after\:border-white\/60{
&:after{
content:var(--tw-content);
border-color:color-mix(in srgb,#fff 60%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-white) 60%,transparent)
}
}
}
.after\:bg-\(--color\)\/5{
&:after{
content:var(--tw-content);
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
}
.after\:bg-\(--color\)\/10{
&:after{
content:var(--tw-content);
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 10%,transparent)
}
}
}
.after\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_var\(--color-foreground\)_2\%\)\]{
&:after{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858),oklch(.372 .044 257.287) 2%);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklch,var(--color-background),var(--color-foreground) 2%)
}
}
}
.after\:bg-background{
&:after{
content:var(--tw-content);
background-color:var(--color-background)
}
}
.after\:bg-background\/30{
&:after{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 30%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 30%,transparent)
}
}
}
.after\:bg-foreground\/\[\.03\]{
&:after{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 3%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 3%,transparent)
}
}
}
.after\:bg-foreground\/\[\.05\]{
&:after{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)
}
}
}
.after\:bg-primary{
&:after{
content:var(--tw-content);
background-color:var(--color-primary)
}
}
.after\:bg-primary\/30{
&:after{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 30%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 30%,transparent)
}
}
}
.after\:bg-gradient-to-l{
&:after{
content:var(--tw-content);
--tw-gradient-position: to left in oklab;
background-image:linear-gradient(var(--tw-gradient-stops))
}
}
.after\:bg-accent{
&:after{
content:var(--tw-content);
background-image:var(--background-image-accent)
}
}
.after\:bg-noise{
&:after{
content:var(--tw-content);
background-image:var(--background-image-noise)
}
}
.after\:from-background{
&:after{
content:var(--tw-content);
--tw-gradient-from: var(--color-background);
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.after\:via-background\/80{
&:after{
content:var(--tw-content);
--tw-gradient-via: color-mix(in srgb, oklch(.984 .003 247.858) 80%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-gradient-via: color-mix(in oklab, var(--color-background) 80%, transparent)
}
--tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-via-stops)
}
}
.after\:to-transparent{
&:after{
content:var(--tw-content);
--tw-gradient-to: transparent;
--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
}
}
.after\:bg-contain{
&:after{
content:var(--tw-content);
background-size:contain
}
}
.after\:bg-cover{
&:after{
content:var(--tw-content);
background-size:cover
}
}
.after\:opacity-30{
&:after{
content:var(--tw-content);
opacity:30%
}
}
.after\:opacity-\[\.25\]{
&:after{
content:var(--tw-content);
opacity:.25
}
}
.after\:shadow-\[0px_3px_5px_\#0000000b\]{
&:after{
content:var(--tw-content);
--tw-shadow: 0px 3px 5px var(--tw-shadow-color, #0000000b);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.after\:blur-2xl{
&:after{
content:var(--tw-content);
--tw-blur: blur(var(--blur-2xl));
filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
}
}
.after\:blur-xl{
&:after{
content:var(--tw-content);
--tw-blur: blur(var(--blur-xl));
filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)
}
}
.after\:backdrop-blur-md{
&:after{
content:var(--tw-content);
--tw-backdrop-blur: blur(var(--blur-md));
-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)
}
}
.after\:transition-\[margin\]{
&:after{
content:var(--tw-content);
transition-property:margin;
transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));
transition-duration:var(--tw-duration, var(--default-transition-duration))
}
}
.after\:duration-200{
&:after{
content:var(--tw-content);
--tw-duration: .2s;
transition-duration:.2s
}
}
.after\:content-\[\'\'\]{
&:after{
--tw-content: "";
content:var(--tw-content)
}
}
.first\:rounded-l-xl{
&:first-child{
border-top-left-radius:var(--radius-xl);
border-bottom-left-radius:var(--radius-xl)
}
}
.first\:border-l{
&:first-child{
border-left-style:var(--tw-border-style);
border-left-width:1px
}
}
.first\:before\:hidden{
&:first-child{
&:before{
content:var(--tw-content);
display:none
}
}
}
.last\:rounded-r-xl{
&:last-child{
border-top-right-radius:var(--radius-xl);
border-bottom-right-radius:var(--radius-xl)
}
}
.last\:border-r{
&:last-child{
border-right-style:var(--tw-border-style);
border-right-width:1px
}
}
.hover\:relative{
&:hover{
@media (hover: hover){
position:relative
}
}
}
.hover\:z-20{
&:hover{
@media (hover: hover){
z-index:20
}
}
}
.hover\:w-20{
&:hover{
@media (hover: hover){
width:calc(var(--spacing) * 20)
}
}
}
.hover\:scale-110{
&:hover{
@media (hover: hover){
--tw-scale-x: 110%;
--tw-scale-y: 110%;
--tw-scale-z: 110%;
scale:var(--tw-scale-x) var(--tw-scale-y)
}
}
}
.hover\:scale-\[1\.02\]{
&:hover{
@media (hover: hover){
scale:1.02
}
}
}
.hover\:scale-\[105\%\]{
&:hover{
@media (hover: hover){
scale:105%
}
}
}
.hover\:scale-\[110\%\]{
&:hover{
@media (hover: hover){
scale:110%
}
}
}
.hover\:rounded{
&:hover{
@media (hover: hover){
border-radius:.25rem
}
}
}
.hover\:border-0{
&:hover{
@media (hover: hover){
border-style:var(--tw-border-style);
border-width:0px
}
}
}
.hover\:border-foreground\/10{
&:hover{
@media (hover: hover){
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
}
}
.hover\:bg-\(--color\)\/5{
&:hover{
@media (hover: hover){
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
}
}
.hover\:bg-\(--color\)\/10{
&:hover{
@media (hover: hover){
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 10%,transparent)
}
}
}
}
.hover\:bg-\(--color\)\/90{
&:hover{
@media (hover: hover){
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 90%,transparent)
}
}
}
}
.hover\:bg-background{
&:hover{
@media (hover: hover){
background-color:var(--color-background)
}
}
}
.hover\:bg-foreground\/5{
&:hover{
@media (hover: hover){
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)
}
}
}
}
.hover\:opacity-100{
&:hover{
@media (hover: hover){
opacity:100%
}
}
}
.hover\:shadow-md{
&:hover{
@media (hover: hover){
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
}
.hover\:ring-foreground\/5{
&:hover{
@media (hover: hover){
--tw-ring-color: color-mix(in srgb, oklch(.372 .044 257.287) 5%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent)
}
}
}
}
.focus\:ring-offset-transparent{
&:focus{
--tw-ring-offset-color: transparent
}
}
.focus-visible\:ring-2{
&:focus-visible{
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.focus-visible\:ring-foreground\/5{
&:focus-visible{
--tw-ring-color: color-mix(in srgb, oklch(.372 .044 257.287) 5%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color-foreground) 5%, transparent)
}
}
}
.focus-visible\:ring-transparent{
&:focus-visible{
--tw-ring-color: transparent
}
}
.focus-visible\:ring-offset-2{
&:focus-visible{
--tw-ring-offset-width: 2px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
}
}
.focus-visible\:outline-none{
&:focus-visible{
--tw-outline-style: none;
outline-style:none
}
}
.disabled\:pointer-events-none{
&:disabled{
pointer-events:none
}
}
.disabled\:cursor-not-allowed{
&:disabled{
cursor:not-allowed
}
}
.disabled\:opacity-50{
&:disabled{
opacity:50%
}
}
.data-\[disabled\]\:pointer-events-none{
&[data-disabled]{
pointer-events:none
}
}
.data-\[disabled\]\:opacity-50{
&[data-disabled]{
opacity:50%
}
}
.sm\:absolute{
@media (width >= 40rem){
position:absolute
}
}
.sm\:relative{
@media (width >= 40rem){
position:relative
}
}
.sm\:static{
@media (width >= 40rem){
position:static
}
}
.sm\:col-span-1{
@media (width >= 40rem){
grid-column:span 1 / span 1
}
}
.sm\:col-span-4{
@media (width >= 40rem){
grid-column:span 4 / span 4
}
}
.sm\:col-span-6{
@media (width >= 40rem){
grid-column:span 6 / span 6
}
}
.sm\:mx-0{
@media (width >= 40rem){
margin-inline:calc(var(--spacing) * 0)
}
}
.sm\:ms-auto{
@media (width >= 40rem){
margin-inline-start:auto
}
}
.sm\:me-auto{
@media (width >= 40rem){
margin-inline-end:auto
}
}
.sm\:mt-0{
@media (width >= 40rem){
margin-top:calc(var(--spacing) * 0)
}
}
.sm\:mt-2{
@media (width >= 40rem){
margin-top:calc(var(--spacing) * 2)
}
}
.sm\:mt-3{
@media (width >= 40rem){
margin-top:calc(var(--spacing) * 3)
}
}
.sm\:mt-5{
@media (width >= 40rem){
margin-top:calc(var(--spacing) * 5)
}
}
.sm\:mt-8{
@media (width >= 40rem){
margin-top:calc(var(--spacing) * 8)
}
}
.sm\:mr-0{
@media (width >= 40rem){
margin-right:calc(var(--spacing) * 0)
}
}
.sm\:mr-4{
@media (width >= 40rem){
margin-right:calc(var(--spacing) * 4)
}
}
.sm\:mr-5{
@media (width >= 40rem){
margin-right:calc(var(--spacing) * 5)
}
}
.sm\:mr-auto{
@media (width >= 40rem){
margin-right:auto
}
}
.sm\:mb-0{
@media (width >= 40rem){
margin-bottom:calc(var(--spacing) * 0)
}
}
.sm\:ml-0{
@media (width >= 40rem){
margin-left:calc(var(--spacing) * 0)
}
}
.sm\:ml-1{
@media (width >= 40rem){
margin-left:calc(var(--spacing) * 1)
}
}
.sm\:ml-2{
@media (width >= 40rem){
margin-left:calc(var(--spacing) * 2)
}
}
.sm\:ml-3{
@media (width >= 40rem){
margin-left:calc(var(--spacing) * 3)
}
}
.sm\:ml-auto{
@media (width >= 40rem){
margin-left:auto
}
}
.sm\:block{
@media (width >= 40rem){
display:block
}
}
.sm\:flex{
@media (width >= 40rem){
display:flex
}
}
.sm\:grid{
@media (width >= 40rem){
display:grid
}
}
.sm\:hidden{
@media (width >= 40rem){
display:none
}
}
.sm\:size-5{
@media (width >= 40rem){
width:calc(var(--spacing) * 5);
height:calc(var(--spacing) * 5)
}
}
.sm\:size-10{
@media (width >= 40rem){
width:calc(var(--spacing) * 10);
height:calc(var(--spacing) * 10)
}
}
.sm\:size-12{
@media (width >= 40rem){
width:calc(var(--spacing) * 12);
height:calc(var(--spacing) * 12)
}
}
.sm\:size-24{
@media (width >= 40rem){
width:calc(var(--spacing) * 24);
height:calc(var(--spacing) * 24)
}
}
.sm\:w-3\/4{
@media (width >= 40rem){
width:75%
}
}
.sm\:w-16{
@media (width >= 40rem){
width:calc(var(--spacing) * 16)
}
}
.sm\:w-40{
@media (width >= 40rem){
width:calc(var(--spacing) * 40)
}
}
.sm\:w-56{
@media (width >= 40rem){
width:calc(var(--spacing) * 56)
}
}
.sm\:w-60{
@media (width >= 40rem){
width:calc(var(--spacing) * 60)
}
}
.sm\:w-64{
@media (width >= 40rem){
width:calc(var(--spacing) * 64)
}
}
.sm\:w-72{
@media (width >= 40rem){
width:calc(var(--spacing) * 72)
}
}
.sm\:w-auto{
@media (width >= 40rem){
width:auto
}
}
.sm\:w-full{
@media (width >= 40rem){
width:100%
}
}
.sm\:\!max-w-2xl{
@media (width >= 40rem){
max-width:var(--container-2xl)!important
}
}
.sm\:\!max-w-3xl{
@media (width >= 40rem){
max-width:var(--container-3xl)!important
}
}
.sm\:\!max-w-lg{
@media (width >= 40rem){
max-width:var(--container-lg)!important
}
}
.sm\:\!max-w-md{
@media (width >= 40rem){
max-width:var(--container-md)!important
}
}
.sm\:\!max-w-sm{
@media (width >= 40rem){
max-width:var(--container-sm)!important
}
}
.sm\:\!max-w-xl{
@media (width >= 40rem){
max-width:var(--container-xl)!important
}
}
.sm\:max-w-2xl{
@media (width >= 40rem){
max-width:var(--container-2xl)
}
}
.sm\:max-w-\[49\%\]{
@media (width >= 40rem){
max-width:49%
}
}
.sm\:max-w-lg{
@media (width >= 40rem){
max-width:var(--container-lg)
}
}
.sm\:max-w-xl{
@media (width >= 40rem){
max-width:var(--container-xl)
}
}
.sm\:flex-initial{
@media (width >= 40rem){
flex:0 auto
}
}
.sm\:grid-cols-12{
@media (width >= 40rem){
grid-template-columns:repeat(12,minmax(0,1fr))
}
}
.sm\:flex-row{
@media (width >= 40rem){
flex-direction:row
}
}
.sm\:flex-nowrap{
@media (width >= 40rem){
flex-wrap:nowrap
}
}
.sm\:items-end{
@media (width >= 40rem){
align-items:flex-end
}
}
.sm\:justify-end{
@media (width >= 40rem){
justify-content:flex-end
}
}
.sm\:justify-start{
@media (width >= 40rem){
justify-content:flex-start
}
}
.sm\:gap-12{
@media (width >= 40rem){
gap:calc(var(--spacing) * 12)
}
}
.sm\:gap-x-5{
@media (width >= 40rem){
column-gap:calc(var(--spacing) * 5)
}
}
.sm\:space-x-2{
@media (width >= 40rem){
:where(>:not(:last-child)){
--tw-space-x-reverse: 0;
margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))
}
}
}
.sm\:overflow-x-visible{
@media (width >= 40rem){
overflow-x:visible
}
}
.sm\:border-0{
@media (width >= 40rem){
border-style:var(--tw-border-style);
border-width:0px
}
}
.sm\:border-t-0{
@media (width >= 40rem){
border-top-style:var(--tw-border-style);
border-top-width:0px
}
}
.sm\:border-b-0{
@media (width >= 40rem){
border-bottom-style:var(--tw-border-style);
border-bottom-width:0px
}
}
.sm\:border-l{
@media (width >= 40rem){
border-left-style:var(--tw-border-style);
border-left-width:1px
}
}
.sm\:px-0{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 0)
}
}
.sm\:px-5{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 5)
}
}
.sm\:px-8{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 8)
}
}
.sm\:px-10{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 10)
}
}
.sm\:px-16{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 16)
}
}
.sm\:px-20{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 20)
}
}
.sm\:px-28{
@media (width >= 40rem){
padding-inline:calc(var(--spacing) * 28)
}
}
.sm\:py-3{
@media (width >= 40rem){
padding-block:calc(var(--spacing) * 3)
}
}
.sm\:py-4{
@media (width >= 40rem){
padding-block:calc(var(--spacing) * 4)
}
}
.sm\:py-20{
@media (width >= 40rem){
padding-block:calc(var(--spacing) * 20)
}
}
.sm\:pt-0{
@media (width >= 40rem){
padding-top:calc(var(--spacing) * 0)
}
}
.sm\:pt-6{
@media (width >= 40rem){
padding-top:calc(var(--spacing) * 6)
}
}
.sm\:pt-20{
@media (width >= 40rem){
padding-top:calc(var(--spacing) * 20)
}
}
.sm\:pb-0{
@media (width >= 40rem){
padding-bottom:calc(var(--spacing) * 0)
}
}
.sm\:pb-20{
@media (width >= 40rem){
padding-bottom:calc(var(--spacing) * 20)
}
}
.sm\:pl-5{
@media (width >= 40rem){
padding-left:calc(var(--spacing) * 5)
}
}
.sm\:text-left{
@media (width >= 40rem){
text-align:left
}
}
.sm\:text-right{
@media (width >= 40rem){
text-align:right
}
}
.sm\:text-2xl{
@media (width >= 40rem){
font-size:var(--text-2xl);
line-height:var(--tw-leading, var(--text-2xl--line-height))
}
}
.sm\:text-sm{
@media (width >= 40rem){
font-size:var(--text-sm);
line-height:var(--tw-leading, var(--text-sm--line-height))
}
}
.sm\:whitespace-normal{
@media (width >= 40rem){
white-space:normal
}
}
.md\:col-span-2{
@media (width >= 48rem){
grid-column:span 2 / span 2
}
}
.md\:col-span-4{
@media (width >= 48rem){
grid-column:span 4 / span 4
}
}
.md\:col-span-6{
@media (width >= 48rem){
grid-column:span 6 / span 6
}
}
.md\:row-start-auto{
@media (width >= 48rem){
grid-row-start:auto
}
}
.md\:ms-auto{
@media (width >= 48rem){
margin-inline-start:auto
}
}
.md\:mt-0{
@media (width >= 48rem){
margin-top:calc(var(--spacing) * 0)
}
}
.md\:ml-0{
@media (width >= 48rem){
margin-left:calc(var(--spacing) * 0)
}
}
.md\:block{
@media (width >= 48rem){
display:block
}
}
.md\:w-64{
@media (width >= 48rem){
width:calc(var(--spacing) * 64)
}
}
.md\:grid-cols-4{
@media (width >= 48rem){
grid-template-columns:repeat(4,minmax(0,1fr))
}
}
.md\:flex-row{
@media (width >= 48rem){
flex-direction:row
}
}
.md\:items-center{
@media (width >= 48rem){
align-items:center
}
}
.md\:border-t-0{
@media (width >= 48rem){
border-top-style:var(--tw-border-style);
border-top-width:0px
}
}
.md\:border-r{
@media (width >= 48rem){
border-right-style:var(--tw-border-style);
border-right-width:1px
}
}
.md\:border-l{
@media (width >= 48rem){
border-left-style:var(--tw-border-style);
border-left-width:1px
}
}
.md\:border-l-0{
@media (width >= 48rem){
border-left-style:var(--tw-border-style);
border-left-width:0px
}
}
.md\:px-6{
@media (width >= 48rem){
padding-inline:calc(var(--spacing) * 6)
}
}
.md\:pl-0{
@media (width >= 48rem){
padding-left:calc(var(--spacing) * 0)
}
}
.lg\:col-span-2{
@media (width >= 64rem){
grid-column:span 2 / span 2
}
}
.lg\:col-span-3{
@media (width >= 64rem){
grid-column:span 3 / span 3
}
}
.lg\:col-span-4{
@media (width >= 64rem){
grid-column:span 4 / span 4
}
}
.lg\:col-span-6{
@media (width >= 64rem){
grid-column:span 6 / span 6
}
}
.lg\:col-span-7{
@media (width >= 64rem){
grid-column:span 7 / span 7
}
}
.lg\:col-span-8{
@media (width >= 64rem){
grid-column:span 8 / span 8
}
}
.lg\:mx-auto{
@media (width >= 64rem){
margin-inline:auto
}
}
.lg\:mt-0{
@media (width >= 64rem){
margin-top:calc(var(--spacing) * 0)
}
}
.lg\:mt-3{
@media (width >= 64rem){
margin-top:calc(var(--spacing) * 3)
}
}
.lg\:mt-5{
@media (width >= 64rem){
margin-top:calc(var(--spacing) * 5)
}
}
.lg\:mt-6{
@media (width >= 64rem){
margin-top:calc(var(--spacing) * 6)
}
}
.lg\:mr-1{
@media (width >= 64rem){
margin-right:calc(var(--spacing) * 1)
}
}
.lg\:mr-20{
@media (width >= 64rem){
margin-right:calc(var(--spacing) * 20)
}
}
.lg\:mr-auto{
@media (width >= 64rem){
margin-right:auto
}
}
.lg\:mb-0{
@media (width >= 64rem){
margin-bottom:calc(var(--spacing) * 0)
}
}
.lg\:ml-0{
@media (width >= 64rem){
margin-left:calc(var(--spacing) * 0)
}
}
.lg\:ml-2{
@media (width >= 64rem){
margin-left:calc(var(--spacing) * 2)
}
}
.lg\:ml-4{
@media (width >= 64rem){
margin-left:calc(var(--spacing) * 4)
}
}
.lg\:ml-5{
@media (width >= 64rem){
margin-left:calc(var(--spacing) * 5)
}
}
.lg\:ml-8{
@media (width >= 64rem){
margin-left:calc(var(--spacing) * 8)
}
}
.lg\:ml-auto{
@media (width >= 64rem){
margin-left:auto
}
}
.lg\:block{
@media (width >= 64rem){
display:block
}
}
.lg\:flex{
@media (width >= 64rem){
display:flex
}
}
.lg\:size-12{
@media (width >= 64rem){
width:calc(var(--spacing) * 12);
height:calc(var(--spacing) * 12)
}
}
.lg\:size-32{
@media (width >= 64rem){
width:calc(var(--spacing) * 32);
height:calc(var(--spacing) * 32)
}
}
.lg\:h-auto{
@media (width >= 64rem){
height:auto
}
}
.lg\:w-1\/2,.lg\:w-2\/4{
@media (width >= 64rem){
width:50%
}
}
.lg\:w-32{
@media (width >= 64rem){
width:calc(var(--spacing) * 32)
}
}
.lg\:w-64{
@media (width >= 64rem){
width:calc(var(--spacing) * 64)
}
}
.lg\:w-auto{
@media (width >= 64rem){
width:auto
}
}
.lg\:grid-cols-5{
@media (width >= 64rem){
grid-template-columns:repeat(5,minmax(0,1fr))
}
}
.lg\:flex-row{
@media (width >= 64rem){
flex-direction:row
}
}
.lg\:flex-nowrap{
@media (width >= 64rem){
flex-wrap:nowrap
}
}
.lg\:items-start{
@media (width >= 64rem){
align-items:flex-start
}
}
.lg\:justify-center{
@media (width >= 64rem){
justify-content:center
}
}
.lg\:justify-end{
@media (width >= 64rem){
justify-content:flex-end
}
}
.lg\:justify-start{
@media (width >= 64rem){
justify-content:flex-start
}
}
.lg\:overflow-hidden{
@media (width >= 64rem){
overflow:hidden
}
}
.lg\:overflow-visible{
@media (width >= 64rem){
overflow:visible
}
}
.lg\:border-0{
@media (width >= 64rem){
border-style:var(--tw-border-style);
border-width:0px
}
}
.lg\:border-t-0{
@media (width >= 64rem){
border-top-style:var(--tw-border-style);
border-top-width:0px
}
}
.lg\:border-r{
@media (width >= 64rem){
border-right-style:var(--tw-border-style);
border-right-width:1px
}
}
.lg\:border-b-0{
@media (width >= 64rem){
border-bottom-style:var(--tw-border-style);
border-bottom-width:0px
}
}
.lg\:border-l{
@media (width >= 64rem){
border-left-style:var(--tw-border-style);
border-left-width:1px
}
}
.lg\:px-5{
@media (width >= 64rem){
padding-inline:calc(var(--spacing) * 5)
}
}
.lg\:px-6{
@media (width >= 64rem){
padding-inline:calc(var(--spacing) * 6)
}
}
.lg\:pt-0{
@media (width >= 64rem){
padding-top:calc(var(--spacing) * 0)
}
}
.lg\:pb-0{
@media (width >= 64rem){
padding-bottom:calc(var(--spacing) * 0)
}
}
.lg\:pb-20{
@media (width >= 64rem){
padding-bottom:calc(var(--spacing) * 20)
}
}
.lg\:pl-5{
@media (width >= 64rem){
padding-left:calc(var(--spacing) * 5)
}
}
.lg\:text-center{
@media (width >= 64rem){
text-align:center
}
}
.lg\:text-justify{
@media (width >= 64rem){
text-align:justify
}
}
.lg\:text-left{
@media (width >= 64rem){
text-align:left
}
}
.lg\:text-right{
@media (width >= 64rem){
text-align:right
}
}
.lg\:text-2xl{
@media (width >= 64rem){
font-size:var(--text-2xl);
line-height:var(--tw-leading, var(--text-2xl--line-height))
}
}
.before\:lg\:block{
&:before{
content:var(--tw-content);
@media (width >= 64rem){
display:block
}
}
}
.lg\:before\:animate-ping{
@media (width >= 64rem){
&:before{
content:var(--tw-content);
animation:var(--animate-ping)
}
}
}
.xl\:absolute{
@media (width >= 80rem){
position:absolute
}
}
.xl\:relative{
@media (width >= 80rem){
position:relative
}
}
.xl\:top-0{
@media (width >= 80rem){
top:calc(var(--spacing) * 0)
}
}
.xl\:bottom-auto{
@media (width >= 80rem){
bottom:auto
}
}
.xl\:z-0{
@media (width >= 80rem){
z-index:0
}
}
.xl\:z-auto{
@media (width >= 80rem){
z-index:auto
}
}
.xl\:col-span-3{
@media (width >= 80rem){
grid-column:span 3 / span 3
}
}
.xl\:col-span-4{
@media (width >= 80rem){
grid-column:span 4 / span 4
}
}
.xl\:col-span-6{
@media (width >= 80rem){
grid-column:span 6 / span 6
}
}
.xl\:col-span-8{
@media (width >= 80rem){
grid-column:span 8 / span 8
}
}
.xl\:col-span-9{
@media (width >= 80rem){
grid-column:span 9 / span 9
}
}
.xl\:col-span-12{
@media (width >= 80rem){
grid-column:span 12 / span 12
}
}
.xl\:col-start-1{
@media (width >= 80rem){
grid-column-start:1
}
}
.xl\:col-start-10{
@media (width >= 80rem){
grid-column-start:10
}
}
.xl\:row-start-1{
@media (width >= 80rem){
grid-row-start:1
}
}
.xl\:row-start-2{
@media (width >= 80rem){
grid-row-start:2
}
}
.xl\:mx-6{
@media (width >= 80rem){
margin-inline:calc(var(--spacing) * 6)
}
}
.xl\:my-0{
@media (width >= 80rem){
margin-block:calc(var(--spacing) * 0)
}
}
.xl\:ms-auto{
@media (width >= 80rem){
margin-inline-start:auto
}
}
.xl\:mt-0{
@media (width >= 80rem){
margin-top:calc(var(--spacing) * 0)
}
}
.xl\:mt-2{
@media (width >= 80rem){
margin-top:calc(var(--spacing) * 2)
}
}
.xl\:mt-8{
@media (width >= 80rem){
margin-top:calc(var(--spacing) * 8)
}
}
.xl\:mt-10{
@media (width >= 80rem){
margin-top:calc(var(--spacing) * 10)
}
}
.xl\:mt-24{
@media (width >= 80rem){
margin-top:calc(var(--spacing) * 24)
}
}
.xl\:mr-0{
@media (width >= 80rem){
margin-right:calc(var(--spacing) * 0)
}
}
.xl\:mr-5{
@media (width >= 80rem){
margin-right:calc(var(--spacing) * 5)
}
}
.xl\:mr-8{
@media (width >= 80rem){
margin-right:calc(var(--spacing) * 8)
}
}
.xl\:mr-10{
@media (width >= 80rem){
margin-right:calc(var(--spacing) * 10)
}
}
.xl\:mb-2{
@media (width >= 80rem){
margin-bottom:calc(var(--spacing) * 2)
}
}
.xl\:ml-0{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 0)
}
}
.xl\:ml-1{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 1)
}
}
.xl\:ml-1\.5{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 1.5)
}
}
.xl\:ml-2{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 2)
}
}
.xl\:ml-3{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 3)
}
}
.xl\:ml-6{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 6)
}
}
.xl\:ml-24{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 24)
}
}
.xl\:ml-64{
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 64)
}
}
.xl\:ml-\[275px\]{
@media (width >= 80rem){
margin-left:275px
}
}
.xl\:ml-\[300px\]{
@media (width >= 80rem){
margin-left:300px
}
}
.xl\:ml-\[320px\]{
@media (width >= 80rem){
margin-left:320px
}
}
.xl\:ml-auto{
@media (width >= 80rem){
margin-left:auto
}
}
.xl\:flex{
@media (width >= 80rem){
display:flex
}
}
.xl\:grid{
@media (width >= 80rem){
display:grid
}
}
.xl\:hidden{
@media (width >= 80rem){
display:none
}
}
.xl\:h-auto{
@media (width >= 80rem){
height:auto
}
}
.xl\:min-h-0{
@media (width >= 80rem){
min-height:calc(var(--spacing) * 0)
}
}
.xl\:w-3\/5{
@media (width >= 80rem){
width:calc(3/5 * 100%)
}
}
.xl\:w-24{
@media (width >= 80rem){
width:calc(var(--spacing) * 24)
}
}
.xl\:w-64{
@media (width >= 80rem){
width:calc(var(--spacing) * 64)
}
}
.xl\:w-auto{
@media (width >= 80rem){
width:auto
}
}
.xl\:min-w-\[28rem\]{
@media (width >= 80rem){
min-width:28rem
}
}
.xl\:flex-initial{
@media (width >= 80rem){
flex:0 auto
}
}
.xl\:flex-col{
@media (width >= 80rem){
flex-direction:column
}
}
.xl\:flex-row{
@media (width >= 80rem){
flex-direction:row
}
}
.xl\:items-start{
@media (width >= 80rem){
align-items:flex-start
}
}
.xl\:overflow-y-visible{
@media (width >= 80rem){
overflow-y:visible
}
}
.xl\:border-t-0{
@media (width >= 80rem){
border-top-style:var(--tw-border-style);
border-top-width:0px
}
}
.xl\:border-b{
@media (width >= 80rem){
border-bottom-style:var(--tw-border-style);
border-bottom-width:1px
}
}
.xl\:bg-background{
@media (width >= 80rem){
background-color:var(--color-background)
}
}
.xl\:bg-none{
@media (width >= 80rem){
background-image:none
}
}
.xl\:p-0{
@media (width >= 80rem){
padding:calc(var(--spacing) * 0)
}
}
.xl\:px-0{
@media (width >= 80rem){
padding-inline:calc(var(--spacing) * 0)
}
}
.xl\:py-0{
@media (width >= 80rem){
padding-block:calc(var(--spacing) * 0)
}
}
.xl\:pt-2\.5{
@media (width >= 80rem){
padding-top:calc(var(--spacing) * 2.5)
}
}
.xl\:pr-5{
@media (width >= 80rem){
padding-right:calc(var(--spacing) * 5)
}
}
.xl\:pr-10{
@media (width >= 80rem){
padding-right:calc(var(--spacing) * 10)
}
}
.xl\:pr-14{
@media (width >= 80rem){
padding-right:calc(var(--spacing) * 14)
}
}
.xl\:pb-0{
@media (width >= 80rem){
padding-bottom:calc(var(--spacing) * 0)
}
}
.xl\:pb-6{
@media (width >= 80rem){
padding-bottom:calc(var(--spacing) * 6)
}
}
.xl\:pb-16{
@media (width >= 80rem){
padding-bottom:calc(var(--spacing) * 16)
}
}
.xl\:pl-0{
@media (width >= 80rem){
padding-left:calc(var(--spacing) * 0)
}
}
.xl\:pl-6{
@media (width >= 80rem){
padding-left:calc(var(--spacing) * 6)
}
}
.xl\:pl-7{
@media (width >= 80rem){
padding-left:calc(var(--spacing) * 7)
}
}
.xl\:pl-8{
@media (width >= 80rem){
padding-left:calc(var(--spacing) * 8)
}
}
.xl\:pl-10{
@media (width >= 80rem){
padding-left:calc(var(--spacing) * 10)
}
}
.xl\:pl-14{
@media (width >= 80rem){
padding-left:calc(var(--spacing) * 14)
}
}
.xl\:text-left{
@media (width >= 80rem){
text-align:left
}
}
.xl\:text-right{
@media (width >= 80rem){
text-align:right
}
}
.xl\:text-3xl{
@media (width >= 80rem){
font-size:var(--text-3xl);
line-height:var(--tw-leading, var(--text-3xl--line-height))
}
}
.group-\[\.content--compact\]\:xl\:ml-\[150px\]{
&:is(:where(.group):is(.content--compact) *){
@media (width >= 80rem){
margin-left:150px
}
}
}
.group-\[\.content--compact\]\:xl\:ml-\[165px\]{
&:is(:where(.group):is(.content--compact) *){
@media (width >= 80rem){
margin-left:165px
}
}
}
.xl\:group-\[\.side-menu--collapsed\]\:ms-0{
@media (width >= 80rem){
&:is(:where(.group):is(.side-menu--collapsed) *){
margin-inline-start:calc(var(--spacing) * 0)
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:ml-6{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 6)
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:ml-7{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 7)
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:ml-8{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 8)
}
}
}
.xl\:group-\[\.side-menu--collapsed\]\:flex{
@media (width >= 80rem){
&:is(:where(.group):is(.side-menu--collapsed) *){
display:flex
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:w-\[110px\]{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
width:110px
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:w-\[150px\]{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
width:150px
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:w-\[165px\]{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
width:165px
}
}
}
.xl\:group-\[\.side-menu--collapsed\]\:w-0{
@media (width >= 80rem){
&:is(:where(.group):is(.side-menu--collapsed) *){
width:calc(var(--spacing) * 0)
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:rotate-180{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
rotate:180deg
}
}
}
.group-\[\.side-menu--collapsed\]\:xl\:opacity-0{
&:is(:where(.group):is(.side-menu--collapsed) *){
@media (width >= 80rem){
opacity:0%;
display: none;
}
}
}
.xl\:group-\[\.side-menu--collapsed\]\:opacity-0{
@media (width >= 80rem){
&:is(:where(.group):is(.side-menu--collapsed) *){
opacity:0%
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-1{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 1)
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-1\.5{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 1.5)
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-2{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 2)
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:ml-3{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
margin-left:calc(var(--spacing) * 3)
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:w-\[275px\]{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
width:275px
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:w-\[300px\]{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
width:300px
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:w-\[320px\]{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
width:320px
}
}
}
.group-\[\.side-menu--collapsed\.side-menu--on-hover\]\:xl\:opacity-100{
&:is(:where(.group):is(.side-menu--collapsed.side-menu--on-hover) *){
@media (width >= 80rem){
opacity:100%;
display: initial;
}
}
}
.xl\:before\:left-0{
@media (width >= 80rem){
&:before{
content:var(--tw-content);
left:calc(var(--spacing) * 0)
}
}
}
.xl\:before\:left-7{
@media (width >= 80rem){
&:before{
content:var(--tw-content);
left:calc(var(--spacing) * 7)
}
}
}
.xl\:before\:-mr-1{
@media (width >= 80rem){
&:before{
content:var(--tw-content);
margin-right:calc(var(--spacing) * -1)
}
}
}
.xl\:before\:-ml-\[320px\]{
@media (width >= 80rem){
&:before{
content:var(--tw-content);
margin-left:-320px
}
}
}
.before\:xl\:block{
&:before{
content:var(--tw-content);
@media (width >= 80rem){
display:block
}
}
}
.before\:xl\:hidden{
&:before{
content:var(--tw-content);
@media (width >= 80rem){
display:none
}
}
}
.xl\:before\:block{
@media (width >= 80rem){
&:before{
content:var(--tw-content);
display:block
}
}
}
.xl\:before\:hidden{
@media (width >= 80rem){
&:before{
content:var(--tw-content);
display:none
}
}
}
.group-\[\.content--compact\]\:xl\:before\:-ml-\[165px\]{
&:is(:where(.group):is(.content--compact) *){
@media (width >= 80rem){
&:before{
content:var(--tw-content);
margin-left:-165px
}
}
}
}
.xl\:after\:left-0{
@media (width >= 80rem){
&:after{
content:var(--tw-content);
left:calc(var(--spacing) * 0)
}
}
}
.xl\:after\:left-7{
@media (width >= 80rem){
&:after{
content:var(--tw-content);
left:calc(var(--spacing) * 7)
}
}
}
.xl\:after\:mr-4{
@media (width >= 80rem){
&:after{
content:var(--tw-content);
margin-right:calc(var(--spacing) * 4)
}
}
}
.xl\:after\:-ml-\[320px\]{
@media (width >= 80rem){
&:after{
content:var(--tw-content);
margin-left:-320px
}
}
}
.after\:xl\:block{
&:after{
content:var(--tw-content);
@media (width >= 80rem){
display:block
}
}
}
.after\:xl\:hidden{
&:after{
content:var(--tw-content);
@media (width >= 80rem){
display:none
}
}
}
.xl\:after\:block{
@media (width >= 80rem){
&:after{
content:var(--tw-content);
display:block
}
}
}
.xl\:after\:hidden{
@media (width >= 80rem){
&:after{
content:var(--tw-content);
display:none
}
}
}
.group-\[\.content--compact\]\:xl\:after\:-ml-\[165px\]{
&:is(:where(.group):is(.content--compact) *){
@media (width >= 80rem){
&:after{
content:var(--tw-content);
margin-left:-165px
}
}
}
}
.\32xl\:z-10{
@media (min-width: 1200px) {
z-index:10
}
}
.\32xl\:col-span-2{
@media (min-width: 1200px) {
grid-column:span 2 / span 2
}
}
.\32xl\:col-span-3{
@media (min-width: 1200px) {
grid-column:span 3 / span 3
}
}
.\32xl\:col-span-4{
@media (min-width: 1200px) {
grid-column:span 4 / span 4
}
}
.\32xl\:col-span-5{
@media (min-width: 1200px) {
grid-column:span 5 / span 5
}
}
.\32xl\:col-span-6{
@media (min-width: 1200px) {
grid-column:span 6 / span 6
}
}
.\32xl\:col-span-8{
@media (min-width: 1200px) {
grid-column:span 8 / span 8
}
}
.\32xl\:col-span-9{
@media (min-width: 1200px) {
grid-column:span 9 / span 9
}
}
.\32xl\:col-span-12{
@media (min-width: 1200px) {
grid-column:span 12 / span 12
}
}
.\32xl\:col-start-auto{
@media (min-width: 1200px) {
grid-column-start:auto
}
}
.\32xl\:row-start-auto{
@media (min-width: 1200px) {
grid-row-start:auto
}
}
.\32xl\:-mt-10{
@media (min-width: 1200px) {
margin-top:calc(var(--spacing) * -10)
}
}
.\32xl\:mt-0{
@media (min-width: 1200px) {
margin-top:calc(var(--spacing) * 0)
}
}
.\32xl\:mt-7{
@media (min-width: 1200px) {
margin-top:calc(var(--spacing) * 7)
}
}
.\32xl\:mt-8{
@media (min-width: 1200px) {
margin-top:calc(var(--spacing) * 8)
}
}
.\32xl\:mt-20{
@media (min-width: 1200px) {
margin-top:calc(var(--spacing) * 20)
}
}
.\32xl\:mt-24{
@media (min-width: 1200px) {
margin-top:calc(var(--spacing) * 24)
}
}
.\32xl\:mr-3{
@media (min-width: 1200px) {
margin-right:calc(var(--spacing) * 3)
}
}
.\32xl\:mr-auto{
@media (min-width: 1200px) {
margin-right:auto
}
}
.\32xl\:mb-0{
@media (min-width: 1200px) {
margin-bottom:calc(var(--spacing) * 0)
}
}
.\32xl\:block{
@media (min-width: 1200px) {
display:block
}
}
.\32xl\:flex{
@media (min-width: 1200px) {
display:flex
}
}
.\32xl\:h-56{
@media (min-width: 1200px) {
height:calc(var(--spacing) * 56)
}
}
.\32xl\:w-4\/6{
@media (min-width: 1200px) {
width:calc(4/6 * 100%)
}
}
.\32xl\:w-64{
@media (min-width: 1200px) {
width:calc(var(--spacing) * 64)
}
}
.\32xl\:w-auto{
@media (min-width: 1200px) {
width:auto
}
}
.\32xl\:w-full{
@media (min-width: 1200px) {
width:100%
}
}
.\32xl\:grid-cols-7{
@media (min-width: 1200px) {
grid-template-columns:repeat(7,minmax(0,1fr))
}
}
.\32xl\:gap-x-0{
@media (min-width: 1200px) {
column-gap:calc(var(--spacing) * 0)
}
}
.\32xl\:border-l{
@media (min-width: 1200px) {
border-left-style:var(--tw-border-style);
border-left-width:1px
}
}
.\32xl\:px-6{
@media (min-width: 1200px) {
padding-inline:calc(var(--spacing) * 6)
}
}
.\32xl\:pt-0{
@media (min-width: 1200px) {
padding-top:calc(var(--spacing) * 0)
}
}
.\32xl\:pl-6{
@media (min-width: 1200px) {
padding-left:calc(var(--spacing) * 6)
}
}
.dark\:border-foreground\/20{
&:where(.dark,.dark *){
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 20%,transparent)
}
}
}
.dark\:border-foreground\/\[\.09\]{
&:where(.dark,.dark *){
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 9%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 9%,transparent)
}
}
}
.dark\:border-foreground\/\[\.11\]{
&:where(.dark,.dark *){
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 11%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 11%,transparent)
}
}
}
.dark\:bg-background{
&:where(.dark,.dark *){
background-color:var(--color-background)
}
}
.dark\:bg-foreground\/20{
&:where(.dark,.dark *){
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 20%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 20%,transparent)
}
}
}
.dark\:bg-foreground\/\[\.02\]{
&:where(.dark,.dark *){
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 2%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 2%,transparent)
}
}
}
.dark\:text-foreground{
&:where(.dark,.dark *){
color:var(--color-foreground)
}
}
.dark\:shadow-\[0px_0px_0px_2px_\#3f4865\,_1px_1px_5px_rgba\(0\,0\,0\,0\.32\)\]{
&:where(.dark,.dark *){
--tw-shadow: 0px 0px 0px 2px var(--tw-shadow-color, #3f4865), 1px 1px 5px var(--tw-shadow-color, rgba(0,0,0,.32));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.dark\:ring-foreground\/20{
&:where(.dark,.dark *){
--tw-ring-color: color-mix(in srgb, oklch(.372 .044 257.287) 20%, transparent);
@supports (color: color-mix(in lab,red,red)){
--tw-ring-color: color-mix(in oklab, var(--color-foreground) 20%, transparent)
}
}
}
.dark\:\[--color-nav-foreground\:var\(--color-foreground\)\]{
&:where(.dark,.dark *){
--color-nav-foreground: var(--color-foreground)
}
}
.dark\:before\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_white_14\%\)\]{
&:where(.dark,.dark *){
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858),white 14%);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklch,var(--color-background),white 14%)
}
}
}
}
.dark\:before\:bg-foreground\/5{
&:where(.dark,.dark *){
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)
}
}
}
}
.dark\:before\:bg-foreground\/10{
&:where(.dark,.dark *){
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
}
}
.dark\:before\:bg-foreground\/\[\.01\]{
&:where(.dark,.dark *){
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 1%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 1%,transparent)
}
}
}
}
.dark\:before\:opacity-\[\.59\]{
&:where(.dark,.dark *){
&:before{
content:var(--tw-content);
opacity:.59
}
}
}
.dark\:before\:shadow-background{
&:where(.dark,.dark *){
&:before{
content:var(--tw-content);
--tw-shadow-color: oklch(.984 .003 247.858);
@supports (color: color-mix(in lab,red,red)){
--tw-shadow-color: color-mix(in oklab, var(--color-background) var(--tw-shadow-alpha), transparent)
}
}
}
}
.dark\:after\:bg-\[color-mix\(in_oklch\,_var\(--color-background\)\,_white_14\%\)\]{
&:where(.dark,.dark *){
&:after{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858),white 14%);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklch,var(--color-background),white 14%)
}
}
}
}
.dark\:after\:bg-background{
&:where(.dark,.dark *){
&:after{
content:var(--tw-content);
background-color:var(--color-background)
}
}
}
.dark\:after\:opacity-20{
&:where(.dark,.dark *){
&:after{
content:var(--tw-content);
opacity:20%
}
}
}
.dark\:after\:opacity-\[\.59\]{
&:where(.dark,.dark *){
&:after{
content:var(--tw-content);
opacity:.59
}
}
}
.\[\&_\.jvm-zoom-btn\]\:absolute{
.jvm-zoom-btn{
position:absolute
}
}
.\[\&_\.jvm-zoom-btn\]\:flex{
.jvm-zoom-btn{
display:flex
}
}
.\[\&_\.jvm-zoom-btn\]\:h-7{
.jvm-zoom-btn{
height:calc(var(--spacing) * 7)
}
}
.\[\&_\.jvm-zoom-btn\]\:w-7{
.jvm-zoom-btn{
width:calc(var(--spacing) * 7)
}
}
.\[\&_\.jvm-zoom-btn\]\:cursor-pointer{
.jvm-zoom-btn{
cursor:pointer
}
}
.\[\&_\.jvm-zoom-btn\]\:items-center{
.jvm-zoom-btn{
align-items:center
}
}
.\[\&_\.jvm-zoom-btn\]\:justify-center{
.jvm-zoom-btn{
justify-content:center
}
}
.\[\&_\.jvm-zoom-btn\]\:rounded-md{
.jvm-zoom-btn{
border-radius:var(--radius-md)
}
}
.\[\&_\.jvm-zoom-btn\]\:border{
.jvm-zoom-btn{
border-style:var(--tw-border-style);
border-width:1px
}
}
.\[\&_\.jvm-zoom-btn\]\:border-\(--color\)\/20{
.jvm-zoom-btn{
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
.\[\&_\.jvm-zoom-btn\]\:bg-background{
.jvm-zoom-btn{
background-color:var(--color-background)
}
}
.\[\&_\.jvm-zoom-btn\]\:text-\(--color\){
.jvm-zoom-btn{
color:var(--color)
}
}
.\[\&_\.jvm-zoom-btn\]\:shadow{
.jvm-zoom-btn{
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.\[\&_\.jvm-zoom-btn\]\:hover\:bg-\(--color\)\/10{
.jvm-zoom-btn{
&:hover{
@media (hover: hover){
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 10%,transparent)
}
}
}
}
}
.\[\&_\.jvm-zoomin\]\:bottom-4{
.jvm-zoomin{
bottom:calc(var(--spacing) * 4)
}
}
.\[\&_\.jvm-zoomin\]\:left-4{
.jvm-zoomin{
left:calc(var(--spacing) * 4)
}
}
.\[\&_\.jvm-zoomout\]\:bottom-4{
.jvm-zoomout{
bottom:calc(var(--spacing) * 4)
}
}
.\[\&_\.jvm-zoomout\]\:left-13{
.jvm-zoomout{
left:calc(var(--spacing) * 13)
}
}
.\[\&_\.simplebar-scrollbar\]\:before\:\!bg-background\/70{
.simplebar-scrollbar{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.984 .003 247.858) 70%,transparent)!important;
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-background) 70%,transparent)!important
}
}
}
}
.\[\&_\.simplebar-scrollbar\]\:before\:\!bg-foreground\/20{
.simplebar-scrollbar{
&:before{
content:var(--tw-content);
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 20%,transparent)!important;
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 20%,transparent)!important
}
}
}
}
.xl\:\[\&_\.simplebar-track\.simplebar-vertical\]\:mr-9{
@media (width >= 80rem){
.simplebar-track.simplebar-vertical{
margin-right:calc(var(--spacing) * 9)
}
}
}
.\[\&_div\]\:bg-white{
& div{
background-color:var(--color-white)
}
}
.\[\&_svg\]\:pointer-events-none{
& svg{
pointer-events:none
}
}
.\[\&_svg\]\:size-4{
& svg{
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)
}
}
.\[\&_svg\]\:shrink-0{
& svg{
flex-shrink:0
}
}
.\[\&_td\]\:border-transparent{
& td{
border-color:transparent
}
}
.\[\&_td\]\:py-3{
& td{
padding-block:calc(var(--spacing) * 3)
}
}
.\[\&_th\]\:border-transparent{
& th{
border-color:transparent
}
}
.\[\&_th\]\:py-5{
& th{
padding-block:calc(var(--spacing) * 5)
}
}
.\[\&_tr\]\:border-b{
& tr{
border-bottom-style:var(--tw-border-style);
border-bottom-width:1px
}
}
.\[\&_tr\]\:border-b-0{
& tr{
border-bottom-style:var(--tw-border-style);
border-bottom-width:0px
}
}
.\[\&_tr_th\]\:h-10{
& tr th{
height:calc(var(--spacing) * 10)
}
}
.\[\&_tr\:last-child\]\:border-0{
& tr:last-child{
border-style:var(--tw-border-style);
border-width:0px
}
}
.\[\&_tr\:nth-child\(odd\)_td\]\:bg-foreground\/5{
& tr:nth-child(odd) td{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)
}
}
}
.\[\&\.active\]\:block{
&.active{
display:block
}
}
.\[\&\.active\]\:border-foreground\/10{
&.active{
border-color:color-mix(in srgb,oklch(.372 .044 257.287) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-foreground) 10%,transparent)
}
}
}
.\[\&\.active\]\:border-primary{
&.active{
border-color:var(--color-primary)
}
}
.\[\&\.active\]\:border-primary\/10{
&.active{
border-color:color-mix(in srgb,oklch(.379 .146 265.522) 10%,transparent);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color-primary) 10%,transparent)
}
}
}
.\[\&\.active\]\:bg-\(--color\)\/20{
&.active{
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
.\[\&\.active\]\:bg-background{
&.active{
background-color:var(--color-background)
}
}
.\[\&\.active\]\:bg-foreground\/5{
&.active{
background-color:color-mix(in srgb,oklch(.372 .044 257.287) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-foreground) 5%,transparent)
}
}
}
.\[\&\.active\]\:bg-primary\/5{
&.active{
background-color:color-mix(in srgb,oklch(.379 .146 265.522) 5%,transparent);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)
}
}
}
.\[\&\.active\]\:font-medium{
&.active{
--tw-font-weight: var(--font-weight-medium);
font-weight:var(--font-weight-medium)
}
}
.\[\&\.active\]\:text-\(--color\){
&.active{
color:var(--color)
}
}
.\[\&\.active\]\:text-primary{
&.active{
color:var(--color-primary)
}
}
.\[\&\.active\]\:opacity-100{
&.active{
opacity:100%
}
}
.\[\&\.active\]\:shadow{
&.active{
--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.\[\&\.active\]\:ring-5{
&.active{
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(5px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)
}
}
.\[\&\.active\]\:\[--color\:var\(--color-primary\)\]{
&.active{
--color: var(--color-primary)
}
}
.\[\&\.active\]\:\[--color\:var\(--color-success\)\]{
&.active{
--color: var(--color-success)
}
}
.\[\&\.active\]\:before\:border-\(--color\)\/20{
&.active{
&:before{
content:var(--tw-content);
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
}
.\[\&\.active\]\:before\:bg-\(--color\)\/5{
&.active{
&:before{
content:var(--tw-content);
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
}
}
.\[\&\.active\]\:after\:border-\(--color\)\/20{
&.active{
&:after{
content:var(--tw-content);
border-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklab,var(--color) 20%,transparent)
}
}
}
}
.\[\&\.active\]\:after\:bg-\(--color\)\/5{
&.active{
&:after{
content:var(--tw-content);
background-color:var(--color);
@supports (color: color-mix(in lab,red,red)){
background-color:color-mix(in oklab,var(--color) 5%,transparent)
}
}
}
}
.\[\&\.close-mobile-menu--mobile-menu-open\]\:block{
&.close-mobile-menu--mobile-menu-open{
display:block
}
}
.\[\&\.content--compact\]\:xl\:ml-\[110px\]{
&.content--compact{
@media (width >= 80rem){
margin-left:110px
}
}
}
.\[\&\.content--compact\]\:xl\:ml-\[150px\]{
&.content--compact{
@media (width >= 80rem){
margin-left:150px
}
}
}
.\[\&\.content--compact\]\:xl\:ml-\[165px\]{
&.content--compact{
@media (width >= 80rem){
margin-left:165px
}
}
}
.\[\&\.hide\]\:\!hidden{
&.hide{
display:none!important
}
}
.\[\&\.scrolled\]\:sticky{
&.scrolled{
position:sticky
}
}
.\[\&\.scrolled\]\:inset-x-0{
&.scrolled{
inset-inline:calc(var(--spacing) * 0)
}
}
.\[\&\.scrolled\]\:top-0{
&.scrolled{
top:calc(var(--spacing) * 0)
}
}
.\[\&\.scrolled\]\:z-\[999\]{
&.scrolled{
z-index:999
}
}
.\[\&\.scrolled\]\:mt-0{
&.scrolled{
margin-top:calc(var(--spacing) * 0)
}
}
.\[\&\.show\]\:visible{
&.show{
visibility:visible
}
}
.\[\&\.show\]\:opacity-100{
&.show{
opacity:100%
}
}
.\[\&\.show\]\:duration-\[0s\,0\.4s\]{
&.show{
--tw-duration: 0s,.4s;
transition-duration:0s,.4s
}
}
.\[\&\.side-menu--mobile-menu-open\]\:ml-0{
&.side-menu--mobile-menu-open{
margin-left:calc(var(--spacing) * 0)
}
}
.\[\&\.side-menu--mobile-menu-open\]\:before\:block{
&.side-menu--mobile-menu-open{
&:before{
content:var(--tw-content);
display:block
}
}
}
.\[\&\.top-menu--mobile-menu-open\]\:ml-0{
&.top-menu--mobile-menu-open{
margin-left:calc(var(--spacing) * 0)
}
}
.\[\&\.top-menu--mobile-menu-open\]\:before\:block{
&.top-menu--mobile-menu-open{
&:before{
content:var(--tw-content);
display:block
}
}
}
.\[\&\.top-menu--mobile-menu-open\]\:after\:ml-0{
&.top-menu--mobile-menu-open{
&:after{
content:var(--tw-content);
margin-left:calc(var(--spacing) * 0)
}
}
}
.\[\&\:-webkit-scrollbar\]\:w-0{
&:-webkit-scrollbar{
width:calc(var(--spacing) * 0)
}
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0{
&:has([role=checkbox]){
padding-right:calc(var(--spacing) * 0)
}
}
.\[\&\:not\(\.show\)\]\:invisible{
&:not(.show){
visibility:hidden
}
}
.\[\&\:not\(\.show\)\]\:opacity-0{
&:not(.show){
opacity:0%
}
}
.\[\&\:not\(\.show\)\]\:delay-\[0\.2s\,0s\]{
&:not(.show){
transition-delay:.2s,0s
}
}
.\[\&\:not\(\.show\)\]\:duration-\[0s\,0\.2s\]{
&:not(.show){
--tw-duration: 0s,.2s;
transition-duration:0s,.2s
}
}
}
@layer base{
*,:after,:before,::backdrop,::file-selector-button{
border-color:color-mix(in oklch,oklch(.372 .044 257.287),transparent 90%);
@supports (color: color-mix(in lab,red,red)){
border-color:color-mix(in oklch,var(--color-foreground, currentColor),transparent 90%)
}
}
}
@layer components{
.image-fit{
position:relative;
>img{
position:absolute;
object-fit:cover;
top:0;
width:100%;
height:100%
}
}
}
body{
font-family:var(--font-display);
font-size:.875rem;
color:var(--color-foreground);
line-height:1.25rem;
letter-spacing:.025em;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
.box:not(.rounded-none){
border-radius:.75rem
}
.dark{
--color-background: var(--color-black);
--color-foreground: var(--color-slate-300);
--background-image-chevron: var(--background-image-chevron-light);
.box{
--color-background: color-mix( in oklch, #fff, transparent 99% );
@supports (color: color-mix(in lab,red,red)){
--color-background: color-mix( in oklch, var(--color-white), transparent 99% )
}
}
.prose{
--tw-prose-body: var(--color-foreground)
}
}
[x-cloak]{
display:none
}
.loader-dots{
--color: var(--color-foreground);
width:17px;
aspect-ratio:2;
--_g: no-repeat radial-gradient(circle closest-side, var(--color) 90%, #0000);
background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;
background-size:calc(100% / 3) 50%;
animation:l1 1s infinite linear
}
@keyframes l1{
20%{
background-position:0% 0%,50% 50%,100% 50%
}
40%{
background-position:0% 100%,50% 0%,100% 50%
}
60%{
background-position:0% 50%,50% 100%,100% 0%
}
80%{
background-position:0% 50%,50% 50%,100% 100%
}
}
.loader-spinner{
--color: var(--color-foreground);
width:17px;
padding:3px;
aspect-ratio:1;
border-radius:50%;
background:var(--color);
--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
-webkit-mask:var(--_m);
mask:var(--_m);
-webkit-mask-composite:source-out;
mask-composite:subtract;
animation:l2 1s infinite linear
}
@keyframes l2{
to{
transform:rotate(1turn)
}
}
[data-theme=default]{
--color-primary: var(--color-blue-900)
}
[data-theme="1"]{
--color-primary: var(--color-blue-950)
}
[data-theme="2"]{
--color-primary: var(--color-sky-800)
}
[data-theme="3"]{
--color-primary: var(--color-cyan-800)
}
[data-theme="4"]{
--color-primary: var(--color-indigo-900)
}
[data-theme="5"]{
--color-primary: var(--color-gray-900);
&.dark{
--color-primary: var(--color-gray-300)
}
}
@property --tw-border-spacing-x{
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-border-spacing-y{
syntax: "";
inherits: false;
initial-value: 0;
}
@property --tw-scale-x{
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y{
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z{
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x{
syntax: "*";
inherits: false;
}
@property --tw-rotate-y{
syntax: "*";
inherits: false;
}
@property --tw-rotate-z{
syntax: "*";
inherits: false;
}
@property --tw-skew-x{
syntax: "*";
inherits: false;
}
@property --tw-skew-y{
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-space-x-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-divide-x-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style{
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-divide-y-reverse{
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-leading{
syntax: "*";
inherits: false;
}
@property --tw-font-weight{
syntax: "*";
inherits: false;
}
@property --tw-tracking{
syntax: "*";
inherits: false;
}
@property --tw-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color{
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color{
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color{
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color{
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset{
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width{
syntax: "";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color{
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow{
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-blur{
syntax: "*";
inherits: false;
}
@property --tw-brightness{
syntax: "*";
inherits: false;
}
@property --tw-contrast{
syntax: "*";
inherits: false;
}
@property --tw-grayscale{
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate{
syntax: "*";
inherits: false;
}
@property --tw-invert{
syntax: "*";
inherits: false;
}
@property --tw-opacity{
syntax: "*";
inherits: false;
}
@property --tw-saturate{
syntax: "*";
inherits: false;
}
@property --tw-sepia{
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow{
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color{
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha{
syntax: "";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-blur{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate{
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia{
syntax: "*";
inherits: false;
}
@property --tw-duration{
syntax: "*";
inherits: false;
}
@property --tw-ease{
syntax: "*";
inherits: false;
}
@property --tw-content{
syntax: "*";
initial-value: "";
inherits: false;
}
@property --tw-gradient-position{
syntax: "*";
inherits: false;
}
@property --tw-gradient-from{
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via{
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to{
syntax: "";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops{
syntax: "*";
inherits: false;
}
@property --tw-gradient-via-stops{
syntax: "*";
inherits: false;
}
@property --tw-gradient-from-position{
syntax: "";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position{
syntax: "";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position{
syntax: "";
inherits: false;
initial-value: 100%;
}
@keyframes spin{
to{
transform:rotate(360deg)
}
}
@keyframes ping{
75%,to{
transform:scale(2);
opacity:0
}
}
@layer properties{
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){
*,:before,:after,::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
--tw-skew-x: initial;
--tw-skew-y: initial;
--tw-space-y-reverse: 0;
--tw-space-x-reverse: 0;
--tw-divide-x-reverse: 0;
--tw-border-style: solid;
--tw-divide-y-reverse: 0;
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
--tw-inset-shadow: 0 0 #0000;
--tw-inset-shadow-color: initial;
--tw-inset-shadow-alpha: 100%;
--tw-ring-color: initial;
--tw-ring-shadow: 0 0 #0000;
--tw-inset-ring-color: initial;
--tw-inset-ring-shadow: 0 0 #0000;
--tw-ring-inset: initial;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-offset-shadow: 0 0 #0000;
--tw-blur: initial;
--tw-brightness: initial;
--tw-contrast: initial;
--tw-grayscale: initial;
--tw-hue-rotate: initial;
--tw-invert: initial;
--tw-opacity: initial;
--tw-saturate: initial;
--tw-sepia: initial;
--tw-drop-shadow: initial;
--tw-drop-shadow-color: initial;
--tw-drop-shadow-alpha: 100%;
--tw-drop-shadow-size: initial;
--tw-backdrop-blur: initial;
--tw-backdrop-brightness: initial;
--tw-backdrop-contrast: initial;
--tw-backdrop-grayscale: initial;
--tw-backdrop-hue-rotate: initial;
--tw-backdrop-invert: initial;
--tw-backdrop-opacity: initial;
--tw-backdrop-saturate: initial;
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-content: "";
--tw-gradient-position: initial;
--tw-gradient-from: #0000;
--tw-gradient-via: #0000;
--tw-gradient-to: #0000;
--tw-gradient-stops: initial;
--tw-gradient-via-stops: initial;
--tw-gradient-from-position: 0%;
--tw-gradient-via-position: 50%;
--tw-gradient-to-position: 100%
}
}
}
@media only screen and (max-width:767px){
.log-box{
margin-top: 0 !important;
}
.mh-auto{
height: auto !important;
}
.-ml-\[165px\] {
margin-left: 0;
}
}