.ss-www .ss-stage{--ss-canvas:var(--background);--ss-surface:var(--background);--ss-chrome:var(--card);--ss-raised:var(--popover);--ss-well:transparent;--ss-line:var(--border);--ss-line-faint:var(--border)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-line-faint:color-mix(in oklch, var(--border) 60%, transparent)}}.ss-www .ss-stage{--ss-text-strong:var(--foreground);--ss-text:var(--muted-foreground);--ss-text-faint:var(--tertiary-foreground);--ss-icon:var(--muted-foreground);--ss-icon-faint:var(--tertiary-foreground);--ss-ink-1:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-ink-1:color-mix(in oklch, var(--foreground) 5%, transparent)}}.ss-www .ss-stage{--ss-ink-2:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-ink-2:color-mix(in oklch, var(--foreground) 7%, transparent)}}.ss-www .ss-stage{--ss-ink-3:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-ink-3:color-mix(in oklch, var(--foreground) 10%, transparent)}}.ss-www .ss-stage{--ss-ink-4:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-ink-4:color-mix(in oklch, var(--foreground) 13%, transparent)}}.ss-www .ss-stage{--ss-ink-5:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-ink-5:color-mix(in oklch, var(--foreground) 18%, transparent)}}.ss-www .ss-stage{--ss-fill:var(--ss-ink-3);--ss-accent:hsl(var(--brand-default));--ss-accent-soft:hsl(var(--brand-default))}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-accent-soft:color-mix(in oklch, hsl(var(--brand-default)) 16%, transparent)}}.ss-www .ss-stage{--ss-accent-text:hsl(var(--brand-link));--ss-accent-2:var(--ss-accent);--ss-success:var(--foreground);--ss-success-soft:var(--ss-ink-2);--ss-success-text:var(--foreground);--ss-warning:hsl(var(--warning-600));--ss-warning-soft:hsl(var(--warning-600))}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-warning-soft:color-mix(in oklch, hsl(var(--warning-600)) 14%, transparent)}}.ss-www .ss-stage{--ss-warning-text:hsl(var(--warning-600));--ss-danger:hsl(var(--destructive-default));--ss-danger-soft:hsl(var(--destructive-default))}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-danger-soft:color-mix(in oklch, hsl(var(--destructive-default)) 14%, transparent)}}.ss-www .ss-stage{--ss-danger-text:hsl(var(--destructive-600));--ss-font:var(--font-custom), "Helvetica Neue", Helvetica, Arial, sans-serif;--ss-mono:var(--font-source-code-pro), "Source Code Pro", Menlo, monospace;--ss-radius-sm:4px;--ss-radius-md:6px;--ss-radius-lg:8px;--ss-radius-window:12px;--ss-shadow-hero:0 0 0 1px var(--border), 0 1px 2px var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-shadow-hero:0 0 0 1px var(--border), 0 1px 2px color-mix(in srgb, var(--foreground) 4%, transparent)}}.ss-www .ss-stage{--ss-shadow-window:var(--ss-shadow-hero);--ss-shadow-card:0 0 0 1px var(--border);--ss-shadow-float:0 0 0 1px var(--border), 0 8px 24px -8px var(--foreground)}@supports (color:color-mix(in lab, red, red)){.ss-www .ss-stage{--ss-shadow-float:0 0 0 1px var(--border), 0 8px 24px -8px color-mix(in srgb, var(--foreground) 14%, transparent)}}.ss-www .ss-stage{background:var(--ss-well);overflow:hidden}:where(.dark,.classic-dark,[data-theme*=dark]) .ss-www .ss-stage,.ss-www .ss-stage[data-theme*=dark]{--ss-shadow-hero:0 0 0 1px var(--border);--ss-shadow-float:0 0 0 1px var(--border)}.hl.ss-www .ss-stage{--ss-well:var(--background-surface-75);color:var(--ss-text-strong);background:0 0}.hl[data-hang] .ss-fit{margin-inline:0}.hl[data-hang] .ss-stage{margin-left:0!important}.hl[data-stretch] .ss-fit{max-width:none!important}.hl[data-stretch] .ss-stage{width:100%!important}.hl[data-bleed]{inset-inline:0;position:absolute;top:0}.hl .hl-twins{container-type:inline-size}.hl .hl-twin[data-layout=compact]{display:none}@container not (min-width:400px){.hl .hl-twins[data-below="400"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="400"]>.hl-twin[data-layout=compact]{display:block}}@container not (min-width:416px){.hl .hl-twins[data-below="416"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="416"]>.hl-twin[data-layout=compact]{display:block}}@container not (min-width:456px){.hl .hl-twins[data-below="456"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="456"]>.hl-twin[data-layout=compact]{display:block}}@container not (min-width:560px){.hl .hl-twins[data-below="560"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="560"]>.hl-twin[data-layout=compact]{display:block}}@container not (min-width:600px){.hl .hl-twins[data-below="600"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="600"]>.hl-twin[data-layout=compact]{display:block}}@container not (min-width:680px){.hl .hl-twins[data-below="680"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="680"]>.hl-twin[data-layout=compact]{display:block}}@container not (min-width:1100px){.hl .hl-twins[data-below="1100"]>.hl-twin[data-layout=wide]{display:none}.hl .hl-twins[data-below="1100"]>.hl-twin[data-layout=compact]{display:block}}.hl .ss-button[data-variant=primary]{background:hsl(var(--brand-400));color:var(--foreground);box-shadow:inset 0 0 0 1px hsl(var(--brand-500))}@supports (color:color-mix(in lab, red, red)){.hl .ss-button[data-variant=primary]{box-shadow:inset 0 0 0 1px color-mix(in srgb, hsl(var(--brand-500)) 75%, transparent)}}.hl .ss-button[data-variant=primary][data-hover],.hl .ss-button[data-variant=primary][data-open]{background:hsl(var(--brand-default))}@supports (color:color-mix(in lab, red, red)){.hl .ss-button[data-variant=primary][data-hover],.hl .ss-button[data-variant=primary][data-open]{background:color-mix(in srgb, hsl(var(--brand-default)) 80%, transparent)}}:where(.dark,.classic-dark,[data-theme*=dark]) .hl .ss-button[data-variant=primary]{background:hsl(var(--brand-500))}.hl .hl-surface{border-radius:var(--ss-radius-lg);background:var(--ss-surface);box-shadow:var(--ss-shadow-hero)}.hl .hl-float{border-radius:var(--ss-radius-lg);background:var(--ss-raised);box-shadow:var(--ss-shadow-float)}.hl .hl-mono{font-family:var(--ss-mono);white-space:nowrap;font-size:12px;line-height:1.3}.hl .hl-label{color:var(--ss-text-faint);white-space:nowrap;font-size:11px;line-height:1.3}.hl .hl-strong{color:var(--ss-text-strong)}.hl .hl-muted{color:var(--ss-text)}.hl .hl-faint{color:var(--ss-text-faint)}.hl .ss-code{font:12px/20px var(--ss-mono)}.hl .ss-code__str{color:var(--ss-accent-text)}.hl .ss-code__num,.hl .ss-code__key,.hl .ss-code__fn{color:var(--ss-text-strong)}.hl .ss-code__com{color:var(--ss-text-faint)}.hl .ss-code__mark{display:none}
.hl.ocx .ss-stage{--ocx-gutter:48px;--ocx-ease:var(--ease-smooth-out)}.ocx .ocx-win{top:var(--ocx-gutter);left:var(--ocx-gutter);right:var(--ocx-gutter);height:600px;box-shadow:var(--ss-shadow-hero);position:absolute}.ocx .ocx-app{overflow-anchor:none;background:var(--ss-surface);height:100%;display:flex;overflow:hidden}.ocx .ocx-rail{border-right:1px solid var(--ss-line);width:48px;color:var(--ss-icon);flex-direction:column;flex:none;align-items:center;gap:4px;padding:12px 0;display:flex}.ocx .ocx-rail__item{border-radius:var(--ss-radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ocx .ocx-rail__item[data-active]{background:var(--ss-ink-2);color:var(--ss-text-strong)}.ocx .ocx-rail__foot{margin-top:auto}.ocx .ocx-main{flex:1;min-width:0;display:flex}.ocx .ocx-chargers{flex-direction:column;flex:1;min-width:0;display:flex}.ocx .ocx-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.ocx .ocx-title{color:var(--ss-text-strong);font-size:16px;line-height:1.3}.ocx .ocx-table{border-top:1px solid var(--ss-line);flex:1;font-size:13px}.ocx .ocx-tr{border-bottom:1px solid var(--ss-line-faint);height:44px;color:var(--ss-text-strong);grid-template-columns:112px minmax(0,1fr) 128px 76px 92px;align-items:center;gap:16px;padding:0 20px;display:grid}.ocx .ocx-th{height:34px;color:var(--ss-text-faint);border-bottom-color:var(--ss-line);font-size:12px;font-weight:500}.ocx .ocx-num{text-align:right;font-variant-numeric:tabular-nums;justify-self:end}.ocx .ocx-id{font-family:var(--ss-mono);white-space:nowrap;font-size:12px}.ocx .ocx-id--old{color:var(--ss-text)}.ocx .ocx-model{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ocx .ocx-kw{white-space:nowrap;min-width:64px}.ocx .ocx-dash{color:var(--ss-text-faint)}.ocx .ocx-act{opacity:0;will-change:transform;transition:opacity .25s var(--ocx-ease), transform .25s var(--ocx-ease);justify-self:end;transform:translateY(2px)}.ocx .ocx-act[data-show]{opacity:1;transform:none}.ocx .ocx-badge{transition:background-color .3s var(--ocx-ease), color .3s var(--ocx-ease)}.ocx .ocx-badge--old{color:var(--ss-text)}.ocx .ocx-mark{flex:none;width:8px;height:8px;display:inline-block;position:relative}.ocx .ocx-mark>*{transition:opacity .25s var(--ocx-ease)}.ocx .ocx-mark>.ss-spinner{position:absolute;inset:0}.ocx .ocx-mark .ocx-dot,.ocx .ocx-mark[data-ready] .ss-spinner{opacity:0}.ocx .ocx-mark[data-ready] .ocx-dot{opacity:1}.ocx .ocx-dot{background:var(--ss-text-faint);border-radius:50%;width:6px;height:6px;margin:1px;display:block}.ocx .ocx-badge[data-status=Available] .ocx-dot,.ocx .ocx-badge--old .ocx-dot{background:var(--ss-text)}.ocx .ocx-badge[data-status=Charging] .ocx-dot{background:var(--ss-text-strong)}.ocx .ocx-word{text-box:trim-both cap alphabetic;white-space:nowrap}.ocx .ocx-menu{width:264px;padding:6px}.ocx .ocx-menu__label{color:var(--ss-text-faint);padding:6px 8px 4px;font-size:11px;line-height:1.3}.ocx .ocx-menu .ss-menu__item,.ocx .ocx-menu__item{white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}[data-playing] .ocx .ocx-menu .ss-menu__item,[data-playing] .ocx .ocx-menu__item{will-change:transform}.ocx .ocx-menu__brand{color:var(--ss-text-strong)}.ocx .ocx-menu__model{color:var(--ss-text)}.ocx .ocx-log{border-left:1px solid var(--ss-line);background:var(--ss-chrome);flex-direction:column;flex:none;width:380px;display:flex;overflow:hidden}.ocx .ocx-log__head{border-bottom:1px solid var(--ss-line);flex:none;justify-content:space-between;align-items:center;gap:12px;height:60px;padding:0 20px;display:flex}.ocx .ocx-log__title{color:var(--ss-text-strong);font-size:14px;line-height:1.3}.ocx .ocx-log__proto{font-family:var(--ss-mono);color:var(--ss-text);font-size:11px;line-height:1.3}.ocx .ocx-line{border-bottom:1px solid var(--ss-line-faint);grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:8px;height:36px;padding:0 20px;display:grid}.ocx .ocx-dir{color:var(--ss-icon-faint)}.ocx .ocx-line[data-dir] .ocx-dir{color:var(--ss-icon)}.ocx .ocx-action{font-family:var(--ss-mono);white-space:nowrap;text-overflow:ellipsis;color:var(--ss-text-strong);font-size:12px;line-height:1.3;overflow:hidden}.ocx .ocx-detail{font-family:var(--ss-mono);white-space:nowrap;color:var(--ss-text);font-variant-numeric:tabular-nums;justify-self:end;font-size:12px;line-height:1.3}.ocx .ocx-line .ocx-detail{opacity:0;will-change:transform;transition:opacity .25s var(--ocx-ease), transform .25s var(--ocx-ease);transform:translate(-4px)}.ocx .ocx-line .ocx-detail[data-shown],.ocx .ocx-line--old .ocx-detail{opacity:1;transform:none}.ocx .ocx-detail[data-result]{color:var(--ss-text-strong)}.ocx .ocx-win[data-layout=compact]{--ocx-gutter:16px}.ocx .ocx-win[data-layout=compact] .ocx-main{flex-direction:column}.ocx .ocx-win[data-layout=compact] .ocx-chargers{flex:none}.ocx .ocx-win[data-layout=compact] .ocx-head{padding:12px}.ocx .ocx-win[data-layout=compact] .ocx-tr{grid-template-columns:minmax(0,1fr) 104px 60px 28px;gap:8px;padding:0 12px}.ocx .ocx-win[data-layout=compact] .ocx-tr--filler,.ocx .ocx-win[data-layout=compact] .ocx-th,.ocx .ocx-win[data-layout=compact] .ocx-tr--old~.ocx-tr--old{display:none}.ocx .ocx-win[data-layout=compact] .ocx-kw{min-width:56px}.ocx .ocx-win[data-layout=compact] .ocx-act .ss-button{justify-content:center;width:28px;padding:0}.ocx .ocx-win[data-layout=compact] .ocx-log{border-left:0;flex:1;width:auto}.ocx .ocx-win[data-layout=compact] .ocx-log__head{height:40px;padding:0 12px}.ocx .ocx-win[data-layout=compact] .ocx-line{height:32px;padding:0 12px}.ocx .ocx-line--old .ocx-action,.ocx .ocx-line--old .ocx-detail{color:var(--ss-text-faint)}
