/* CSS standalone esportato dalla landing approvata. Non richiede compilazione. */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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{
--tw-translate-x:0;
--tw-translate-y:0;
--tw-translate-z:0;
--tw-rotate-x:initial;
--tw-rotate-y:initial;
--tw-rotate-z:initial;
--tw-skew-x:initial;
--tw-skew-y:initial;
--tw-scroll-snap-strictness:proximity;
--tw-space-x-reverse:0;
--tw-border-style:solid;
--tw-leading:initial;
--tw-font-weight:initial;
--tw-tracking:initial;
--tw-ordinal:initial;
--tw-slashed-zero:initial;
--tw-numeric-figure:initial;
--tw-numeric-spacing:initial;
--tw-numeric-fraction: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-outline-style:solid;
--tw-duration:initial;
--tw-ease:initial;
--tw-content:"";
--tw-scale-x:1;
--tw-scale-y:1;
--tw-scale-z:1}
::backdrop{
--tw-translate-x:0;
--tw-translate-y:0;
--tw-translate-z:0;
--tw-rotate-x:initial;
--tw-rotate-y:initial;
--tw-rotate-z:initial;
--tw-skew-x:initial;
--tw-skew-y:initial;
--tw-scroll-snap-strictness:proximity;
--tw-space-x-reverse:0;
--tw-border-style:solid;
--tw-leading:initial;
--tw-font-weight:initial;
--tw-tracking:initial;
--tw-ordinal:initial;
--tw-slashed-zero:initial;
--tw-numeric-figure:initial;
--tw-numeric-spacing:initial;
--tw-numeric-fraction: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-outline-style:solid;
--tw-duration:initial;
--tw-ease:initial;
--tw-content:"";
--tw-scale-x:1;
--tw-scale-y:1;
--tw-scale-z:1}
}
}
@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-black:#000;
--color-white:#fff;
--spacing:.25rem;
--container-xs:20rem;
--container-sm:24rem;
--container-lg:32rem;
--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:calc(1.5 / 1);
--text-lg:1.125rem;
--text-lg--line-height:calc(1.75 / 1.125);
--font-weight-normal:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--tracking-tight:-.025em;
--tracking-widest:.1em;
--leading-tight:1.25;
--leading-snug:1.375;
--leading-normal:1.5;
--leading-relaxed:1.625;
--radius-xs:.125rem;
--radius-sm:.25rem;
--radius-md:.375rem;
--radius-lg:.5rem;
--radius-xl:.75rem;
--ease-in-out:cubic-bezier(.4, 0, .2, 1);
--animate-spin:spin 1s linear infinite;
--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
--aspect-video:16 / 9;
--default-transition-duration:.15s;
--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);
--default-font-family:var(--font-sans);
--default-mono-font-family:var(--font-mono)}
}
@layer base{
*,:after,:before{
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0}
::backdrop{
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0}
::file-selector-button{
box-sizing:border-box;
border:0 solid;
margin:0;
padding:0}
html,:host{
-webkit-text-size-adjust:100%;
tab-size:4;
line-height:1.5;
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}
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;
-webkit-text-decoration:inherit;
-webkit-text-decoration: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{
vertical-align:baseline;
font-size:75%;
line-height:0;
position:relative}
sub{
bottom:-.25em}
sup{
top:-.5em}
table{
text-indent:0;
border-color:inherit;
border-collapse:collapse}
:-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{
vertical-align:middle;
display:block}
img,video{
max-width:100%;
height:auto}
button,input,select,optgroup,textarea{
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0}
::file-selector-button{
font:inherit;
font-feature-settings:inherit;
font-variation-settings:inherit;
letter-spacing:inherit;
color:inherit;
opacity:1;
background-color:#0000;
border-radius:0}
: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}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
::placeholder{
color:currentColor}
@supports (color:color-mix(in lab, red, red)){
::placeholder{
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{
padding-block:0}
::-webkit-datetime-edit-year-field{
padding-block:0}
::-webkit-datetime-edit-month-field{
padding-block:0}
::-webkit-datetime-edit-day-field{
padding-block:0}
::-webkit-datetime-edit-hour-field{
padding-block:0}
::-webkit-datetime-edit-minute-field{
padding-block:0}
::-webkit-datetime-edit-second-field{
padding-block:0}
::-webkit-datetime-edit-millisecond-field{
padding-block:0}
::-webkit-datetime-edit-meridiem-field{
padding-block:0}
::-webkit-calendar-picker-indicator{
line-height:1}
:-moz-ui-invalid{
box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){
-webkit-appearance:button;
appearance:button}
::file-selector-button{
-webkit-appearance:button;
appearance:button}
::-webkit-inner-spin-button{
height:auto}
::-webkit-outer-spin-button{
height:auto}
[hidden]:where(:not([hidden=until-found])){
display:none!important}
}
@layer components;
@layer utilities{
.\@container\/card-header{
container:card-header/inline-size}
.\@container\/field-group{
container:field-group/inline-size}
.pointer-events-none{
pointer-events:none}
.invisible{
visibility:hidden}
.visible{
visibility:visible}
.sr-only{
clip-path:inset(50%);
white-space:nowrap;
border-width:0;
width:1px;
height:1px;
margin:-1px;
padding:0;
position:absolute;
overflow:hidden}
.absolute{
position:absolute}
.fixed{
position:fixed}
.relative{
position:relative}
.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)}
.inset-s-1\/2{
inset-inline-start:50%}
.start{
inset-inline-start:var(--spacing)}
.end{
inset-inline-end:var(--spacing)}
.-top-12{
top:calc(var(--spacing) * -12)}
.top-0{
top:calc(var(--spacing) * 0)}
.top-1\.5{
top:calc(var(--spacing) * 1.5)}
.top-1\/2{
top:50%}
.top-3\.5{
top:calc(var(--spacing) * 3.5)}
.top-4{
top:calc(var(--spacing) * 4)}
.top-\[1px\]{
top:1px}
.top-\[50\%\]{
top:50%}
.top-\[60\%\]{
top:60%}
.top-full{
top:100%}
.-right-12{
right:calc(var(--spacing) * -12)}
.right-0{
right:calc(var(--spacing) * 0)}
.right-1{
right:calc(var(--spacing) * 1)}
.right-2{
right:calc(var(--spacing) * 2)}
.right-3{
right:calc(var(--spacing) * 3)}
.right-3\.5{
right:calc(var(--spacing) * 3.5)}
.right-4{
right:calc(var(--spacing) * 4)}
.-bottom-12{
bottom:calc(var(--spacing) * -12)}
.bottom-0{
bottom:calc(var(--spacing) * 0)}
.-left-12{
left:calc(var(--spacing) * -12)}
.left-0{
left:calc(var(--spacing) * 0)}
.left-1\/2{
left:50%}
.left-2{
left:calc(var(--spacing) * 2)}
.left-3{
left:calc(var(--spacing) * 3)}
.left-\[50\%\]{
left:50%}
.isolate{
isolation:isolate}
.z-10{
z-index:10}
.z-20{
z-index:20}
.z-50{
z-index:50}
.z-\[1\]{
z-index:1}
.order-first{
order:-9999}
.order-last{
order:9999}
.col-start-2{
grid-column-start:2}
.row-span-2{
grid-row:span 2/span 2}
.row-start-1{
grid-row-start:1}
.m-0\!{
margin:calc(var(--spacing) * 0)!important}
.-mx-1{
margin-inline:calc(var(--spacing) * -1)}
.mx-2{
margin-inline:calc(var(--spacing) * 2)}
.mx-3\.5{
margin-inline:calc(var(--spacing) * 3.5)}
.mx-auto{
margin-inline:auto}
.-my-2{
margin-block:calc(var(--spacing) * -2)}
.my-0{
margin-block:calc(var(--spacing) * 0)}
.my-0\.5{
margin-block:calc(var(--spacing) * .5)}
.my-1{
margin-block:calc(var(--spacing) * 1)}
.-mt-4{
margin-top:calc(var(--spacing) * -4)}
.mt-0\.5{
margin-top:calc(var(--spacing) * .5)}
.mt-1\.5{
margin-top:calc(var(--spacing) * 1.5)}
.mt-2{
margin-top:calc(var(--spacing) * 2)}
.mt-4{
margin-top:calc(var(--spacing) * 4)}
.mt-auto{
margin-top:auto}
.mb-2{
margin-bottom:calc(var(--spacing) * 2)}
.mb-3{
margin-bottom:calc(var(--spacing) * 3)}
.-ml-1{
margin-left:calc(var(--spacing) * -1)}
.-ml-4{
margin-left:calc(var(--spacing) * -4)}
.ml-1{
margin-left:calc(var(--spacing) * 1)}
.ml-4{
margin-left:calc(var(--spacing) * 4)}
.ml-auto{
margin-left:auto}
.line-clamp-1{
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
display:-webkit-box;
overflow:hidden}
.line-clamp-2{
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
display:-webkit-box;
overflow:hidden}
.block{
display:block}
.flex{
display:flex}
.grid{
display:grid}
.hidden{
display:none}
.inline-flex{
display:inline-flex}
.table{
display:table}
.table-caption{
display:table-caption}
.table-cell{
display:table-cell}
.table-row{
display:table-row}
.field-sizing-content{
field-sizing:content}
.aspect-square{
aspect-ratio:1}
.aspect-video{
aspect-ratio:var(--aspect-video)}
.size-\(--cell-size\){
width:var(--cell-size);
height:var(--cell-size)}
.size-2{
width:calc(var(--spacing) * 2);
height:calc(var(--spacing) * 2)}
.size-2\.5{
width:calc(var(--spacing) * 2.5);
height:calc(var(--spacing) * 2.5)}
.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-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-16{
width:calc(var(--spacing) * 16);
height:calc(var(--spacing) * 16)}
.size-auto{
width:auto;
height:auto}
.size-full{
width:100%;
height:100%}
.h-\(--cell-size\){
height:var(--cell-size)}
.h-1\.5{
height:calc(var(--spacing) * 1.5)}
.h-2{
height:calc(var(--spacing) * 2)}
.h-2\.5{
height:calc(var(--spacing) * 2.5)}
.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-12{
height:calc(var(--spacing) * 12)}
.h-\[calc\(--spacing\(5\.5\)\)\]{
height:calc(calc(var(--spacing) * 5.5))}
.h-\[calc\(100\%-1px\)\]{
height:calc(100% - 1px)}
.h-\[var\(--radix-navigation-menu-viewport-height\)\]{
height:var(--radix-navigation-menu-viewport-height)}
.h-\[var\(--radix-select-trigger-height\)\]{
height:var(--radix-select-trigger-height)}
.h-auto{
height:auto}
.h-full{
height:100%}
.h-max{
height:max-content}
.h-px{
height:1px}
.h-svh{
height:100svh}
.max-h-\(--radix-context-menu-content-available-height\){
max-height:var(--radix-context-menu-content-available-height)}
.max-h-\(--radix-dropdown-menu-content-available-height\){
max-height:var(--radix-dropdown-menu-content-available-height)}
.max-h-\(--radix-select-content-available-height\){
max-height:var(--radix-select-content-available-height)}
.max-h-96{
max-height:calc(var(--spacing) * 96)}
.max-h-\[300px\]{
max-height:300px}
.max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\]{
max-height:min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)))}
.min-h-0{
min-height:calc(var(--spacing) * 0)}
.min-h-4{
min-height:calc(var(--spacing) * 4)}
.min-h-9{
min-height:calc(var(--spacing) * 9)}
.min-h-16{
min-height:calc(var(--spacing) * 16)}
.min-h-full{
min-height:100%}
.min-h-svh{
min-height:100svh}
.w-\(--anchor-width\){
width:var(--anchor-width)}
.w-\(--cell-size\){
width:var(--cell-size)}
.w-\(--sidebar-width\){
width:var(--sidebar-width)}
.w-0{
width:calc(var(--spacing) * 0)}
.w-1{
width:calc(var(--spacing) * 1)}
.w-2{
width:calc(var(--spacing) * 2)}
.w-2\.5{
width:calc(var(--spacing) * 2.5)}
.w-3{
width:calc(var(--spacing) * 3)}
.w-3\/4{
width:75%}
.w-4{
width:calc(var(--spacing) * 4)}
.w-5{
width:calc(var(--spacing) * 5)}
.w-9{
width:calc(var(--spacing) * 9)}
.w-10{
width:calc(var(--spacing) * 10)}
.w-24{
width:calc(var(--spacing) * 24)}
.w-64{
width:calc(var(--spacing) * 64)}
.w-72{
width:calc(var(--spacing) * 72)}
.w-\[100px\]{
width:100px}
.w-auto{
width:auto}
.w-fit{
width:fit-content}
.w-full{
width:100%}
.w-max{
width:max-content}
.w-px{
width:1px}
.max-w-\(--available-width\){
max-width:var(--available-width)}
.max-w-\(--skeleton-width\){
max-width:var(--skeleton-width)}
.max-w-\[80\%\]{
max-width:80%}
.max-w-\[calc\(100\%-2rem\)\]{
max-width:calc(100% - 2rem)}
.max-w-full{
max-width:100%}
.max-w-max{
max-width:max-content}
.max-w-sm{
max-width:var(--container-sm)}
.min-w-\(--cell-size\){
min-width:var(--cell-size)}
.min-w-0{
min-width:calc(var(--spacing) * 0)}
.min-w-5{
min-width:calc(var(--spacing) * 5)}
.min-w-8{
min-width:calc(var(--spacing) * 8)}
.min-w-9{
min-width:calc(var(--spacing) * 9)}
.min-w-10{
min-width:calc(var(--spacing) * 10)}
.min-w-16{
min-width:calc(var(--spacing) * 16)}
.min-w-40{
min-width:calc(var(--spacing) * 40)}
.min-w-\[8rem\]{
min-width:8rem}
.min-w-\[12rem\]{
min-width:12rem}
.min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\]{
min-width:calc(var(--anchor-width) + calc(var(--spacing) * 7))}
.min-w-\[var\(--radix-select-trigger-width\)\]{
min-width:var(--radix-select-trigger-width)}
.flex-1{
flex:1}
.shrink-0{
flex-shrink:0}
.grow{
flex-grow:1}
.grow-0{
flex-grow:0}
.basis-full{
flex-basis:100%}
.caption-bottom{
caption-side:bottom}
.border-collapse{
border-collapse:collapse}
.origin-\(--radix-context-menu-content-transform-origin\){
transform-origin:var(--radix-context-menu-content-transform-origin)}
.origin-\(--radix-dropdown-menu-content-transform-origin\){
transform-origin:var(--radix-dropdown-menu-content-transform-origin)}
.origin-\(--radix-hover-card-content-transform-origin\){
transform-origin:var(--radix-hover-card-content-transform-origin)}
.origin-\(--radix-menubar-content-transform-origin\){
transform-origin:var(--radix-menubar-content-transform-origin)}
.origin-\(--radix-popover-content-transform-origin\){
transform-origin:var(--radix-popover-content-transform-origin)}
.origin-\(--radix-select-content-transform-origin\){
transform-origin:var(--radix-select-content-transform-origin)}
.origin-\(--radix-tooltip-content-transform-origin\){
transform-origin:var(--radix-tooltip-content-transform-origin)}
.origin-\(--transform-origin\){
transform-origin:var(--transform-origin)}
.-translate-x-1\/2{
--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.-translate-x-px{
--tw-translate-x:-1px;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-x-\[-50\%\]{
--tw-translate-x:-50%;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-x-px{
--tw-translate-x:1px;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.-translate-y-1\/2{
--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.-translate-y-3\/4{
--tw-translate-y:calc(calc(3 / 4 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-y-0\.5{
--tw-translate-y:calc(var(--spacing) * .5);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-y-3\/4{
--tw-translate-y:calc(3 / 4 * 100%);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-y-\[-50\%\]{
--tw-translate-y:-50%;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.translate-y-\[calc\(-50\%_-_2px\)\]{
--tw-translate-y:calc(-50% - 2px);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.rotate-45{
rotate:45deg}
.rotate-90{
rotate:90deg}
.transform{
transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}
.animate-pulse{
animation:var(--animate-pulse)}
.animate-spin{
animation:var(--animate-spin)}
.cursor-default{
cursor:default}
.cursor-text{
cursor:text}
.touch-none{
touch-action:none}
.resize-none{
resize:none}
.snap-x{
scroll-snap-type:x var(--tw-scroll-snap-strictness)}
.snap-mandatory{
--tw-scroll-snap-strictness:mandatory}
.scroll-my-1{
scroll-margin-block:calc(var(--spacing) * 1)}
.scroll-px-1{
scroll-padding-inline:calc(var(--spacing) * 1)}
.scroll-py-1{
scroll-padding-block:calc(var(--spacing) * 1)}
.list-disc{
list-style-type:disc}
.list-none{
list-style-type:none}
.appearance-none{
-webkit-appearance:none;
appearance:none}
.auto-rows-min{
grid-auto-rows:min-content}
.grid-cols-\[0_1fr\]{
grid-template-columns:0 1fr}
.grid-rows-\[auto_1fr\]{
grid-template-rows:auto 1fr}
.grid-rows-\[auto_auto\]{
grid-template-rows:auto auto}
.flex-col{
flex-direction:column}
.flex-col-reverse{
flex-direction:column-reverse}
.flex-row{
flex-direction:row}
.flex-wrap{
flex-wrap:wrap}
.place-content-center{
place-content:center}
.place-items-center{
place-items:center}
.items-center{
align-items:center}
.items-end{
align-items:flex-end}
.items-start{
align-items:flex-start}
.items-stretch{
align-items:stretch}
.justify-between{
justify-content:space-between}
.justify-center{
justify-content:center}
.justify-start{
justify-content:flex-start}
.justify-items-start{
justify-items: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-4{
gap:calc(var(--spacing) * 4)}
.gap-6{
gap:calc(var(--spacing) * 6)}
.gap-7{
gap:calc(var(--spacing) * 7)}
.gap-8{
gap:calc(var(--spacing) * 8)}
.gap-\[--spacing\(var\(--gap\)\)\]{
gap:calc(var(--spacing) * var(--gap))}
:where(.-space-x-2>: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-0\.5{
row-gap:calc(var(--spacing) * .5)}
.self-end{
align-self:flex-end}
.self-start{
align-self:flex-start}
.self-stretch{
align-self:stretch}
.justify-self-end{
justify-self:flex-end}
.truncate{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden}
.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}
.overscroll-contain{
overscroll-behavior:contain}
.overscroll-x-contain{
overscroll-behavior-x:contain}
.rounded-\[2px\]{
border-radius:2px}
.rounded-\[4px\]{
border-radius:4px}
.rounded-\[calc\(var\(--radius\)-5px\)\]{
border-radius:calc(var(--radius) - 5px)}
.rounded-\[inherit\]{
border-radius:inherit}
.rounded-full{
border-radius:3.40282e38px}
.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-l-md{
border-top-left-radius:var(--radius-md);
border-bottom-left-radius:var(--radius-md)}
.rounded-tl-sm{
border-top-left-radius:var(--radius-sm)}
.rounded-r-md{
border-top-right-radius:var(--radius-md);
border-bottom-right-radius:var(--radius-md)}
.border{
border-style:var(--tw-border-style);
border-width:1px}
.border-0{
border-style:var(--tw-border-style);
border-width:0}
.border-\[1\.5px\]{
border-style:var(--tw-border-style);
border-width:1.5px}
.border-y{
border-block-style:var(--tw-border-style);
border-block-width:1px}
.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-l{
border-left-style:var(--tw-border-style);
border-left-width:1px}
.border-dashed{
--tw-border-style:dashed;
border-style:dashed}
.border-none{
--tw-border-style:none;
border-style:none}
.border-\(--color-border\){
border-color:var(--color-border)}
.border-transparent{
border-color:#0000}
.border-t-transparent{
border-top-color:#0000}
.border-l-transparent{
border-left-color:#0000}
.bg-\(--color-bg\){
background-color:var(--color-bg)}
.bg-\[Canvas\]{
background-color:canvas}
.bg-black\/50{
background-color:#00000080}
@supports (color:color-mix(in lab, red, red)){
.bg-black\/50{
background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}
}
.bg-transparent{
background-color:#0000}
.bg-white{
background-color:var(--color-white)}
.bg-clip-padding{
background-clip:padding-box}
.fill-current{
fill:currentColor}
.p-0{
padding:calc(var(--spacing) * 0)}
.p-1{
padding:calc(var(--spacing) * 1)}
.p-2{
padding:calc(var(--spacing) * 2)}
.p-3{
padding:calc(var(--spacing) * 3)}
.p-4{
padding:calc(var(--spacing) * 4)}
.p-6{
padding:calc(var(--spacing) * 6)}
.p-\[3px\]{
padding:3px}
.p-px{
padding:1px}
.px-\(--cell-size\){
padding-inline:var(--cell-size)}
.px-1{
padding-inline:calc(var(--spacing) * 1)}
.px-1\.5{
padding-inline:calc(var(--spacing) * 1.5)}
.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-4{
padding-inline:calc(var(--spacing) * 4)}
.px-6{
padding-inline:calc(var(--spacing) * 6)}
.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-3{
padding-block:calc(var(--spacing) * 3)}
.py-4{
padding-block:calc(var(--spacing) * 4)}
.py-6{
padding-block:calc(var(--spacing) * 6)}
.pt-0{
padding-top:calc(var(--spacing) * 0)}
.pt-3{
padding-top:calc(var(--spacing) * 3)}
.pt-4{
padding-top:calc(var(--spacing) * 4)}
.pr-1{
padding-right:calc(var(--spacing) * 1)}
.pr-2{
padding-right:calc(var(--spacing) * 2)}
.pr-2\.5{
padding-right:calc(var(--spacing) * 2.5)}
.pr-3{
padding-right:calc(var(--spacing) * 3)}
.pr-8{
padding-right:calc(var(--spacing) * 8)}
.pr-9{
padding-right:calc(var(--spacing) * 9)}
.pb-2{
padding-bottom:calc(var(--spacing) * 2)}
.pb-3{
padding-bottom:calc(var(--spacing) * 3)}
.pb-4{
padding-bottom:calc(var(--spacing) * 4)}
.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-8{
padding-left:calc(var(--spacing) * 8)}
.text-center{
text-align:center}
.text-left{
text-align:left}
.align-middle{
vertical-align:middle}
.font-mono{
font-family:var(--font-mono)}
.font-sans{
font-family:var(--font-sans)}
.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-sm\/relaxed{
font-size:var(--text-sm);
line-height:var(--leading-relaxed)}
.text-xs{
font-size:var(--text-xs);
line-height:var(--tw-leading,var(--text-xs--line-height))}
.text-\[0\.8rem\]{
font-size:.8rem}
.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-snug{
--tw-leading:var(--leading-snug);
line-height:var(--leading-snug)}
.leading-tight{
--tw-leading:var(--leading-tight);
line-height:var(--leading-tight)}
.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)}
.tracking-tight{
--tw-tracking:var(--tracking-tight);
letter-spacing:var(--tracking-tight)}
.tracking-widest{
--tw-tracking:var(--tracking-widest);
letter-spacing:var(--tracking-widest)}
.text-balance{
text-wrap:balance}
.break-words,.wrap-break-word{
overflow-wrap:break-word}
.whitespace-normal{
white-space:normal}
.whitespace-nowrap{
white-space:nowrap}
.text-\[CanvasText\]{
color:canvastext}
.text-current{
color:currentColor}
.text-white{
color:var(--color-white)}
.tabular-nums{
--tw-numeric-spacing:tabular-nums;
font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}
.underline-offset-4{
text-underline-offset:4px}
.antialiased{
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}
.opacity-0{
opacity:0}
.opacity-50{
opacity:.5}
.opacity-60{
opacity:.6}
.opacity-70{
opacity:.7}
.shadow{
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{
--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-border));
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,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);
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,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.shadow-none{
--tw-shadow:0 0 #0000;
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,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.shadow-xl{
--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.shadow-xs{
--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
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)}
.ring-2{
--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)}
.ring-3{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
.outline-hidden{
--tw-outline-style:none;
outline-style:none}
@media (forced-colors:active){
.outline-hidden{
outline-offset:2px;
outline:2px solid #0000}
}
.outline{
outline-style:var(--tw-outline-style);
outline-width:1px}
.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,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-\[color\,box-shadow\]{
transition-property:color,box-shadow;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-\[left\,right\,width\]{
transition-property:left,right,width;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-\[margin\,opacity\]{
transition-property:margin,opacity;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-\[translate\,scale\,opacity\]{
transition-property:translate,scale,opacity;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.transition-\[width\,height\,padding\]{
transition-property:width,height,padding;
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-shadow{
transition-property:box-shadow;
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))}
.transition-none{
transition-property:none}
.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-1000{
--tw-duration:1s;
transition-duration:1s}
.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}
.contain-content{
contain:content}
.outline-none{
--tw-outline-style:none;
outline-style:none}
.select-none{
-webkit-user-select:none;
user-select:none}
.\[--cell-size\:--spacing\(8\)\]{
--cell-size:calc(var(--spacing) * 8)}
.\[contain-intrinsic-size\:auto_10rem\]{
contain-intrinsic-size:auto 10rem}
.\[content-visibility\:auto\]{
content-visibility:auto}
.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){
opacity:1}
@media (hover:hover){
.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){
opacity:1}
}
.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){
padding-right:calc(var(--spacing) * 8)}
.group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size=lg]) *){
width:calc(var(--spacing) * 10);
height:calc(var(--spacing) * 10)}
.group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size=sm]) *){
width:calc(var(--spacing) * 6);
height:calc(var(--spacing) * 6)}
.group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot=combobox-clear]) *){
display:none}
.group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot=message-footer]) *){
--tw-translate-y:calc(var(--spacing) * -8);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant=ghost]) *){
padding-inline:calc(var(--spacing) * 0)}
.group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation=horizontal]) *){
text-wrap:balance}
.group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot=item-description]) *){
--tw-translate-y:calc(var(--spacing) * .5);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot=item-description]) *){
align-self:flex-start}
.group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(>input) *){
padding-top:calc(var(--spacing) * 2.5)}
.group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(>input) *){
padding-bottom:calc(var(--spacing) * 2.5)}
.group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *){
display:flex}
.group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align=end] *){
align-self:flex-end}
.group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align=end] *){
justify-content:flex-end}
.group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align=end] *){
align-self:flex-end}
.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){
margin-top:calc(var(--spacing) * -8)}
.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){
display:none}
.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){
width:calc(var(--spacing) * 8)!important;
height:calc(var(--spacing) * 8)!important}
.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){
width:var(--sidebar-width-icon)}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){
width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)))}
.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){
width:calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px)}
.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){
overflow:hidden}
.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){
padding:calc(var(--spacing) * 0)!important}
.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){
padding:calc(var(--spacing) * 2)!important}
.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){
opacity:0}
.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){
right:calc(var(--sidebar-width) * -1)}
.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){
left:calc(var(--sidebar-width) * -1)}
.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){
width:calc(var(--spacing) * 0)}
.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){
--tw-translate-x:calc(var(--spacing) * 0);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){
pointer-events:none}
.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *),.group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled=true] *),.group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled=true] *){
opacity:.5}
.group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused=true] *){
position:relative}
.group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused=true] *){
z-index:10}
.group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused=true] *){
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
.group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation=horizontal] *){
height:calc(var(--spacing) * 9)}
.group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation=vertical] *){
position:absolute}
.group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation=vertical] *){
top:calc(var(--spacing) * 3)}
.group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation=vertical] *){
right:calc(var(--spacing) * 3)}
.group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation=vertical] *){
width:100%}
.group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation=vertical] *){
gap:calc(var(--spacing) * 1)}
.group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation=vertical] *){
padding-inline:calc(var(--spacing) * 1)}
.group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation=vertical] *){
height:fit-content}
.group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation=vertical] *){
width:100%}
.group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation=vertical] *){
flex-direction:column}
.group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation=vertical] *){
justify-content:flex-start}
.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){
right:calc(var(--spacing) * -4)}
.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){
border-right-style:var(--tw-border-style);
border-right-width:1px}
.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){
left:calc(var(--spacing) * 0)}
.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){
rotate:180deg}
.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){
border-left-style:var(--tw-border-style);
border-left-width:1px}
.group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size=default] *){
width:calc(var(--spacing) * 2.5);
height:calc(var(--spacing) * 2.5)}
.group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size=default] *){
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)}
.group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size=lg] *){
width:calc(var(--spacing) * 3);
height:calc(var(--spacing) * 3)}
.group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size=sm] *){
display:grid}
.group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size=sm] *){
grid-template-columns:repeat(2,minmax(0,1fr))}
.group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size=sm] *){
width:calc(var(--spacing) * 8)}
.group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size=sm] *){
width:calc(var(--spacing) * 2);
height:calc(var(--spacing) * 2)}
.group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size=sm] *){
font-size:var(--text-xs);
line-height:var(--tw-leading,var(--text-xs--line-height))}
.group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size=sm] *){
width:calc(var(--spacing) * 3);
height:calc(var(--spacing) * 3)}
.group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size=xs] *){
width:calc(var(--spacing) * 7)}
.group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size=xs] *){
border-radius:var(--radius-md)}
.group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=done] *),.group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state=idle] *){
opacity:1}
.group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state=open] *){
rotate:180deg}
.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){
border-radius:var(--radius-lg)}
.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){
border-style:var(--tw-border-style);
border-width:1px}
.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *){
background-color:#0000}
.group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant=outline] *){
margin-bottom:calc(var(--spacing) * -2)}
.group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant=separator] *){
flex:none}
.group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant=separator] *){
text-align:center}
.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *){
display:block}
.group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=bottom] *),.group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction=top] *){
text-align:center}
.group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport=false] *){
top:100%}
.group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport=false] *){
margin-top:calc(var(--spacing) * 1.5)}
.group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport=false] *){
overflow:hidden}
.group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport=false] *){
border-radius:var(--radius-md)}
.group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport=false] *){
border-style:var(--tw-border-style);
border-width:1px}
.group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport=false] *){
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport=false] *){
--tw-duration:.2s;
transition-duration:.2s}
.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){
cursor:not-allowed}
.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){
opacity:.5}
.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){
top:calc(var(--spacing) * 1.5)}
.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){
top:calc(var(--spacing) * 2.5)}
.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){
top:calc(var(--spacing) * 1)}
.file\:inline-flex::file-selector-button{
display:inline-flex}
.file\:h-7::file-selector-button{
height:calc(var(--spacing) * 7)}
.file\:border-0::file-selector-button{
border-style:var(--tw-border-style);
border-width:0}
.file\:bg-transparent::file-selector-button{
background-color:#0000}
.file\:text-sm::file-selector-button{
font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
.file\:font-medium::file-selector-button{
--tw-font-weight:var(--font-weight-medium);
font-weight:var(--font-weight-medium)}
.before\:mr-1:before{
content:var(--tw-content);
margin-right:calc(var(--spacing) * 1)}
.before\:h-px:before{
content:var(--tw-content);
height:1px}
.before\:min-w-0:before{
content:var(--tw-content);
min-width:calc(var(--spacing) * 0)}
.before\:flex-1:before{
content:var(--tw-content);
flex:1}
.after\:absolute:after{
content:var(--tw-content);
position:absolute}
.after\:-inset-2:after{
content:var(--tw-content);
inset:calc(var(--spacing) * -2)}
.after\:inset-y-0:after{
content:var(--tw-content);
inset-block:calc(var(--spacing) * 0)}
.after\:left-1\/2:after{
content:var(--tw-content);
left:50%}
.after\:ml-1:after{
content:var(--tw-content);
margin-left:calc(var(--spacing) * 1)}
.after\:h-px:after{
content:var(--tw-content);
height:1px}
.after\:w-1:after{
content:var(--tw-content);
width:calc(var(--spacing) * 1)}
.after\:w-\[2px\]:after{
content:var(--tw-content);
width:2px}
.after\:min-w-0:after{
content:var(--tw-content);
min-width:calc(var(--spacing) * 0)}
.after\:flex-1:after{
content:var(--tw-content);
flex:1}
.after\:-translate-x-1\/2:after{
content:var(--tw-content);
--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.after\:opacity-0:after{
content:var(--tw-content);
opacity:0}
.after\:transition-opacity:after{
content:var(--tw-content);
transition-property:opacity;
transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));
transition-duration:var(--tw-duration,var(--default-transition-duration))}
.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{
content:var(--tw-content);
left:100%}
.group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{
content:var(--tw-content);
inset-inline:calc(var(--spacing) * 0)}
.group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{
content:var(--tw-content);
bottom:-5px}
.group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation=horizontal] *):after{
content:var(--tw-content);
height:calc(var(--spacing) * .5)}
.group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation=vertical] *):after{
content:var(--tw-content);
inset-block:calc(var(--spacing) * 0)}
.group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation=vertical] *):after{
content:var(--tw-content);
right:calc(var(--spacing) * -1)}
.group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation=vertical] *):after{
content:var(--tw-content);
width:calc(var(--spacing) * .5)}
.first\:rounded-l-md:first-child{
border-top-left-radius:var(--radius-md);
border-bottom-left-radius:var(--radius-md)}
.first\:border-l:first-child{
border-left-style:var(--tw-border-style);
border-left-width:1px}
.last\:mt-0:last-child{
margin-top:calc(var(--spacing) * 0)}
.last\:rounded-r-md:last-child{
border-top-right-radius:var(--radius-md);
border-bottom-right-radius:var(--radius-md)}
.last\:border-b-0:last-child{
border-bottom-style:var(--tw-border-style);
border-bottom-width:0}
.focus-within\:ring-1:focus-within{
--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)}
.focus-within\:ring-\[3px\]:focus-within{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
@media (hover:hover){
.hover\:underline:hover{
text-decoration-line:underline}
.hover\:opacity-100:hover{
opacity:1}
.hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover{
--tw-shadow:0 0 0 1px var(--tw-shadow-color,var(--sidebar-accent));
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-4:hover{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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\:z-10:focus{
z-index:10}
.focus\:ring-2:focus{
--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\:ring-offset-2:focus{
--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\:outline-hidden:focus{
--tw-outline-style:none;
outline-style:none}
@media (forced-colors:active){
.focus\:outline-hidden:focus{
outline-offset:2px;
outline:2px solid #0000}
}
.focus-visible\:z-10:focus-visible{
z-index:10}
.focus-visible\:ring-0:focus-visible{
--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)}
.focus-visible\:ring-1:focus-visible{
--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)}
.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-4:focus-visible{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + 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-\[3px\]:focus-visible{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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-offset-1:focus-visible{
--tw-ring-offset-width:1px;
--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
.focus-visible\:outline-hidden:focus-visible{
--tw-outline-style:none;
outline-style:none}
@media (forced-colors:active){
.focus-visible\:outline-hidden:focus-visible{
outline-offset:2px;
outline:2px solid #0000}
}
.focus-visible\:outline-1:focus-visible{
outline-style:var(--tw-outline-style);
outline-width:1px}
.disabled\:pointer-events-none:disabled{
pointer-events:none}
.disabled\:cursor-not-allowed:disabled{
cursor:not-allowed}
.disabled\:opacity-50:disabled{
opacity:.5}
:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{
cursor:w-resize}
:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{
cursor:e-resize}
.has-focus\:ring-\[3px\]:has(:focus){
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
.has-disabled\:pointer-events-none:has(:disabled){
pointer-events:none}
.has-disabled\:cursor-not-allowed:has(:disabled){
cursor:not-allowed}
.has-disabled\:opacity-50:has(:disabled){
opacity:.5}
.has-aria-invalid\:ring-\[3px\]:has([aria-invalid=true]){
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
.has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot=alert-dialog-media]){
grid-template-rows:auto auto 1fr}
.has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot=alert-dialog-media]){
column-gap:calc(var(--spacing) * 6)}
.has-data-\[slot\=attachment-content\]\:w-30:has([data-slot=attachment-content]){
width:calc(var(--spacing) * 30)}
.has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot=attachment-content]){
padding-inline:calc(var(--spacing) * 1.5)}
.has-data-\[slot\=attachment-content\]\:px-2:has([data-slot=attachment-content]){
padding-inline:calc(var(--spacing) * 2)}
.has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot=attachment-content]){
padding-inline:calc(var(--spacing) * 2.5)}
.has-data-\[slot\=attachment-content\]\:py-1:has([data-slot=attachment-content]){
padding-block:calc(var(--spacing) * 1)}
.has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot=attachment-content]){
padding-block:calc(var(--spacing) * 1.5)}
.has-data-\[slot\=attachment-content\]\:py-2:has([data-slot=attachment-content]){
padding-block:calc(var(--spacing) * 2)}
.has-data-\[slot\=attachment-media\]\:p-1:has([data-slot=attachment-media]){
padding:calc(var(--spacing) * 1)}
.has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot=attachment-media]){
padding:calc(var(--spacing) * 1.5)}
.has-data-\[slot\=attachment-media\]\:p-2:has([data-slot=attachment-media]){
padding:calc(var(--spacing) * 2)}
.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){
grid-template-columns:1fr auto}
.has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot=combobox-chip]){
padding-inline:calc(var(--spacing) * 1.5)}
.has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot=combobox-chip-remove]){
padding-right:calc(var(--spacing) * 0)}
.has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible){
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
.has-\[button\]\:p-0:has(:is(button)){
padding:calc(var(--spacing) * 0)}
.has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)){
opacity:.5}
.has-\[\>\[data-align\=block-end\]\]\:h-auto:has(>[data-align=block-end]){
height:auto}
.has-\[\>\[data-align\=block-end\]\]\:flex-col:has(>[data-align=block-end]){
flex-direction:column}
.has-\[\>\[data-align\=block-start\]\]\:h-auto:has(>[data-align=block-start]){
height:auto}
.has-\[\>\[data-align\=block-start\]\]\:flex-col:has(>[data-align=block-start]){
flex-direction:column}
.has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(>[data-slot=button-group]){
gap:calc(var(--spacing) * 2)}
.has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(>[data-slot=checkbox-group]){
gap:calc(var(--spacing) * 3)}
.has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){
align-items:flex-start}
.has-\[\>\[data-slot\=field\]\]\:w-full:has(>[data-slot=field]){
width:100%}
.has-\[\>\[data-slot\=field\]\]\:flex-col:has(>[data-slot=field]){
flex-direction:column}
.has-\[\>\[data-slot\=field\]\]\:rounded-md:has(>[data-slot=field]){
border-radius:var(--radius-md)}
.has-\[\>\[data-slot\=field\]\]\:border:has(>[data-slot=field]){
border-style:var(--tw-border-style);
border-width:1px}
.has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(>[data-slot=radio-group]){
gap:calc(var(--spacing) * 3)}
.has-\[\>button\]\:mr-\[-0\.45rem\]:has(>button){
margin-right:-.45rem}
.has-\[\>button\]\:ml-\[-0\.45rem\]:has(>button){
margin-left:-.45rem}
.has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(>kbd){
margin-right:-.35rem}
.has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(>kbd){
margin-left:-.35rem}
.has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(>svg){
grid-template-columns:calc(var(--spacing) * 4) 1fr}
.has-\[\>svg\]\:gap-x-3:has(>svg){
column-gap:calc(var(--spacing) * 3)}
.has-\[\>svg\]\:p-0:has(>svg){
padding:calc(var(--spacing) * 0)}
.has-\[\>svg\]\:px-1\.5:has(>svg){
padding-inline:calc(var(--spacing) * 1.5)}
.has-\[\>svg\]\:px-2:has(>svg){
padding-inline:calc(var(--spacing) * 2)}
.has-\[\>svg\]\:px-2\.5:has(>svg){
padding-inline:calc(var(--spacing) * 2.5)}
.has-\[\>svg\]\:px-3:has(>svg){
padding-inline:calc(var(--spacing) * 3)}
.has-\[\>svg\]\:px-4:has(>svg){
padding-inline:calc(var(--spacing) * 4)}
.has-\[\>textarea\]\:h-auto:has(>textarea){
height:auto}
.aria-disabled\:pointer-events-none[aria-disabled=true]{
pointer-events:none}
.aria-disabled\:opacity-50[aria-disabled=true]{
opacity:.5}
.aria-\[orientation\=horizontal\]\:h-px[aria-orientation=horizontal]{
height:1px}
.aria-\[orientation\=horizontal\]\:w-full[aria-orientation=horizontal]{
width:100%}
.aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation=horizontal]:after{
content:var(--tw-content);
left:calc(var(--spacing) * 0)}
.aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation=horizontal]:after{
content:var(--tw-content);
height:calc(var(--spacing) * 1)}
.aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation=horizontal]:after{
content:var(--tw-content);
width:100%}
.aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation=horizontal]:after{
content:var(--tw-content);
--tw-translate-x:calc(var(--spacing) * 0);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation=horizontal]:after{
content:var(--tw-content);
--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.aria-\[orientation\=vertical\]\:flex-col[aria-orientation=vertical]{
flex-direction:column}
.data-empty\:p-0[data-empty]{
padding:calc(var(--spacing) * 0)}
.data-pressed\:bg-transparent[data-pressed]{
background-color:#0000}
:is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align=end] *)>*)[data-slot]{
align-self:flex-end}
.data-\[active\=false\]\:pointer-events-none[data-active=false]{
pointer-events:none}
.data-\[active\=false\]\:scale-95[data-active=false]{
--tw-scale-x:95%;
--tw-scale-y:95%;
--tw-scale-z:95%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
.data-\[active\=false\]\:opacity-0[data-active=false]{
opacity:0}
.data-\[active\=false\]\:duration-400[data-active=false]{
--tw-duration:.4s;
transition-duration:.4s}
.data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active=false]{
--tw-ease:cubic-bezier(.7,0,.84,0);
transition-timing-function:cubic-bezier(.7,0,.84,0)}
.data-\[active\=true\]\:z-10[data-active=true]{
z-index:10}
.data-\[active\=true\]\:translate-y-0[data-active=true]{
--tw-translate-y:calc(var(--spacing) * 0);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[active\=true\]\:scale-100[data-active=true]{
--tw-scale-x:100%;
--tw-scale-y:100%;
--tw-scale-z:100%;
scale:var(--tw-scale-x) var(--tw-scale-y)}
.data-\[active\=true\]\:font-medium[data-active=true]{
--tw-font-weight:var(--font-weight-medium);
font-weight:var(--font-weight-medium)}
.data-\[active\=true\]\:opacity-100[data-active=true]{
opacity:1}
.data-\[active\=true\]\:ring-\[3px\][data-active=true]{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
.data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active=true]{
--tw-ease:cubic-bezier(.23,1,.32,1);
transition-timing-function:cubic-bezier(.23,1,.32,1)}
.data-\[align\=end\]\:flex-row-reverse[data-align=end]{
flex-direction:row-reverse}
.data-\[align\=end\]\:self-end[data-align=end]{
align-self:flex-end}
.data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips=true]{
min-width:var(--anchor-width)}
.data-\[direction\=end\]\:bottom-4[data-direction=end]{
bottom:calc(var(--spacing) * 4)}
.data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction=end][data-active=false]{
--tw-translate-y:100%;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[direction\=start\]\:top-4[data-direction=start]{
top:calc(var(--spacing) * 4)}
.data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction=start][data-active=false]{
--tw-translate-y:-100%;
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[disabled\]\:pointer-events-none[data-disabled]{
pointer-events:none}
.data-\[disabled\]\:opacity-50[data-disabled]{
opacity:.5}
.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{
pointer-events:none}
.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{
opacity:.5}
.data-\[inset\]\:pl-8[data-inset]{
padding-left:calc(var(--spacing) * 8)}
.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{
height:calc(var(--spacing) * 1.5)}
.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{
height:100%}
.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{
height:1px}
.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{
width:100%}
.data-\[orientation\=horizontal\]\:flex-col[data-orientation=horizontal]{
flex-direction:column}
.data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{
height:auto}
.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{
height:100%}
.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{
min-height:calc(var(--spacing) * 44)}
.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{
width:calc(var(--spacing) * 1.5)}
.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{
width:auto}
.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{
width:100%}
.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{
width:1px}
.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{
flex-direction:column}
.data-\[range-end\=true\]\:rounded-md[data-range-end=true]{
border-radius:var(--radius-md)}
.data-\[range-end\=true\]\:rounded-r-md[data-range-end=true]{
border-top-right-radius:var(--radius-md);
border-bottom-right-radius:var(--radius-md)}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle=true]{
border-radius:0}
.data-\[range-start\=true\]\:rounded-md[data-range-start=true]{
border-radius:var(--radius-md)}
.data-\[range-start\=true\]\:rounded-l-md[data-range-start=true]{
border-top-left-radius:var(--radius-md);
border-bottom-left-radius:var(--radius-md)}
.data-\[selected\=true\]\:rounded-none[data-selected=true]{
border-radius:0}
.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{
--tw-translate-y:calc(var(--spacing) * 1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[side\=left\]\:-translate-x-1[data-side=left]{
--tw-translate-x:calc(var(--spacing) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[side\=right\]\:translate-x-1[data-side=right]{
--tw-translate-x:calc(var(--spacing) * 1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[side\=top\]\:-translate-y-1[data-side=top]{
--tw-translate-y:calc(var(--spacing) * -1);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[size\=default\]\:h-9[data-size=default]{
height:calc(var(--spacing) * 9)}
.data-\[size\=default\]\:h-\[1\.15rem\][data-size=default]{
height:1.15rem}
.data-\[size\=default\]\:w-8[data-size=default]{
width:calc(var(--spacing) * 8)}
.data-\[size\=lg\]\:size-10[data-size=lg]{
width:calc(var(--spacing) * 10);
height:calc(var(--spacing) * 10)}
.data-\[size\=sm\]\:size-6[data-size=sm]{
width:calc(var(--spacing) * 6);
height:calc(var(--spacing) * 6)}
.data-\[size\=sm\]\:h-3\.5[data-size=sm]{
height:calc(var(--spacing) * 3.5)}
.data-\[size\=sm\]\:h-8[data-size=sm]{
height:calc(var(--spacing) * 8)}
.data-\[size\=sm\]\:w-6[data-size=sm]{
width:calc(var(--spacing) * 6)}
.data-\[size\=sm\]\:max-w-xs[data-size=sm]{
max-width:var(--container-xs)}
.data-\[size\=sm\]\:py-1[data-size=sm]{
padding-block:calc(var(--spacing) * 1)}
:is(.\*\:data-\[slot\=attachment\]\:flex-none>*)[data-slot=attachment]{
flex:none}
:is(.\*\:data-\[slot\=attachment\]\:snap-start>*)[data-slot=attachment]{
scroll-snap-align:start}
:is(.\*\:data-\[slot\=avatar\]\:ring-2>*)[data-slot=avatar]{
--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)}
:is(.\*\:data-\[slot\=bubble-content\]\:rounded-none>*)[data-slot=bubble-content]{
border-radius:0}
:is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{
background-color:oklch(from var(--primary) .93 calc(c * .4) h)}
:is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent>*)[data-slot=bubble-content]{
background-color:#0000}
:is(.\*\:data-\[slot\=bubble-content\]\:p-0>*)[data-slot=bubble-content]{
padding:calc(var(--spacing) * 0)}
.data-\[slot\=checkbox-group\]\:gap-3[data-slot=checkbox-group]{
gap:calc(var(--spacing) * 3)}
:is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot=command-input-wrapper]{
height:calc(var(--spacing) * 12)}
:is(.\*\:data-\[slot\=input-group\]\:m-1>*)[data-slot=input-group]{
margin:calc(var(--spacing) * 1)}
:is(.\*\:data-\[slot\=input-group\]\:mb-0>*)[data-slot=input-group]{
margin-bottom:calc(var(--spacing) * 0)}
:is(.\*\:data-\[slot\=input-group\]\:h-8>*)[data-slot=input-group]{
height:calc(var(--spacing) * 8)}
:is(.\*\:data-\[slot\=input-group\]\:shadow-none>*)[data-slot=input-group]{
--tw-shadow:0 0 #0000;
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus{
--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)}
:is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus{
--tw-outline-style:none;
outline-style:none}
:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
display:-webkit-box;
overflow:hidden}
:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{
display:flex}
:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{
align-items:center}
:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{
gap:calc(var(--spacing) * 2)}
:is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation=vertical] *)>*)[data-slot=spinner]{
width:calc(var(--spacing) * 6)!important;
height:calc(var(--spacing) * 6)!important}
.data-\[spacing\=0\]\:rounded-none[data-spacing="0"]{
border-radius:0}
.data-\[spacing\=0\]\:shadow-none[data-spacing="0"]{
--tw-shadow:0 0 #0000;
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child{
border-top-left-radius:var(--radius-md);
border-bottom-left-radius:var(--radius-md)}
.data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child{
border-top-right-radius:var(--radius-md);
border-bottom-right-radius:var(--radius-md)}
.group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant=default] *)[data-state=active]{
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
background-color:#0000}
.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
--tw-shadow:0 0 #0000;
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]:after{
content:var(--tw-content);
opacity:1}
.data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state=checked]{
--tw-translate-x:calc(100% - 2px);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[state\=closed\]\:duration-300[data-state=closed]{
--tw-duration:.3s;
transition-duration:.3s}
.data-\[state\=idle\]\:border-dashed[data-state=idle]{
--tw-border-style:dashed;
border-style:dashed}
.data-\[state\=open\]\:opacity-100[data-state=open]{
opacity:1}
.data-\[state\=open\]\:duration-500[data-state=open]{
--tw-duration:.5s;
transition-duration:.5s}
.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{
--tw-translate-x:calc(var(--spacing) * 0);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.data-\[variant\=ghost\]\:max-w-full[data-variant=ghost]{
max-width:100%}
.data-\[variant\=label\]\:text-sm[data-variant=label]{
font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
.data-\[variant\=legend\]\:text-base[data-variant=legend]{
font-size:var(--text-base);
line-height:var(--tw-leading,var(--text-base--line-height))}
.data-\[variant\=line\]\:rounded-none[data-variant=line]{
border-radius:0}
.data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant=outline]{
border-left-style:var(--tw-border-style);
border-left-width:0}
.data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant=outline]:first-child{
border-left-style:var(--tw-border-style);
border-left-width:1px}
.data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing=default][data-variant=outline]{
--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction=bottom]{
inset-inline:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction=bottom]{
bottom:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction=bottom]{
margin-top:calc(var(--spacing) * 24)}
.data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction=bottom]{
max-height:80vh}
.data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction=bottom]{
border-top-left-radius:var(--radius-lg);
border-top-right-radius:var(--radius-lg)}
.data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction=bottom]{
border-top-style:var(--tw-border-style);
border-top-width:1px}
.data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction=left]{
inset-block:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction=left]{
left:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction=left]{
width:75%}
.data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction=left]{
border-right-style:var(--tw-border-style);
border-right-width:1px}
.data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction=right]{
inset-block:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction=right]{
right:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction=right]{
width:75%}
.data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction=right]{
border-left-style:var(--tw-border-style);
border-left-width:1px}
.data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction=top]{
inset-inline:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction=top]{
top:calc(var(--spacing) * 0)}
.data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction=top]{
margin-bottom:calc(var(--spacing) * 24)}
.data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction=top]{
max-height:80vh}
.data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction=top]{
border-bottom-right-radius:var(--radius-lg);
border-bottom-left-radius:var(--radius-lg)}
.data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction=top]{
border-bottom-style:var(--tw-border-style);
border-bottom-width:1px}
.nth-last-2\:-mt-1:nth-last-child(2){
margin-top:calc(var(--spacing) * -1)}
@media (min-width:40rem){
.sm\:block{
display:block}
.sm\:flex{
display:flex}
.sm\:max-w-lg{
max-width:var(--container-lg)}
.sm\:max-w-sm{
max-width:var(--container-sm)}
.sm\:flex-row{
flex-direction:row}
.sm\:justify-end{
justify-content:flex-end}
.sm\:gap-2\.5{
gap:calc(var(--spacing) * 2.5)}
.sm\:pr-2\.5{
padding-right:calc(var(--spacing) * 2.5)}
.sm\:pl-2\.5{
padding-left:calc(var(--spacing) * 2.5)}
.sm\:text-left{
text-align:left}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size=default] *){
grid-row:span 2/span 2}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size=default] *){
place-items:start}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size=default] *){
text-align:left}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size=default] *):is(:where(.group\/alert-dialog-content):has([data-slot=alert-dialog-media]) *){
grid-column-start:2}
.sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size=default] *):has([data-slot=alert-dialog-media]){
grid-template-rows:auto 1fr}
.data-\[size\=default\]\:sm\:max-w-lg[data-size=default]{
max-width:var(--container-lg)}
.data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction=left],.data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction=right]{
max-width:var(--container-sm)}
}
@media (min-width:48rem){
.md\:absolute{
position:absolute}
.md\:block{
display:block}
.md\:flex{
display:flex}
.md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{
width:var(--radix-navigation-menu-viewport-width)}
.md\:w-auto{
width:auto}
.md\:flex-row{
flex-direction:row}
.md\:gap-1\.5{
gap:calc(var(--spacing) * 1.5)}
.md\:p-12{
padding:calc(var(--spacing) * 12)}
.md\:text-left{
text-align:left}
.md\:text-sm{
font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
.md\:opacity-0{
opacity:0}
.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){
margin:calc(var(--spacing) * 2)}
.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){
margin-left:calc(var(--spacing) * 0)}
.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){
border-radius:var(--radius-xl)}
.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){
--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);
box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}
.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){
margin-left:calc(var(--spacing) * 2)}
.md\:after\:hidden:after{
content:var(--tw-content);
display:none}
}
@container field-group (width>=28rem){
.\@md\/field-group\:flex-row{
flex-direction:row}
.\@md\/field-group\:items-center{
align-items:center}
.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(>[data-slot=field-content]){
align-items:flex-start}
}
.rtl\:translate-x-1\/2:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){
--tw-translate-x:calc(1 / 2 * 100%);
translate:var(--tw-translate-x) var(--tw-translate-y)}
@media (prefers-color-scheme:dark){
.dark\:bg-transparent{
background-color:#0000}
:is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\]>*)[data-slot=bubble-content]{
background-color:oklch(from var(--primary) .3 calc(c * .4) h)}
.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
border-color:#0000}
.dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant=line] *)[data-state=active]{
background-color:#0000}
}
@media (pointer:coarse){
.pointer-coarse\:size-5{
width:calc(var(--spacing) * 5);
height:calc(var(--spacing) * 5)}
.pointer-coarse\:px-3{
padding-inline:calc(var(--spacing) * 3)}
.pointer-coarse\:py-2{
padding-block:calc(var(--spacing) * 2)}
.pointer-coarse\:text-sm{
font-size:var(--text-sm);
line-height:var(--tw-leading,var(--text-sm--line-height))}
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{
stroke:#0000}
.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{
--tw-outline-style:none;
outline-style:none}
@media (forced-colors:active){
.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{
outline-offset:2px;
outline:2px solid #0000}
}
.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{
--tw-outline-style:none;
outline-style:none}
@media (forced-colors:active){
.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{
outline-offset:2px;
outline:2px solid #0000}
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{
stroke:#0000}
.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{
--tw-outline-style:none;
outline-style:none}
@media (forced-colors:active){
.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{
outline-offset:2px;
outline:2px solid #0000}
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
padding-inline:calc(var(--spacing) * 2)}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
padding-block:calc(var(--spacing) * 1.5)}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
font-size:var(--text-xs);
line-height:var(--tw-leading,var(--text-xs--line-height))}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
--tw-font-weight:var(--font-weight-medium);
font-weight:var(--font-weight-medium)}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
padding-inline:calc(var(--spacing) * 2)}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{
padding-top:calc(var(--spacing) * 0)}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
height:calc(var(--spacing) * 5)}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
width:calc(var(--spacing) * 5)}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
height:calc(var(--spacing) * 12)}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
padding-inline:calc(var(--spacing) * 2)}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
padding-block:calc(var(--spacing) * 3)}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
height:calc(var(--spacing) * 5)}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
width:calc(var(--spacing) * 5)}
.\[\&_img\]\:size-full img{
width:100%;
height:100%}
.\[\&_img\]\:object-cover img{
object-fit:cover}
.\[\&_p\]\:leading-relaxed p{
--tw-leading:var(--leading-relaxed);
line-height:var(--leading-relaxed)}
.\[\&_svg\]\:pointer-events-none svg{
pointer-events:none}
.\[\&_svg\]\:shrink-0 svg{
flex-shrink:0}
.data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction=start] svg{
rotate:180deg}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){
width:calc(var(--spacing) * 3);
height:calc(var(--spacing) * 3)}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)}
.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*=size-]),.group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation=vertical] *) svg:not([class*=size-]){
width:calc(var(--spacing) * 6);
height:calc(var(--spacing) * 6)}
.group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size=xs] *) svg:not([class*=size-]){
width:calc(var(--spacing) * 3.5);
height:calc(var(--spacing) * 3.5)}
.\[\&_tr\]\:border-b tr{
border-bottom-style:var(--tw-border-style);
border-bottom-width:1px}
.\[\&_tr\:last-child\]\:border-0 tr:last-child{
border-style:var(--tw-border-style);
border-width:0}
.\[\&\+\[data-slot\=item-content\]\]\:flex-none+[data-slot=item-content]{
flex:none}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button{
border-top-left-radius:var(--radius-md);
border-bottom-left-radius:var(--radius-md)}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
padding-right:calc(var(--spacing) * 0)}
.\[\.border-b\]\:pb-3.border-b{
padding-bottom:calc(var(--spacing) * 3)}
.\[\.border-b\]\:pb-6.border-b{
padding-bottom:calc(var(--spacing) * 6)}
.\[\.border-t\]\:pt-3.border-t{
padding-top:calc(var(--spacing) * 3)}
.\[\.border-t\]\:pt-6.border-t{
padding-top:calc(var(--spacing) * 6)}
:is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_next>svg),:is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *) *):is(.rdp-button_previous>svg){
rotate:180deg}
.\[a\]\:underline:is(a){
text-decoration-line:underline}
.\[a\]\:underline-offset-3:is(a){
text-underline-offset:3px}
.\[a\]\:transition-colors:is(a){
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))}
:is(.\*\:\[a\]\:underline>*):is(a){
text-decoration-line:underline}
:is(.\*\:\[a\]\:underline-offset-3>*):is(a){
text-underline-offset:3px}
.\[button\]\:text-left:is(button){
text-align:left}
.\[button\,a\]\:transition-colors:is(button,a){
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))}
.\[button\,a\]\:outline-none:is(button,a){
--tw-outline-style:none;
outline-style:none}
.\[button\,a\]\:focus-visible\:ring-3:is(button,a):focus-visible{
--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + 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)}
:is(.\*\:\[img\]\:aspect-square>*):is(img){
aspect-ratio:1}
:is(.\*\:\[img\]\:w-full>*):is(img){
width:100%}
:is(.\*\:\[img\]\:object-cover>*):is(img){
object-fit:cover}
:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{
display:flex}
:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{
align-items:center}
:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{
gap:calc(var(--spacing) * 2)}
:is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8>*):is(svg:not([class*=size-])){
width:calc(var(--spacing) * 8);
height:calc(var(--spacing) * 8)}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button{
border-top-right-radius:var(--radius-md);
border-bottom-right-radius:var(--radius-md)}
.\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected=true] button{
border-top-left-radius:var(--radius-md);
border-bottom-left-radius:var(--radius-md)}
.\[\&\>\*\]\:w-full>*{
width:100%}
.\[\&\>\*\]\:focus-visible\:relative>:focus-visible{
position:relative}
.\[\&\>\*\]\:focus-visible\:z-10>:focus-visible{
z-index:10}
.\[\&\>\*\]\:data-\[slot\=field\]\:p-4>[data-slot=field]{
padding:calc(var(--spacing) * 4)}
@container field-group (width>=28rem){
.\@md\/field-group\:\[\&\>\*\]\:w-auto>*{
width:auto}
}
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none>:not(:first-child){
border-top-left-radius:0;
border-top-right-radius:0}
.\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none>:not(:first-child){
border-top-left-radius:0;
border-bottom-left-radius:0}
.\[\&\>\*\:not\(\:first-child\)\]\:border-t-0>:not(:first-child){
border-top-style:var(--tw-border-style);
border-top-width:0}
.\[\&\>\*\:not\(\:first-child\)\]\:border-l-0>:not(:first-child){
border-left-style:var(--tw-border-style);
border-left-width:0}
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none>:not(:last-child){
border-top-right-radius:0;
border-bottom-right-radius:0}
.\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none>:not(:last-child){
border-bottom-right-radius:0;
border-bottom-left-radius:0}
.\[\&\>\.sr-only\]\:w-auto>.sr-only{
width:auto}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
background-color:var(--muted)}
@supports (color:color-mix(in lab, red, red)){
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
background-color:color-mix(in oklch,var(--muted),var(--foreground) 5%)}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
background-color:var(--secondary)}
@supports (color:color-mix(in lab, red, red)){
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]>[data-slot=bubble-content]:is(button,a):hover{
background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}
}
.\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{
background-color:oklch(from var(--primary) .88 calc(c * .5) h)}
@media (prefers-color-scheme:dark){
.dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\]>[data-slot=bubble-content]:is(button,a):hover{
background-color:oklch(from var(--primary) .35 calc(c * .5) h)}
}
.\[\&\>\[data-slot\=field-group\]\]\:gap-4>[data-slot=field-group]{
gap:calc(var(--spacing) * 4)}
.\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{
flex:auto}
@container field-group (width>=28rem){
.\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto>[data-slot=field-label]{
flex:auto}
}
.has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden=true]:last-child))>[data-slot=select-trigger]:last-of-type{
border-top-right-radius:var(--radius-md);
border-bottom-right-radius:var(--radius-md)}
.\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit>[data-slot=select-trigger]:not([class*=w-]){
width:fit-content}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
--tw-translate-y:2px;
translate:var(--tw-translate-x) var(--tw-translate-y)}
:is(.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){
margin-top:1px}
@container field-group (width>=28rem){
:is(.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content])>[role=checkbox],.\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has(>[data-slot=field-content]) [role=radio]){
margin-top:1px}
}
.\[\&\>a\]\:underline>a{
text-decoration-line:underline}
.\[\&\>a\]\:underline-offset-4>a{
text-underline-offset:4px}
.\[\&\>button\]\:hidden>button{
display:none}
.\[\&\>input\]\:flex-1>input{
flex:1}
.has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(>[data-align=block-end])>input{
padding-top:calc(var(--spacing) * 3)}
.has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(>[data-align=block-start])>input{
padding-bottom:calc(var(--spacing) * 3)}
.has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(>[data-align=inline-end])>input{
padding-right:calc(var(--spacing) * 2)}
.has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(>[data-align=inline-start])>input{
padding-left:calc(var(--spacing) * 2)}
.\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\]>kbd{
border-radius:calc(var(--radius) - 5px)}
.\[\&\>span\]\:text-xs>span{
font-size:var(--text-xs);
line-height:var(--tw-leading,var(--text-xs--line-height))}
.\[\&\>span\]\:opacity-70>span{
opacity:.7}
.\[\&\>span\:last-child\]\:truncate>span:last-child{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden}
.\[\&\>svg\]\:pointer-events-none>svg{
pointer-events:none}
.\[\&\>svg\]\:size-3>svg{
width:calc(var(--spacing) * 3);
height:calc(var(--spacing) * 3)}
.\[\&\>svg\]\:size-3\.5>svg{
width:calc(var(--spacing) * 3.5);
height:calc(var(--spacing) * 3.5)}
.\[\&\>svg\]\:size-4>svg{
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)}
.\[\&\>svg\]\:h-2\.5>svg{
height:calc(var(--spacing) * 2.5)}
.\[\&\>svg\]\:h-3>svg{
height:calc(var(--spacing) * 3)}
.\[\&\>svg\]\:w-2\.5>svg{
width:calc(var(--spacing) * 2.5)}
.\[\&\>svg\]\:w-3>svg{
width:calc(var(--spacing) * 3)}
.\[\&\>svg\]\:shrink-0>svg{
flex-shrink:0}
.\[\&\>svg\]\:translate-y-0\.5>svg{
--tw-translate-y:calc(var(--spacing) * .5);
translate:var(--tw-translate-x) var(--tw-translate-y)}
.\[\&\>svg\]\:text-current>svg{
color:currentColor}
.group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size=lg]) *)>svg{
width:calc(var(--spacing) * 5);
height:calc(var(--spacing) * 5)}
.group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size=sm]) *)>svg{
width:calc(var(--spacing) * 3);
height:calc(var(--spacing) * 3)}
.group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=default] *)>svg,.group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size=lg] *)>svg{
width:calc(var(--spacing) * 2);
height:calc(var(--spacing) * 2)}
.group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size=sm] *)>svg{
display:none}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5>svg:not([class*=size-]){
width:calc(var(--spacing) * 3.5);
height:calc(var(--spacing) * 3.5)}
.\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4>svg:not([class*=size-]){
width:calc(var(--spacing) * 4);
height:calc(var(--spacing) * 4)}
.\[\&\>tr\]\:last\:border-b-0>tr:last-child{
border-bottom-style:var(--tw-border-style);
border-bottom-width:0}
.\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation=horizontal]>div{
rotate:90deg}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{
rotate:180deg}
[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{
right:calc(var(--spacing) * -2)}
[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{
cursor:e-resize}
[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{
left:calc(var(--spacing) * -2)}
[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{
cursor:w-resize}
[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent,[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{
background-color:#0000}
[data-variant=legend]+.\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{
margin-top:calc(var(--spacing) * -1.5)}
@media (hover:hover){
a.\[a\&\]\:hover\:underline:hover{
text-decoration-line:underline}
}
}
:root{
--red:#d51026;
--ink:#202b2c;
--muted:#687171;
--line:#dfe4e2;
--green:#35675b}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth;
scroll-padding-top:100px}
body{
color:var(--ink);
background:#fff;
margin:0;
font-family:Jost,Arial,Helvetica,sans-serif;
font-size:16px;
line-height:1.5}
a{
color:inherit;
text-decoration:none}
button,input,select,textarea{
font:inherit}
button,a,input,summary{
-webkit-tap-highlight-color:transparent}
:is(a:focus-visible,button:focus-visible,summary:focus-visible){
outline-offset:5px;
outline:3px solid #448d7a}
input:focus{
outline-offset:1px;
outline:2px solid #448d7a}
button{
cursor:pointer}
.wrap{
width:calc(100% - 80px);
max-width:1240px;
margin:auto}
header{
background:#fff;
height:94px}
.nav{
justify-content:space-between;
align-items:center;
gap:28px;
height:100%;
display:flex}
.logo{
width:150px;
height:auto}
.navlinks{
gap:34px;
margin-left:auto;
margin-right:30px;
font-size:14px;
display:flex}
.navlinks a:hover{
color:var(--red)}
.btn{
background:var(--red);
color:#fff;
border:0;
border-radius:5px;
justify-content:center;
align-items:center;
padding:17px 24px;
font-size:15px;
font-weight:700;
transition:background .2s,transform .2s;
display:inline-flex}
.btn:hover{
background:#ad1021;
transform:translateY(-1px)}
.btn.small{
padding:13px 19px;
font-size:14px}
.hero{
background:#21322f;
position:relative;
overflow:hidden}
.hero-photo{
background:linear-gradient(90deg,#0d1f1ade,#0f201b96 53%,#19261f33),url(../images/home.webp) 50% 55%/cover;
position:absolute;
inset:0}
.hero-grid{
grid-template-columns:1fr 435px;
align-items:center;
gap:65px;
padding:62px 0 66px;
display:grid;
position:relative}
.eyebrow{
color:var(--red);
letter-spacing:1.6px;
margin-bottom:20px;
font-size:12px;
font-weight:700;
display:block}
.eyebrow.light{
color:#fff;
opacity:.8}
.hero-copy{
color:#fff}
.hero h1{
letter-spacing:-2.5px;
margin:0 0 25px;
font-size:64px;
font-weight:500;
line-height:1.05}
h1 em{
color:#fff;
font-style:normal;
font-weight:700}
h2{
letter-spacing:-1.3px;
margin:0;
font-size:38px;
font-weight:500;
line-height:1.14}
h2 em{
color:var(--green);
font-style:normal}
.hero-copy>p{
color:#ebefeb;
max-width:510px;
font-size:17px;
line-height:1.65}
.hero-checks{
gap:21px;
margin-top:27px;
font-size:13px;
display:flex}
.hero-checks span{
align-items:center;
gap:7px;
display:flex}
.hero-checks svg{
color:#b8d5bf}
.discover{
border-bottom:1px solid #ffffff70;
align-items:center;
gap:20px;
margin-top:35px;
padding-bottom:7px;
font-size:13px;
display:inline-flex}
.form-card{
background:#fff;
border-radius:9px;
padding:30px 32px 23px;
scroll-margin-top:25px;
box-shadow:0 12px 55px #0002}
.form-top{
justify-content:space-between;
align-items:center;
margin-bottom:21px;
display:flex}
.pill{
color:var(--green);
letter-spacing:.5px;
align-items:center;
gap:6px;
font-size:10px;
font-weight:700;
display:flex}
.free{
color:var(--red);
background:#fcebee;
border-radius:3px;
padding:5px 8px;
font-size:10px;
font-weight:700}
.form-card h2{
letter-spacing:-1px;
font-size:34px;
font-weight:600;
line-height:1.1}
.form-intro{
color:var(--muted);
margin:14px 0 23px;
font-size:14px}
.form-card label{
margin-bottom:13px;
font-size:12px;
font-weight:600;
display:block}
.form-card input:not([type=checkbox]){
background:#fbfcfb;
border:1px solid #d8dedd;
border-radius:4px;
width:100%;
height:43px;
margin-top:5px;
padding:10px 11px;
font-size:14px;
display:block}
.form-row{
grid-template-columns:1.65fr 1fr;
gap:12px;
display:grid}
.form-card .consent{
color:#5f6868;
align-items:flex-start;
gap:8px;
margin-bottom:10px;
font-size:11px;
font-weight:400;
line-height:1.45;
display:flex}
.consent input{
accent-color:var(--red);
flex-shrink:0;
width:14px;
height:14px;
margin:2px 0}
.consent a{
text-decoration:underline}
.form-card .optional{
color:#707979}
.submit{
width:100%;
margin-top:7px;
padding:16px 8px;
font-size:13px}
.submit:disabled{
opacity:.6;
cursor:wait}
.form-note{
color:#738078;
justify-content:center;
align-items:center;
gap:5px;
margin-top:14px;
font-size:11px;
display:flex}
.trap{
display:none!important}
.error{
color:#b91424;
font-size:14px}
.success{
min-height:420px;
padding:50px 0}
.success svg{
color:var(--green);
margin-bottom:20px}
.success p{
color:var(--muted)}
.textbutton{
background:0 0;
border:0;
padding:0;
text-decoration:underline}
.trust{
border-bottom:1px solid var(--line);
background:#fafbf9}
.trust-inner{
justify-content:space-between;
align-items:center;
gap:20px;
padding:26px 0;
display:flex}
.trust-inner>span{
align-items:center;
gap:10px;
font-size:14px;
display:flex}
.trust-inner>span:first-child{
border-right:1px solid #d5dcd7;
padding-right:60px;
display:block}
.trust strong{
letter-spacing:-.5px;
font-size:23px}
.trust small{
color:var(--muted);
font-size:12px;
display:block}
.trust svg{
width:21px;
color:var(--green)}
.section{
padding-top:85px;
padding-bottom:40px}
.approach{
grid-template-columns:1.45fr 1fr;
align-items:end;
gap:60px;
display:grid}
.approach>p{
color:var(--muted);
margin-bottom:4px;
font-size:16px;
line-height:1.75}
.solutions{
grid-template-columns:1fr 1fr;
gap:30px;
padding-bottom:80px;
display:grid}
.solution{
border:1px solid var(--line);
border-radius:6px;
gap:22px;
padding:32px;
display:flex}
.iconbox{
width:48px;
height:48px;
color:var(--green);
background:#eef4ef;
border-radius:5px;
flex-shrink:0;
justify-content:center;
align-items:center;
display:flex}
.label{
letter-spacing:1.1px;
color:var(--green);
font-size:11px;
font-weight:700}
h3{
letter-spacing:-.5px;
margin:8px 0 12px;
font-size:23px;
font-weight:500;
line-height:1.25}
.solution p{
color:var(--muted);
margin:0 0 22px;
font-size:15px}
.product-tags{
color:#54625b;
border-top:1px solid var(--line);
padding-top:16px;
font-size:12px;
display:block}
.process-section{
background:#f3f6f3;
padding:70px 0}
.section-heading{
justify-content:space-between;
align-items:end;
gap:35px;
display:flex}
.section-heading>p{
color:var(--muted);
font-size:15px}
.steps{
grid-template-columns:repeat(3,1fr);
gap:50px;
margin-top:48px;
display:grid}
.step-number{
color:var(--green);
border-bottom:1px solid #cbd8cd;
margin-bottom:23px;
padding-bottom:17px;
font-size:16px;
display:block}
.steps h3{
font-size:20px;
font-weight:600}
.steps p{
color:var(--muted);
font-size:15px;
line-height:1.7}
.promo{
border-left:3px solid var(--red);
background:#fff;
grid-template-columns:1fr 1fr;
gap:65px;
margin-top:47px;
padding:35px;
display:grid}
.promo-label{
letter-spacing:1.1px;
color:var(--red);
font-size:10px;
font-weight:700}
.promo h3{
margin-bottom:0;
font-size:24px}
.promo p{
color:var(--muted);
margin-top:0;
font-size:14px}
.textlink{
color:var(--red);
text-underline-offset:5px;
font-size:14px;
font-weight:600;
text-decoration:underline}
.faq{
grid-template-columns:1fr 1.4fr;
gap:70px;
padding-bottom:80px;
display:grid}
.faq .eyebrow{
font-size:10px}
.faq details{
border-bottom:1px solid var(--line);
padding:19px 0}
.faq details:first-child{
padding-top:0}
.faq summary{
cursor:pointer;
justify-content:space-between;
align-items:center;
gap:20px;
font-size:15px;
font-weight:600;
list-style:none;
display:flex}
.faq summary::-webkit-details-marker{
display:none}
.faq summary svg{
color:var(--red);
flex-shrink:0}
.faq details[open] summary svg{
transform:rotate(45deg)}
.faq details p{
color:var(--muted);
max-width:550px;
font-size:15px}
.closing{
color:#fff;
background:#be1227;
padding:48px 0}
.closing-inner{
justify-content:space-between;
align-items:center;
gap:35px;
display:flex}
.closing h2{
font-size:30px}
.closing .eyebrow{
margin-bottom:12px;
font-size:10px}
.white{
color:var(--red);
background:#fff;
flex-shrink:0}
.white:hover{
background:#f6e9eb}
footer{
justify-content:space-between;
align-items:center;
gap:25px;
padding:31px 0;
display:flex}
footer img{
width:112px}
footer p,footer a{
color:var(--muted);
font-size:11px}
.mobile-cta{
display:none}
@media (min-width:1450px){
.hero-grid{
padding-top:75px;
padding-bottom:75px}
}
@media (max-width:1000px){
.wrap{
width:calc(100% - 48px)}
.hero-grid{
grid-template-columns:1fr 385px;
gap:30px}
.hero h1{
font-size:52px}
.form-card{
padding:25px}
.navlinks{
display:none}
.trust-inner>span:first-child{
padding-right:25px}
.trust-inner>span{
font-size:12px}
.approach{
gap:30px}
h2{
font-size:32px}
.solution{
gap:15px;
padding:24px}
.steps{
gap:30px}
.closing h2{
font-size:27px}
}
@media (max-width:760px){
html{
scroll-padding-top:20px}
.wrap{
width:calc(100% - 36px)}
header{
height:74px}
.logo{
width:118px}
.nav .btn{
padding:11px 12px;
font-size:11px}
.hero-grid{
padding:40px 0 30px;
display:block}
.hero-photo{
background:linear-gradient(#0f1f1bc7,#0f1f1bb0),url(../images/home.webp) 42% 0/auto 730px no-repeat}
.hero h1{
letter-spacing:-2px;
font-size:49px}
.hero .eyebrow{
letter-spacing:1.3px;
margin-bottom:20px;
font-size:10px}
.hero-copy>p{
max-width:440px;
font-size:15px}
.desktop{
display:none}
.hero-checks{
gap:15px;
margin-top:22px;
font-size:11px}
.discover{
margin-top:22px;
margin-bottom:30px}
.form-card{
padding:25px 23px}
.form-card h2{
font-size:33px}
.form-card label{
font-size:14px}
.form-card .consent{
font-size:12px}
.form-card input:not([type=checkbox]){
height:48px;
font-size:16px}
.form-intro{
font-size:15px}
.submit{
min-height:52px;
font-size:13px}
.trust-inner{
grid-template-columns:1fr 1fr;
gap:22px;
padding:25px 0;
display:grid}
.trust-inner>span:first-child{
border-right:0}
.trust-inner>span{
font-size:12px}
.trust strong{
font-size:21px}
.trust small{
font-size:11px}
.section{
padding-top:50px}
.approach{
padding-bottom:26px;
display:block}
.eyebrow{
margin-bottom:15px;
font-size:10px}
h2{
letter-spacing:-1px;
font-size:30px}
.approach>p{
margin-top:22px;
font-size:15px}
.solutions{
grid-template-columns:1fr;
gap:16px;
padding-bottom:48px}
.solution{
padding:24px 20px}
.solution h3{
font-size:23px}
.solution p{
font-size:14px}
.product-tags{
font-size:11px}
.process-section{
padding:45px 0}
.section-heading{
display:block}
.section-heading>p{
margin-top:20px}
.steps{
grid-template-columns:1fr;
gap:20px;
margin-top:28px}
.steps article{
padding-left:48px;
position:relative}
.step-number{
border:0;
position:absolute;
top:8px;
left:0}
.steps h3{
font-size:20px}
.steps p{
margin-bottom:0;
font-size:15px}
.promo{
grid-template-columns:1fr;
gap:22px;
margin-top:35px;
padding:25px}
.promo h3{
font-size:23px}
.faq{
padding-bottom:45px;
display:block}
.faq h2 br{
display:none}
.faq-items{
margin-top:30px}
.faq summary{
font-size:15px}
.closing{
padding:35px 0}
.closing-inner{
display:block}
.closing h2{
font-size:27px}
.closing .btn{
width:100%;
margin-top:25px;
font-size:13px}
footer{
flex-wrap:wrap;
gap:15px;
padding-bottom:100px}
footer p{
order:3;
width:100%;
margin:0}
.mobile-cta{
z-index:5;
padding:16px;
font-size:13px;
display:flex;
position:fixed;
bottom:12px;
left:18px;
right:18px;
box-shadow:0 4px 25px #0003}
}
@media (prefers-reduced-motion:reduce){
html{
scroll-behavior:auto}
*{
transition:none!important}
}
.header-space{
height:94px}
header{
z-index:30;
transition:height .22s,box-shadow .22s;
position:fixed;
inset:0 0 auto}
.nav{
transition:height .22s}
.nav .logo{
transition:width .22s}
header.compact{
background:#fff;
height:56.4px;
box-shadow:0 2px 12px #00000012}
header.compact .nav{
justify-content:space-between}
header.compact .navlinks{
display:none}
header.compact .logo{
width:110px}
header.compact .nav>.btn{
min-height:40px;
padding:9px 19px}
.form-card{
scroll-margin-top:70px}
@media (max-width:760px){
.header-space{
height:74px}
header.compact{
height:44.4px}
header.compact .nav{
gap:12px}
header.compact .logo{
width:86px}
.nav .btn{
min-height:44px;
font-size:12px}
header.compact .nav>.btn{
min-height:36px;
padding:6px 12px;
font-size:12px}
html{
scroll-padding-top:65px}
footer{
padding-bottom:30px}
}
.testimonials{
padding-bottom:5px}
.testimonials-heading{
justify-content:space-between;
align-items:flex-end;
gap:30px;
margin-bottom:32px;
display:flex}
.testimonials-demo{
color:var(--muted);
margin:0;
font-size:13px;
line-height:1.5}
.testimonials-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
gap:24px;
display:grid}
.testimonial{
border:1px solid var(--line);
border-top:3px solid var(--red);
background:#fff;
border-radius:5px;
flex-direction:column;
padding:28px;
display:flex}
.testimonial h3{
margin:0 0 17px;
font-size:22px;
font-weight:500}
.testimonial blockquote{
color:var(--muted);
margin:0 0 25px;
font-size:16px;
line-height:1.7}
.testimonial-author{
border-top:1px solid var(--line);
margin:auto 0 0;
padding-top:18px;
font-size:14px;
font-weight:600}
@media (max-width:760px){
.testimonials-heading{
display:block}
.testimonials-demo{
margin-top:18px}
.testimonials-grid{
grid-template-columns:1fr;
gap:18px}
.testimonial{
padding:25px}
.testimonial h3{
font-size:23px}
}
.solutions{
grid-template-areas:"insulation insulation-photo""climate-photo climate";
gap:28px}
.solution-insulation{
grid-area:insulation}
.solution-climate{
grid-area:climate}
.image-insulation{
grid-area:insulation-photo}
.image-climate{
grid-area:climate-photo}
.solutions .solution{
background:#f7f9f6;
align-items:center;
padding:45px}
.solutions .solution h3{
margin-top:12px;
font-size:32px}
.solutions .solution p{
font-size:16px;
line-height:1.75}
.solution-image{
aspect-ratio:4/3;
border-radius:6px;
min-width:0;
min-height:0;
margin:0;
position:relative;
overflow:hidden}
.solution-image img{
object-fit:cover;
width:100%;
height:100%;
display:block}
.image-climate img{
object-position:center top}
@media (min-width:761px) and (max-width:1000px){
.solutions .solution{
gap:16px;
padding:28px}
.solutions .solution h3{
font-size:27px}
.solution-image{
aspect-ratio:auto;
min-height:340px}
.solution-image img{
position:absolute;
inset:0}
}
@media (max-width:760px){
.solutions{
grid-template-areas:"insulation""insulation-photo""climate""climate-photo";
gap:16px}
.solutions .solution{
padding:27px 22px}
.solutions .solution h3{
font-size:26px}
.solutions .solution p{
font-size:15px}
.solution-climate{
margin-top:16px}
.solution-image{
aspect-ratio:4/3}
}
.site-footer{
background:#f5f5f5;
padding:32px 0;
display:block}
.footer-inner{
grid-template-columns:1fr 3fr;
align-items:center;
gap:0;
display:grid}
.site-footer .footer-brand img{
width:150px;
height:auto;
display:block}
.site-footer .footer-legal p{
color:var(--ink);
margin:0;
font-size:14px;
line-height:1.5}
.footer-legal nav{
font-size:14px;
line-height:1.5}
.site-footer .footer-legal a{
color:var(--red);
font-size:14px}
.footer-legal a:hover{
text-decoration:underline}
@media (max-width:760px){
.site-footer{
padding:28px 0}
.footer-inner{
grid-template-columns:1fr;
gap:20px}
.site-footer .footer-brand img{
width:118px}
.site-footer .footer-legal p{
width:auto}
}
@property --tw-translate-x{
syntax:"*";
inherits:false;
initial-value:0}
@property --tw-translate-y{
syntax:"*";
inherits:false;
initial-value:0}
@property --tw-translate-z{
syntax:"*";
inherits:false;
initial-value:0}
@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-scroll-snap-strictness{
syntax:"*";
inherits:false;
initial-value:proximity}
@property --tw-space-x-reverse{
syntax:"*";
inherits:false;
initial-value:0}
@property --tw-border-style{
syntax:"*";
inherits:false;
initial-value:solid}
@property --tw-leading{
syntax:"*";
inherits:false}
@property --tw-font-weight{
syntax:"*";
inherits:false}
@property --tw-tracking{
syntax:"*";
inherits:false}
@property --tw-ordinal{
syntax:"*";
inherits:false}
@property --tw-slashed-zero{
syntax:"*";
inherits:false}
@property --tw-numeric-figure{
syntax:"*";
inherits:false}
@property --tw-numeric-spacing{
syntax:"*";
inherits:false}
@property --tw-numeric-fraction{
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:"<percentage>";
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:"<percentage>";
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:"<length>";
inherits:false;
initial-value:0}
@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-outline-style{
syntax:"*";
inherits:false;
initial-value:solid}
@property --tw-duration{
syntax:"*";
inherits:false}
@property --tw-ease{
syntax:"*";
inherits:false}
@property --tw-content{
syntax:"*";
inherits:false;
initial-value:""}
@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}
@keyframes spin{
to{
transform:rotate(360deg)}
}
@keyframes pulse{
50%{
opacity:.5}
}


[hidden] {display:none!important;}


/* =====================================================================
   ENERGY CHECK - personalizzazioni della pagina (non del form).
   Le regole del form stanno in css/landing-form.css.
   ===================================================================== */
/* ---- Footer dal CRM (page_bottom.php, $dictionary['FormFooter']) ---- */
footer{color:var(--muted);font-size:12px}
footer a:hover{color:var(--red)}
/* Bootstrap non c'e' piu': .container (usato dai contenuti del CRM, es. footer) prende la larghezza di .wrap */
.container{width:calc(100% - 80px);max-width:1240px;margin-left:auto;margin-right:auto}
@media (max-width:1000px){.container{width:calc(100% - 48px)}}
@media (max-width:760px){.container{width:calc(100% - 36px)}}

/* ---- Recensioni: avatar tondo a sinistra del nome (placeholder: images/avatar-placeholder.svg) ---- */
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block}

/* ---- Recensioni: doppio apice grande sullo sfondo, in basso a destra ---- */
.testimonial{position:relative;overflow:hidden;isolation:isolate}
.testimonial::after{
	content:"\201D";
	position:absolute;
	right:18px;
	bottom:-112px;
	z-index:-1;
	font-family:Georgia,"Times New Roman",serif;
	font-size:210px;
	line-height:1;
	color:var(--red);
	opacity:.09;
	pointer-events:none}
@media (max-width:760px){.testimonial::after{font-size:170px;bottom:-91px}}

/* ---- Hero: slideshow di foto (div .hero-slide in index.php, ciclo in js/main.js) con velo caldo al posto di quello verde ---- */
.hero-photo{background:#2a1d14}
.hero-slide{
	position:absolute;inset:0;
	background-position:50% 18%;background-size:cover;background-repeat:no-repeat;
	opacity:0;transition:opacity 1.2s ease}
.hero-slide.is-active{opacity:1}
/* il velo sta sopra tutte le foto */
.hero-photo::after{
	content:"";position:absolute;inset:0;
	background:linear-gradient(90deg,rgba(28,18,10,.86),rgba(28,18,10,.62) 45%,rgba(28,18,10,.12) 80%)}
.hero-copy h1,.hero-copy>p{text-shadow:0 2px 18px rgba(0,0,0,.35)}
@media (max-width:760px){
.hero-photo{background:#2a1d14}
.hero-slide{background-position:38% 0;background-size:auto 620px}
.hero-photo::after{background:linear-gradient(rgba(28,18,10,.55),rgba(28,18,10,.78) 55%,rgba(28,18,10,.9))}
}

/* ---- Header: si nasconde scorrendo verso l'alto mentre e' sopra la card del form (classe da js/main.js) ---- */
header{transition:height .22s,box-shadow .22s,transform .35s ease}
header.over-form{transform:translateY(calc(-100% - 16px))}

/* ---- Come funziona: numeri degli step grandi, tagliati alla base dalla riga orizzontale ---- */
.step-number{
	font-size:104px;font-weight:600;line-height:1;letter-spacing:-4px;
	color:var(--green);
	height:84px;overflow:hidden;
	padding-bottom:0;margin-bottom:26px;
	border-bottom:1px solid #cbd8cd}
@media (max-width:760px){
.steps article{padding-left:0}
.step-number{position:static;font-size:80px;letter-spacing:-3px;height:65px;margin-bottom:18px;border-bottom:1px solid #cbd8cd}
}

/* ---- Box vantaggi: "Richiedi la consulenza gratuita" come pulsante ---- */
.promo .btn{margin-top:16px}

/* ---- Testi di spiegazione accanto ai titoli (approccio, come funziona): corsivo, piu' grandi e scuri, come sottotitoli.
        Il corsivo vero di Jost e' caricato da Google Fonts in page_top.php (ital 400). ---- */
.approach>p,.section-heading p{font-style:italic;font-weight:400;color:#3b4644;font-size:20px;line-height:1.55;letter-spacing:-.1px}
@media (max-width:760px){.approach>p,.section-heading p{font-size:17px}}

/* ---- Come funziona: intestazione in 2 colonne (titolo + frase a sinistra, foto sopralluogo a destra) ---- */
.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:stretch}
.section-heading p{margin:22px 0 0}
.section-heading-image{margin:0;min-height:280px;border-radius:5px;overflow:hidden}
.section-heading-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% 40%}
@media (max-width:1000px){.section-heading{gap:30px}}
@media (max-width:760px){
.section-heading{display:block}
.section-heading-image{min-height:0;height:230px;margin-top:26px}
}