.metronic-container{--color-white:#fff;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-red-600:#dc2626;--color-green-500:#22c55e;--color-yellow-500:#eab308;--color-purple-500:#a855f7;--background:var(--color-white);--foreground:var(--color-zinc-950);--card:var(--color-white);--card-foreground:var(--color-zinc-950);--popover:var(--color-white);--popover-foreground:var(--color-zinc-950);--primary:var(--color-blue-500);--primary-foreground:var(--color-white);--secondary:var(--color-zinc-100);--secondary-foreground:var(--color-zinc-900);--muted:var(--color-zinc-100);--muted-foreground:var(--color-zinc-500);--accent:var(--color-zinc-100);--accent-foreground:var(--color-zinc-900);--destructive:var(--color-red-600);--destructive-foreground:var(--color-white);--chart-1:var(--color-blue-500);--chart-2:var(--color-green-500);--chart-3:var(--color-yellow-500);--chart-4:var(--color-red-500);--chart-5:var(--color-purple-500);--border:#ebebee;--input:var(--color-zinc-200);--ring:var(--color-zinc-400);--radius:.5rem}@supports (color:lab(0% 0 0)){.metronic-container{--border:lab(93.0053% .399143 -1.4546)}}.metronic-container.dark{--background:var(--color-zinc-950);--foreground:var(--color-zinc-50);--card:var(--color-zinc-950);--card-foreground:var(--color-zinc-50);--popover:var(--color-zinc-950);--popover-foreground:var(--color-zinc-50);--primary:var(--color-blue-600);--primary-foreground:var(--color-white);--secondary:var(--color-zinc-800);--secondary-foreground:var(--color-zinc-50);--muted:var(--color-zinc-900);--muted-foreground:var(--color-zinc-500);--accent:var(--color-zinc-900);--accent-foreground:var(--color-zinc-50);--destructive:var(--color-red-600);--destructive-foreground:var(--color-white);--chart-1:var(--color-blue-500);--chart-2:var(--color-green-500);--chart-3:var(--color-yellow-500);--chart-4:var(--color-red-500);--chart-5:var(--color-purple-500);--border:var(--color-zinc-800);--input:var(--color-zinc-800);--ring:var(--color-zinc-600)}.metronic-container{box-sizing:border-box}.metronic-container *,.metronic-container :before,.metronic-container :after{box-sizing:border-box}@layer base{.metronic-container .bg-background{background-color:var(--background)}.metronic-container .bg-card{background-color:var(--card)}.metronic-container .bg-popover{background-color:var(--popover)}.metronic-container .bg-primary{background-color:var(--primary)}.metronic-container .bg-secondary{background-color:var(--secondary)}.metronic-container .bg-muted{background-color:var(--muted)}.metronic-container .bg-accent{background-color:var(--accent)}.metronic-container .bg-destructive{background-color:var(--destructive)}.metronic-container .text-foreground{color:var(--foreground)}.metronic-container .text-card-foreground{color:var(--card-foreground)}.metronic-container .text-popover-foreground{color:var(--popover-foreground)}.metronic-container .text-primary-foreground{color:var(--primary-foreground)}.metronic-container .text-secondary-foreground{color:var(--secondary-foreground)}.metronic-container .text-muted-foreground{color:var(--muted-foreground)}.metronic-container .text-accent-foreground{color:var(--accent-foreground)}.metronic-container .text-destructive-foreground{color:var(--destructive-foreground)}.metronic-container .border-border{border-color:var(--border)}.metronic-container .border-input{border-color:var(--input)}.metronic-container .border-ring{border-color:var(--ring)}.metronic-container .ring-ring{--tw-ring-color:var(--ring)}.metronic-container .shadow-xs{box-shadow:0 1px 2px #0000000d}.metronic-container .rounded-xs{border-radius:calc(var(--radius) - 4px)}.metronic-container .rounded-sm{border-radius:calc(var(--radius) - 2px)}.metronic-container .rounded-md,.metronic-container .rounded-lg{border-radius:var(--radius)}.metronic-container .rounded-xl{border-radius:calc(var(--radius) + 4px)}}@layer components{.metronic-container .kt-image-input{cursor:pointer;justify-content:center;align-items:center;width:5rem;height:5rem;display:inline-flex;position:relative}.metronic-container .kt-image-input input[type=file]{appearance:none;opacity:0;width:0;height:0;position:absolute}.metronic-container .kt-image-input-remove{inset-inline-end:.0625rem;z-index:1;cursor:pointer;border:1px solid var(--mt-border);background-color:var(--mt-background);border-radius:9999px;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:absolute;top:.0625rem;box-shadow:0 1px 2px #0000000d}.metronic-container .kt-image-input-remove i{color:var(--mt-muted-foreground);font-size:11px}.metronic-container .kt-image-input-remove svg{color:var(--mt-muted-foreground);width:.8125rem;height:.8125rem}.metronic-container .kt-image-input-remove:hover i,.metronic-container .kt-image-input-remove:hover svg{color:var(--mt-foreground)}.metronic-container .kt-image-input-placeholder{border:1px solid var(--mt-border);background-repeat:no-repeat;background-size:cover;border-radius:9999px;width:100%;height:100%;position:relative;overflow:hidden}.metronic-container .kt-image-input-preview{background-repeat:no-repeat;background-size:cover;border-radius:9999px;width:100%;height:100%;position:relative;overflow:hidden}.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-hover,.metronic-container .kt-scrollable-y-hover,.metronic-container .kt-scrollable-x-hover,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto{scrollbar-width:thin;scrollbar-color:transparent transparent;position:relative}:is(.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-hover,.metronic-container .kt-scrollable-y-hover,.metronic-container .kt-scrollable-x-hover,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto)::-webkit-scrollbar{width:.35rem;height:.35rem}:is(.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-hover,.metronic-container .kt-scrollable-y-hover,.metronic-container .kt-scrollable-x-hover,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto)::-webkit-scrollbar-track{background-color:#0000}:is(.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-hover,.metronic-container .kt-scrollable-y-hover,.metronic-container .kt-scrollable-x-hover,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto)::-webkit-scrollbar-thumb{border-radius:1.25rem}:is(.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-hover,.metronic-container .kt-scrollable-y-hover,.metronic-container .kt-scrollable-x-hover,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto)::-webkit-scrollbar-corner{background-color:#0000}.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-hover{overflow:scroll}.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-y-hover{overflow-y:scroll}.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-x-hover{overflow-x:scroll}.metronic-container .kt-scrollable-auto{overflow:auto}.metronic-container .kt-scrollable-y-auto{overflow-y:auto}.metronic-container .kt-scrollable-x-auto{overflow-x:auto}.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto,.metronic-container .kt-scrollable-hover:hover,.metronic-container .kt-scrollable-y-hover:hover,.metronic-container .kt-scrollable-x-hover:hover{scrollbar-color:var(--mt-input)transparent}:is(.metronic-container .kt-scrollable,.metronic-container .kt-scrollable-y,.metronic-container .kt-scrollable-x,.metronic-container .kt-scrollable-auto,.metronic-container .kt-scrollable-y-auto,.metronic-container .kt-scrollable-x-auto,.metronic-container .kt-scrollable-hover:hover,.metronic-container .kt-scrollable-y-hover:hover,.metronic-container .kt-scrollable-x-hover:hover)::-webkit-scrollbar-thumb{background-color:var(--mt-input)}.metronic-container .kt-rating{align-items:stretch;display:inline-flex}.metronic-container .kt-rating input{appearance:none;position:absolute;inset-inline-start:9999px}.metronic-container .kt-rating input[disabled]{display:none}.metronic-container .kt-rating-on{color:#facc15}.metronic-container .kt-rating-off{color:var(--mt-muted-foreground)}.metronic-container .kt-rating-label{align-items:center;display:inline-flex!important}.metronic-container .kt-rating-label .kt-rating-on{display:none!important}.metronic-container .kt-rating-label .kt-rating-off{display:inline-flex!important}:is(.metronic-container .kt-rating:hover label.kt-rating-label,.metronic-container label.kt-rating-label,.metronic-container label.kt-rating-label.checked,.metronic-container div.kt-rating-label.checked) .kt-rating-on{display:inline-flex!important}:is(.metronic-container .kt-rating:hover label.kt-rating-label,.metronic-container label.kt-rating-label,.metronic-container label.kt-rating-label.checked,.metronic-container div.kt-rating-label.checked) .kt-rating-off{display:none!important}:is(.metronic-container label.kt-rating-label:hover~label.kt-rating-label,.metronic-container .kt-rating-input:checked~.kt-rating-label) .kt-rating-on{display:none!important}:is(.metronic-container label.kt-rating-label:hover~label.kt-rating-label,.metronic-container .kt-rating-input:checked~.kt-rating-label) .kt-rating-off{display:inline-flex!important}.metronic-container .kt-rating-label.indeterminate{position:relative}.metronic-container .kt-rating-label.indeterminate .kt-rating-on{z-index:1;position:absolute;inset-inline-start:0;overflow:hidden;display:inline-flex!important}.metronic-container .kt-rating-label.indeterminate .kt-rating-off{display:inline-flex!important}.metronic-container label.kt-rating-label{cursor:pointer}.metronic-container .demo1{--sidebar-width:280px;--sidebar-width-collapse:80px;--sidebar-default-width:280px;--header-height:70px;--sidebar-transition-duration:.3s;--sidebar-transition-timing:ease}.metronic-container .demo1 .header{height:var(--header-height)}.metronic-container .demo1 .sidebar{width:var(--sidebar-width)}@media (min-width:1024px){.metronic-container .demo1 .sidebar{width:var(--sidebar-width);transition:width var(--sidebar-transition-duration)var(--sidebar-transition-timing)}.metronic-container .demo1.sidebar-collapse{--sidebar-width:var(--sidebar-width-collapse)}.metronic-container .demo1.sidebar-collapse .sidebar:hover{width:var(--sidebar-default-width)}}}