@layer tokens.properties{@property --font-size-xs{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --font-size-sm{inherits: true; initial-value: .875rem; syntax: "<length>";}@property --font-size-base{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --font-size-lg{inherits: true; initial-value: 1.125rem; syntax: "<length>";}@property --font-size-xl{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --font-size-2xl{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --font-size-3xl{inherits: true; initial-value: 1.875rem; syntax: "<length>";}@property --font-size-4xl{inherits: true; initial-value: 2.25rem; syntax: "<length>";}@property --font-size-5xl{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --font-size-6xl{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --text-xs{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --text-sm{inherits: true; initial-value: .875rem; syntax: "<length>";}@property --text-base{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --text-lg{inherits: true; initial-value: 1.125rem; syntax: "<length>";}@property --text-xl{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --text-2xl{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --line-height-tight{inherits: true; initial-value: 1.25; syntax: "<number>";}@property --line-height-snug{inherits: true; initial-value: 1.375; syntax: "<number>";}@property --line-height-normal{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --line-height-relaxed{inherits: true; initial-value: 1.625; syntax: "<number>";}@property --line-height-loose{inherits: true; initial-value: 2; syntax: "<number>";}@property --font-weight-thin{inherits: true; initial-value: 100; syntax: "<number>";}@property --font-weight-extralight{inherits: true; initial-value: 200; syntax: "<number>";}@property --font-weight-light{inherits: true; initial-value: 300; syntax: "<number>";}@property --font-weight-normal{inherits: true; initial-value: 400; syntax: "<number>";}@property --font-weight-medium{inherits: true; initial-value: 500; syntax: "<number>";}@property --font-weight-semibold{inherits: true; initial-value: 600; syntax: "<number>";}@property --font-weight-bold{inherits: true; initial-value: 700; syntax: "<number>";}@property --font-weight-extrabold{inherits: true; initial-value: 800; syntax: "<number>";}@property --font-weight-black{inherits: true; initial-value: 900; syntax: "<number>";}@property --font-light{inherits: true; initial-value: 300; syntax: "<number>";}@property --font-normal{inherits: true; initial-value: 400; syntax: "<number>";}@property --font-medium{inherits: true; initial-value: 500; syntax: "<number>";}@property --font-semibold{inherits: true; initial-value: 600; syntax: "<number>";}@property --font-bold{inherits: true; initial-value: 700; syntax: "<number>";}@property --letter-spacing-tighter{inherits: true; initial-value: -.05em; syntax: "<length>";}@property --letter-spacing-tight{inherits: true; initial-value: -.025em; syntax: "<length>";}@property --letter-spacing-normal{inherits: true; initial-value: 0; syntax: "<length>";}@property --letter-spacing-wide{inherits: true; initial-value: .025em; syntax: "<length>";}@property --letter-spacing-wider{inherits: true; initial-value: .05em; syntax: "<length>";}@property --letter-spacing-widest{inherits: true; initial-value: .1em; syntax: "<length>";}@property --font-size-transition{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --line-height-transition{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --letter-spacing-transition{inherits: true; initial-value: 0; syntax: "<length>";}@property --space-0{inherits: true; initial-value: 0; syntax: "<length>";}@property --space-px{inherits: true; initial-value: 1px; syntax: "<length>";}@property --space-1{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --space-2{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-3{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --space-4{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-5{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --space-6{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-7{inherits: true; initial-value: 1.75rem; syntax: "<length>";}@property --space-8{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --space-9{inherits: true; initial-value: 2.25rem; syntax: "<length>";}@property --space-10{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --space-11{inherits: true; initial-value: 2.75rem; syntax: "<length>";}@property --space-12{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --space-14{inherits: true; initial-value: 3.5rem; syntax: "<length>";}@property --space-16{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --space-20{inherits: true; initial-value: 5rem; syntax: "<length>";}@property --space-24{inherits: true; initial-value: 6rem; syntax: "<length>";}@property --space-28{inherits: true; initial-value: 7rem; syntax: "<length>";}@property --space-32{inherits: true; initial-value: 8rem; syntax: "<length>";}@property --space-36{inherits: true; initial-value: 9rem; syntax: "<length>";}@property --space-40{inherits: true; initial-value: 10rem; syntax: "<length>";}@property --space-44{inherits: true; initial-value: 11rem; syntax: "<length>";}@property --space-48{inherits: true; initial-value: 12rem; syntax: "<length>";}@property --space-52{inherits: true; initial-value: 13rem; syntax: "<length>";}@property --space-56{inherits: true; initial-value: 14rem; syntax: "<length>";}@property --space-60{inherits: true; initial-value: 15rem; syntax: "<length>";}@property --space-64{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --space-72{inherits: true; initial-value: 18rem; syntax: "<length>";}@property --space-80{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --space-96{inherits: true; initial-value: 24rem; syntax: "<length>";}@property --space-large-200{inherits: true; initial-value: 200px; syntax: "<length>";}@property --space-large-30rem{inherits: true; initial-value: 30rem; syntax: "<length>";}@property --space-small-10px{inherits: true; initial-value: 10px; syntax: "<length>";}@property --space-xs{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --space-sm{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-md{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-lg{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-xl{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --space-2xl{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --space-3xl{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --space-button-padding-x{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-button-padding-y{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-card-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-form-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-section-gap{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --space-input-padding{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --space-modal-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-gap-xs{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --space-gap-sm{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-gap-md{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-gap-lg{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-gap-xl{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --space-container-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-grid-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-flex-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-transition-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-transition-margin{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-transition-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --shadow-none{inherits: false; initial-value: none;}@property --shadow-xs{inherits: false; initial-value: 0 1px 2px 0 #0000000d;}@property --shadow-sm{inherits: false; initial-value: 0 1px 2px 0 #0000000d;}@property --shadow-md{inherits: false; initial-value: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;}@property --shadow-lg{inherits: false; initial-value: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;}@property --shadow-xl{inherits: false; initial-value: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;}@property --shadow-2xl{inherits: false; initial-value: 0 25px 50px -12px #00000040;}@property --shadow-inner{inherits: false; initial-value: inset 0 2px 4px 0 #0000000d;}@property --shadow-card{inherits: false; initial-value: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;}@property --shadow-modal{inherits: false; initial-value: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;}@property --shadow-dropdown{inherits: false; initial-value: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;}@property --shadow-tooltip{inherits: false; initial-value: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;}@property --shadow-button{inherits: false; initial-value: 0 1px 2px 0 #0000000d;}@property --shadow-button-hover{inherits: false; initial-value: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;}@property --radius-none{inherits: true; initial-value: 0; syntax: "<length>";}@property --radius-xs{inherits: true; initial-value: .125rem; syntax: "<length>";}@property --radius-sm{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --radius-md{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-lg{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --radius-xl{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --radius-2xl{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --radius-3xl{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --radius-full{inherits: true; initial-value: 9999px; syntax: "<length-percentage>";}@property --radius-button{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-card{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --radius-input{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-modal{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --radius-badge{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --radius-avatar{inherits: true; initial-value: 50; syntax: "<length-percentage>";}@property --radius-hover{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --radius-focus{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-transition{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-transition-hover{inherits: true; initial-value: .5rem; syntax: "<length>";}:root{--radius-none:0;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--radius-modal:var(--radius-xl);--radius-badge:var(--radius-sm);--radius-avatar:50;--radius-hover:var(--radius-lg);--radius-focus:var(--radius-md);--radius-transition:var(--radius-md);--radius-transition-hover:var(--radius-lg);--border-radius-none:var(--radius-none);--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-radius-xl:var(--radius-xl);--border-radius-full:var(--radius-full);--container-sm:640px;--container-md:768px}@property --color-white{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-black{inherits: true; initial-value: #000; syntax: "<color>";}@property --color-gray-very-dark{inherits: true; initial-value: #1a1a1a; syntax: "<color>";}@property --color-gray-medium{inherits: true; initial-value: #6b6b6b; syntax: "<color>";}@property --color-gray-very-light{inherits: true; initial-value: #f2f2f2; syntax: "<color>";}@property --color-overlay-dark{inherits: true; initial-value: #000c; syntax: "<color>";}@property --color-overlay-medium{inherits: true; initial-value: #0009; syntax: "<color>";}@property --color-primary{inherits: true; initial-value: #06f; syntax: "<color>";}@property --color-secondary{inherits: true; initial-value: #5333ff; syntax: "<color>";}@property --color-success{inherits: true; initial-value: #10b981; syntax: "<color>";}@property --color-warning{inherits: true; initial-value: #f59e0b; syntax: "<color>";}@property --color-error{inherits: true; initial-value: #ef4444; syntax: "<color>";}@property --color-info{inherits: true; initial-value: #06f; syntax: "<color>";}@property --color-neutral{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-text{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-text-muted{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-text-inverse{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-background{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-surface{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-surface-elevated{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-border{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-border-strong{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-transition-primary{inherits: true; initial-value: #06f; syntax: "<color>";}@property --color-transition-surface{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-transition-text{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-primary-50{inherits: true; initial-value: #eff6ff; syntax: "<color>";}@property --color-primary-100{inherits: true; initial-value: #dbeafe; syntax: "<color>";}@property --color-primary-200{inherits: true; initial-value: #bfdbfe; syntax: "<color>";}@property --color-primary-300{inherits: true; initial-value: #93c5fd; syntax: "<color>";}@property --color-primary-400{inherits: true; initial-value: #60a5fa; syntax: "<color>";}@property --color-primary-500{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --color-primary-600{inherits: true; initial-value: #2563eb; syntax: "<color>";}@property --color-primary-700{inherits: true; initial-value: #1d4ed8; syntax: "<color>";}@property --color-primary-800{inherits: true; initial-value: #1e40af; syntax: "<color>";}@property --color-primary-900{inherits: true; initial-value: #1e3a8a; syntax: "<color>";}@property --color-secondary-50{inherits: true; initial-value: #f8fafc; syntax: "<color>";}@property --color-secondary-100{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --color-secondary-200{inherits: true; initial-value: #e2e8f0; syntax: "<color>";}@property --color-secondary-300{inherits: true; initial-value: #cbd5e1; syntax: "<color>";}@property --color-secondary-400{inherits: true; initial-value: #94a3b8; syntax: "<color>";}@property --color-secondary-500{inherits: true; initial-value: #64748b; syntax: "<color>";}@property --color-secondary-600{inherits: true; initial-value: #475569; syntax: "<color>";}@property --color-secondary-700{inherits: true; initial-value: #334155; syntax: "<color>";}@property --color-secondary-800{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --color-secondary-900{inherits: true; initial-value: #0f172a; syntax: "<color>";}@property --color-success-50{inherits: true; initial-value: #ecfdf5; syntax: "<color>";}@property --color-success-100{inherits: true; initial-value: #d1fae5; syntax: "<color>";}@property --color-success-200{inherits: true; initial-value: #a7f3d0; syntax: "<color>";}@property --color-success-300{inherits: true; initial-value: #6ee7b7; syntax: "<color>";}@property --color-success-400{inherits: true; initial-value: #34d399; syntax: "<color>";}@property --color-success-500{inherits: true; initial-value: #10b981; syntax: "<color>";}@property --color-success-600{inherits: true; initial-value: #059669; syntax: "<color>";}@property --color-success-700{inherits: true; initial-value: #047857; syntax: "<color>";}@property --color-success-800{inherits: true; initial-value: #065f46; syntax: "<color>";}@property --color-success-900{inherits: true; initial-value: #064e3b; syntax: "<color>";}@property --color-warning-50{inherits: true; initial-value: #fffbeb; syntax: "<color>";}@property --color-warning-100{inherits: true; initial-value: #fef3c7; syntax: "<color>";}@property --color-warning-200{inherits: true; initial-value: #fde68a; syntax: "<color>";}@property --color-warning-300{inherits: true; initial-value: #fcd34d; syntax: "<color>";}@property --color-warning-400{inherits: true; initial-value: #fbbf24; syntax: "<color>";}@property --color-warning-500{inherits: true; initial-value: #f59e0b; syntax: "<color>";}@property --color-warning-600{inherits: true; initial-value: #d97706; syntax: "<color>";}@property --color-warning-700{inherits: true; initial-value: #b45309; syntax: "<color>";}@property --color-warning-800{inherits: true; initial-value: #92400e; syntax: "<color>";}@property --color-warning-900{inherits: true; initial-value: #78350f; syntax: "<color>";}@property --color-error-50{inherits: true; initial-value: #fef2f2; syntax: "<color>";}@property --color-error-100{inherits: true; initial-value: #fee2e2; syntax: "<color>";}@property --color-error-200{inherits: true; initial-value: #fecaca; syntax: "<color>";}@property --color-error-300{inherits: true; initial-value: #fca5a5; syntax: "<color>";}@property --color-error-400{inherits: true; initial-value: #f87171; syntax: "<color>";}@property --color-error-500{inherits: true; initial-value: #ef4444; syntax: "<color>";}@property --color-error-600{inherits: true; initial-value: #dc2626; syntax: "<color>";}@property --color-error-700{inherits: true; initial-value: #b91c1c; syntax: "<color>";}@property --color-error-800{inherits: true; initial-value: #991b1b; syntax: "<color>";}@property --color-error-900{inherits: true; initial-value: #7f1d1d; syntax: "<color>";}@property --color-info-50{inherits: true; initial-value: #f0f9ff; syntax: "<color>";}@property --color-info-100{inherits: true; initial-value: #e0f2fe; syntax: "<color>";}@property --color-info-200{inherits: true; initial-value: #bae6fd; syntax: "<color>";}@property --color-info-300{inherits: true; initial-value: #7dd3fc; syntax: "<color>";}@property --color-info-400{inherits: true; initial-value: #38bdf8; syntax: "<color>";}@property --color-info-500{inherits: true; initial-value: #0ea5e9; syntax: "<color>";}@property --color-info-600{inherits: true; initial-value: #0284c7; syntax: "<color>";}@property --color-info-700{inherits: true; initial-value: #0369a1; syntax: "<color>";}@property --color-info-800{inherits: true; initial-value: #075985; syntax: "<color>";}@property --color-info-900{inherits: true; initial-value: #0c4a6e; syntax: "<color>";}@property --color-neutral-50{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-neutral-100{inherits: true; initial-value: #f3f4f6; syntax: "<color>";}@property --color-neutral-200{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-neutral-300{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-neutral-400{inherits: true; initial-value: #9ca3af; syntax: "<color>";}@property --color-neutral-500{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-neutral-600{inherits: true; initial-value: #4b5563; syntax: "<color>";}@property --color-neutral-700{inherits: true; initial-value: #374151; syntax: "<color>";}@property --color-neutral-800{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-neutral-900{inherits: true; initial-value: #111827; syntax: "<color>";}@property --color-gray-50{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-gray-100{inherits: true; initial-value: #f3f4f6; syntax: "<color>";}@property --color-gray-200{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-gray-300{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-gray-400{inherits: true; initial-value: #9ca3af; syntax: "<color>";}@property --color-gray-500{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-gray-600{inherits: true; initial-value: #4b5563; syntax: "<color>";}@property --color-gray-700{inherits: true; initial-value: #374151; syntax: "<color>";}@property --color-gray-800{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-gray-900{inherits: true; initial-value: #111827; syntax: "<color>";}@property --color-text-50{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-text-100{inherits: true; initial-value: #f3f4f6; syntax: "<color>";}@property --color-text-200{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-text-300{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-text-400{inherits: true; initial-value: #9ca3af; syntax: "<color>";}@property --color-text-500{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-text-600{inherits: true; initial-value: #4b5563; syntax: "<color>";}@property --color-text-700{inherits: true; initial-value: #374151; syntax: "<color>";}@property --color-text-800{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-text-900{inherits: true; initial-value: #111827; syntax: "<color>";}@property --color-surface-50{inherits: true; initial-value: #fafafa; syntax: "<color>";}@property --color-surface-100{inherits: true; initial-value: #f5f5f5; syntax: "<color>";}@property --color-surface-200{inherits: true; initial-value: #eee; syntax: "<color>";}@property --color-surface-300{inherits: true; initial-value: #e0e0e0; syntax: "<color>";}@property --color-border-50{inherits: true; initial-value: #fafafa; syntax: "<color>";}@property --color-border-100{inherits: true; initial-value: #f4f4f5; syntax: "<color>";}@property --color-border-200{inherits: true; initial-value: #e4e4e7; syntax: "<color>";}@property --color-border-300{inherits: true; initial-value: #d4d4d8; syntax: "<color>";}@property --space-0{inherits: true; initial-value: 0; syntax: "<length>";}@property --space-px{inherits: true; initial-value: 1px; syntax: "<length>";}@property --space-1{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --space-2{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-3{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --space-4{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-5{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --space-6{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-7{inherits: true; initial-value: 1.75rem; syntax: "<length>";}@property --space-8{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --space-9{inherits: true; initial-value: 2.25rem; syntax: "<length>";}@property --space-10{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --space-11{inherits: true; initial-value: 2.75rem; syntax: "<length>";}@property --space-12{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --space-14{inherits: true; initial-value: 3.5rem; syntax: "<length>";}@property --space-16{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --space-20{inherits: true; initial-value: 5rem; syntax: "<length>";}@property --space-24{inherits: true; initial-value: 6rem; syntax: "<length>";}@property --space-28{inherits: true; initial-value: 7rem; syntax: "<length>";}@property --space-32{inherits: true; initial-value: 8rem; syntax: "<length>";}@property --space-36{inherits: true; initial-value: 9rem; syntax: "<length>";}@property --space-40{inherits: true; initial-value: 10rem; syntax: "<length>";}@property --space-44{inherits: true; initial-value: 11rem; syntax: "<length>";}@property --space-48{inherits: true; initial-value: 12rem; syntax: "<length>";}@property --space-52{inherits: true; initial-value: 13rem; syntax: "<length>";}@property --space-56{inherits: true; initial-value: 14rem; syntax: "<length>";}@property --space-60{inherits: true; initial-value: 15rem; syntax: "<length>";}@property --space-64{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --space-72{inherits: true; initial-value: 18rem; syntax: "<length>";}@property --space-80{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --space-96{inherits: true; initial-value: 24rem; syntax: "<length>";}@property --space-large-200{inherits: true; initial-value: 200px; syntax: "<length>";}@property --space-large-30rem{inherits: true; initial-value: 30rem; syntax: "<length>";}@property --space-small-10px{inherits: true; initial-value: 10px; syntax: "<length>";}@property --space-xs{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --space-sm{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-md{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-lg{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-xl{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --space-2xl{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --space-3xl{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --space-button-padding-x{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-button-padding-y{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-card-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-form-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-section-gap{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --space-input-padding{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --space-modal-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-gap-xs{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --space-gap-sm{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --space-gap-md{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-gap-lg{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --space-gap-xl{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --space-container-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-grid-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-flex-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-transition-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-transition-margin{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --space-transition-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}:root{--space-0:0;--space-px:1px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--space-button-padding-x:var(--space-md);--space-button-padding-y:var(--space-sm);--space-card-padding:var(--space-lg);--space-form-gap:var(--space-md);--space-section-gap:var(--space-3xl);--space-container-padding:var(--space-md);--space-grid-gap:var(--space-md);--space-flex-gap:var(--space-md);--space-transition-padding:var(--space-md);--space-transition-margin:var(--space-md);--space-transition-gap:var(--space-md)}@property --font-size-xs{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --font-size-sm{inherits: true; initial-value: .875rem; syntax: "<length>";}@property --font-size-base{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --font-size-lg{inherits: true; initial-value: 1.125rem; syntax: "<length>";}@property --font-size-xl{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --font-size-2xl{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --font-size-3xl{inherits: true; initial-value: 1.875rem; syntax: "<length>";}@property --font-size-4xl{inherits: true; initial-value: 2.25rem; syntax: "<length>";}@property --font-size-5xl{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --font-size-6xl{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --text-xs{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --text-sm{inherits: true; initial-value: .875rem; syntax: "<length>";}@property --text-base{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --text-lg{inherits: true; initial-value: 1.125rem; syntax: "<length>";}@property --text-xl{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --text-2xl{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --line-height-tight{inherits: true; initial-value: 1.25; syntax: "<number>";}@property --line-height-snug{inherits: true; initial-value: 1.375; syntax: "<number>";}@property --line-height-normal{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --line-height-relaxed{inherits: true; initial-value: 1.625; syntax: "<number>";}@property --line-height-loose{inherits: true; initial-value: 2; syntax: "<number>";}@property --font-weight-thin{inherits: true; initial-value: 100; syntax: "<number>";}@property --font-weight-extralight{inherits: true; initial-value: 200; syntax: "<number>";}@property --font-weight-light{inherits: true; initial-value: 300; syntax: "<number>";}@property --font-weight-normal{inherits: true; initial-value: 400; syntax: "<number>";}@property --font-weight-medium{inherits: true; initial-value: 500; syntax: "<number>";}@property --font-weight-semibold{inherits: true; initial-value: 600; syntax: "<number>";}@property --font-weight-bold{inherits: true; initial-value: 700; syntax: "<number>";}@property --font-weight-extrabold{inherits: true; initial-value: 800; syntax: "<number>";}@property --font-weight-black{inherits: true; initial-value: 900; syntax: "<number>";}@property --font-light{inherits: true; initial-value: 300; syntax: "<number>";}@property --font-normal{inherits: true; initial-value: 400; syntax: "<number>";}@property --font-medium{inherits: true; initial-value: 500; syntax: "<number>";}@property --font-semibold{inherits: true; initial-value: 600; syntax: "<number>";}@property --font-bold{inherits: true; initial-value: 700; syntax: "<number>";}@property --letter-spacing-tighter{inherits: true; initial-value: -.05em; syntax: "<length>";}@property --letter-spacing-tight{inherits: true; initial-value: -.025em; syntax: "<length>";}@property --letter-spacing-normal{inherits: true; initial-value: 0; syntax: "<length>";}@property --letter-spacing-wide{inherits: true; initial-value: .025em; syntax: "<length>";}@property --letter-spacing-wider{inherits: true; initial-value: .05em; syntax: "<length>";}@property --letter-spacing-widest{inherits: true; initial-value: .1em; syntax: "<length>";}@property --font-size-transition{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --line-height-transition{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --letter-spacing-transition{inherits: true; initial-value: 0; syntax: "<length>";}@property --radius-none{inherits: true; initial-value: 0; syntax: "<length>";}@property --radius-xs{inherits: true; initial-value: .125rem; syntax: "<length>";}@property --radius-sm{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --radius-md{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-lg{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --radius-xl{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --radius-2xl{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --radius-3xl{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --radius-full{inherits: true; initial-value: 9999px; syntax: "<length-percentage>";}@property --radius-button{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-card{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --radius-input{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-modal{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --radius-badge{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --radius-avatar{inherits: true; initial-value: 50; syntax: "<length-percentage>";}@property --radius-hover{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --radius-focus{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-transition{inherits: true; initial-value: .375rem; syntax: "<length>";}@property --radius-transition-hover{inherits: true; initial-value: .5rem; syntax: "<length>";}:root{--radius-none:0;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--radius-button:var(--radius-md);--radius-card:var(--radius-lg);--radius-input:var(--radius-md);--radius-modal:var(--radius-xl);--radius-badge:var(--radius-sm);--radius-avatar:50;--radius-hover:var(--radius-lg);--radius-focus:var(--radius-md);--radius-transition:var(--radius-md);--radius-transition-hover:var(--radius-lg);--border-radius-none:var(--radius-none);--border-radius-sm:var(--radius-sm);--border-radius-md:var(--radius-md);--border-radius-lg:var(--radius-lg);--border-radius-xl:var(--radius-xl);--border-radius-full:var(--radius-full)}@property --shadow-none{inherits: false; initial-value: none;}@property --shadow-xs{inherits: false; initial-value: 0 1px 2px 0 #0000000d;}@property --shadow-sm{inherits: false; initial-value: 0 1px 2px 0 #0000000d;}@property --shadow-md{inherits: false; initial-value: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;}@property --shadow-lg{inherits: false; initial-value: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;}@property --shadow-xl{inherits: false; initial-value: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;}@property --shadow-2xl{inherits: false; initial-value: 0 25px 50px -12px #00000040;}@property --shadow-inner{inherits: false; initial-value: inset 0 2px 4px 0 #0000000d;}@property --shadow-card{inherits: false; initial-value: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;}@property --shadow-modal{inherits: false; initial-value: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;}@property --shadow-dropdown{inherits: false; initial-value: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;}@property --shadow-tooltip{inherits: false; initial-value: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;}@property --shadow-button{inherits: false; initial-value: 0 1px 2px 0 #0000000d;}@property --shadow-button-hover{inherits: false; initial-value: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;}:root{--container-sm:640px;--container-md:768px}@property --shadow-color{inherits: true; initial-value: #000; syntax: "<color>";}@property --shadow-opacity-sm{inherits: true; initial-value: .05; syntax: "<number>";}@property --shadow-opacity-md{inherits: true; initial-value: .1; syntax: "<number>";}@property --shadow-opacity-lg{inherits: true; initial-value: .15; syntax: "<number>";}@property --shadow-opacity-xl{inherits: true; initial-value: .25; syntax: "<number>";}@property --transition-duration-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --transition-duration-normal{inherits: true; initial-value: .3s; syntax: "<time>";}@property --transition-duration-slow{inherits: true; initial-value: .5s; syntax: "<time>";}@property --opacity-disabled{inherits: true; initial-value: .5; syntax: "<number>";}@property --opacity-hover{inherits: true; initial-value: .8; syntax: "<number>";}@property --opacity-overlay{inherits: true; initial-value: .5; syntax: "<number>";}@property --color-backdrop{inherits: true; initial-value: #000; syntax: "<color>";}@property --color-tooltip-background{inherits: true; initial-value: #000; syntax: "<color>";}@property --color-tooltip-text{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-focus{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --color-focus-glow{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --color-gradient-start{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --color-gradient-end{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --color-background-subtle{inherits: true; initial-value: #54353505; syntax: "<color>";}@property --color-background-muted{inherits: true; initial-value: #0000000d; syntax: "<color>";}@property --color-status{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --alert-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --alert-padding-sm{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --alert-padding-lg{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --alert-gap{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --alert-border-radius{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --badge-padding-xs{inherits: true; initial-value: .15rem .35rem; syntax: "*";}@property --badge-padding-sm{inherits: true; initial-value: .2rem .4rem; syntax: "*";}@property --badge-padding-md{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --badge-padding-lg{inherits: true; initial-value: .3rem .6rem; syntax: "*";}@property --badge-min-width-xs{inherits: true; initial-value: 1.2rem; syntax: "<length>";}@property --badge-min-width-sm{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --badge-min-width-md{inherits: true; initial-value: 1.75rem; syntax: "<length>";}@property --badge-min-width-lg{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --card-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --card-padding-fluid{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --card-gap{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --card-grid-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --card-grid-min-width{inherits: true; initial-value: 250px; syntax: "<length>";}@property --button-padding-sm{inherits: true; initial-value: .5rem .75rem; syntax: "*";}@property --button-padding-md{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --button-padding-lg{inherits: true; initial-value: 1rem 1.5rem; syntax: "*";}@property --button-height-sm{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --button-height-md{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --button-height-lg{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --input-padding{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --input-height{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --input-border-width{inherits: true; initial-value: 1px; syntax: "<length>";}@property --modal-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --modal-header-padding{inherits: true; initial-value: 1.5rem 1.5rem 1rem; syntax: "*";}@property --modal-footer-padding{inherits: true; initial-value: 1rem 1.5rem 1.5rem; syntax: "*";}@property --modal-max-width{inherits: true; initial-value: 32rem; syntax: "<length>";}@property --table-cell-padding{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --table-header-padding{inherits: true; initial-value: 1rem .75rem; syntax: "*";}@property --avatar-size-xs{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --avatar-size-sm{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --avatar-size-md{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --avatar-size-lg{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --avatar-size-xl{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --tooltip-padding{inherits: true; initial-value: .5rem .75rem; syntax: "*";}@property --tooltip-max-width{inherits: true; initial-value: 200px; syntax: "<length>";}@property --tooltip-arrow-size{inherits: true; initial-value: 4px; syntax: "<length>";}@property --progress-height{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --progress-height-sm{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --progress-height-lg{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --spinner-size-sm{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --spinner-size-md{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --spinner-size-lg{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --spinner-border-width{inherits: true; initial-value: 2px; syntax: "<length>";}@property --breadcrumb-separator-spacing{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --breadcrumb-item-padding{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --tab-padding{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --tab-border-width{inherits: true; initial-value: 2px; syntax: "<length>";}@property --drawer-width{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --drawer-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --pagination-item-size{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --pagination-gap{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --nav-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --nav-padding-compact{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --nav-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --nav-gap-compact{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --nav-item-padding{inherits: true; initial-value: .5rem .75rem; syntax: "*";}@property --nav-section-gap{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --topbar-min-height{inherits: true; initial-value: 3.5rem; syntax: "<length>";}@property --topbar-z-index{inherits: true; initial-value: 100; syntax: "<integer>";}@property --topbar-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --topbar-transition{inherits: true; initial-value: all .2s ease; syntax: "*";}@property --sidebar-width{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --sidebar-width-narrow{inherits: true; initial-value: 12rem; syntax: "<length>";}@property --sidebar-width-wide{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --sidebar-width-collapsed{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --sidebar-z-index{inherits: true; initial-value: 200; syntax: "<integer>";}@property --sidebar-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --sidebar-shadow{inherits: true; initial-value: 0 1px 3px 0 #000; syntax: "*";}@property --sidebar-transition{inherits: true; initial-value: width .3s ease; syntax: "*";}@property --mobile-nav-width{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --mobile-nav-width-narrow{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --mobile-nav-width-wide{inherits: true; initial-value: 24rem; syntax: "<length>";}@property --mobile-nav-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --mobile-nav-max-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --mobile-nav-z-index{inherits: true; initial-value: 1000; syntax: "<integer>";}@property --mobile-nav-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --mobile-nav-transition{inherits: true; initial-value: transform .3s ease; syntax: "*";}@property --off-canvas-width{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --off-canvas-width-narrow{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --off-canvas-width-wide{inherits: true; initial-value: 24rem; syntax: "<length>";}@property --off-canvas-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --off-canvas-max-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --off-canvas-z-index{inherits: true; initial-value: 1000; syntax: "<integer>";}@property --off-canvas-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --off-canvas-transition{inherits: true; initial-value: transform .3s ease; syntax: "*";}@property --off-canvas-backdrop{inherits: true; initial-value: #000; syntax: "<color>";}@property --breadcrumb-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --container-7xl{inherits: true; initial-value: 80rem; syntax: "<length>";}@property --header-max-width{inherits: true; initial-value: 80rem; syntax: "<length>";}@property --header-transition{inherits: true; initial-value: all .2s ease; syntax: "*";}@property --blog-max-width{inherits: true; initial-value: 65ch; syntax: "<length>";}@property --blog-content-spacing{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --blog-card-hover-transform{inherits: true; initial-value: translateY(-4px); syntax: "*";}@property --tag-padding-sm{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --tag-padding-md{inherits: true; initial-value: .375rem .75rem; syntax: "*";}@property --tag-padding-lg{inherits: true; initial-value: .5rem 1rem; syntax: "*";}@property --tag-border-radius{inherits: true; initial-value: 9999px; syntax: "<length>";}@property --tag-transition{inherits: true; initial-value: background-color .15s ease-in-out; syntax: "*";}@property --code-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --code-inline-padding{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --code-line-height{inherits: true; initial-value: 1.4; syntax: "<number>";}@property --widget-header-padding{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --widget-body-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --widget-footer-padding{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --widget-action-padding{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --skeleton-height-sm{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --skeleton-height-md{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --skeleton-height-lg{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --skeleton-animation-duration{inherits: true; initial-value: 1.5s; syntax: "<time>";}@property --color-twitter{inherits: true; initial-value: #1da1f2; syntax: "<color>";}@property --color-facebook{inherits: true; initial-value: #4267b2; syntax: "<color>";}@property --color-linkedin{inherits: true; initial-value: #0077b5; syntax: "<color>";}@property --header-height-sm{inherits: true; initial-value: 48px; syntax: "<length>";}@property --header-height-md{inherits: true; initial-value: 64px; syntax: "<length>";}@property --header-height-lg{inherits: true; initial-value: 80px; syntax: "<length>";}@property --header-z-index{inherits: true; initial-value: 1000; syntax: "<integer>";}@property --header-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --header-logo-max-height{inherits: true; initial-value: 40px; syntax: "<length>";}@property --header-hamburger-size{inherits: true; initial-value: 24px; syntax: "<length>";}@property --header-mobile-breakpoint{inherits: true; initial-value: 768px; syntax: "<length>";}@property --footer-columns{inherits: true; initial-value: 4; syntax: "<integer>";}@property --footer-column-gap{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --footer-line-height{inherits: true; initial-value: 1.6; syntax: "<number>";}@property --main-max-width{inherits: true; initial-value: 1200px; syntax: "<length>";}@property --main-max-width-narrow{inherits: true; initial-value: 800px; syntax: "<length>";}@property --main-max-width-wide{inherits: true; initial-value: 1400px; syntax: "<length>";}@property --main-line-height{inherits: true; initial-value: 1.6; syntax: "<number>";}@property --main-mobile-breakpoint{inherits: true; initial-value: 768px; syntax: "<length>";}@property --main-tablet-breakpoint{inherits: true; initial-value: 1024px; syntax: "<length>";}@property --sidebar-grid-columns{inherits: true; initial-value: 3; syntax: "<integer>";}@property --shadow-color{inherits: true; initial-value: #000; syntax: "<color>";}@property --shadow-opacity-sm{inherits: true; initial-value: .05; syntax: "<number>";}@property --shadow-opacity-md{inherits: true; initial-value: .1; syntax: "<number>";}@property --shadow-opacity-lg{inherits: true; initial-value: .15; syntax: "<number>";}@property --shadow-opacity-xl{inherits: true; initial-value: .25; syntax: "<number>";}@property --transition-duration-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --transition-duration-normal{inherits: true; initial-value: .3s; syntax: "<time>";}@property --transition-duration-slow{inherits: true; initial-value: .5s; syntax: "<time>";}@property --opacity-disabled{inherits: true; initial-value: .5; syntax: "<number>";}@property --opacity-hover{inherits: true; initial-value: .8; syntax: "<number>";}@property --opacity-overlay{inherits: true; initial-value: .5; syntax: "<number>";}@property --color-backdrop{inherits: true; initial-value: #000; syntax: "<color>";}@property --color-tooltip-background{inherits: true; initial-value: #000; syntax: "<color>";}@property --color-tooltip-text{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-focus{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --color-focus-glow{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --color-gradient-start{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --color-gradient-end{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --color-background-subtle{inherits: true; initial-value: #54353505; syntax: "<color>";}@property --color-background-muted{inherits: true; initial-value: #0000000d; syntax: "<color>";}@property --color-status{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --alert-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --alert-padding-sm{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --alert-padding-lg{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --alert-gap{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --alert-border-radius{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --badge-padding-xs{inherits: true; initial-value: .15rem .35rem; syntax: "*";}@property --badge-padding-sm{inherits: true; initial-value: .2rem .4rem; syntax: "*";}@property --badge-padding-md{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --badge-padding-lg{inherits: true; initial-value: .3rem .6rem; syntax: "*";}@property --badge-min-width-xs{inherits: true; initial-value: 1.2rem; syntax: "<length>";}@property --badge-min-width-sm{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --badge-min-width-md{inherits: true; initial-value: 1.75rem; syntax: "<length>";}@property --badge-min-width-lg{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --card-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --card-padding-fluid{inherits: true; initial-value: 1.25rem; syntax: "<length>";}@property --card-gap{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --card-grid-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --card-grid-min-width{inherits: true; initial-value: 250px; syntax: "<length>";}@property --button-padding-sm{inherits: true; initial-value: .5rem .75rem; syntax: "*";}@property --button-padding-md{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --button-padding-lg{inherits: true; initial-value: 1rem 1.5rem; syntax: "*";}@property --button-height-sm{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --button-height-md{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --button-height-lg{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --input-padding{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --input-height{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --input-border-width{inherits: true; initial-value: 1px; syntax: "<length>";}@property --modal-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --modal-header-padding{inherits: true; initial-value: 1.5rem 1.5rem 1rem; syntax: "*";}@property --modal-footer-padding{inherits: true; initial-value: 1rem 1.5rem 1.5rem; syntax: "*";}@property --modal-max-width{inherits: true; initial-value: 32rem; syntax: "<length>";}@property --table-cell-padding{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --table-header-padding{inherits: true; initial-value: 1rem .75rem; syntax: "*";}@property --avatar-size-xs{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --avatar-size-sm{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --avatar-size-md{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --avatar-size-lg{inherits: true; initial-value: 3rem; syntax: "<length>";}@property --avatar-size-xl{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --tooltip-padding{inherits: true; initial-value: .5rem .75rem; syntax: "*";}@property --tooltip-max-width{inherits: true; initial-value: 200px; syntax: "<length>";}@property --tooltip-arrow-size{inherits: true; initial-value: 4px; syntax: "<length>";}@property --progress-height{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --progress-height-sm{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --progress-height-lg{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --spinner-size-sm{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --spinner-size-md{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --spinner-size-lg{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --spinner-border-width{inherits: true; initial-value: 2px; syntax: "<length>";}@property --breadcrumb-separator-spacing{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --breadcrumb-item-padding{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --tab-padding{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --tab-border-width{inherits: true; initial-value: 2px; syntax: "<length>";}@property --drawer-width{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --drawer-padding{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --pagination-item-size{inherits: true; initial-value: 2.5rem; syntax: "<length>";}@property --pagination-gap{inherits: true; initial-value: .25rem; syntax: "<length>";}@property --nav-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --nav-padding-compact{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --nav-gap{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --nav-gap-compact{inherits: true; initial-value: .5rem; syntax: "<length>";}@property --nav-item-padding{inherits: true; initial-value: .5rem .75rem; syntax: "*";}@property --nav-section-gap{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --topbar-min-height{inherits: true; initial-value: 3.5rem; syntax: "<length>";}@property --topbar-z-index{inherits: true; initial-value: 100; syntax: "<integer>";}@property --topbar-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --topbar-transition{inherits: true; initial-value: all .2s ease; syntax: "*";}@property --sidebar-width{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --sidebar-width-narrow{inherits: true; initial-value: 12rem; syntax: "<length>";}@property --sidebar-width-wide{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --sidebar-width-collapsed{inherits: true; initial-value: 4rem; syntax: "<length>";}@property --sidebar-z-index{inherits: true; initial-value: 200; syntax: "<integer>";}@property --sidebar-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --sidebar-shadow{inherits: true; initial-value: 0 1px 3px 0 #000; syntax: "*";}@property --sidebar-transition{inherits: true; initial-value: width .3s ease; syntax: "*";}@property --mobile-nav-width{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --mobile-nav-width-narrow{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --mobile-nav-width-wide{inherits: true; initial-value: 24rem; syntax: "<length>";}@property --mobile-nav-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --mobile-nav-max-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --mobile-nav-z-index{inherits: true; initial-value: 1000; syntax: "<integer>";}@property --mobile-nav-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --mobile-nav-transition{inherits: true; initial-value: transform .3s ease; syntax: "*";}@property --off-canvas-width{inherits: true; initial-value: 20rem; syntax: "<length>";}@property --off-canvas-width-narrow{inherits: true; initial-value: 16rem; syntax: "<length>";}@property --off-canvas-width-wide{inherits: true; initial-value: 24rem; syntax: "<length>";}@property --off-canvas-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --off-canvas-max-height{inherits: true; initial-value: 100; syntax: "<length>";}@property --off-canvas-z-index{inherits: true; initial-value: 1000; syntax: "<integer>";}@property --off-canvas-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --off-canvas-transition{inherits: true; initial-value: transform .3s ease; syntax: "*";}@property --off-canvas-backdrop{inherits: true; initial-value: #000; syntax: "<color>";}@property --breadcrumb-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --container-7xl{inherits: true; initial-value: 80rem; syntax: "<length>";}@property --header-max-width{inherits: true; initial-value: 80rem; syntax: "<length>";}@property --header-transition{inherits: true; initial-value: all .2s ease; syntax: "*";}@property --blog-max-width{inherits: true; initial-value: 65ch; syntax: "<length>";}@property --blog-content-spacing{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --blog-card-hover-transform{inherits: true; initial-value: translateY(-4px); syntax: "*";}@property --tag-padding-sm{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --tag-padding-md{inherits: true; initial-value: .375rem .75rem; syntax: "*";}@property --tag-padding-lg{inherits: true; initial-value: .5rem 1rem; syntax: "*";}@property --tag-border-radius{inherits: true; initial-value: 9999px; syntax: "<length>";}@property --tag-transition{inherits: true; initial-value: background-color .15s ease-in-out; syntax: "*";}@property --code-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --code-inline-padding{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --code-line-height{inherits: true; initial-value: 1.4; syntax: "<number>";}@property --widget-header-padding{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --widget-body-padding{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --widget-footer-padding{inherits: true; initial-value: .75rem 1rem; syntax: "*";}@property --widget-action-padding{inherits: true; initial-value: .25rem .5rem; syntax: "*";}@property --skeleton-height-sm{inherits: true; initial-value: .75rem; syntax: "<length>";}@property --skeleton-height-md{inherits: true; initial-value: 1rem; syntax: "<length>";}@property --skeleton-height-lg{inherits: true; initial-value: 1.5rem; syntax: "<length>";}@property --skeleton-animation-duration{inherits: true; initial-value: 1.5s; syntax: "<time>";}@property --color-twitter{inherits: true; initial-value: #1da1f2; syntax: "<color>";}@property --color-facebook{inherits: true; initial-value: #4267b2; syntax: "<color>";}@property --color-linkedin{inherits: true; initial-value: #0077b5; syntax: "<color>";}@property --header-height-sm{inherits: true; initial-value: 48px; syntax: "<length>";}@property --header-height-md{inherits: true; initial-value: 64px; syntax: "<length>";}@property --header-height-lg{inherits: true; initial-value: 80px; syntax: "<length>";}@property --header-z-index{inherits: true; initial-value: 1000; syntax: "<integer>";}@property --header-line-height{inherits: true; initial-value: 1.5; syntax: "<number>";}@property --header-logo-max-height{inherits: true; initial-value: 40px; syntax: "<length>";}@property --header-hamburger-size{inherits: true; initial-value: 24px; syntax: "<length>";}@property --header-mobile-breakpoint{inherits: true; initial-value: 768px; syntax: "<length>";}@property --footer-columns{inherits: true; initial-value: 4; syntax: "<integer>";}@property --footer-column-gap{inherits: true; initial-value: 2rem; syntax: "<length>";}@property --footer-line-height{inherits: true; initial-value: 1.6; syntax: "<number>";}@property --main-max-width{inherits: true; initial-value: 1200px; syntax: "<length>";}@property --main-max-width-narrow{inherits: true; initial-value: 800px; syntax: "<length>";}@property --main-max-width-wide{inherits: true; initial-value: 1400px; syntax: "<length>";}@property --main-line-height{inherits: true; initial-value: 1.6; syntax: "<number>";}@property --main-mobile-breakpoint{inherits: true; initial-value: 768px; syntax: "<length>";}@property --main-tablet-breakpoint{inherits: true; initial-value: 1024px; syntax: "<length>";}@property --sidebar-grid-columns{inherits: true; initial-value: 3; syntax: "<integer>";}@property --color-white{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-black{inherits: true; initial-value: #000; syntax: "<color>";}@property --color-gray-very-dark{inherits: true; initial-value: #1a1a1a; syntax: "<color>";}@property --color-gray-medium{inherits: true; initial-value: #6b6b6b; syntax: "<color>";}@property --color-gray-very-light{inherits: true; initial-value: #f2f2f2; syntax: "<color>";}@property --color-overlay-dark{inherits: true; initial-value: #000c; syntax: "<color>";}@property --color-overlay-medium{inherits: true; initial-value: #0009; syntax: "<color>";}@property --color-primary{inherits: true; initial-value: #06f; syntax: "<color>";}@property --color-secondary{inherits: true; initial-value: #5333ff; syntax: "<color>";}@property --color-success{inherits: true; initial-value: #10b981; syntax: "<color>";}@property --color-warning{inherits: true; initial-value: #f59e0b; syntax: "<color>";}@property --color-error{inherits: true; initial-value: #ef4444; syntax: "<color>";}@property --color-info{inherits: true; initial-value: #06f; syntax: "<color>";}@property --color-neutral{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-text{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-text-muted{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-text-inverse{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-background{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-surface{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-surface-elevated{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-border{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-border-strong{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-transition-primary{inherits: true; initial-value: #06f; syntax: "<color>";}@property --color-transition-surface{inherits: true; initial-value: #fff; syntax: "<color>";}@property --color-transition-text{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-primary-50{inherits: true; initial-value: #eff6ff; syntax: "<color>";}@property --color-primary-100{inherits: true; initial-value: #dbeafe; syntax: "<color>";}@property --color-primary-200{inherits: true; initial-value: #bfdbfe; syntax: "<color>";}@property --color-primary-300{inherits: true; initial-value: #93c5fd; syntax: "<color>";}@property --color-primary-400{inherits: true; initial-value: #60a5fa; syntax: "<color>";}@property --color-primary-500{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --color-primary-600{inherits: true; initial-value: #2563eb; syntax: "<color>";}@property --color-primary-700{inherits: true; initial-value: #1d4ed8; syntax: "<color>";}@property --color-primary-800{inherits: true; initial-value: #1e40af; syntax: "<color>";}@property --color-primary-900{inherits: true; initial-value: #1e3a8a; syntax: "<color>";}@property --color-secondary-50{inherits: true; initial-value: #f8fafc; syntax: "<color>";}@property --color-secondary-100{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --color-secondary-200{inherits: true; initial-value: #e2e8f0; syntax: "<color>";}@property --color-secondary-300{inherits: true; initial-value: #cbd5e1; syntax: "<color>";}@property --color-secondary-400{inherits: true; initial-value: #94a3b8; syntax: "<color>";}@property --color-secondary-500{inherits: true; initial-value: #64748b; syntax: "<color>";}@property --color-secondary-600{inherits: true; initial-value: #475569; syntax: "<color>";}@property --color-secondary-700{inherits: true; initial-value: #334155; syntax: "<color>";}@property --color-secondary-800{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --color-secondary-900{inherits: true; initial-value: #0f172a; syntax: "<color>";}@property --color-success-50{inherits: true; initial-value: #ecfdf5; syntax: "<color>";}@property --color-success-100{inherits: true; initial-value: #d1fae5; syntax: "<color>";}@property --color-success-200{inherits: true; initial-value: #a7f3d0; syntax: "<color>";}@property --color-success-300{inherits: true; initial-value: #6ee7b7; syntax: "<color>";}@property --color-success-400{inherits: true; initial-value: #34d399; syntax: "<color>";}@property --color-success-500{inherits: true; initial-value: #10b981; syntax: "<color>";}@property --color-success-600{inherits: true; initial-value: #059669; syntax: "<color>";}@property --color-success-700{inherits: true; initial-value: #047857; syntax: "<color>";}@property --color-success-800{inherits: true; initial-value: #065f46; syntax: "<color>";}@property --color-success-900{inherits: true; initial-value: #064e3b; syntax: "<color>";}@property --color-warning-50{inherits: true; initial-value: #fffbeb; syntax: "<color>";}@property --color-warning-100{inherits: true; initial-value: #fef3c7; syntax: "<color>";}@property --color-warning-200{inherits: true; initial-value: #fde68a; syntax: "<color>";}@property --color-warning-300{inherits: true; initial-value: #fcd34d; syntax: "<color>";}@property --color-warning-400{inherits: true; initial-value: #fbbf24; syntax: "<color>";}@property --color-warning-500{inherits: true; initial-value: #f59e0b; syntax: "<color>";}@property --color-warning-600{inherits: true; initial-value: #d97706; syntax: "<color>";}@property --color-warning-700{inherits: true; initial-value: #b45309; syntax: "<color>";}@property --color-warning-800{inherits: true; initial-value: #92400e; syntax: "<color>";}@property --color-warning-900{inherits: true; initial-value: #78350f; syntax: "<color>";}@property --color-error-50{inherits: true; initial-value: #fef2f2; syntax: "<color>";}@property --color-error-100{inherits: true; initial-value: #fee2e2; syntax: "<color>";}@property --color-error-200{inherits: true; initial-value: #fecaca; syntax: "<color>";}@property --color-error-300{inherits: true; initial-value: #fca5a5; syntax: "<color>";}@property --color-error-400{inherits: true; initial-value: #f87171; syntax: "<color>";}@property --color-error-500{inherits: true; initial-value: #ef4444; syntax: "<color>";}@property --color-error-600{inherits: true; initial-value: #dc2626; syntax: "<color>";}@property --color-error-700{inherits: true; initial-value: #b91c1c; syntax: "<color>";}@property --color-error-800{inherits: true; initial-value: #991b1b; syntax: "<color>";}@property --color-error-900{inherits: true; initial-value: #7f1d1d; syntax: "<color>";}@property --color-info-50{inherits: true; initial-value: #f0f9ff; syntax: "<color>";}@property --color-info-100{inherits: true; initial-value: #e0f2fe; syntax: "<color>";}@property --color-info-200{inherits: true; initial-value: #bae6fd; syntax: "<color>";}@property --color-info-300{inherits: true; initial-value: #7dd3fc; syntax: "<color>";}@property --color-info-400{inherits: true; initial-value: #38bdf8; syntax: "<color>";}@property --color-info-500{inherits: true; initial-value: #0ea5e9; syntax: "<color>";}@property --color-info-600{inherits: true; initial-value: #0284c7; syntax: "<color>";}@property --color-info-700{inherits: true; initial-value: #0369a1; syntax: "<color>";}@property --color-info-800{inherits: true; initial-value: #075985; syntax: "<color>";}@property --color-info-900{inherits: true; initial-value: #0c4a6e; syntax: "<color>";}@property --color-neutral-50{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-neutral-100{inherits: true; initial-value: #f3f4f6; syntax: "<color>";}@property --color-neutral-200{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-neutral-300{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-neutral-400{inherits: true; initial-value: #9ca3af; syntax: "<color>";}@property --color-neutral-500{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-neutral-600{inherits: true; initial-value: #4b5563; syntax: "<color>";}@property --color-neutral-700{inherits: true; initial-value: #374151; syntax: "<color>";}@property --color-neutral-800{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-neutral-900{inherits: true; initial-value: #111827; syntax: "<color>";}@property --color-gray-50{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-gray-100{inherits: true; initial-value: #f3f4f6; syntax: "<color>";}@property --color-gray-200{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-gray-300{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-gray-400{inherits: true; initial-value: #9ca3af; syntax: "<color>";}@property --color-gray-500{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-gray-600{inherits: true; initial-value: #4b5563; syntax: "<color>";}@property --color-gray-700{inherits: true; initial-value: #374151; syntax: "<color>";}@property --color-gray-800{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-gray-900{inherits: true; initial-value: #111827; syntax: "<color>";}@property --color-text-50{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --color-text-100{inherits: true; initial-value: #f3f4f6; syntax: "<color>";}@property --color-text-200{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --color-text-300{inherits: true; initial-value: #d1d5db; syntax: "<color>";}@property --color-text-400{inherits: true; initial-value: #9ca3af; syntax: "<color>";}@property --color-text-500{inherits: true; initial-value: #6b7280; syntax: "<color>";}@property --color-text-600{inherits: true; initial-value: #4b5563; syntax: "<color>";}@property --color-text-700{inherits: true; initial-value: #374151; syntax: "<color>";}@property --color-text-800{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --color-text-900{inherits: true; initial-value: #111827; syntax: "<color>";}@property --color-surface-50{inherits: true; initial-value: #fafafa; syntax: "<color>";}@property --color-surface-100{inherits: true; initial-value: #f5f5f5; syntax: "<color>";}@property --color-surface-200{inherits: true; initial-value: #eee; syntax: "<color>";}@property --color-surface-300{inherits: true; initial-value: #e0e0e0; syntax: "<color>";}@property --color-border-50{inherits: true; initial-value: #fafafa; syntax: "<color>";}@property --color-border-100{inherits: true; initial-value: #f4f4f5; syntax: "<color>";}@property --color-border-200{inherits: true; initial-value: #e4e4e7; syntax: "<color>";}@property --color-border-300{inherits: true; initial-value: #d4d4d8; syntax: "<color>";}}:root{--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--text-xs:var(--font-size-xs);--text-sm:var(--font-size-sm);--text-base:var(--font-size-base);--text-lg:var(--font-size-lg);--text-xl:var(--font-size-xl);--text-2xl:var(--font-size-2xl);--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--font-light:var(--font-weight-light);--font-normal:var(--font-weight-normal);--font-medium:var(--font-weight-medium);--font-semibold:var(--font-weight-semibold);--font-bold:var(--font-weight-bold);--font-family-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-family-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-sans:var(--font-family-sans);--font-serif:var(--font-family-serif);--font-mono:var(--font-family-mono);--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--font-size-transition:var(--font-size-base);--line-height-transition:var(--line-height-normal);--letter-spacing-transition:var(--letter-spacing-normal)}@layer tokens{@property --transition-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --transition-normal{inherits: true; initial-value: .25s; syntax: "<time>";}@property --transition-slow{inherits: true; initial-value: .4s; syntax: "<time>";}@property --transition-duration-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --transition-duration-normal{inherits: true; initial-value: .25s; syntax: "<time>";}@property --transition-duration-slow{inherits: true; initial-value: .4s; syntax: "<time>";}@property --transition-ease-out{inherits: true; initial-value: cubic-bezier(0,0,.2,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-ease-in{inherits: true; initial-value: cubic-bezier(.4,0,1,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-ease-in-out{inherits: true; initial-value: cubic-bezier(.4,0,.2,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-timing-ease{inherits: true; initial-value: cubic-bezier(.4,0,.2,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-bg{inherits: true; initial-value: #fff; syntax: "<color>";}@property --transition-fg{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --transition-border{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --transition-surface{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --transition-accent{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --transition-shadow-opacity{inherits: true; initial-value: .1; syntax: "<number>";}@property --transition-colors{inherits: true; initial-value: background-color .25s var(--transition-ease-out),color .25s var(--transition-ease-out),border-color .25s var(--transition-ease-out); syntax: "*";}@property --transition-transform{inherits: true; initial-value: transform .2s var(--transition-ease-out); syntax: "*";}@property --transition-opacity{inherits: true; initial-value: opacity .2s var(--transition-ease-out); syntax: "*";}@property --transition-shadow{inherits: true; initial-value: box-shadow .2s var(--transition-ease-out); syntax: "*";}@property --transition-all{inherits: true; initial-value: all .25s var(--transition-ease-out); syntax: "*";}@property --transition-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --transition-normal{inherits: true; initial-value: .25s; syntax: "<time>";}@property --transition-slow{inherits: true; initial-value: .4s; syntax: "<time>";}@property --transition-duration-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --transition-duration-normal{inherits: true; initial-value: .25s; syntax: "<time>";}@property --transition-duration-slow{inherits: true; initial-value: .4s; syntax: "<time>";}@property --transition-ease-out{inherits: true; initial-value: cubic-bezier(0,0,.2,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-ease-in{inherits: true; initial-value: cubic-bezier(.4,0,1,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-ease-in-out{inherits: true; initial-value: cubic-bezier(.4,0,.2,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-timing-ease{inherits: true; initial-value: cubic-bezier(.4,0,.2,1); syntax: "<custom-ident> | ease | ease-in | ease-out | ease-in-out | linear | step-start | step-end";}@property --transition-bg{inherits: true; initial-value: #fff; syntax: "<color>";}@property --transition-fg{inherits: true; initial-value: #1f2937; syntax: "<color>";}@property --transition-border{inherits: true; initial-value: #e5e7eb; syntax: "<color>";}@property --transition-surface{inherits: true; initial-value: #f9fafb; syntax: "<color>";}@property --transition-accent{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --transition-shadow-opacity{inherits: true; initial-value: .1; syntax: "<number>";}@property --transition-colors{inherits: true; initial-value: background-color .25s var(--transition-ease-out),color .25s var(--transition-ease-out),border-color .25s var(--transition-ease-out); syntax: "*";}@property --transition-transform{inherits: true; initial-value: transform .2s var(--transition-ease-out); syntax: "*";}@property --transition-opacity{inherits: true; initial-value: opacity .2s var(--transition-ease-out); syntax: "*";}@property --transition-shadow{inherits: true; initial-value: box-shadow .2s var(--transition-ease-out); syntax: "*";}@property --transition-all{inherits: true; initial-value: all .25s var(--transition-ease-out); syntax: "*";}}:root{--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.4s;--transition-duration-fast:var(--transition-fast);--transition-duration-normal:var(--transition-normal);--transition-duration-slow:var(--transition-slow);--transition-ease-out:ease-out;--transition-ease-in:ease-in;--transition-ease-in-out:ease-in-out;--transition-timing-ease:var(--transition-ease-in-out);--transition-colors:background-color var(--transition-normal)var(--transition-ease-out),color var(--transition-normal)var(--transition-ease-out),border-color var(--transition-normal)var(--transition-ease-out);--transition-transform:transform .2s var(--transition-ease-out);--transition-opacity:opacity .2s var(--transition-ease-out);--transition-shadow:box-shadow .2s var(--transition-ease-out);--transition-all:all var(--transition-normal)var(--transition-ease-out)}@layer tokens.themes{@property --theme-primary{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-primary-hover{inherits: true; initial-value: #4338ca; syntax: "<color>";}@property --theme-primary-active{inherits: true; initial-value: #3730a3; syntax: "<color>";}@property --theme-secondary{inherits: true; initial-value: #7c3aed; syntax: "<color>";}@property --theme-secondary-hover{inherits: true; initial-value: #6d28d9; syntax: "<color>";}@property --theme-secondary-active{inherits: true; initial-value: #5b21b6; syntax: "<color>";}@property --theme-background{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-background-subtle{inherits: true; initial-value: #f8fafc; syntax: "<color>";}@property --theme-surface{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --theme-surface-elevated{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-surface-overlay{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-text{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --theme-text-muted{inherits: true; initial-value: #64748b; syntax: "<color>";}@property --theme-text-subtle{inherits: true; initial-value: #94a3b8; syntax: "<color>";}@property --theme-text-inverse{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-text-on-primary{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-border{inherits: true; initial-value: #e2e8f0; syntax: "<color>";}@property --theme-border-strong{inherits: true; initial-value: #cbd5e1; syntax: "<color>";}@property --theme-border-subtle{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --theme-border-focus{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-shadow-color{inherits: true; initial-value: #000; syntax: "<color>";}@property --theme-shadow-opacity-sm{inherits: true; initial-value: .05; syntax: "<number>";}@property --theme-shadow-opacity-md{inherits: true; initial-value: .1; syntax: "<number>";}@property --theme-shadow-opacity-lg{inherits: true; initial-value: .15; syntax: "<number>";}@property --theme-shadow-opacity-xl{inherits: true; initial-value: .25; syntax: "<number>";}@property --theme-focus-ring{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-focus-glow{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-focus-ring-width{inherits: true; initial-value: 2px; syntax: "<length>";}@property --theme-focus-ring-offset{inherits: true; initial-value: 2px; syntax: "<length>";}@property --theme-backdrop{inherits: true; initial-value: #000; syntax: "<color>";}@property --theme-backdrop-blur{inherits: true; initial-value: 8px; syntax: "<length>";}@property --theme-gradient-start{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-gradient-end{inherits: true; initial-value: #7c3aed; syntax: "<color>";}@property --theme-gradient-accent{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --theme-hover-opacity{inherits: true; initial-value: .8; syntax: "<number>";}@property --theme-hover-scale{inherits: true; initial-value: 1.05; syntax: "<number>";}@property --theme-active-opacity{inherits: true; initial-value: .9; syntax: "<number>";}@property --theme-active-scale{inherits: true; initial-value: .95; syntax: "<number>";}@property --theme-disabled-opacity{inherits: true; initial-value: .5; syntax: "<number>";}@property --theme-transition-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --theme-transition-normal{inherits: true; initial-value: .25s; syntax: "<time>";}@property --theme-transition-slow{inherits: true; initial-value: .4s; syntax: "<time>";}@property --theme-ease-out{inherits: true; initial-value: cubic-bezier(0,0,.2,1); syntax: "<custom-ident>";}@property --theme-ease-in{inherits: true; initial-value: cubic-bezier(.4,0,1,1); syntax: "<custom-ident>";}@property --theme-ease-in-out{inherits: true; initial-value: cubic-bezier(.4,0,.2,1); syntax: "<custom-ident>";}@property --theme-success{inherits: true; initial-value: #10b981; syntax: "<color>";}@property --theme-success-bg{inherits: true; initial-value: #ecfdf5; syntax: "<color>";}@property --theme-success-border{inherits: true; initial-value: #a7f3d0; syntax: "<color>";}@property --theme-warning{inherits: true; initial-value: #f59e0b; syntax: "<color>";}@property --theme-warning-bg{inherits: true; initial-value: #fffbeb; syntax: "<color>";}@property --theme-warning-border{inherits: true; initial-value: #fed7aa; syntax: "<color>";}@property --theme-error{inherits: true; initial-value: #ef4444; syntax: "<color>";}@property --theme-error-bg{inherits: true; initial-value: #fef2f2; syntax: "<color>";}@property --theme-error-border{inherits: true; initial-value: #fecaca; syntax: "<color>";}@property --theme-info{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --theme-info-bg{inherits: true; initial-value: #eff6ff; syntax: "<color>";}@property --theme-info-border{inherits: true; initial-value: #bfdbfe; syntax: "<color>";}@property --theme-variant-light-bg{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-variant-light-text{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --theme-variant-dark-bg{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --theme-variant-dark-text{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --theme-variant-contrast-bg{inherits: true; initial-value: #000; syntax: "<color>";}@property --theme-variant-contrast-text{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-primary{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-primary-hover{inherits: true; initial-value: #4338ca; syntax: "<color>";}@property --theme-primary-active{inherits: true; initial-value: #3730a3; syntax: "<color>";}@property --theme-secondary{inherits: true; initial-value: #7c3aed; syntax: "<color>";}@property --theme-secondary-hover{inherits: true; initial-value: #6d28d9; syntax: "<color>";}@property --theme-secondary-active{inherits: true; initial-value: #5b21b6; syntax: "<color>";}@property --theme-background{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-background-subtle{inherits: true; initial-value: #f8fafc; syntax: "<color>";}@property --theme-surface{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --theme-surface-elevated{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-surface-overlay{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-text{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --theme-text-muted{inherits: true; initial-value: #64748b; syntax: "<color>";}@property --theme-text-subtle{inherits: true; initial-value: #94a3b8; syntax: "<color>";}@property --theme-text-inverse{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-text-on-primary{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-border{inherits: true; initial-value: #e2e8f0; syntax: "<color>";}@property --theme-border-strong{inherits: true; initial-value: #cbd5e1; syntax: "<color>";}@property --theme-border-subtle{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --theme-border-focus{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-shadow-color{inherits: true; initial-value: #000; syntax: "<color>";}@property --theme-shadow-opacity-sm{inherits: true; initial-value: .05; syntax: "<number>";}@property --theme-shadow-opacity-md{inherits: true; initial-value: .1; syntax: "<number>";}@property --theme-shadow-opacity-lg{inherits: true; initial-value: .15; syntax: "<number>";}@property --theme-shadow-opacity-xl{inherits: true; initial-value: .25; syntax: "<number>";}@property --theme-focus-ring{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-focus-glow{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-focus-ring-width{inherits: true; initial-value: 2px; syntax: "<length>";}@property --theme-focus-ring-offset{inherits: true; initial-value: 2px; syntax: "<length>";}@property --theme-backdrop{inherits: true; initial-value: #000; syntax: "<color>";}@property --theme-backdrop-blur{inherits: true; initial-value: 8px; syntax: "<length>";}@property --theme-gradient-start{inherits: true; initial-value: #4f46e5; syntax: "<color>";}@property --theme-gradient-end{inherits: true; initial-value: #7c3aed; syntax: "<color>";}@property --theme-gradient-accent{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --theme-hover-opacity{inherits: true; initial-value: .8; syntax: "<number>";}@property --theme-hover-scale{inherits: true; initial-value: 1.05; syntax: "<number>";}@property --theme-active-opacity{inherits: true; initial-value: .9; syntax: "<number>";}@property --theme-active-scale{inherits: true; initial-value: .95; syntax: "<number>";}@property --theme-disabled-opacity{inherits: true; initial-value: .5; syntax: "<number>";}@property --theme-transition-fast{inherits: true; initial-value: .15s; syntax: "<time>";}@property --theme-transition-normal{inherits: true; initial-value: .25s; syntax: "<time>";}@property --theme-transition-slow{inherits: true; initial-value: .4s; syntax: "<time>";}@property --theme-ease-out{inherits: true; initial-value: cubic-bezier(0,0,.2,1); syntax: "<custom-ident>";}@property --theme-ease-in{inherits: true; initial-value: cubic-bezier(.4,0,1,1); syntax: "<custom-ident>";}@property --theme-ease-in-out{inherits: true; initial-value: cubic-bezier(.4,0,.2,1); syntax: "<custom-ident>";}@property --theme-success{inherits: true; initial-value: #10b981; syntax: "<color>";}@property --theme-success-bg{inherits: true; initial-value: #ecfdf5; syntax: "<color>";}@property --theme-success-border{inherits: true; initial-value: #a7f3d0; syntax: "<color>";}@property --theme-warning{inherits: true; initial-value: #f59e0b; syntax: "<color>";}@property --theme-warning-bg{inherits: true; initial-value: #fffbeb; syntax: "<color>";}@property --theme-warning-border{inherits: true; initial-value: #fed7aa; syntax: "<color>";}@property --theme-error{inherits: true; initial-value: #ef4444; syntax: "<color>";}@property --theme-error-bg{inherits: true; initial-value: #fef2f2; syntax: "<color>";}@property --theme-error-border{inherits: true; initial-value: #fecaca; syntax: "<color>";}@property --theme-info{inherits: true; initial-value: #3b82f6; syntax: "<color>";}@property --theme-info-bg{inherits: true; initial-value: #eff6ff; syntax: "<color>";}@property --theme-info-border{inherits: true; initial-value: #bfdbfe; syntax: "<color>";}@property --theme-variant-light-bg{inherits: true; initial-value: #fff; syntax: "<color>";}@property --theme-variant-light-text{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --theme-variant-dark-bg{inherits: true; initial-value: #1e293b; syntax: "<color>";}@property --theme-variant-dark-text{inherits: true; initial-value: #f1f5f9; syntax: "<color>";}@property --theme-variant-contrast-bg{inherits: true; initial-value: #000; syntax: "<color>";}@property --theme-variant-contrast-text{inherits: true; initial-value: #fff; syntax: "<color>";}}:root{--shadow-none:none;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000d;--shadow-card:var(--shadow-sm);--shadow-modal:var(--shadow-xl);--shadow-dropdown:var(--shadow-lg);--shadow-tooltip:var(--shadow-md);--shadow-button:var(--shadow-xs);--shadow-button-hover:var(--shadow-md);--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1e293b;--color-secondary-900:#0f172a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-200:#bae6fd;--color-info-300:#7dd3fc;--color-info-400:#38bdf8;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--color-info-700:#0369a1;--color-info-800:#075985;--color-info-900:#0c4a6e;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-gray-50:var(--color-neutral-50);--color-gray-100:var(--color-neutral-100);--color-gray-200:var(--color-neutral-200);--color-gray-300:var(--color-neutral-300);--color-gray-400:var(--color-neutral-400);--color-gray-500:var(--color-neutral-500);--color-gray-600:var(--color-neutral-600);--color-gray-700:var(--color-neutral-700);--color-gray-800:var(--color-neutral-800);--color-gray-900:var(--color-neutral-900);--color-text-50:var(--color-neutral-50);--color-text-100:var(--color-neutral-100);--color-text-200:var(--color-neutral-200);--color-text-300:var(--color-neutral-300);--color-text-400:var(--color-neutral-400);--color-text-500:var(--color-neutral-500);--color-text-600:var(--color-neutral-600);--color-text-700:var(--color-neutral-700);--color-text-800:var(--color-neutral-800);--color-text-900:var(--color-neutral-900);--color-surface-50:#fafafa;--color-surface-100:#f5f5f5;--color-surface-200:#eee;--color-surface-300:#e0e0e0;--color-border-50:#fafafa;--color-border-100:#f4f4f5;--color-border-200:#e4e4e7;--color-border-300:#d4d4d8;--color-white:#fff;--color-black:#000;--color-transparent:transparent;--color-danger:var(--color-error);--color-danger-50:var(--color-error-50);--color-danger-100:var(--color-error-100);--color-danger-200:var(--color-error-200);--color-danger-300:var(--color-error-300);--color-danger-400:var(--color-error-400);--color-danger-500:var(--color-error-500);--color-danger-600:var(--color-error-600);--color-danger-700:var(--color-error-700);--color-danger-800:var(--color-error-800);--color-danger-900:var(--color-error-900);--color-twitter:#1da1f2;--color-facebook:#4267b2;--color-linkedin:#0077b5;--color-github:#181717;--color-youtube:red;--color-instagram:#e4405f;--color-gray-very-dark:#1a1a1a;--color-gray-medium:#6b6b6b;--color-gray-very-light:#f2f2f2;--color-overlay-dark:#000c;--color-overlay-medium:#0009;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--text-xs:var(--font-size-xs);--text-sm:var(--font-size-sm);--text-base:var(--font-size-base);--text-lg:var(--font-size-lg);--text-xl:var(--font-size-xl);--text-2xl:var(--font-size-2xl);--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--font-light:var(--font-weight-light);--font-normal:var(--font-weight-normal);--font-medium:var(--font-weight-medium);--font-semibold:var(--font-weight-semibold);--font-bold:var(--font-weight-bold);--font-family-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;--font-family-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-family-mono:ui-monospace,SFMono-Regular,"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;--font-sans:var(--font-family-sans);--font-serif:var(--font-family-serif);--font-mono:var(--font-family-mono);--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--font-size-transition:var(--font-size-base);--line-height-transition:var(--line-height-normal);--letter-spacing-transition:var(--letter-spacing-normal);--transition-fast:.15s;--transition-normal:.25s;--transition-slow:.4s;--transition-duration-fast:var(--transition-fast);--transition-duration-normal:var(--transition-normal);--transition-duration-slow:var(--transition-slow);--transition-ease-out:ease-out;--transition-ease-in:ease-in;--transition-ease-in-out:ease-in-out;--transition-timing-ease:var(--transition-ease-in-out);--transition-colors:background-color var(--transition-normal)var(--transition-ease-out),color var(--transition-normal)var(--transition-ease-out),border-color var(--transition-normal)var(--transition-ease-out);--transition-transform:transform .2s var(--transition-ease-out);--transition-opacity:opacity .2s var(--transition-ease-out);--transition-shadow:box-shadow .2s var(--transition-ease-out);--transition-all:all var(--transition-normal)var(--transition-ease-out)}@layer tokens.values{:root{--icon-size-xs:.75rem;--icon-size-sm:1rem;--icon-size-md:1.25rem;--icon-size-lg:1.5rem;--icon-size-xl:2rem;--icon-size-2xl:2.5rem;--icon-size-3xl:3rem;--icon-size-relative-xs:.5em;--icon-size-relative-sm:.75em;--icon-size-relative-md:1em;--icon-size-relative-lg:1.25em;--icon-size-relative-xl:1.5em;--icon-size-relative-2xl:2em;--icon-animation-duration-normal:1s;--icon-animation-duration-slow:2s}}:root{--alert-padding:var(--space-4);--alert-padding-sm:var(--space-2);--alert-padding-lg:var(--space-5);--alert-gap:var(--space-3);--alert-border-radius:var(--radius-md);--badge-padding-xs:.15rem .35rem;--badge-padding-sm:.2rem .4rem;--badge-padding-md:.25rem .5rem;--badge-padding-lg:.3rem .6rem;--badge-min-width-xs:1.2rem;--badge-min-width-sm:1.5rem;--badge-min-width-md:1.75rem;--badge-min-width-lg:2rem;--card-padding:var(--space-4);--card-padding-fluid:var(--space-5);--card-gap:var(--space-3);--card-grid-gap:var(--space-4);--card-grid-min-width:250px;--button-padding-sm:.5rem .75rem;--button-padding-md:.75rem 1rem;--button-padding-lg:1rem 1.5rem;--button-height-sm:2rem;--button-height-md:2.5rem;--button-height-lg:3rem;--input-padding:var(--space-3);--input-height:2.5rem;--input-border-width:1px;--modal-padding:var(--space-6);--modal-header-padding:1.5rem 1.5rem 1rem;--modal-footer-padding:1rem 1.5rem 1.5rem;--modal-max-width:32rem;--table-cell-padding:var(--space-3);--table-header-padding:1rem .75rem;--avatar-size-xs:1.5rem;--avatar-size-sm:2rem;--avatar-size-md:2.5rem;--avatar-size-lg:3rem;--avatar-size-xl:4rem;--tooltip-padding:.5rem .75rem;--tooltip-max-width:200px;--tooltip-arrow-size:4px;--progress-height:.5rem;--progress-height-sm:.25rem;--progress-height-lg:.75rem;--spinner-size-sm:1rem;--spinner-size-md:1.5rem;--spinner-size-lg:2rem;--spinner-border-width:2px;--breadcrumb-separator-spacing:.5rem;--breadcrumb-item-padding:.25rem .5rem;--tab-padding:.75rem 1rem;--tab-border-width:2px;--drawer-width:20rem;--drawer-padding:var(--space-6);--pagination-item-size:2.5rem;--pagination-gap:.25rem;--blog-max-width:65ch;--blog-content-spacing:var(--space-6);--blog-card-hover-transform:translateY(-4px);--tag-padding-sm:.25rem .5rem;--tag-padding-md:.375rem .75rem;--tag-padding-lg:.5rem 1rem;--tag-border-radius:9999px;--tag-transition:background-color .15s ease-in-out;--code-padding:var(--space-4);--code-inline-padding:var(--space-1)var(--space-2);--code-line-height:1.4;--widget-header-padding:var(--space-3)var(--space-4);--widget-body-padding:var(--space-4);--widget-footer-padding:var(--space-3)var(--space-4);--widget-action-padding:var(--space-1)var(--space-2);--skeleton-height-sm:.75rem;--skeleton-height-md:1rem;--skeleton-height-lg:1.5rem;--skeleton-animation-duration:1.5s;--color-twitter:#1da1f2;--color-facebook:#4267b2;--color-linkedin:#0077b5;--header-height-sm:48px;--header-height-md:64px;--header-height-lg:80px;--header-z-index:1000;--header-line-height:1.5;--header-logo-max-height:40px;--header-hamburger-size:24px;--header-mobile-breakpoint:768px;--footer-columns:4;--footer-column-gap:var(--space-8);--footer-line-height:1.6;--main-max-width:1200px;--main-max-width-narrow:800px;--main-max-width-wide:1400px;--main-line-height:1.6;--main-mobile-breakpoint:768px;--main-tablet-breakpoint:1024px;--sidebar-grid-columns:3;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-secondary-50:#f8fafc;--color-secondary-100:#f1f5f9;--color-secondary-200:#e2e8f0;--color-secondary-300:#cbd5e1;--color-secondary-400:#94a3b8;--color-secondary-500:#64748b;--color-secondary-600:#475569;--color-secondary-700:#334155;--color-secondary-800:#1e293b;--color-secondary-900:#0f172a;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#fecaca;--color-error-300:#fca5a5;--color-error-400:#f87171;--color-error-500:#ef4444;--color-error-600:#dc2626;--color-error-700:#b91c1c;--color-error-800:#991b1b;--color-error-900:#7f1d1d;--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-200:#bae6fd;--color-info-300:#7dd3fc;--color-info-400:#38bdf8;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--color-info-700:#0369a1;--color-info-800:#075985;--color-info-900:#0c4a6e;--color-neutral-50:#f9fafb;--color-neutral-100:#f3f4f6;--color-neutral-200:#e5e7eb;--color-neutral-300:#d1d5db;--color-neutral-400:#9ca3af;--color-neutral-500:#6b7280;--color-neutral-600:#4b5563;--color-neutral-700:#374151;--color-neutral-800:#1f2937;--color-neutral-900:#111827;--color-gray-50:var(--color-neutral-50);--color-gray-100:var(--color-neutral-100);--color-gray-200:var(--color-neutral-200);--color-gray-300:var(--color-neutral-300);--color-gray-400:var(--color-neutral-400);--color-gray-500:var(--color-neutral-500);--color-gray-600:var(--color-neutral-600);--color-gray-700:var(--color-neutral-700);--color-gray-800:var(--color-neutral-800);--color-gray-900:var(--color-neutral-900);--color-text-50:var(--color-neutral-50);--color-text-100:var(--color-neutral-100);--color-text-200:var(--color-neutral-200);--color-text-300:var(--color-neutral-300);--color-text-400:var(--color-neutral-400);--color-text-500:var(--color-neutral-500);--color-text-600:var(--color-neutral-600);--color-text-700:var(--color-neutral-700);--color-text-800:var(--color-neutral-800);--color-text-900:var(--color-neutral-900);--color-surface-50:#fafafa;--color-surface-100:#f5f5f5;--color-surface-200:#eee;--color-surface-300:#e0e0e0;--color-border-50:#fafafa;--color-border-100:#f4f4f5;--color-border-200:#e4e4e7;--color-border-300:#d4d4d8;--color-white:#fff;--color-black:#000;--color-transparent:transparent;--color-danger:var(--color-error);--color-danger-50:var(--color-error-50);--color-danger-100:var(--color-error-100);--color-danger-200:var(--color-error-200);--color-danger-300:var(--color-error-300);--color-danger-400:var(--color-error-400);--color-danger-500:var(--color-error-500);--color-danger-600:var(--color-error-600);--color-danger-700:var(--color-error-700);--color-danger-800:var(--color-error-800);--color-danger-900:var(--color-error-900);--color-github:#181717;--color-youtube:red;--color-instagram:#e4405f;--color-gray-very-dark:#1a1a1a;--color-gray-medium:#6b6b6b;--color-gray-very-light:#f2f2f2;--color-overlay-dark:#000c;--color-overlay-medium:#0009}