@layer components{.oc-skeuo{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;color:var(--sk-label);white-space:nowrap;text-shadow:var(--sk-label-shadow);background:var(--sk-face);box-shadow:var(--sk-focus,0 0 #0000), var(--sk-shadow);isolation:isolate;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding-block:0;font-weight:450;transition:box-shadow .1s ease-out,background-color .1s ease-out;display:inline-flex;position:relative}.oc-skeuo:before{pointer-events:none;content:"";background:var(--sk-stroke);border-radius:inherit;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude}.oc-skeuo:disabled{pointer-events:none;opacity:.45}.oc-skeuo-label{z-index:1;align-items:center;gap:.5rem;display:flex;position:relative}@media (hover:hover){.oc-skeuo:hover{background:var(--sk-face-hover)}}.oc-skeuo[data-force=hover]{background:var(--sk-face-hover)}.oc-skeuo:is(:active,[data-force=active],[data-state=open],[data-active=true]){color:var(--sk-label-active);text-shadow:var(--sk-label-shadow-active);background:var(--sk-face-active);box-shadow:var(--sk-focus,0 0 #0000), var(--sk-shadow-active);padding-block:2px 0}.oc-skeuo:is(:active,[data-force=active],[data-state=open],[data-active=true]):before{background:var(--sk-stroke-active)}.oc-skeuo:is(:focus-visible,[data-force=focus]){--sk-focus:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring))}@media (prefers-reduced-motion:reduce){.oc-skeuo:is(:active,[data-force=active],[data-state=open],[data-active=true]){padding-block:0}}.oc-skeuo-sm{border-radius:calc(var(--radius) - 2px);height:1.75rem;padding-inline:.5rem;font-size:.75rem;line-height:1rem}.oc-skeuo-md{border-radius:var(--radius);height:2rem;padding-inline:.75rem;font-size:.875rem;line-height:1.25rem}.oc-skeuo-lg{border-radius:var(--radius);height:2.5rem;padding-inline:1rem;font-size:.875rem;line-height:1.25rem}.oc-skeuo-icon{border-radius:var(--radius);width:2rem;height:2rem;padding-inline:0}.oc-skeuo-icon-sm{border-radius:calc(var(--radius) - 2px);width:1.75rem;height:1.75rem;padding-inline:0}.oc-skeuo-primary,.dark .oc-skeuo-secondary{--sk-face:linear-gradient(180deg, #303030 0%, #494949 100%);--sk-face-hover:linear-gradient(180deg, #383838 0%, #525252 100%);--sk-face-active:linear-gradient(180deg, #353535 0%, #2d2d2d 9%, #383838 22%, #323232 61%, #3a3a3a 100%);--sk-stroke:linear-gradient(180deg, #4d4d4d 0%, #373737 100%);--sk-stroke-active:linear-gradient(180deg, #444 0%, #000 100%);--sk-shadow:inset 0 1px 3px 0 #00000059, inset 0 -1px 0 1px #080808cc;--sk-shadow-active:inset 0 2px 3px 0 #0009;--sk-label:#ededed;--sk-label-active:#dedede;--sk-label-shadow:0 .5px 0 #000;--sk-label-shadow-active:0 -.5px 0 #000}.dark .oc-skeuo-primary,.oc-skeuo-secondary{--sk-face:linear-gradient(180deg, #f8f8f8 0%, #fefefe 100%);--sk-face-hover:linear-gradient(180deg, #e2e2e2 0%, #f2f2f2 100%);--sk-face-active:linear-gradient(180deg, #e5e5e5 0%, #f3f3f3 9.38%, #f6f6f6 21.88%, #f4f4f4 60.94%, #fefefe 100%);--sk-stroke:linear-gradient(180deg, #e1e1e1 0%, #cacaca 100%);--sk-stroke-active:var(--sk-stroke);--sk-shadow:inset 0 1px 3px 0 #00000059, inset 0 -1px 0 1px #b1b1b1cc;--sk-shadow-active:inset 0 3px 2px 1px #b4b4b4;--sk-label:#303030;--sk-label-active:#303030;--sk-label-shadow:0 .5px 0 #cbcbcb;--sk-label-shadow-active:0 -.5px 0 #cbcbcb}.oc-skeuo-blue{--sk-base:oklch(from hsl(var(--chart-1)) .68007 .20899 h)}.oc-skeuo-green{--sk-base:oklch(from hsl(var(--chart-2)) .68007 .20899 h)}.oc-skeuo-orange{--sk-base:oklch(from hsl(var(--chart-3)) .68007 .20899 h)}.oc-skeuo-blue,.oc-skeuo-green,.oc-skeuo-orange{--sk-face:linear-gradient(180deg, oklch(from var(--sk-base) calc(l - .021) calc(c * 1.06) calc(h - 1.8)) 0%, oklch(from var(--sk-base) calc(l + .021) calc(c * .94) calc(h + 2.1)) 100%);--sk-face-hover:linear-gradient(180deg, oklch(from var(--sk-base) calc(l - .079) calc(c * .96) calc(h - 1.7)) 0%, oklch(from var(--sk-base) calc(l - .02) calc(c * .83) calc(h + 2.7)) 100%);--sk-face-active:linear-gradient(180deg, oklch(from var(--sk-base) calc(l - .184) calc(c * .78) calc(h - .8)) 0%, oklch(from var(--sk-base) calc(l - .159) calc(c * .81) calc(h - .8)) 9%, oklch(from var(--sk-base) calc(l - .086) calc(c * .9) calc(h - 1.9)) 22%, oklch(from var(--sk-base) calc(l - .019) calc(c * .89) calc(h - .9)) 61%, oklch(from var(--sk-base) calc(l - .017) calc(c * .93) calc(h - 1.1)) 100%);--sk-stroke:linear-gradient(180deg, oklch(from var(--sk-base) calc(l + .008) calc(c * .87) calc(h + 1.3)) 0%, oklch(from var(--sk-base) calc(l - .123) calc(c * .93) calc(h - 3.7)) 100%);--sk-stroke-active:linear-gradient(180deg, oklch(from var(--sk-base) calc(l - .039) calc(c * .91) calc(h + .2)) 0%, oklch(from var(--sk-base) calc(l - .261) calc(c * .69) calc(h - 2.9)) 100%);--sk-shadow:inset 0 1px 3px 0 #00000059, inset 0 -1px 0 1px oklch(from var(--sk-base) calc(l - .344) calc(c * .54) calc(h - 1.5) / .8);--sk-shadow-active:inset 0 1px 3px 0 #00000059;--sk-label:#ededed;--sk-label-active:#dedede;--sk-label-shadow:0 .5px 0 #000;--sk-label-shadow-active:0 -.5px 0 #000}.oc-skeuo-destructive{--sk-face:linear-gradient(180deg, #9d081c 0%, #c70a24 100%);--sk-face-hover:linear-gradient(180deg, #99051f 0%, #a30a24 100%);--sk-face-active:linear-gradient(180deg, #700a1b 0%, #850c20 9%, #84091d 22%, #8e0b21 61%, #830a1e 100%);--sk-stroke:linear-gradient(0deg, #a30a24 0%, #8e0b21 100%);--sk-stroke-active:linear-gradient(0deg, #350412 0%, #8e0b21 100%);--sk-shadow:inset 0 1px 3px #f7808659, inset 0 -1px 0 0 #080808cc;--sk-shadow-active:inset 0 2px 3px #0009;--sk-label:#ededed;--sk-label-active:#ededed;--sk-label-shadow:0 .5px 0 #000;--sk-label-shadow-active:0 -.5px 0 #000;border:1px solid #0000}.oc-skeuo-destructive:before{inset:-1px}.oc-skeuo-ep{--ep-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .14 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sk-face:var(--sidebar);--sk-face-hover:var(--sidebar);--sk-face-active:var(--sidebar);--sk-stroke:var(--ep-noise), var(--ep-key);--sk-stroke-active:var(--ep-noise), var(--ep-key-active);--sk-shadow:1px 1px 1px #fff9;--sk-shadow-active:var(--sk-shadow);--sk-label-active:var(--sk-label);--sk-label-shadow:none;--sk-label-shadow-active:none;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:2px solid #0000;border-radius:0;font-size:.75rem}.oc-skeuo-ep-ink{--ep-key:#353535;--ep-key-active:#313030;--ep-light:#a7a7a7;--ep-dark:#1c1c1c;--sk-label:#fff}.oc-skeuo-ep-white{--ep-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ep-key:#fff;--ep-key-active:#f1f0ee;--ep-light:#fff;--ep-dark:#b4b0ac;--sk-label:#1a1a1a}.oc-skeuo-ep-orange{--ep-key:#f05a22;--ep-key-active:#ee5529;--ep-light:#ffb147;--ep-dark:#d72d12;--sk-label:#fff}.oc-skeuo-ep-green{--ep-key:hsl(var(--chart-2));--ep-key-active:color-mix(in oklab, hsl(var(--chart-2)) 90%, black);--ep-light:color-mix(in oklab, hsl(var(--chart-2)) 55%, white);--ep-dark:color-mix(in oklab, hsl(var(--chart-2)) 65%, black);--sk-label:#fff}.oc-skeuo-ep:before{z-index:-1;box-shadow:inset 1px 1px 1px var(--ep-light), inset -1px -1px 1px var(--ep-dark), 1px 1px 1px #000000a6;border-radius:6px;padding:0;transition:transform .2s cubic-bezier(.25,.5,.5,1),box-shadow .2s cubic-bezier(.25,.5,.5,1);-webkit-mask-image:none;mask-image:none}.oc-skeuo-ep:is(:active,[data-force=active],[data-state=open],[data-active=true]):before{transform:scale(.98);box-shadow:inset 0 0 4px #000,inset 1px 1px 1px #0000,inset -1px -1px 1px #0000,1px 1px 1px #0000}.oc-skeuo-ep:disabled{color:color-mix(in srgb, var(--sk-label) 40%, transparent);opacity:1}.oc-skeuo-ep:not(.oc-skeuo-ep+*){border-inline-start-width:4px}.oc-skeuo-ep:not(:has(+.oc-skeuo-ep)){border-inline-end-width:4px}.oc-skeuo-ep+.oc-skeuo-ep{margin-inline-start:-1px}}.oc-skeuo svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}