@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-300: oklch(80.8% .114 19.571);--color-red-400: oklch(70.4% .191 22.216);--color-red-500: oklch(63.7% .237 25.331);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-orange-500: oklch(70.5% .213 47.604);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-200: oklch(92.4% .12 95.746);--color-amber-300: oklch(87.9% .169 91.605);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-700: oklch(55.5% .163 48.998);--color-amber-800: oklch(47.3% .137 46.201);--color-yellow-500: oklch(79.5% .184 86.047);--color-yellow-600: oklch(68.1% .162 75.834);--color-green-50: oklch(98.2% .018 155.826);--color-green-100: oklch(96.2% .044 156.743);--color-green-200: oklch(92.5% .084 155.995);--color-green-500: oklch(72.3% .219 149.579);--color-green-600: oklch(62.7% .194 149.214);--color-green-700: oklch(52.7% .154 150.069);--color-green-800: oklch(44.8% .119 151.328);--color-green-900: oklch(39.3% .095 152.535);--color-blue-50: oklch(97% .014 254.604);--color-blue-100: oklch(93.2% .032 255.585);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-900: oklch(37.9% .146 265.522);--color-slate-100: oklch(96.8% .007 247.896);--color-slate-200: oklch(92.9% .013 255.508);--color-slate-300: oklch(86.9% .022 252.894);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-800: oklch(27.9% .041 260.031);--color-slate-900: oklch(20.8% .042 265.755);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--container-2xl: 42rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.right-0{right:0}.z-10{z-index:10}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-auto{margin-top:auto}.mr-1{margin-right:var(--spacing)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-1{margin-left:var(--spacing)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-3{height:calc(var(--spacing) * 3)}.h-6{height:calc(var(--spacing) * 6)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-screen{height:100vh}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-56{width:calc(var(--spacing) * 56)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-96{width:calc(var(--spacing) * 96)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0px}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-48{min-width:calc(var(--spacing) * 48)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-help{cursor:help}.cursor-pointer{cursor:pointer}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-800{border-color:var(--color-gray-800)}.border-green-200{border-color:var(--color-green-200)}.border-red-300{border-color:var(--color-red-300)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-400{background-color:var(--color-red-400)}.bg-white{background-color:var(--color-white)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.leading-7{--tw-leading: calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-orange-500{color:var(--color-orange-500)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.underline-offset-2{text-underline-offset:2px}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(width>=64rem){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}}@layer op.theme{:root{--op-primary-color: #3b82f6;--op-primary-hover-color: #2563eb;--op-primary-active-color: #1d4ed8;--op-primary-contrast-color: var(--color-white, #fff);--op-secondary-color: var(--color-slate-100, #f1f5f9);--op-secondary-hover-color: var(--color-slate-200, #e2e8f0);--op-secondary-active-color: var(--color-slate-300, #cbd5e1);--op-secondary-contrast-color: var(--color-slate-600, #475569);--op-secondary-contrast-hover-color: var(--color-slate-700, #334155);--op-text-color: var(--color-slate-700, #334155);--op-text-muted-color: var(--color-slate-500, #64748b);--op-bg-color: var(--color-white, #fff);--op-border-color: var(--color-slate-300, #cbd5e1);--op-radius: var(--radius-md, .375rem);--op-control-padding-x: calc(var(--spacing, .25rem) * 3);--op-control-padding-y: calc(var(--spacing, .25rem) * 2);--op-control-gap: calc(var(--spacing, .25rem) * 2);--op-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--op-font-size: var(--text-sm, .875rem);--op-font-weight: 400;--op-line-height: 1.5;--op-border-width: 1px;--op-transition-duration: .2s;--op-disabled-opacity: .6;--op-focus-ring-width: 1px;--op-focus-ring-offset: 2px;--op-danger-color: #dc3545;--op-danger-hover-color: #bb2d3b;--op-danger-active-color: #b02a37;--op-danger-contrast-color: var(--color-white, #fff);--op-success-color: #22c55e;--op-success-hover-color: #16a34a;--op-success-active-color: #15803d;--op-success-contrast-color: var(--color-white, #fff);--op-warning-color: #ffc107;--op-warning-hover-color: #ffca2c;--op-warning-active-color: #ffcd39;--op-warning-contrast-color: #212529;--op-info-color: #0ea5e9;--op-info-hover-color: #0284c7;--op-info-active-color: #0369a1;--op-info-contrast-color: var(--color-white, #fff);--op-help-color: #8b5cf6;--op-help-hover-color: #7c3aed;--op-help-active-color: #6d28d9;--op-help-contrast-color: var(--color-white, #fff);--op-contrast-color: var(--color-slate-900, #0f172a);--op-contrast-hover-color: var(--color-slate-800, #1e293b);--op-contrast-active-color: var(--color-slate-700, #334155);--op-contrast-contrast-color: var(--color-white, #fff)}.op-button{--op-button-radius: var(--op-radius);--op-button-px: .875rem;--op-button-py: .375rem;--op-button-gap: calc(var(--spacing, .25rem) * 1.5);--op-button-font-size: .875rem;--op-button-font-weight: 600;--op-button-line-height: var(--op-line-height);--op-button-border-width: var(--op-border-width);--op-button-transition-duration: var(--op-transition-duration);--op-button-disabled-opacity: var(--op-disabled-opacity);--op-button-focus-ring-width: var(--op-focus-ring-width);--op-button-focus-ring-offset: var(--op-focus-ring-offset);--op-button-raised-shadow: 0 1px 2px var(--op-text-color), 0 2px 6px var(--op-text-color);--op-button-raised-shadow-hover: 0 2px 4px var(--op-text-color), 0 4px 10px var(--op-text-color);--op-button-raised-shadow-active: 0 1px 1px var(--op-text-color);--op-button-bg: var(--op-primary-color);--op-button-bg-hover: var(--op-primary-hover-color);--op-button-bg-active: var(--op-primary-active-color);--op-button-fg: var(--op-primary-contrast-color);--op-button-fg-hover: var(--op-button-fg);--op-button-border-color: var(--op-primary-color);--op-button-border-color-hover: var(--op-primary-hover-color);--op-button-border-color-active: var(--op-primary-active-color);--op-button-focus-ring-color: var(--op-primary-active-color);--op-button-accent: var(--op-primary-color);--op-button-secondary-bg: var(--op-secondary-color);--op-button-secondary-bg-hover: var(--op-secondary-hover-color);--op-button-secondary-bg-active: var(--op-secondary-active-color);--op-button-secondary-fg: var(--op-secondary-contrast-color);--op-button-secondary-fg-hover: var(--op-secondary-contrast-hover-color);--op-button-secondary-border-color: var(--op-secondary-color);--op-button-secondary-border-color-hover: var(--op-secondary-hover-color);--op-button-secondary-border-color-active: var(--op-secondary-active-color);--op-button-secondary-focus-ring-color: var(--op-secondary-contrast-color);--op-button-secondary-accent: var(--op-secondary-contrast-color);--op-button-success-bg: var(--op-success-color);--op-button-success-bg-hover: var(--op-success-hover-color);--op-button-success-bg-active: var(--op-success-active-color);--op-button-success-fg: var(--op-success-contrast-color);--op-button-success-border-color: var(--op-success-color);--op-button-success-border-color-hover: var(--op-success-hover-color);--op-button-success-border-color-active: var(--op-success-active-color);--op-button-success-focus-ring-color: var(--op-success-active-color);--op-button-success-accent: var(--op-success-color);--op-button-info-bg: var(--op-info-color);--op-button-info-bg-hover: var(--op-info-hover-color);--op-button-info-bg-active: var(--op-info-active-color);--op-button-info-fg: var(--op-info-contrast-color);--op-button-info-border-color: var(--op-info-color);--op-button-info-border-color-hover: var(--op-info-hover-color);--op-button-info-border-color-active: var(--op-info-active-color);--op-button-info-focus-ring-color: var(--op-info-active-color);--op-button-info-accent: var(--op-info-color);--op-button-warn-bg: var(--op-warning-color);--op-button-warn-bg-hover: var(--op-warning-hover-color);--op-button-warn-bg-active: var(--op-warning-active-color);--op-button-warn-fg: var(--op-warning-contrast-color);--op-button-warn-border-color: var(--op-warning-color);--op-button-warn-border-color-hover: var(--op-warning-hover-color);--op-button-warn-border-color-active: var(--op-warning-active-color);--op-button-warn-focus-ring-color: var(--op-warning-active-color);--op-button-warn-accent: var(--op-warning-active-color);--op-button-danger-bg: var(--op-danger-color);--op-button-danger-bg-hover: var(--op-danger-hover-color);--op-button-danger-bg-active: var(--op-danger-active-color);--op-button-danger-fg: var(--op-danger-contrast-color);--op-button-danger-border-color: var(--op-danger-color);--op-button-danger-border-color-hover: var(--op-danger-hover-color);--op-button-danger-border-color-active: var(--op-danger-active-color);--op-button-danger-focus-ring-color: var(--op-danger-active-color);--op-button-danger-accent: var(--op-danger-color);--op-button-help-bg: var(--op-help-color);--op-button-help-bg-hover: var(--op-help-hover-color);--op-button-help-bg-active: var(--op-help-active-color);--op-button-help-fg: var(--op-help-contrast-color);--op-button-help-border-color: var(--op-help-color);--op-button-help-border-color-hover: var(--op-help-hover-color);--op-button-help-border-color-active: var(--op-help-active-color);--op-button-help-focus-ring-color: var(--op-help-active-color);--op-button-help-accent: var(--op-help-color);--op-button-contrast-bg: var(--op-contrast-color);--op-button-contrast-bg-hover: var(--op-contrast-hover-color);--op-button-contrast-bg-active: var(--op-contrast-active-color);--op-button-contrast-fg: var(--op-contrast-contrast-color);--op-button-contrast-border-color: var(--op-contrast-color);--op-button-contrast-border-color-hover: var(--op-contrast-hover-color);--op-button-contrast-border-color-active: var(--op-contrast-active-color);--op-button-contrast-focus-ring-color: var(--op-contrast-color);--op-button-contrast-accent: var(--op-contrast-color)}@supports (color: color-mix(in lab,red,red)){.op-button{--op-button-raised-shadow: 0 1px 2px color-mix(in srgb, var(--op-text-color) 14%, transparent), 0 2px 6px color-mix(in srgb, var(--op-text-color) 10%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-button{--op-button-raised-shadow-hover: 0 2px 4px color-mix(in srgb, var(--op-text-color) 16%, transparent), 0 4px 10px color-mix(in srgb, var(--op-text-color) 12%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-button{--op-button-raised-shadow-active: 0 1px 1px color-mix(in srgb, var(--op-text-color) 14%, transparent)}}.op-table{--op-table-header-bg: var(--op-secondary-color);--op-table-header-fg: var(--op-secondary-contrast-color);--op-table-row-border-color: var(--op-border-color);--op-table-outer-border-color: var(--op-border-color);--op-table-cell-fg: var(--op-text-color);--op-table-border-color: var(--op-border-color);--op-table-border-width: var(--op-border-width);--op-table-cell-px: var(--op-control-padding-x);--op-table-cell-py: var(--op-control-padding-y);--op-table-radius: var(--radius-xl, .75rem);--op-table-header-text-transform: none;--op-table-header-letter-spacing: normal;--op-table-col-min-width: 4rem;--op-table-header-control-bg: var(--op-bg-color);--op-table-header-control-fg: var(--op-text-color);--op-table-header-control-border-color: var(--op-border-color);--op-table-header-control-radius: var(--op-radius);--op-table-header-control-px: var(--op-control-padding-x);--op-table-header-control-py: var(--op-control-padding-y);--op-table-sort-button-fg: var(--op-table-header-fg);--op-table-sort-icon-fg: var(--op-text-muted-color);--op-table-sort-hover-fg: var(--op-primary-color);--op-table-sort-active-bg: var(--op-primary-color);--op-table-sort-active-fg: var(--op-primary-color);--op-table-paginator-bg: transparent;--op-table-paginator-fg: var(--op-text-color);--op-table-paginator-btn-size: 2rem;--op-table-paginator-btn-radius: var(--op-radius);--op-table-paginator-hover-bg: var(--op-primary-color);--op-table-paginator-active-bg: var(--op-primary-color);--op-table-paginator-active-fg: var(--op-primary-contrast-color);--op-table-loading-bg: var(--op-bg-color);--op-table-row-hover-bg: var(--op-primary-color);--op-table-row-selected-bg: var(--op-primary-color);--op-table-row-selected-accent: var(--op-primary-color);--op-table-selection-col-width: 3rem;--op-table-filter-icon-size: .75rem;--op-table-filter-icon-fg: var(--op-text-muted-color);--op-table-filter-trigger-active-fg: var(--op-primary-color);--op-table-filter-panel-padding: calc(var(--spacing, .25rem) * 3);--op-table-filter-panel-gap: calc(var(--spacing, .25rem) * 2);--op-table-filter-panel-min-width: 16rem;--op-table-filter-panel-bg: var(--op-bg-color);--op-table-filter-panel-fg: var(--op-text-color);--op-table-filter-panel-border-color: var(--op-border-color);--op-table-filter-panel-radius: var(--op-radius)}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-row-border-color: color-mix( in srgb, var(--op-border-color) 60%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-outer-border-color: color-mix( in srgb, var(--op-border-color) 70%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-sort-active-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-paginator-hover-bg: color-mix( in srgb, var(--op-primary-color) 8%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-loading-bg: color-mix( in srgb, var(--op-bg-color) 70%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-row-hover-bg: color-mix( in srgb, var(--op-primary-color) 6%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-table{--op-table-row-selected-bg: color-mix( in srgb, var(--op-primary-color) 8%, transparent )}}.op-virtual-viewport{--op-virtual-viewport-bg: var(--op-bg-color)}.op-input{--op-input-radius: var(--op-radius);--op-input-px: var(--op-control-padding-x);--op-input-py: var(--op-control-padding-y);--op-input-font-size: var(--op-font-size);--op-input-font-weight: var(--op-font-weight);--op-input-line-height: var(--op-line-height);--op-input-border-width: var(--op-border-width);--op-input-transition-duration: var(--op-transition-duration);--op-input-disabled-opacity: var(--op-disabled-opacity);--op-input-focus-ring-width: var(--op-focus-ring-width);--op-input-focus-ring-offset: var(--op-focus-ring-offset);--op-input-bg: var(--op-bg-color);--op-input-fg: var(--op-text-color);--op-input-placeholder-fg: var(--op-text-muted-color);--op-input-border-color: var(--op-border-color);--op-input-border-color-hover: var(--op-text-muted-color);--op-input-focus-ring-color: var(--op-primary-color);--op-input-readonly-bg: var(--op-secondary-color);--op-input-invalid-border-color: var(--op-danger-color);--op-input-invalid-focus-ring-color: var(--op-danger-color)}.op-textarea{--op-textarea-radius: var(--op-radius);--op-textarea-px: var(--op-control-padding-x);--op-textarea-py: var(--op-control-padding-y);--op-textarea-font-size: var(--op-font-size);--op-textarea-font-weight: var(--op-font-weight);--op-textarea-line-height: var(--op-line-height);--op-textarea-border-width: var(--op-border-width);--op-textarea-transition-duration: var(--op-transition-duration);--op-textarea-disabled-opacity: var(--op-disabled-opacity);--op-textarea-focus-ring-width: var(--op-focus-ring-width);--op-textarea-focus-ring-offset: var(--op-focus-ring-offset);--op-textarea-bg: var(--op-bg-color);--op-textarea-fg: var(--op-text-color);--op-textarea-placeholder-fg: var(--op-text-muted-color);--op-textarea-border-color: var(--op-border-color);--op-textarea-border-color-hover: var(--op-text-muted-color);--op-textarea-focus-ring-color: var(--op-primary-color);--op-textarea-readonly-bg: var(--op-secondary-color);--op-textarea-invalid-border-color: var(--op-danger-color);--op-textarea-invalid-focus-ring-color: var(--op-danger-color);--op-textarea-resize: vertical;--op-textarea-min-height: calc(1em * var(--op-textarea-line-height) * 3)}.op-icon-field{--op-icon-field-icon-fg: var(--op-text-muted-color);--op-icon-field-icon-size: 1rem;--op-icon-field-inset: var(--op-control-padding-x);--op-icon-field-slot: calc( var(--op-control-padding-x) + var(--op-icon-field-icon-size) + var(--op-control-padding-x) );--op-icon-field-radius: var(--op-radius);--op-icon-field-focus-ring-width: var(--op-focus-ring-width);--op-icon-field-focus-ring-offset: var(--op-focus-ring-offset);--op-icon-field-focus-ring-color: var(--op-primary-color)}.op-select{--op-input-radius: var(--op-radius);--op-input-px: var(--op-control-padding-x);--op-input-py: var(--op-control-padding-y);--op-input-font-size: var(--op-font-size);--op-input-font-weight: var(--op-font-weight);--op-input-line-height: var(--op-line-height);--op-input-border-width: var(--op-border-width);--op-input-transition-duration: var(--op-transition-duration);--op-input-disabled-opacity: var(--op-disabled-opacity);--op-input-focus-ring-width: var(--op-focus-ring-width);--op-input-focus-ring-offset: var(--op-focus-ring-offset);--op-input-bg: var(--op-bg-color);--op-input-fg: var(--op-text-color);--op-input-placeholder-fg: var(--op-text-muted-color);--op-input-border-color: var(--op-border-color);--op-input-border-color-hover: var(--op-text-muted-color);--op-input-focus-ring-color: var(--op-primary-color);--op-input-invalid-border-color: var(--op-danger-color);--op-input-invalid-focus-ring-color: var(--op-danger-color);--op-select-radius: var(--op-input-radius);--op-select-px: var(--op-input-px);--op-select-py: var(--op-input-py);--op-select-font-size: var(--op-input-font-size);--op-select-font-weight: var(--op-input-font-weight);--op-select-line-height: var(--op-input-line-height);--op-select-border-width: var(--op-input-border-width);--op-select-transition-duration: var(--op-input-transition-duration);--op-select-disabled-opacity: var(--op-input-disabled-opacity);--op-select-focus-ring-width: var(--op-input-focus-ring-width);--op-select-focus-ring-offset: var(--op-input-focus-ring-offset);--op-select-bg: var(--op-input-bg);--op-select-fg: var(--op-input-fg);--op-select-placeholder-fg: var(--op-input-placeholder-fg);--op-select-border-color: var(--op-input-border-color);--op-select-border-color-hover: var(--op-input-border-color-hover);--op-select-focus-ring-color: var(--op-input-focus-ring-color);--op-select-invalid-border-color: var(--op-input-invalid-border-color);--op-select-invalid-focus-ring-color: var( --op-input-invalid-focus-ring-color );--op-select-chevron-color: var(--op-text-muted-color)}.op-autocomplete{--op-input-radius: var(--op-radius);--op-input-px: var(--op-control-padding-x);--op-input-py: var(--op-control-padding-y);--op-input-font-size: var(--op-font-size);--op-input-font-weight: var(--op-font-weight);--op-input-line-height: var(--op-line-height);--op-input-border-width: var(--op-border-width);--op-input-transition-duration: var(--op-transition-duration);--op-input-disabled-opacity: var(--op-disabled-opacity);--op-input-focus-ring-width: var(--op-focus-ring-width);--op-input-focus-ring-offset: var(--op-focus-ring-offset);--op-input-bg: var(--op-bg-color);--op-input-fg: var(--op-text-color);--op-input-placeholder-fg: var(--op-text-muted-color);--op-input-border-color: var(--op-border-color);--op-input-border-color-hover: var(--op-text-muted-color);--op-input-focus-ring-color: var(--op-primary-color);--op-input-invalid-border-color: var(--op-danger-color);--op-input-invalid-focus-ring-color: var(--op-danger-color);--op-autocomplete-radius: var(--op-input-radius);--op-autocomplete-px: var(--op-input-px);--op-autocomplete-py: var(--op-input-py);--op-autocomplete-font-size: var(--op-input-font-size);--op-autocomplete-font-weight: var(--op-input-font-weight);--op-autocomplete-line-height: var(--op-input-line-height);--op-autocomplete-border-width: var(--op-input-border-width);--op-autocomplete-transition-duration: var(--op-input-transition-duration);--op-autocomplete-disabled-opacity: var(--op-input-disabled-opacity);--op-autocomplete-focus-ring-width: var(--op-input-focus-ring-width);--op-autocomplete-focus-ring-offset: var(--op-input-focus-ring-offset);--op-autocomplete-bg: var(--op-input-bg);--op-autocomplete-fg: var(--op-input-fg);--op-autocomplete-placeholder-fg: var(--op-input-placeholder-fg);--op-autocomplete-border-color: var(--op-input-border-color);--op-autocomplete-border-color-hover: var(--op-input-border-color-hover);--op-autocomplete-focus-ring-color: var(--op-input-focus-ring-color);--op-autocomplete-invalid-border-color: var( --op-input-invalid-border-color );--op-autocomplete-invalid-focus-ring-color: var( --op-input-invalid-focus-ring-color );--op-autocomplete-icon-color: var(--op-text-muted-color);--op-autocomplete-suffix-size: 1.25rem}.op-datepicker,.op-date-range,.op-calendar-panel{--op-datepicker-min-width: 12rem;--op-datepicker-radius: var(--op-radius);--op-datepicker-px: var(--op-control-padding-x);--op-datepicker-py: var(--op-control-padding-y);--op-datepicker-font-size: var(--op-font-size);--op-datepicker-font-weight: var(--op-font-weight);--op-datepicker-line-height: var(--op-line-height);--op-datepicker-border-width: var(--op-border-width);--op-datepicker-transition-duration: var(--op-transition-duration);--op-datepicker-disabled-opacity: var(--op-disabled-opacity);--op-datepicker-focus-ring-width: var(--op-focus-ring-width);--op-datepicker-focus-ring-offset: var(--op-focus-ring-offset);--op-datepicker-bg: var(--op-bg-color);--op-datepicker-fg: var(--op-text-color);--op-datepicker-placeholder-fg: var(--op-text-muted-color);--op-datepicker-border-color: var(--op-border-color);--op-datepicker-border-color-hover: var(--op-text-muted-color);--op-datepicker-focus-ring-color: var(--op-primary-color);--op-datepicker-invalid-border-color: var(--op-danger-color);--op-datepicker-invalid-focus-ring-color: var(--op-danger-color);--op-datepicker-chevron-color: var(--op-text-muted-color);--op-datepicker-panel-min-width: 18rem;--op-datepicker-panel-padding: var(--op-control-padding-x);--op-datepicker-panel-border-width: var(--op-border-width);--op-datepicker-panel-border-color: var(--op-border-color);--op-datepicker-panel-radius: var(--op-radius);--op-datepicker-panel-bg: var(--op-bg-color);--op-datepicker-panel-shadow: 0 4px 12px var(--op-text-color);--op-datepicker-day-radius: var(--op-radius);--op-datepicker-day-hover-bg: var(--op-secondary-color);--op-datepicker-day-selected-bg: var(--op-primary-color);--op-datepicker-day-selected-fg: var(--op-primary-contrast-color);--op-datepicker-range-bg: var(--op-primary-color);--op-datepicker-today-border-color: var(--op-primary-color)}@supports (color: color-mix(in lab,red,red)){.op-datepicker,.op-date-range,.op-calendar-panel{--op-datepicker-panel-shadow: 0 4px 12px color-mix(in srgb, var(--op-text-color) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-datepicker,.op-date-range,.op-calendar-panel{--op-datepicker-range-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-multi-select{--op-multi-select-radius: var(--op-radius);--op-multi-select-px: var(--op-control-padding-x);--op-multi-select-py: var(--op-control-padding-y);--op-multi-select-font-size: var(--op-font-size);--op-multi-select-font-weight: var(--op-font-weight);--op-multi-select-line-height: var(--op-line-height);--op-multi-select-border-width: var(--op-border-width);--op-multi-select-transition-duration: var(--op-transition-duration);--op-multi-select-disabled-opacity: var(--op-disabled-opacity);--op-multi-select-focus-ring-width: var(--op-focus-ring-width);--op-multi-select-focus-ring-offset: var(--op-focus-ring-offset);--op-multi-select-bg: var(--op-bg-color);--op-multi-select-fg: var(--op-text-color);--op-multi-select-placeholder-fg: var(--op-text-muted-color);--op-multi-select-border-color: var(--op-border-color);--op-multi-select-border-color-hover: var(--op-text-muted-color);--op-multi-select-focus-ring-color: var(--op-primary-color);--op-multi-select-invalid-border-color: var(--op-danger-color);--op-multi-select-invalid-focus-ring-color: var(--op-danger-color);--op-multi-select-chevron-color: var(--op-text-muted-color)}.op-tree-select{--op-tree-select-min-width: 12rem;--op-tree-select-radius: var(--op-radius);--op-tree-select-px: var(--op-control-padding-x);--op-tree-select-py: var(--op-control-padding-y);--op-tree-select-font-size: var(--op-font-size);--op-tree-select-font-weight: var(--op-font-weight);--op-tree-select-line-height: var(--op-line-height);--op-tree-select-border-width: var(--op-border-width);--op-tree-select-transition-duration: var(--op-transition-duration);--op-tree-select-disabled-opacity: var(--op-disabled-opacity);--op-tree-select-focus-ring-width: var(--op-focus-ring-width);--op-tree-select-focus-ring-offset: var(--op-focus-ring-offset);--op-tree-select-bg: var(--op-bg-color);--op-tree-select-fg: var(--op-text-color);--op-tree-select-placeholder-fg: var(--op-text-muted-color);--op-tree-select-border-color: var(--op-border-color);--op-tree-select-border-color-hover: var(--op-text-muted-color);--op-tree-select-focus-ring-color: var(--op-primary-color);--op-tree-select-invalid-border-color: var(--op-danger-color);--op-tree-select-invalid-focus-ring-color: var(--op-danger-color);--op-tree-select-chevron-color: var(--op-text-muted-color)}.op-option-list{--op-option-list-max-height: calc(var(--spacing, .25rem) * 60);--op-option-list-option-px: var(--op-control-padding-x);--op-option-list-option-py: var(--op-control-padding-y);--op-option-list-option-hover-bg: var(--op-secondary-color);--op-option-list-option-selected-bg: var(--op-primary-color);--op-option-list-option-selected-fg: var(--op-primary-color);--op-option-list-option-highlighted-bg: var(--op-secondary-hover-color);--op-option-list-option-gap: var(--op-control-gap);--op-option-list-check-size: calc(var(--spacing, .25rem) * 5);--op-option-list-check-radius: calc(var(--op-radius) * .5);--op-option-list-check-border-width: var(--op-border-width);--op-option-list-check-bg: var(--op-bg-color);--op-option-list-check-border-color: var(--op-border-color);--op-option-list-check-checked-bg: var(--op-primary-color);--op-option-list-check-checked-border-color: var(--op-primary-color);--op-option-list-check-fg: var(--op-primary-contrast-color);--op-option-list-filter-gap: var(--op-control-gap);--op-option-list-fg: var(--op-text-color);--op-option-list-font-size: var(--op-font-size);--op-option-list-placeholder-fg: var(--op-text-muted-color);--op-option-list-disabled-opacity: var(--op-disabled-opacity);--op-option-list-focus-ring-width: var(--op-focus-ring-width);--op-option-list-focus-ring-offset: var(--op-focus-ring-offset);--op-option-list-focus-ring-color: var(--op-primary-color)}@supports (color: color-mix(in lab,red,red)){.op-option-list{--op-option-list-option-selected-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-select-panel{--op-select-panel-bg: var(--op-bg-color);--op-select-panel-border-color: var(--op-border-color);--op-select-panel-border-width: var(--op-border-width);--op-select-panel-radius: var(--op-radius);--op-select-panel-max-height: calc(var(--spacing, .25rem) * 60);--op-select-panel-shadow: 0 4px 12px var(--op-text-color);--op-select-option-px: var(--op-control-padding-x);--op-select-option-py: var(--op-control-padding-y);--op-select-option-hover-bg: var(--op-secondary-color);--op-select-option-selected-bg: var(--op-primary-color);--op-select-option-selected-fg: var(--op-primary-color);--op-select-option-highlighted-bg: var(--op-secondary-hover-color);--op-select-option-gap: var(--op-control-gap);--op-select-check-size: calc(var(--spacing, .25rem) * 5);--op-select-check-radius: calc(var(--op-radius) * .5);--op-select-check-border-width: var(--op-border-width);--op-select-check-bg: var(--op-bg-color);--op-select-check-border-color: var(--op-border-color);--op-select-check-checked-bg: var(--op-primary-color);--op-select-check-checked-border-color: var(--op-primary-color);--op-select-check-fg: var(--op-primary-contrast-color);--op-select-filter-gap: var(--op-control-gap);--op-option-list-max-height: var(--op-select-panel-max-height);--op-option-list-fg: var(--op-select-fg);--op-option-list-font-size: var(--op-select-font-size);--op-option-list-placeholder-fg: var(--op-select-placeholder-fg);--op-option-list-disabled-opacity: var(--op-select-disabled-opacity);--op-option-list-option-px: var(--op-select-option-px);--op-option-list-option-py: var(--op-select-option-py);--op-option-list-option-hover-bg: var(--op-select-option-hover-bg);--op-option-list-option-selected-bg: var(--op-select-option-selected-bg);--op-option-list-option-selected-fg: var(--op-select-option-selected-fg);--op-option-list-option-highlighted-bg: var( --op-select-option-highlighted-bg );--op-option-list-option-gap: var(--op-select-option-gap);--op-option-list-check-size: var(--op-select-check-size);--op-option-list-check-radius: var(--op-select-check-radius);--op-option-list-check-border-width: var(--op-select-check-border-width);--op-option-list-check-bg: var(--op-select-check-bg);--op-option-list-check-border-color: var(--op-select-check-border-color);--op-option-list-check-checked-bg: var(--op-select-check-checked-bg);--op-option-list-check-checked-border-color: var( --op-select-check-checked-border-color );--op-option-list-check-fg: var(--op-select-check-fg);--op-option-list-filter-gap: var(--op-select-filter-gap);--op-input-radius: var(--op-radius);--op-input-px: var(--op-control-padding-x);--op-input-py: var(--op-control-padding-y);--op-input-font-size: var(--op-font-size);--op-input-font-weight: var(--op-font-weight);--op-input-line-height: var(--op-line-height);--op-input-border-width: var(--op-border-width);--op-input-transition-duration: var(--op-transition-duration);--op-input-disabled-opacity: var(--op-disabled-opacity);--op-input-focus-ring-width: var(--op-focus-ring-width);--op-input-focus-ring-offset: var(--op-focus-ring-offset);--op-input-bg: var(--op-bg-color);--op-input-fg: var(--op-text-color);--op-input-placeholder-fg: var(--op-text-muted-color);--op-input-border-color: var(--op-border-color);--op-input-border-color-hover: var(--op-text-muted-color);--op-input-focus-ring-color: var(--op-primary-color);--op-input-readonly-bg: var(--op-secondary-color);--op-input-invalid-border-color: var(--op-danger-color);--op-input-invalid-focus-ring-color: var(--op-danger-color)}@supports (color: color-mix(in lab,red,red)){.op-select-panel{--op-select-panel-shadow: 0 4px 12px color-mix(in srgb, var(--op-text-color) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-select-panel{--op-select-option-selected-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-autocomplete-panel{--op-autocomplete-panel-bg: var(--op-bg-color);--op-autocomplete-panel-border-color: var(--op-border-color);--op-autocomplete-panel-border-width: var(--op-border-width);--op-autocomplete-panel-radius: var(--op-radius);--op-autocomplete-panel-max-height: calc(var(--spacing, .25rem) * 60);--op-autocomplete-panel-shadow: 0 4px 12px var(--op-text-color);--op-option-list-max-height: var(--op-autocomplete-panel-max-height);--op-option-list-fg: var(--op-text-color);--op-option-list-font-size: var(--op-font-size);--op-option-list-placeholder-fg: var(--op-text-muted-color);--op-option-list-disabled-opacity: var(--op-disabled-opacity);--op-option-list-focus-ring-color: var(--op-primary-color);--op-option-list-option-px: var(--op-control-padding-x);--op-option-list-option-py: var(--op-control-padding-y);--op-option-list-option-hover-bg: var(--op-secondary-color);--op-option-list-option-selected-bg: var(--op-primary-color);--op-option-list-option-selected-fg: var(--op-primary-color);--op-option-list-option-highlighted-bg: var(--op-secondary-hover-color);--op-option-list-option-gap: var(--op-control-gap)}@supports (color: color-mix(in lab,red,red)){.op-autocomplete-panel{--op-autocomplete-panel-shadow: 0 4px 12px color-mix(in srgb, var(--op-text-color) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-autocomplete-panel{--op-option-list-option-selected-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-listbox{--op-listbox-bg: var(--op-bg-color);--op-listbox-border-color: var(--op-border-color);--op-listbox-border-width: var(--op-border-width);--op-listbox-radius: var(--op-radius);--op-listbox-max-height: calc(var(--spacing, .25rem) * 60);--op-listbox-disabled-opacity: var(--op-disabled-opacity);--op-listbox-focus-ring-color: var(--op-primary-color);--op-listbox-invalid-border-color: var(--op-danger-color);--op-option-list-max-height: var(--op-listbox-max-height);--op-option-list-fg: var(--op-text-color);--op-option-list-font-size: var(--op-font-size);--op-option-list-placeholder-fg: var(--op-text-muted-color);--op-option-list-disabled-opacity: var(--op-disabled-opacity);--op-option-list-focus-ring-color: var(--op-primary-color);--op-option-list-option-px: var(--op-control-padding-x);--op-option-list-option-py: var(--op-control-padding-y);--op-option-list-option-hover-bg: var(--op-secondary-color);--op-option-list-option-selected-bg: var(--op-primary-color);--op-option-list-option-selected-fg: var(--op-primary-color);--op-option-list-option-highlighted-bg: var(--op-secondary-hover-color);--op-option-list-option-gap: var(--op-control-gap);--op-option-list-check-size: calc(var(--spacing, .25rem) * 5);--op-option-list-check-radius: calc(var(--op-radius) * .5);--op-option-list-check-border-width: var(--op-border-width);--op-option-list-check-bg: var(--op-bg-color);--op-option-list-check-border-color: var(--op-border-color);--op-option-list-check-checked-bg: var(--op-primary-color);--op-option-list-check-checked-border-color: var(--op-primary-color);--op-option-list-check-fg: var(--op-primary-contrast-color);--op-option-list-filter-gap: var(--op-control-gap);--op-input-radius: var(--op-radius);--op-input-px: var(--op-control-padding-x);--op-input-py: var(--op-control-padding-y);--op-input-font-size: var(--op-font-size);--op-input-font-weight: var(--op-font-weight);--op-input-line-height: var(--op-line-height);--op-input-border-width: var(--op-border-width);--op-input-transition-duration: var(--op-transition-duration);--op-input-disabled-opacity: var(--op-disabled-opacity);--op-input-focus-ring-width: var(--op-focus-ring-width);--op-input-focus-ring-offset: var(--op-focus-ring-offset);--op-input-bg: var(--op-bg-color);--op-input-fg: var(--op-text-color);--op-input-placeholder-fg: var(--op-text-muted-color);--op-input-border-color: var(--op-border-color);--op-input-border-color-hover: var(--op-text-muted-color);--op-input-focus-ring-color: var(--op-primary-color);--op-input-readonly-bg: var(--op-secondary-color);--op-input-invalid-border-color: var(--op-danger-color);--op-input-invalid-focus-ring-color: var(--op-danger-color)}@supports (color: color-mix(in lab,red,red)){.op-listbox{--op-option-list-option-selected-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-tree-select-panel{--op-tree-select-panel-bg: var(--op-bg-color);--op-tree-select-panel-border-color: var(--op-border-color);--op-tree-select-panel-border-width: var(--op-border-width);--op-tree-select-panel-radius: var(--op-radius);--op-tree-select-panel-max-height: calc(var(--spacing, .25rem) * 60);--op-tree-select-panel-shadow: 0 4px 12px var(--op-text-color);--op-tree-select-option-px: var(--op-control-padding-x);--op-tree-select-option-py: var(--op-control-padding-y);--op-tree-select-option-hover-bg: var(--op-secondary-color);--op-tree-select-option-selected-bg: var(--op-primary-color);--op-tree-select-option-selected-fg: var(--op-primary-color);--op-tree-select-option-highlighted-bg: var(--op-secondary-hover-color);--op-tree-select-option-gap: var(--op-control-gap);--op-tree-select-indent: calc(var(--spacing, .25rem) * 4);--op-tree-select-twist-size: calc(var(--spacing, .25rem) * 5);--op-tree-select-check-size: calc(var(--spacing, .25rem) * 5);--op-tree-select-check-radius: calc(var(--op-radius) * .5);--op-tree-select-check-border-width: var(--op-border-width);--op-tree-select-check-bg: var(--op-bg-color);--op-tree-select-check-border-color: var(--op-border-color);--op-tree-select-check-checked-bg: var(--op-primary-color);--op-tree-select-check-checked-border-color: var(--op-primary-color);--op-tree-select-check-fg: var(--op-primary-contrast-color);--op-tree-select-filter-gap: var(--op-control-gap);--op-tree-select-fg: var(--op-text-color);--op-tree-select-placeholder-fg: var(--op-text-muted-color);--op-tree-select-chevron-color: var(--op-text-muted-color);--op-tree-select-font-size: var(--op-font-size);--op-tree-select-disabled-opacity: var(--op-disabled-opacity);--op-tree-select-focus-ring-color: var(--op-primary-color);--op-input-radius: var(--op-radius);--op-input-px: var(--op-control-padding-x);--op-input-py: var(--op-control-padding-y);--op-input-font-size: var(--op-font-size);--op-input-font-weight: var(--op-font-weight);--op-input-line-height: var(--op-line-height);--op-input-border-width: var(--op-border-width);--op-input-transition-duration: var(--op-transition-duration);--op-input-disabled-opacity: var(--op-disabled-opacity);--op-input-focus-ring-width: var(--op-focus-ring-width);--op-input-focus-ring-offset: var(--op-focus-ring-offset);--op-input-bg: var(--op-bg-color);--op-input-fg: var(--op-text-color);--op-input-placeholder-fg: var(--op-text-muted-color);--op-input-border-color: var(--op-border-color);--op-input-border-color-hover: var(--op-text-muted-color);--op-input-focus-ring-color: var(--op-primary-color);--op-input-readonly-bg: var(--op-secondary-color);--op-input-invalid-border-color: var(--op-danger-color);--op-input-invalid-focus-ring-color: var(--op-danger-color)}@supports (color: color-mix(in lab,red,red)){.op-tree-select-panel{--op-tree-select-panel-shadow: 0 4px 12px color-mix(in srgb, var(--op-text-color) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-tree-select-panel{--op-tree-select-option-selected-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-pick-list{--op-pick-list-gap: var(--op-control-gap);--op-pick-list-fg: var(--op-text-color);--op-pick-list-panel-bg: var(--op-bg-color);--op-pick-list-panel-border-color: var(--op-border-color);--op-pick-list-panel-border-width: var(--op-border-width);--op-pick-list-panel-radius: calc(var(--op-radius) * 1.5);--op-pick-list-panel-shadow: 0 1px 2px var(--op-text-color);--op-pick-list-header-px: var(--op-control-padding-x);--op-pick-list-header-py: var(--op-control-padding-y);--op-pick-list-header-tint: 5%;--op-pick-list-header-bg: var(--op-primary-color);--op-pick-list-header-fg: var(--op-text-color);--op-pick-list-header-font-weight: 600;--op-pick-list-count-bg: var(--op-secondary-color);--op-pick-list-count-fg: var(--op-text-muted-color);--op-pick-list-count-font-size: calc(var(--op-font-size) * .8);--op-pick-list-btn-size: calc(var(--spacing, .25rem) * 8);--op-pick-list-btn-icon-size: 1rem;--op-pick-list-btn-bg: var(--op-secondary-color);--op-pick-list-btn-fg: var(--op-text-muted-color);--op-pick-list-btn-hover-bg: var(--op-primary-color);--op-pick-list-btn-hover-fg: var(--op-primary-color);--op-pick-list-focus-ring-color: var(--op-primary-color)}@supports (color: color-mix(in lab,red,red)){.op-pick-list{--op-pick-list-panel-shadow: 0 1px 2px color-mix(in srgb, var(--op-text-color) 6%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-pick-list{--op-pick-list-header-bg: color-mix( in srgb, var(--op-primary-color) var(--op-pick-list-header-tint), var(--op-pick-list-panel-bg) )}}@supports (color: color-mix(in lab,red,red)){.op-pick-list{--op-pick-list-btn-hover-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}.op-checkbox{--op-checkbox-size: calc(var(--spacing, .25rem) * 5);--op-checkbox-radius: calc(var(--op-radius) * .5);--op-checkbox-gap: var(--op-control-gap);--op-checkbox-border-width: var(--op-border-width);--op-checkbox-transition-duration: var(--op-transition-duration);--op-checkbox-disabled-opacity: var(--op-disabled-opacity);--op-checkbox-focus-ring-width: var(--op-focus-ring-width);--op-checkbox-focus-ring-offset: var(--op-focus-ring-offset);--op-checkbox-focus-ring-color: var(--op-primary-color);--op-checkbox-bg: var(--op-bg-color);--op-checkbox-border-color: var(--op-border-color);--op-checkbox-border-color-hover: var(--op-text-muted-color);--op-checkbox-checked-bg: var(--op-primary-color);--op-checkbox-checked-border-color: var(--op-primary-color);--op-checkbox-check-fg: var(--op-primary-contrast-color);--op-checkbox-label-fg: var(--op-text-color);--op-checkbox-font-size: var(--op-font-size);--op-checkbox-font-weight: var(--op-font-weight);--op-checkbox-line-height: var(--op-line-height);--op-checkbox-invalid-border-color: var(--op-danger-color);--op-checkbox-invalid-focus-ring-color: var(--op-danger-color)}.op-toggle-switch{--op-toggle-switch-width: calc(var(--spacing, .25rem) * 10);--op-toggle-switch-height: calc(var(--spacing, .25rem) * 5.5);--op-toggle-switch-thumb-size: calc(var(--spacing, .25rem) * 4);--op-toggle-switch-thumb-inset: calc(var(--spacing, .25rem) * .5);--op-toggle-switch-radius: 999px;--op-toggle-switch-gap: var(--op-control-gap);--op-toggle-switch-border-width: var(--op-border-width);--op-toggle-switch-transition-duration: var(--op-transition-duration);--op-toggle-switch-disabled-opacity: var(--op-disabled-opacity);--op-toggle-switch-focus-ring-width: var(--op-focus-ring-width);--op-toggle-switch-focus-ring-offset: var(--op-focus-ring-offset);--op-toggle-switch-focus-ring-color: var(--op-primary-color);--op-toggle-switch-bg: var(--op-border-color);--op-toggle-switch-border-color: var(--op-border-color);--op-toggle-switch-border-color-hover: var(--op-text-muted-color);--op-toggle-switch-checked-bg: var(--op-primary-color);--op-toggle-switch-checked-border-color: var(--op-primary-color);--op-toggle-switch-thumb-bg: var(--op-primary-contrast-color);--op-toggle-switch-label-fg: var(--op-text-color);--op-toggle-switch-font-size: var(--op-font-size);--op-toggle-switch-font-weight: var(--op-font-weight);--op-toggle-switch-line-height: var(--op-line-height);--op-toggle-switch-invalid-border-color: var(--op-danger-color);--op-toggle-switch-invalid-focus-ring-color: var(--op-danger-color)}.op-select-button{--op-select-button-radius: var(--op-radius);--op-select-button-px: var(--op-control-padding-x);--op-select-button-py: var(--op-control-padding-y);--op-select-button-font-size: var(--op-font-size);--op-select-button-font-weight: 500;--op-select-button-line-height: var(--op-line-height);--op-select-button-border-width: var(--op-border-width);--op-select-button-transition-duration: var(--op-transition-duration);--op-select-button-disabled-opacity: var(--op-disabled-opacity);--op-select-button-invalid-outline-width: var(--op-focus-ring-width);--op-select-button-invalid-outline-offset: var(--op-focus-ring-offset);--op-select-button-invalid-border-color: var(--op-danger-color);--op-select-button-bg: var(--op-bg-color);--op-select-button-bg-hover: var(--op-secondary-color);--op-select-button-fg: var(--op-text-color);--op-select-button-fg-hover: var(--op-text-color);--op-select-button-border-color: var(--op-border-color);--op-select-button-border-color-hover: var(--op-border-color);--op-select-button-focus-ring-shadow: 0 0 0 .2rem var(--op-primary-color);--op-select-button-selected-bg: var(--op-primary-color);--op-select-button-selected-bg-hover: var(--op-primary-color);--op-select-button-selected-fg: var(--op-primary-active-color);--op-select-button-selected-border-color: var(--op-border-color);--op-select-button-selected-border-color-hover: var(--op-border-color);--op-select-button-selected-focus-ring-shadow: var( --op-select-button-focus-ring-shadow )}@supports (color: color-mix(in lab,red,red)){.op-select-button{--op-select-button-focus-ring-shadow: 0 0 0 .2rem color-mix(in srgb, var(--op-primary-color) 25%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-select-button{--op-select-button-selected-bg: color-mix( in srgb, var(--op-primary-color) 12%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-select-button{--op-select-button-selected-bg-hover: color-mix( in srgb, var(--op-primary-color) 20%, transparent )}}.op-tabs{--op-tabs-radius: var(--op-radius);--op-tabs-gap: calc(var(--spacing, .25rem) * 1);--op-tabs-transition-duration: var(--op-transition-duration);--op-tabs-disabled-opacity: var(--op-disabled-opacity);--op-tabs-list-border-width: var(--op-border-width);--op-tabs-list-border-color: var(--op-border-color);--op-tabs-indicator-width: 2px;--op-tabs-tab-px: var(--op-control-padding-x);--op-tabs-tab-py: var(--op-control-padding-y);--op-tabs-tab-font-size: var(--op-font-size);--op-tabs-tab-font-weight: 500;--op-tabs-tab-line-height: var(--op-line-height);--op-tabs-tab-fg: var(--op-text-muted-color);--op-tabs-tab-fg-hover: var(--op-text-color);--op-tabs-tab-bg-hover: var(--op-secondary-color);--op-tabs-focus-ring-shadow: 0 0 0 .2rem var(--op-primary-color);--op-tabs-active-fg: var(--op-primary-color);--op-tabs-active-indicator-color: var(--op-primary-color);--op-tabs-panel-px: 0;--op-tabs-panel-py: calc(var(--spacing, .25rem) * 4);--op-tabs-panel-fg: var(--op-text-color);--op-tabs-panel-font-size: var(--op-font-size);--op-tabs-panel-line-height: var(--op-line-height);--op-tabs-close-size: 1.25rem;--op-tabs-close-radius: var(--op-radius);--op-tabs-close-stroke-width: 1px;--op-tabs-close-fg: var(--op-text-muted-color);--op-tabs-close-fg-hover: var(--op-text-color);--op-tabs-close-bg-hover: var(--op-secondary-color);--op-tabs-scroll-size: 1.75rem;--op-tabs-scroll-fg: var(--op-text-muted-color);--op-tabs-scroll-fg-hover: var(--op-text-color);--op-tabs-scroll-bg-hover: var(--op-secondary-color)}@supports (color: color-mix(in lab,red,red)){.op-tabs{--op-tabs-focus-ring-shadow: 0 0 0 .2rem color-mix(in srgb, var(--op-primary-color) 25%, transparent)}}.op-chart{--op-chart-fg: var(--op-text-color);--op-chart-muted: var(--op-text-muted-color);--op-chart-grid: var(--op-border-color);--op-chart-bg: var(--op-bg-color);--op-chart-border-width: var(--op-border-width);--op-chart-font-size: var(--op-font-size);--op-chart-font-weight: var(--op-font-weight);--op-chart-line-height: var(--op-line-height);--op-chart-series-1: var(--op-primary-color);--op-chart-series-2: var(--op-info-color);--op-chart-series-3: var(--op-success-color);--op-chart-series-4: var(--op-warning-color);--op-chart-series-5: var(--op-danger-color);--op-chart-series-6: var(--op-secondary-contrast-color);--op-chart-tooltip-bg: var(--op-bg-color);--op-chart-tooltip-fg: var(--op-text-color);--op-chart-tooltip-border-color: var(--op-border-color);--op-chart-tooltip-radius: var(--op-radius);--op-chart-tooltip-px: var(--op-control-padding-x);--op-chart-tooltip-py: var(--op-control-padding-y)}.op-radio-button{--op-radio-size: calc(var(--spacing, .25rem) * 5);--op-radio-radius: 50%;--op-radio-gap: var(--op-control-gap);--op-radio-border-width: var(--op-border-width);--op-radio-transition-duration: var(--op-transition-duration);--op-radio-disabled-opacity: var(--op-disabled-opacity);--op-radio-focus-ring-width: var(--op-focus-ring-width);--op-radio-focus-ring-offset: var(--op-focus-ring-offset);--op-radio-focus-ring-color: var(--op-primary-color);--op-radio-bg: var(--op-bg-color);--op-radio-border-color: var(--op-border-color);--op-radio-border-color-hover: var(--op-text-muted-color);--op-radio-checked-bg: var(--op-primary-color);--op-radio-checked-border-color: var(--op-primary-color);--op-radio-dot-fg: var(--op-primary-contrast-color);--op-radio-label-fg: var(--op-text-color);--op-radio-font-size: var(--op-font-size);--op-radio-font-weight: var(--op-font-weight);--op-radio-line-height: var(--op-line-height);--op-radio-invalid-border-color: var(--op-danger-color);--op-radio-invalid-focus-ring-color: var(--op-danger-color)}.op-toast{--op-toast-radius: var(--op-radius);--op-toast-px: calc(var(--spacing, .25rem) * 4);--op-toast-py: calc(var(--spacing, .25rem) * 4);--op-toast-gap: calc(var(--spacing, .25rem) * 3);--op-toast-font-size: var(--op-font-size);--op-toast-detail-size: .875rem;--op-toast-line-height: var(--op-line-height);--op-toast-border-width: var(--op-border-width);--op-toast-inset: calc(var(--spacing, .25rem) * 4);--op-toast-max-width: 24rem;--op-toast-z-index: 1100;--op-toast-icon-size: 1.25rem;--op-toast-summary-weight: 600;--op-toast-motion-duration: var(--op-transition-duration);--op-toast-enter-x: 1rem;--op-toast-gap-px: 12;--op-toast-collapsed-gap-px: 14;--op-toast-scale-step: .05;--op-toast-expand-duration: .4s;--op-toast-expand-easing: cubic-bezier(.16, 1, .3, 1);--op-toast-shadow: 0 2px 12px var(--op-text-color);--op-toast-fg: var(--op-text-color);--op-toast-muted-fg: var(--op-text-muted-color);--op-toast-bg-mix: 22%;--op-toast-border-mix: 38%;--op-toast-success-color: #16a34a;--op-toast-danger-color: var(--op-danger-color);--op-toast-warning-color: var(--op-warning-color);--op-toast-info-color: var(--op-info-color);--op-toast-success-bg: var(--op-toast-success-color);--op-toast-success-border-color: var(--op-toast-success-color);--op-toast-success-accent: var(--op-toast-success-color);--op-toast-danger-bg: var(--op-toast-danger-color);--op-toast-danger-border-color: var(--op-toast-danger-color);--op-toast-danger-accent: var(--op-toast-danger-color);--op-toast-warning-bg: var(--op-toast-warning-color);--op-toast-warning-border-color: var(--op-toast-warning-color);--op-toast-warning-accent: var(--op-toast-warning-color);--op-toast-info-bg: var(--op-toast-info-color);--op-toast-info-border-color: var(--op-toast-info-color);--op-toast-info-accent: var(--op-toast-info-color);--op-toast-item-bg: var(--op-toast-info-bg);--op-toast-item-border-color: var(--op-toast-info-border-color);--op-toast-item-accent: var(--op-info-color);--op-toast-item-fg: var(--op-toast-fg);--op-toast-close-fg: var(--op-toast-item-accent)}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-shadow: 0 2px 12px color-mix(in srgb, var(--op-text-color) 16%, transparent)}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-success-bg: color-mix( in srgb, var(--op-toast-success-color) var(--op-toast-bg-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-success-border-color: color-mix( in srgb, var(--op-toast-success-color) var(--op-toast-border-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-danger-bg: color-mix( in srgb, var(--op-toast-danger-color) var(--op-toast-bg-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-danger-border-color: color-mix( in srgb, var(--op-toast-danger-color) var(--op-toast-border-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-warning-bg: color-mix( in srgb, var(--op-toast-warning-color) var(--op-toast-bg-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-warning-border-color: color-mix( in srgb, var(--op-toast-warning-color) var(--op-toast-border-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-info-bg: color-mix( in srgb, var(--op-toast-info-color) var(--op-toast-bg-mix), var(--op-bg-color) )}}@supports (color: color-mix(in lab,red,red)){.op-toast{--op-toast-info-border-color: color-mix( in srgb, var(--op-toast-info-color) var(--op-toast-border-mix), var(--op-bg-color) )}}.op-dialog{--op-dialog-radius: var(--op-radius);--op-dialog-header-px: var(--op-control-padding-x);--op-dialog-header-py: var(--op-control-padding-y);--op-dialog-header-gap: var(--op-control-gap);--op-dialog-body-px: calc(var(--spacing, .25rem) * 5);--op-dialog-body-py: calc(var(--spacing, .25rem) * 5);--op-dialog-font-size: var(--op-font-size);--op-dialog-font-weight: var(--op-font-weight);--op-dialog-line-height: var(--op-line-height);--op-dialog-title-size: var(--op-font-size);--op-dialog-title-weight: 600;--op-dialog-border-width: var(--op-border-width);--op-dialog-focus-ring-width: var(--op-focus-ring-width);--op-dialog-focus-ring-offset: var(--op-focus-ring-offset);--op-dialog-focus-ring-color: var(--op-primary-active-color);--op-dialog-max-height: min(90vh, calc(100vh - 2rem) );--op-dialog-bg: var(--op-bg-color);--op-dialog-fg: var(--op-text-color);--op-dialog-header-fg: var(--op-text-color);--op-dialog-border-color: var(--op-border-color);--op-dialog-close-fg: var(--op-text-muted-color);--op-dialog-shadow: 0 2px 12px var(--op-text-color)}@supports (color: color-mix(in lab,red,red)){.op-dialog{--op-dialog-shadow: 0 2px 12px color-mix(in srgb, var(--op-text-color) 16%, transparent)}}.op-confirm-dialog{--op-confirm-dialog-actions-gap: var(--op-control-gap);--op-confirm-dialog-actions-margin-top: var(--op-dialog-body-py)}.op-tooltip{--op-tooltip-bg: var(--op-text-color);--op-tooltip-fg: var(--op-bg-color);--op-tooltip-border-color: var(--op-tooltip-bg);--op-tooltip-radius: var(--op-radius);--op-tooltip-px: calc(var(--spacing, .25rem) * 3);--op-tooltip-py: calc(var(--spacing, .25rem) * 1.5);--op-tooltip-font-size: .75rem;--op-tooltip-font-weight: 400;--op-tooltip-line-height: 1.25;--op-tooltip-border-width: 0;--op-tooltip-max-width: 16rem;--op-tooltip-shadow: none;--op-tooltip-arrow-size: .625rem;--op-tooltip-motion-duration: var(--op-transition-duration)}.op-calendar{--op-calendar-radius: var(--op-radius);--op-calendar-padding: var(--op-control-padding-x);--op-calendar-gap: var(--op-control-gap);--op-calendar-font-size: var(--op-font-size);--op-calendar-font-weight: var(--op-font-weight);--op-calendar-line-height: var(--op-line-height);--op-calendar-border-width: var(--op-border-width);--op-calendar-disabled-opacity: var(--op-disabled-opacity);--op-calendar-focus-ring-color: var(--op-primary-color);--op-calendar-bg: var(--op-bg-color);--op-calendar-fg: var(--op-text-color);--op-calendar-muted-fg: var(--op-text-muted-color);--op-calendar-border-color: var(--op-border-color);--op-calendar-chevron-color: var(--op-text-muted-color);--op-calendar-nav-hover-bg: var(--op-secondary-color);--op-calendar-day-radius: var(--op-radius);--op-calendar-day-min-height: 5rem;--op-calendar-day-hover-bg: var(--op-secondary-color);--op-calendar-today-border-color: var(--op-primary-color);--op-calendar-event-bg: var(--op-primary-color);--op-calendar-event-fg: var(--op-primary-contrast-color);--op-calendar-timegrid-gutter-width: 3.5rem;--op-calendar-timegrid-hour-height: 3rem;--op-calendar-timegrid-now-color: var(--op-danger-color);--op-calendar-content-height: 34rem;--op-calendar-drag-bg: var(--op-primary-color);--op-calendar-disabled-stripe-color: var(--op-calendar-muted-fg);--op-calendar-day-border-color: var(--op-calendar-border-color);--op-calendar-timeline-hour-width: 1.25rem;--op-calendar-timeline-row-label-width: 8rem;--op-calendar-timeline-row-height: 4.5rem}@supports (color: color-mix(in lab,red,red)){.op-calendar{--op-calendar-drag-bg: color-mix( in srgb, var(--op-primary-color) 20%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-calendar{--op-calendar-disabled-stripe-color: color-mix( in srgb, var(--op-calendar-muted-fg) 12%, transparent )}}@supports (color: color-mix(in lab,red,red)){.op-calendar{--op-calendar-day-border-color: color-mix( in srgb, var(--op-calendar-border-color) 55%, transparent )}}.op-context-menu{--op-context-menu-bg: var(--op-bg-color);--op-context-menu-fg: var(--op-text-color);--op-context-menu-border-color: var(--op-border-color);--op-context-menu-border-width: var(--op-border-width);--op-context-menu-radius: var(--op-radius);--op-context-menu-shadow: 0 4px 12px var(--op-text-color);--op-context-menu-padding: calc(var(--spacing, .25rem) * 1);--op-context-menu-min-width: 12rem;--op-context-menu-max-height: calc(var(--spacing, .25rem) * 90);--op-context-menu-font-size: var(--op-font-size);--op-context-menu-font-weight: var(--op-font-weight);--op-context-menu-line-height: var(--op-line-height);--op-context-menu-item-px: var(--op-control-padding-x);--op-context-menu-item-py: var(--op-control-padding-y);--op-context-menu-item-gap: var(--op-control-gap);--op-context-menu-item-radius: calc(var(--op-radius) * .75);--op-context-menu-item-hover-bg: var(--op-secondary-color);--op-context-menu-item-hover-fg: var(--op-text-color);--op-context-menu-item-disabled-opacity: var(--op-disabled-opacity);--op-context-menu-focus-ring-width: var(--op-focus-ring-width);--op-context-menu-focus-ring-offset: var(--op-focus-ring-offset);--op-context-menu-focus-ring-color: var(--op-primary-color);--op-context-menu-separator-color: var(--op-border-color);--op-context-menu-separator-margin: calc(var(--spacing, .25rem) * 1);--op-context-menu-shortcut-fg: var(--op-text-muted-color);--op-context-menu-shortcut-font-size: .75rem;--op-context-menu-submenu-icon-color: var(--op-text-muted-color);--op-context-menu-submenu-offset: calc(var(--spacing, .25rem) * 1);--op-context-menu-empty-fg: var(--op-text-muted-color);--op-context-menu-motion-duration: var(--op-transition-duration)}@supports (color: color-mix(in lab,red,red)){.op-context-menu{--op-context-menu-shadow: 0 4px 12px color-mix(in srgb, var(--op-text-color) 18%, transparent)}}.op-badge{--op-badge-radius: var(--op-radius);--op-badge-px: calc(var(--spacing, .25rem) * 2);--op-badge-py: calc(var(--spacing, .25rem) * .5);--op-badge-gap: var(--op-control-gap);--op-badge-font-size: .75rem;--op-badge-font-weight: 500;--op-badge-line-height: 1.25;--op-badge-border-width: var(--op-border-width);--op-badge-bg: var(--op-primary-color);--op-badge-fg: var(--op-primary-contrast-color);--op-badge-border-color: var(--op-primary-color);--op-badge-secondary-bg: var(--op-secondary-color);--op-badge-secondary-fg: var(--op-secondary-contrast-color);--op-badge-secondary-border-color: var(--op-secondary-color);--op-badge-success-bg: var(--op-success-color);--op-badge-success-fg: var(--op-success-contrast-color);--op-badge-success-border-color: var(--op-success-color);--op-badge-warning-bg: var(--op-warning-color);--op-badge-warning-fg: var(--op-warning-contrast-color);--op-badge-warning-border-color: var(--op-warning-color);--op-badge-danger-bg: var(--op-danger-color);--op-badge-danger-fg: var(--op-danger-contrast-color);--op-badge-danger-border-color: var(--op-danger-color);--op-badge-info-bg: var(--op-info-color);--op-badge-info-fg: var(--op-info-contrast-color);--op-badge-info-border-color: var(--op-info-color)}.op-carousel{--op-carousel-gap: var(--op-control-gap);--op-carousel-transition-duration: var(--op-transition-duration);--op-carousel-nav-bg: var(--op-bg-color);--op-carousel-nav-fg: var(--op-text-color);--op-carousel-nav-border-color: var(--op-border-color);--op-carousel-nav-hover-bg: var(--op-secondary-color);--op-carousel-nav-radius: var(--op-radius);--op-carousel-nav-size: calc(var(--spacing, .25rem) * 8);--op-carousel-nav-disabled-opacity: var(--op-disabled-opacity);--op-carousel-indicator-size: calc(var(--spacing, .25rem) * 2);--op-carousel-indicator-gap: var(--op-control-gap);--op-carousel-indicator-bg: var(--op-border-color);--op-carousel-indicator-active-bg: var(--op-primary-color);--op-carousel-focus-ring-width: var(--op-focus-ring-width);--op-carousel-focus-ring-offset: var(--op-focus-ring-offset);--op-carousel-focus-ring-color: var(--op-primary-color)}}.cdk-overlay-pane.op-select-overlay-pane,.cdk-overlay-pane.op-autocomplete-overlay-pane,.cdk-overlay-pane.op-multi-select-overlay-pane,.cdk-overlay-pane.op-tree-select-overlay-pane,.cdk-overlay-pane.op-datepicker-overlay-pane,.cdk-overlay-pane.op-table-column-filter-overlay-pane,.cdk-overlay-pane.op-context-menu-overlay-pane{display:block;max-height:none}.cdk-overlay-pane.op-tooltip-overlay-pane{display:block;max-height:none;overflow:visible}.cdk-overlay-pane.op-dialog-overlay-pane{--op-dialog-width: min(32rem, calc(100vw - 2rem) );--op-dialog-max-width: min(32rem, calc(100vw - 2rem) );--op-dialog-z-index: 1000;display:block;max-height:none;width:var(--op-dialog-width);max-width:var(--op-dialog-max-width);z-index:var(--op-dialog-z-index)}.op-table-column-filter-overlay-pane .op-table-column-filter__panel{--op-table-header-control-bg: var(--op-bg-color);--op-table-header-control-fg: var(--op-text-color);--op-table-header-control-border-color: var(--op-border-color);--op-table-header-control-radius: var(--op-radius);--op-table-header-control-px: var(--op-control-padding-x);--op-table-header-control-py: var(--op-control-padding-y);--op-table-filter-icon-size: .75rem;--op-table-filter-icon-fg: var(--op-text-muted-color);--op-table-filter-trigger-active-fg: var(--op-primary-color);--op-table-filter-panel-padding: calc(var(--spacing, .25rem) * 3);--op-table-filter-panel-gap: calc(var(--spacing, .25rem) * 2);--op-table-filter-panel-min-width: 16rem;--op-table-filter-panel-bg: var(--op-bg-color);--op-table-filter-panel-fg: var(--op-text-color);--op-table-filter-panel-border-color: var(--op-border-color);--op-table-filter-panel-radius: var(--op-radius);display:flex;flex-direction:column;gap:var(--op-table-filter-panel-gap);padding:var(--op-table-filter-panel-padding);min-width:var(--op-table-filter-panel-min-width);box-sizing:border-box;background-color:var(--op-table-filter-panel-bg);color:var(--op-table-filter-panel-fg);border:var(--op-border-width) solid var(--op-table-filter-panel-border-color);border-radius:var(--op-table-filter-panel-radius)}.op-table-column-filter__input{width:100%;box-sizing:border-box;margin:0;background-color:var(--op-table-header-control-bg);color:var(--op-table-header-control-fg);border:var(--op-border-width) solid var(--op-table-header-control-border-color);border-radius:var(--op-table-header-control-radius);padding:var(--op-table-header-control-py) var(--op-table-header-control-px);font:inherit}.op-table-column-filter__input:focus-visible{outline:none;border-color:var(--op-primary-color)}.op-table-column-filter__footer{display:flex;justify-content:flex-end;gap:var(--op-table-filter-panel-gap)}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}:root{--op-primary-color: #2563eb}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:var(--color-gray-50);color:var(--color-gray-900)}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000}}}