@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-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-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-3xl: 48rem;--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-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--tracking-wide: .025em;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--animate-spin: spin 1s linear infinite;--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::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{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.left-0{left:0}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.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-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-64{height:calc(var(--spacing) * 64)}.h-\[600px\]{height:600px}.h-full{height:100%}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-full{max-width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0px}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.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)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-y-1{row-gap:var(--spacing)}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.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-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-6{padding-top:calc(var(--spacing) * 6)}.text-center{text-align:center}.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-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.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-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media(width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_auto_1fr_auto\]{grid-template-columns:1fr auto 1fr auto}}@media(width>=64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(width>=80rem){.xl\:grid-cols-2{grid-template-columns:repeat(2,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-press-duration: .12s;--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-panel-motion-duration: .15s;--op-select-panel-exit-motion-duration: .13s;--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-press-duration: var(--op-button-press-duration);--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-bg-active: var(--op-secondary-hover-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-bg-active: 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 )}}@supports (color: color-mix(in lab,red,red)){.op-select-button{--op-select-button-selected-bg-active: color-mix( in srgb, var(--op-primary-color) 28%, 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);--op-dialog-motion-duration: .2s;--op-dialog-exit-motion-duration: .15s}@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);--op-context-menu-exit-motion-duration: .13s}@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-press-duration: var(--op-button-press-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: #0d6efd}.op-select-button--wrap op-select-button>.op-select-button-group{flex-wrap:wrap}.op-banner-danger{background-color:var(--op-danger-color);color:var(--op-danger-color);border:var(--op-border-width) solid var(--op-danger-color)}@supports (color: color-mix(in lab,red,red)){.op-banner-danger{background-color:color-mix(in srgb,var(--op-danger-color) 10%,var(--op-bg-color))}}@supports (color: color-mix(in lab,red,red)){.op-banner-danger{border:var(--op-border-width) solid color-mix(in srgb,var(--op-danger-color) 35%,var(--op-bg-color))}}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}