*{box-sizing:border-box}:root{--jz-ambient:#0a0a0a;--jz-ambient-on:#ddd}html,body{width:100%;height:100%;margin:0;padding:0;background-color:var(--jz-ambient);color:var(--jz-ambient-on)}jz-rt-appview{display:block;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;color:var(--jz-ambient-on);&::-webkit-scrollbar{width:10px;height:10px}&::-webkit-scrollbar-track{background:#8881}&::-webkit-scrollbar-thumb{background-color:#8882}&:hover::-webkit-scrollbar-thumb{background-color:#8886}&::-webkit-scrollbar-corner{background:transparent}}
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;width:-webkit-fill-available}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}[type='search']{-webkit-appearance:textfield;outline-offset:-2px}[type='search']::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
.Browser-busy::before{content:'';background:#333;opacity:0.0;position:fixed;left:0px;top:0px;width:100%;height:100%;cursor:progress!important;transition:all 500ms;z-index:900;display:var(--jzor-debugging-paused-display-none)}
jz-errorpart{display:flex;align-items:flex-start;gap:0.75rem;margin:0.25rem 0;padding:0.75rem 1rem;background:#1a0f0f;border:1px solid #4a2020;border-left:3px solid #f87171;border-radius:4px;color:#f87171;font-family:'Segoe UI',system-ui,sans-serif;font-size:0.85rem;line-height:1.4;min-width:16rem;&>.icon{width:18px;height:18px;flex:0 0 auto;margin-top:0.1rem}&>.body{flex:1 1 auto;min-width:0}& .source{color:#fbbf24;font-family:'Consolas','Menlo',monospace;font-size:0.8rem;margin-bottom:0.2rem;opacity:0.85;white-space:nowrap;overflow-x:auto}& .source:empty{display:none}& .message{color:#fca5a5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}}
jz-rt-dump{display:block;& table,& th,& td{border:1px solid #C8C8C8;border-collapse:collapse;vertical-align:top;font-family:sans-serif;font-size:12px}& td{padding:2px}border:2px solid #4C74B2;background-color:white;min-width:fit-content;& .edit{&:checked{background-color:cyan}&:checked::after{content:'●'}outline:.1rem solid cyan;margin:0 .3rem 0 0;background-color:white;width:10px;height:10px;appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none}& .info{font-weight:normal;background-color:#E0F0FF}& .attr-name{&[x-mode=clr]{color:forestgreen}&[x-mode=index]{color:purple}font-weight:normal;color:steelblue;background-color:#DDD}& .attr{& .name-bold{font-weight:bold;background-color:#E0E0E0}}& .header{&:hover{background-color:#44679d;transition:0.2s}background-color:#4C74B2;color:white;font-size:12px;font-family:sans-serif;cursor:pointer;padding:1px;transition:0.2s;text-align:left;& .header-title{margin-right:5px;color:white}& .arrow{&[x-expanded]{transform:rotate(180deg);transition:0.3s;color:#fa0}margin:0px 5px;display:inline-block;transform:rotate(0deg);transition:0.3s}& .type{color:#BEF}& .type{font-weight:bold;color:#DDD}}}
jz-rt-rendercounter{display:inline-block;font-size:x-small;position:relative;background-color:#ff1493;color:white;border-radius:10px;padding:0px 5px 0px 5px;user-select:none;z-index:1000}
jz-colortest{display:block;& .segment{margin-bottom:20px}& .swatch-container{display:flex;flex-wrap:wrap;gap:10px}& .swatch{width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;border-radius:4px;overflow-wrap:break-word;padding:2px}& h2{margin:5px 0;font-size:14px}}
body{_background:blue}.box1{background-color:cornflowerblue;border:3px solid yellow}.box2{background-color:deeppink;border:3px solid blue}.box3{background-color:cornflowerblue;border:3px solid yellow}.bluebox{background-image:linear-gradient(to bottom right,lightsteelblue,steelblue)}.blackbox{background-image:linear-gradient(to bottom right,#202020,#101010)}.demo-page>*{flex-shrink:0}.control-row{padding:0.5rem 0;border-bottom:1px dashed var(--jz-border);align-items:flex-end}.control-widths{padding:0.5rem 0;align-items:flex-start}.control-row>span{flex:0 0 auto}.control-metrics{border-collapse:collapse;font-size:var(--jz-fs-ui-sm)}.control-metrics th,.control-metrics td{padding:0.2rem 0.75rem 0.2rem 0;text-align:left}.control-metrics th{color:var(--jz-muted);font-weight:500}.control-metrics tr.off td{color:var(--error);font-weight:600}.control-metrics td.group{padding-top:0.6rem;color:var(--jz-muted);font-weight:600;border-bottom:1px solid var(--jz-border)}.showcase-source-bar{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);width:100%;padding:calc(var(--jz-space) * 3) 0 calc(var(--jz-space) * 1);border:0;border-top:1px solid var(--jz-border);background:none;color:var(--jz-ambient-on);font:inherit;font-size:var(--jz-fs-ui-sm);font-weight:500;text-align:left;cursor:pointer;&>.hint{color:var(--jz-muted);font-weight:400}& jz-ui-icon{transition:transform 150ms;color:var(--jz-muted)}& jz-ui-icon.turned{transform:rotate(90deg)}&:hover>span:first-of-type{text-decoration:underline}}.showcase-source{flex:none;min-inline-size:0;padding:0 20px 12px;&.open{flex:0 0 50%;min-block-size:0;position:relative;background:var(--jz-surface);border-radius:12px 12px 0 0;box-shadow:0 -10px 24px -14px rgba(0,0,0,0.45),0 -1px 0 var(--jz-border);&>.showcase-source-bar{border-top-color:transparent}}}.showcase-source-panel{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column;&>*{flex:1 1 auto;min-block-size:0}& jz-ui-code-codeview{flex:1 1 auto;min-block-size:0}& jz-ui-code-codeview>pre.code{flex:1 1 auto;min-block-size:0}}.showcase-source-bar:focus:not(:focus-visible){outline:none}.showcase-source-aliases{font-family:Consolas,'Courier New',monospace;font-size:var(--jz-fs-ui-sm);color:var(--jz-muted);white-space:pre-wrap;padding-inline:2px}.showcase-source-ns{font-size:var(--jz-fs-ui-sm);color:var(--jz-muted);margin-inline-end:2px}
.tbx [jz-tone]{--tb-c:var(--pb)}.tbx [jz-tone="warn"]{--tb-c:var(--warning)}.tbx [jz-tone="danger"],.tbx [jz-tone="tripped"]{--tb-c:var(--error)}.tbx [jz-tone="off"]{--tb-c:var(--jz-muted)}.tbx-gauge{flex-direction:row!important;flex-wrap:wrap;align-items:flex-start;gap:14px!important;max-width:none!important}.tbx-gauge [jz-tone]{--jz-tb-track:0px;--tb-past:color-mix(in srgb,var(--error) 28%,var(--jz-surface-dark));display:flex;flex-direction:column;align-items:center;inline-size:200px;box-sizing:border-box;padding:10px 12px 12px;border:1px solid var(--jz-border);border-radius:12px;background:var(--jz-surface)}.tbx-gauge [jz-tone="off"]{--tb-past:var(--jz-surface-dark)}.tbx-gauge [jz-tone] .head{align-self:stretch}@property --jz-tb-fill{syntax:'<number>';inherits:true;initial-value:0}@property --jz-tb-mark{syntax:'<number>';inherits:true;initial-value:0}.tbx-gauge [jz-tone] .rail{inline-size:150px;min-inline-size:0;aspect-ratio:2 / 1;margin-block:12px 48px;transition:--jz-tb-fill 700ms cubic-bezier(0.2,0.8,0.2,1),--jz-tb-mark 450ms ease}.tbx-gauge [jz-tone] .rail.dragging{transition:none}.tbx-gauge [jz-tone] .rail::before{inset:0;block-size:auto;border-radius:0;box-shadow:none;background:conic-gradient(from 270deg at 50% 100%,var(--tb-c) 0deg calc(var(--jz-tb-fill) * 1.8deg),var(--jz-surface-dark) calc(var(--jz-tb-fill) * 1.8deg) calc(var(--jz-tb-mark) * 1.8deg),var(--tb-past) calc(var(--jz-tb-mark) * 1.8deg) 180deg,transparent 180deg);background:conic-gradient(from 270deg at 50% 100%,var(--tb-c) 0deg round(down,calc(var(--jz-tb-fill) * 1.8deg),5deg),var(--jz-surface-dark) round(down,calc(var(--jz-tb-fill) * 1.8deg),5deg) round(calc(var(--jz-tb-mark) * 1.8deg),5deg),var(--tb-past) round(calc(var(--jz-tb-mark) * 1.8deg),5deg) 180deg,transparent 180deg);-webkit-mask:radial-gradient(farthest-side at 50% 100%,transparent 72%,#000 73% 99%,transparent 100%),repeating-conic-gradient(from 270deg at 50% 100%,#000 0deg 4deg,transparent 4deg 5deg);-webkit-mask-composite:source-in;mask:radial-gradient(farthest-side at 50% 100%,transparent 72%,#000 73% 99%,transparent 100%),repeating-conic-gradient(from 270deg at 50% 100%,#000 0deg 4deg,transparent 4deg 5deg);mask-composite:intersect}.tbx-gauge [jz-trips="below"] .rail::before{background:conic-gradient(from 270deg at 50% 100%,var(--tb-c) 0deg calc(var(--jz-tb-fill) * 1.8deg),var(--tb-past) calc(var(--jz-tb-fill) * 1.8deg) calc(var(--jz-tb-mark) * 1.8deg),var(--jz-surface-dark) calc(var(--jz-tb-mark) * 1.8deg) 180deg,transparent 180deg);background:conic-gradient(from 270deg at 50% 100%,var(--tb-c) 0deg round(down,calc(var(--jz-tb-fill) * 1.8deg),5deg),var(--tb-past) round(down,calc(var(--jz-tb-fill) * 1.8deg),5deg) round(calc(var(--jz-tb-mark) * 1.8deg),5deg),var(--jz-surface-dark) round(calc(var(--jz-tb-mark) * 1.8deg),5deg) 180deg,transparent 180deg)}.tbx-gauge [jz-tone] .rail::after{content:'';position:absolute;inset-inline-start:50%;inset-block-end:-5px;inline-size:10px;block-size:10px;margin-inline-start:-5px;border-radius:50%;background:var(--jz-ambient-on);pointer-events:none}.tbx-gauge [jz-tone] .fill{left:50%!important;width:2px!important;inset-block-end:0;block-size:88%;margin-inline-start:-1px;border-radius:2px;background:var(--jz-ambient-on);transform-origin:50% 100%;transform:rotate(calc(-90deg + var(--jz-tb-fill) * 1.8deg));transition:none}.tbx-gauge [jz-tone] .mark{left:50%!important;--jz-tb-mark-drop:0px;inline-size:3px;block-size:100%;margin-inline-start:-1.5px;border:0;background:linear-gradient(to top,transparent 68%,var(--error) 68%);transform-origin:50% 100%;transform:rotate(calc(-90deg + var(--jz-tb-mark) * 1.8deg));transition:none}.tbx-gauge [jz-tone="off"] .mark{background:linear-gradient(to top,transparent 68%,var(--jz-muted) 68%)}.tbx-gauge [jz-tone] .mark{filter:drop-shadow(0 0 1px var(--jz-ambient)) drop-shadow(0 0 1px var(--jz-ambient))}.tbx-gauge [jz-tone="danger"] .mark,.tbx-gauge [jz-tone="tripped"] .mark{background:linear-gradient(to top,transparent 68%,var(--jz-ambient-on) 68%)}.tbx-gauge [jz-tone] .mark::after,.tbx-gauge [jz-tone] .over,.tbx-gauge [jz-tone] .tick,.tbx-gauge [jz-tone] .ruler .clip{display:none!important}.tbx-gauge [jz-tone] .read{inset-block:calc(100% + 6px) auto;flex-wrap:wrap;justify-content:center;column-gap:0.35em}.tbx-gauge [jz-tone] .ratio{flex-basis:100%;text-align:center;font-size:1.6em;font-weight:700;line-height:1.15;color:var(--tb-c)}.tbx-gauge [jz-tone="ok"] .ratio{color:inherit}.tbx-gauge [jz-tone] .now::before,.tbx-gauge [jz-tone] .cap::after{content:none}.tbx-gauge [jz-tone] .ruler .bubble{left:50%!important;inset-block-end:auto;inset-block-start:-24px}.tbx-meter [jz-tone]{--jz-tb-track:12px;--tb-seg:repeating-linear-gradient(90deg,#000 0 7px,transparent 7px 9px);row-gap:5px}.tbx-meter [jz-tone] .rail::before{border-radius:0;box-shadow:none;background:linear-gradient(90deg,var(--jz-surface-dark) 0 calc(var(--jz-tb-mark) * 1%),color-mix(in srgb,var(--error) 35%,var(--jz-surface-dark)) calc(var(--jz-tb-mark) * 1%));-webkit-mask:var(--tb-seg);mask:var(--tb-seg)}.tbx-meter [jz-trips="below"] .rail::before{background:linear-gradient(90deg,color-mix(in srgb,var(--error) 35%,var(--jz-surface-dark)) 0 calc(var(--jz-tb-mark) * 1%),var(--jz-surface-dark) calc(var(--jz-tb-mark) * 1%))}.tbx-meter [jz-tone="off"] .rail::before{background:var(--jz-surface-dark)}.tbx-meter [jz-tone] .over{display:none}.tbx-meter [jz-tone] .fill{border-radius:0;background:var(--tb-c);-webkit-mask:var(--tb-seg);mask:var(--tb-seg)}.tbx-meter [jz-tone="tripped"] .fill{background:var(--error)}.tbx-meter [jz-tone] .mark{--jz-tb-mark-drop:3px;block-size:calc(var(--jz-tb-track) + 6px);border-inline-start-color:var(--jz-ambient-on)}.tbx-meter [jz-tone] .ratio{font-family:var(--jz-font-mono,ui-monospace,monospace)}.tbx-hairline [jz-tone]{--jz-tb-track:2px;row-gap:9px}.tbx-hairline [jz-tone] .rail::before{background:var(--jz-border);box-shadow:none;border-radius:1px}.tbx-hairline [jz-tone] .fill{block-size:4px;inset-block-end:-1px;background:var(--tb-c);box-shadow:0 0 8px 0 var(--tb-c)}.tbx-hairline [jz-tone="ok"] .fill{box-shadow:none}.tbx-hairline [jz-tone] .over{background:var(--error);opacity:0.35}.tbx-hairline [jz-tone] .mark{border:0;inline-size:8px;block-size:8px;margin-inline-start:-4px;--jz-tb-mark-drop:3px;background:var(--error);transform:rotate(45deg)}.tbx-hairline [jz-tone="off"] .mark{background:var(--jz-muted)}.tbx-hairline [jz-tone][jz-editable] .rail .mark::after{inset-block-end:-2px;inset-inline-start:-2px}.tbx-hairline [jz-tone] .ratio{font-size:1.3em;font-weight:300;color:var(--tb-c)}.tbx-hairline [jz-tone="ok"] .ratio{color:inherit}.tbx-headline [jz-tone]{--jz-tb-track:8px;row-gap:6px;padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);border-radius:10px;background:var(--jz-surface);border:1px solid var(--jz-border)}.tbx-headline [jz-tone] .head{min-block-size:2.1em}.tbx-headline [jz-tone] .label{font-weight:500}.tbx-headline [jz-tone] .rail::before{border-radius:4px;box-shadow:none}.tbx-headline [jz-tone] .fill{border-radius:4px;background:var(--tb-c)}.tbx-headline [jz-tone] .over{display:none}.tbx-headline [jz-tone] .read{align-items:baseline;padding-block-start:0.2em}.tbx-headline [jz-tone] .ratio{font-size:1.75em;font-weight:700;letter-spacing:-0.02em;order:3;margin-inline-start:0.4em;color:var(--tb-c)}.tbx-headline [jz-tone="ok"] .ratio{color:inherit}.tbx-headline [jz-tone] .now::before{content:none}.tbx-headline [jz-tone] .cap::after{content:none}
@property --jz-bg-image{syntax:'*';inherits:false}@property --jz-bg-size{syntax:'*';inherits:false}@property --jz-bg-position{syntax:'*';inherits:false}@property --jz-bg-repeat{syntax:'*';inherits:false}@property --jz-own-color{syntax:'*';inherits:false}@property --jz-glow-pulse{syntax:'<number>';inherits:false;initial-value:1}@property --jz-glow-shadow{syntax:'*';inherits:false}@property --jz-elevation-shadow{syntax:'*';inherits:false}@property --jz-glow-in{syntax:'*';inherits:false}[style*="--jz-bg-image"]{background-image:var(--jz-bg-image);background-size:var(--jz-bg-size);background-position:var(--jz-bg-position);background-repeat:var(--jz-bg-repeat)}:root{--jz-ambient:#fff;--jz-ambient-on:#212121;--jz-ambient-light:#FFFFFF;--jz-ambient-dark:#D9D9D9;--jz-ambient-comp:#DFDFDF;--jz-ambient-warm:#FFF3E6;--jz-ambient-cool:#E6F2FF;--jz-surface:#e0e0e0;--jz-border:#2121214D;--jz-border-light:#d8d8d8;--jz-border-dark:#898989;--jz-muted:#21212199;--jz-text:#212121;--jz-text-muted:#21212199;--jz-text-faint:#21212161;--jz-link:#6750a4;--jz-selected:var(--pb,#6750a4);--jz-selected-on:var(--pb-on,#ffffff);--jz-hover-bg:#2121210A;--jz-focus-ring:#6750a41F;accent-color:var(--pb);--jz-font-family:'Roboto',sans-serif;--jz-font-size:0.875rem;--jz-font-weight:400;--jz-line-height:1.5;--jz-font-ratio:1.618;--jz-fs-2xs:calc(var(--jz-font-size) / var(--jz-font-ratio) / var(--jz-font-ratio) / var(--jz-font-ratio));--jz-fs-xs:calc(var(--jz-font-size) / var(--jz-font-ratio) / var(--jz-font-ratio));--jz-fs-sm:calc(var(--jz-font-size) / var(--jz-font-ratio));--jz-fs-base:var(--jz-font-size);--jz-fs-md:calc(var(--jz-font-size) * var(--jz-font-ratio));--jz-fs-lg:calc(var(--jz-font-size) * var(--jz-font-ratio) * var(--jz-font-ratio));--jz-fs-xl:calc(var(--jz-font-size) * var(--jz-font-ratio) * var(--jz-font-ratio) * var(--jz-font-ratio));--jz-fs-2xl:calc(var(--jz-font-size) * var(--jz-font-ratio) * var(--jz-font-ratio) * var(--jz-font-ratio) * var(--jz-font-ratio));--jz-ui-steps:3;--jz-ui-ratio:clamp(1.02,pow(var(--jz-font-ratio),calc(1 / var(--jz-ui-steps))),1.3);--jz-control-density:0.35;--jz-spacing:1;--jz-control-height:calc(var(--jz-fs-base) / var(--jz-control-density));--jz-control-height-xs:max(calc(var(--jz-fs-ui-xs) * 2),calc(var(--jz-control-height) / var(--jz-ui-ratio) / var(--jz-ui-ratio)));--jz-control-height-sm:max(calc(var(--jz-fs-ui-sm) * 2),calc(var(--jz-control-height) / var(--jz-ui-ratio)));--jz-control-height-lg:calc(var(--jz-control-height) * var(--jz-ui-ratio));--jz-control-height-xl:calc(var(--jz-control-height) * var(--jz-ui-ratio) * var(--jz-ui-ratio));--jz-fs-ui-xs:max(calc(var(--jz-fs-base) * 6 / 7),calc(var(--jz-fs-base) / var(--jz-ui-ratio) / var(--jz-ui-ratio)));--jz-fs-ui-sm:max(calc(var(--jz-fs-base) * 6 / 7),calc(var(--jz-fs-base) / var(--jz-ui-ratio)));--jz-fs-ui:var(--jz-fs-base);--jz-fs-ui-lg:calc(var(--jz-fs-base) * var(--jz-ui-ratio));--jz-fs-ui-xl:calc(var(--jz-fs-base) * var(--jz-ui-ratio) * var(--jz-ui-ratio));--jz-pad-x-control:0.3;--jz-pad-x-button:0.6;--jz-space:calc(var(--jz-control-height) * 0.1 * var(--jz-spacing));--jz-icon-scale:0.6;--jz-icon-size:calc(var(--jz-control-height) * var(--jz-icon-scale));--jz-icon-size-xs:calc(var(--jz-control-height-xs) * var(--jz-icon-scale));--jz-icon-size-sm:calc(var(--jz-control-height-sm) * var(--jz-icon-scale));--jz-icon-size-lg:calc(var(--jz-control-height-lg) * var(--jz-icon-scale));--jz-icon-size-xl:calc(var(--jz-control-height-xl) * var(--jz-icon-scale));--jz-textarea-line-height:1.2;--jz-textarea-pad-y:calc((var(--jz-control-height) - var(--jz-fs-base) * var(--jz-textarea-line-height) - 2px) / 2);--pl:#9a85c9;--pl-on:#fff;--pb:#6750a4;--pb-on:#fff;--pd:#4a3880;--pd-on:#fff;--sl:#7fb8e8;--sl-on:#fff;--sb:#4a90d9;--sb-on:#fff;--sd:#2c6bb0;--sd-on:#fff;--tl:#f5f3fa;--tl-on:#333;--tb:#e8e4f0;--tb-on:#333;--td:#d0c9e0;--td-on:#333;--jz-surface:#e0e0e0;--success:#4caf50;--success-on:#fff;--info:#2196f3;--info-on:#fff;--warning:#ff9800;--warning-on:#fff;--error:#f44336;--error-on:#fff;--t:#212121;--md-sys-color-primary:#6750a4;--md-sys-color-on-primary:#ffffff;--md-sys-elevation-level0:0 0 0 1px var(--jz-border);--md-sys-elevation-level1:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.24);--md-sys-elevation-level2:0 3px 6px 0 rgba(0,0,0,0.16),0 3px 6px 0 rgba(0,0,0,0.23);--md-sys-elevation-level3:0 10px 20px 0 rgba(0,0,0,0.19),0 6px 6px 0 rgba(0,0,0,0.23);--md-sys-elevation-level4:0 14px 28px 0 rgba(0,0,0,0.25),0 10px 10px 0 rgba(0,0,0,0.22);--md-sys-elevation-level5:0 24px 38px 0 rgba(0,0,0,0.30),0 15px 12px 0 rgba(0,0,0,0.22);--md-sys-shape-corner-small:4px;--md-sys-shape-corner-medium:8px;--md-sys-shape-corner-large:12px;--md-sys-shape-corner-extra-large:16px;--md-sys-shape-corner-full:9999px;--md-sys-shape-corner-none:0px;--size-small:0.75;--size-medium:1;--size-large:1.5;--size-extra:2;--local-elevation:var(--md-sys-elevation-level0);--local-primary:var(--md-sys-color-primary);--local-on-primary:var(--md-sys-color-on-primary);--local-corner:var(--md-sys-shape-corner-medium);--local-size-scale:var(--size-medium)}[jz-elevation='0']{--jz-elevation-shadow:var(--md-sys-elevation-level0);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='1']{--jz-elevation-shadow:var(--md-sys-elevation-level1);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='2']{--jz-elevation-shadow:var(--md-sys-elevation-level2);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='3']{--jz-elevation-shadow:var(--md-sys-elevation-level3);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='4']{--jz-elevation-shadow:var(--md-sys-elevation-level4);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='5']{--jz-elevation-shadow:var(--md-sys-elevation-level5);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='-1']{--jz-elevation-shadow:inset 0 4px 8px -2px rgba(0,0,0,0.18),inset 4px 0 8px -4px rgba(0,0,0,0.12);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='-2']{--jz-elevation-shadow:inset 0 6px 12px -2px rgba(0,0,0,0.25),inset 6px 0 12px -4px rgba(0,0,0,0.18);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='-3']{--jz-elevation-shadow:inset 0 8px 16px -2px rgba(0,0,0,0.32),inset 8px 0 16px -4px rgba(0,0,0,0.22);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='-4']{--jz-elevation-shadow:inset 0 10px 20px -2px rgba(0,0,0,0.38),inset 10px 0 20px -4px rgba(0,0,0,0.28);box-shadow:var(--jz-elevation-shadow)}[jz-elevation='-5']{--jz-elevation-shadow:inset 0 12px 24px -2px rgba(0,0,0,0.44),inset 12px 0 24px -4px rgba(0,0,0,0.34);box-shadow:var(--jz-elevation-shadow)}[jz-glow]{--jz-glow-b1:0px;--jz-glow-a1:0%;--jz-glow-k2:0;--jz-glow-b2:0px;--jz-glow-a2:0%;--jz-glow-k3:0;--jz-glow-b3:0px;--jz-glow-a3:0%;--jz-glow-k4:0;--jz-glow-b4:0px;--jz-glow-a4:0%;--jz-glow-shadow:var(--jz-glow-in,) 0 0 var(--jz-glow-b1) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a1) * var(--jz-glow-pulse)),transparent),var(--jz-glow-in,) calc(var(--jz-glow-dx) * var(--jz-glow-k2)) calc(var(--jz-glow-dy) * var(--jz-glow-k2)) var(--jz-glow-b2) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a2) * var(--jz-glow-pulse)),transparent),var(--jz-glow-in,) calc(var(--jz-glow-dx) * var(--jz-glow-k3)) calc(var(--jz-glow-dy) * var(--jz-glow-k3)) var(--jz-glow-b3) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a3) * var(--jz-glow-pulse)),transparent),var(--jz-glow-in,) calc(var(--jz-glow-dx) * var(--jz-glow-k4)) calc(var(--jz-glow-dy) * var(--jz-glow-k4)) var(--jz-glow-b4) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a4) * var(--jz-glow-pulse)),transparent)}[jz-glow='0']{--jz-glow-shadow:0 0 #0000}[jz-glow='1']{--jz-glow-b1:2px;--jz-glow-a1:75%;--jz-glow-k2:1;--jz-glow-b2:6px;--jz-glow-a2:45%}[jz-glow='2']{--jz-glow-b1:4px;--jz-glow-a1:80%;--jz-glow-k2:1;--jz-glow-b2:12px;--jz-glow-a2:50%}[jz-glow='3']{--jz-glow-b1:6px;--jz-glow-a1:85%;--jz-glow-k2:0.5;--jz-glow-b2:18px;--jz-glow-a2:55%;--jz-glow-k3:1;--jz-glow-b3:32px;--jz-glow-a3:28%}[jz-glow='4']{--jz-glow-b1:3px;--jz-glow-a1:95%;--jz-glow-k2:0.5;--jz-glow-b2:10px;--jz-glow-a2:80%;--jz-glow-k3:0.5;--jz-glow-b3:28px;--jz-glow-a3:50%;--jz-glow-k4:1;--jz-glow-b4:56px;--jz-glow-a4:28%}[jz-glow='5']{--jz-glow-b1:3px;--jz-glow-a1:100%;--jz-glow-k2:0.5;--jz-glow-b2:12px;--jz-glow-a2:90%;--jz-glow-k3:0.5;--jz-glow-b3:36px;--jz-glow-a3:65%;--jz-glow-k4:1;--jz-glow-b4:80px;--jz-glow-a4:40%}[jz-glow='-1']{--jz-glow-in:inset;--jz-glow-b1:4px;--jz-glow-a1:70%;--jz-glow-k2:1;--jz-glow-b2:10px;--jz-glow-a2:35%}[jz-glow='-2']{--jz-glow-in:inset;--jz-glow-b1:6px;--jz-glow-a1:75%;--jz-glow-k2:1;--jz-glow-b2:16px;--jz-glow-a2:45%}[jz-glow='-3']{--jz-glow-in:inset;--jz-glow-b1:8px;--jz-glow-a1:80%;--jz-glow-k2:1;--jz-glow-b2:24px;--jz-glow-a2:50%}[jz-glow='-4']{--jz-glow-in:inset;--jz-glow-b1:3px;--jz-glow-a1:95%;--jz-glow-k2:0.5;--jz-glow-b2:12px;--jz-glow-a2:75%;--jz-glow-k3:1;--jz-glow-b3:30px;--jz-glow-a3:45%}[jz-glow='-5']{--jz-glow-in:inset;--jz-glow-b1:3px;--jz-glow-a1:100%;--jz-glow-k2:0.5;--jz-glow-b2:14px;--jz-glow-a2:85%;--jz-glow-k3:1;--jz-glow-b3:40px;--jz-glow-a3:55%}[jz-glow]:where(:not([jz-glow=""])):not([jz-elevation]){--jz-elevation-shadow:var(--jz-glow-shadow);box-shadow:var(--jz-glow-shadow)}[jz-glow]:where(:not([jz-glow=""]))[jz-elevation]{box-shadow:var(--jz-glow-shadow),var(--jz-elevation-shadow)}[jz-glow]{--jz-glow-dx:0px;--jz-glow-dy:0px}[jz-glow-shape][jz-glow]:not([jz-glow^='-']):not([jz-glow='0']){box-shadow:none;filter:drop-shadow(0 0 calc(var(--jz-glow-b1) / 2) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a1) * var(--jz-glow-pulse)),transparent)) drop-shadow(calc(var(--jz-glow-dx) * var(--jz-glow-k2)) calc(var(--jz-glow-dy) * var(--jz-glow-k2)) var(--jz-glow-b2) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a2) * var(--jz-glow-pulse)),transparent)) drop-shadow(calc(var(--jz-glow-dx) * var(--jz-glow-k3)) calc(var(--jz-glow-dy) * var(--jz-glow-k3)) var(--jz-glow-b3) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a3) * var(--jz-glow-pulse)),transparent)) drop-shadow(calc(var(--jz-glow-dx) * var(--jz-glow-k4)) calc(var(--jz-glow-dy) * var(--jz-glow-k4)) var(--jz-glow-b4) color-mix(in srgb,var(--jz-glow-color) calc(var(--jz-glow-a4) * var(--jz-glow-pulse)),transparent))}[jz-surface]{background-color:var(--jz-surface);color:var(--jz-ambient-on)}[jz-surface="light"]{background-color:var(--jz-ambient-light);color:var(--jz-ambient-on)}[jz-surface="mid"]{background-color:var(--jz-ambient-mid);color:var(--jz-ambient-on)}[jz-surface="dark"]{background-color:var(--jz-ambient-dark);color:var(--jz-ambient-on)}[jz-surface="comp"]{background-color:var(--jz-ambient-comp);color:var(--jz-ambient-on)}[jz-surface="warm"]{background-color:var(--jz-ambient-warm);color:var(--jz-ambient-on)}[jz-surface="cool"]{background-color:var(--jz-ambient-cool);color:var(--jz-ambient-on)}[jz-surface="subtle"]{background:linear-gradient(180deg,var(--jz-ambient-light),var(--jz-ambient-dark));color:var(--jz-ambient-on)}[jz-surface="subtle-primary"]{background:linear-gradient(180deg,var(--jz-ambient-light),var(--jz-ambient-comp));color:var(--jz-ambient-on)}[jz-surface="subtle-secondary"]{background:linear-gradient(180deg,var(--jz-ambient-light),var(--jz-ambient-comp));color:var(--jz-ambient-on)}[jz-surface="subtle-warm"]{background:linear-gradient(180deg,var(--jz-ambient-light),var(--jz-ambient-warm));color:var(--jz-ambient-on)}[jz-surface="subtle-cool"]{background:linear-gradient(180deg,var(--jz-ambient-light),var(--jz-ambient-cool));color:var(--jz-ambient-on)}[jz-surface="subtle-dark"]{background:linear-gradient(180deg,var(--jz-ambient-light),var(--jz-ambient-dark));color:var(--jz-ambient-on)}[jz-surface="subtle-up"]{background:linear-gradient(0deg,var(--jz-ambient-light),var(--jz-ambient-dark));color:var(--jz-ambient-on)}[jz-surface="subtle-up-warm"]{background:linear-gradient(0deg,var(--jz-ambient-light),var(--jz-ambient-warm));color:var(--jz-ambient-on)}[jz-surface="subtle-up-cool"]{background:linear-gradient(0deg,var(--jz-ambient-light),var(--jz-ambient-cool));color:var(--jz-ambient-on)}[jz-surface="subtle-left"]{background:linear-gradient(90deg,var(--jz-ambient-dark),var(--jz-ambient-light));color:var(--jz-ambient-on)}[jz-surface="subtle-right"]{background:linear-gradient(270deg,var(--jz-ambient-dark),var(--jz-ambient-light));color:var(--jz-ambient-on)}[jz-blur='1']{backdrop-filter:blur(1px)}[jz-blur='2']{backdrop-filter:blur(2px)}[jz-blur='3']{backdrop-filter:blur(4px)}[jz-blur='4']{backdrop-filter:blur(7px)}[jz-blur='5']{backdrop-filter:blur(10px)}[jz-blur='-1']{filter:blur(1px)}[jz-blur='-2']{filter:blur(2px)}[jz-blur='-3']{filter:blur(4px)}[jz-blur='-4']{filter:blur(7px)}[jz-blur='-5']{filter:blur(10px)}[jz-radius='0']{border-radius:0px}[jz-radius='1']{border-radius:4px}[jz-radius='2']{border-radius:8px}[jz-radius='3']{border-radius:12px}[jz-radius='4']{border-radius:16px}[jz-radius='5']{border-radius:9999px}[jz-radius='-1']{border-radius:8px;corner-shape:scoop}[jz-radius='-2']{border-radius:12px;corner-shape:scoop}[jz-radius='-3']{border-radius:16px;corner-shape:scoop}[jz-radius='-4']{border-radius:24px;corner-shape:scoop}[jz-radius='-5']{border-radius:48px;corner-shape:scoop}[jz-border='none']{border:none}[jz-border='thin']{border-width:1px;border-style:solid;border-color:var(--jz-border)}[jz-border='medium']{border-width:2px;border-style:solid;border-color:var(--jz-border)}[jz-border='thick']{border-width:4px;border-style:solid;border-color:var(--jz-border)}[jz-border='extra']{border-width:8px;border-style:solid;border-color:var(--jz-border)}[jz-border-color='primary']{border-color:var(--pb)}[jz-border-color='primary-light']{border-color:var(--pl)}[jz-border-color='primary-dark']{border-color:var(--pd)}[jz-border-color='secondary']{border-color:var(--sb)}[jz-border-color='secondary-light']{border-color:var(--sl)}[jz-border-color='secondary-dark']{border-color:var(--sd)}[jz-border-color='tertiary']{border-color:var(--tb)}[jz-border-color='tertiary-light']{border-color:var(--tl)}[jz-border-color='tertiary-dark']{border-color:var(--td)}[jz-border-color='success']{border-color:var(--success)}[jz-border-color='success-light']{border-color:var(--success-l)}[jz-border-color='success-dark']{border-color:var(--success-d)}[jz-border-color='info']{border-color:var(--info)}[jz-border-color='info-light']{border-color:var(--info-l)}[jz-border-color='info-dark']{border-color:var(--info-d)}[jz-border-color='warning']{border-color:var(--warning)}[jz-border-color='warning-light']{border-color:var(--warning-l)}[jz-border-color='warning-dark']{border-color:var(--warning-d)}[jz-border-color='error']{border-color:var(--error)}[jz-border-color='error-light']{border-color:var(--error-l)}[jz-border-color='error-dark']{border-color:var(--error-d)}[jz-border-color='ambient']{border-color:var(--jz-ambient)}[jz-border-color='ambient-light']{border-color:var(--jz-ambient-light)}[jz-border-color='ambient-dark']{border-color:var(--jz-ambient-dark)}[jz-border-color='surface']{border-color:var(--jz-surface)}[jz-border-color='surface-light']{border-color:var(--jz-surface-light)}[jz-border-color='surface-dark']{border-color:var(--jz-surface-dark)}[jz-border-color='border']{border-color:var(--jz-border)}[jz-border-color='border-light']{border-color:var(--jz-border-light)}[jz-border-color='border-dark']{border-color:var(--jz-border-dark)}[jz-border-color='transparent']{border-color:transparent;background-clip:padding-box}[jz-shade]{position:relative;isolation:isolate}[jz-shade]::before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1}[jz-shade='1']::before{background:rgba(255,255,255,0.08)}[jz-shade='2']::before{background:rgba(255,255,255,0.16)}[jz-shade='3']::before{background:rgba(255,255,255,0.24)}[jz-shade='4']::before{background:rgba(255,255,255,0.36)}[jz-shade='5']::before{background:rgba(255,255,255,0.50)}[jz-shade='-1']::before{background:rgba(0,0,0,0.08)}[jz-shade='-2']::before{background:rgba(0,0,0,0.16)}[jz-shade='-3']::before{background:rgba(0,0,0,0.24)}[jz-shade='-4']::before{background:rgba(0,0,0,0.36)}[jz-shade='-5']::before{background:rgba(0,0,0,0.50)}[jz-color="primary"]{background:var(--pb);color:var(--pb-on);--jz-own-color:var(--pb)}[jz-color="primary-light"]{background:var(--pl);color:var(--pl-on);--jz-own-color:var(--pl)}[jz-color="primary-dark"]{background:var(--pd);color:var(--pd-on);--jz-own-color:var(--pd)}[jz-color="secondary"]{background:var(--sb);color:var(--sb-on);--jz-own-color:var(--sb)}[jz-color="secondary-light"]{background:var(--sl);color:var(--sl-on);--jz-own-color:var(--sl)}[jz-color="secondary-dark"]{background:var(--sd);color:var(--sd-on);--jz-own-color:var(--sd)}[jz-color="tertiary"]{background:var(--tb);color:var(--tb-on);--jz-own-color:var(--tb)}[jz-color="tertiary-light"]{background:var(--tl);color:var(--tl-on);--jz-own-color:var(--tl)}[jz-color="tertiary-dark"]{background:var(--td);color:var(--td-on);--jz-own-color:var(--td)}[jz-color="success"]{background:var(--success);color:var(--success-on);--jz-own-color:var(--success)}[jz-color="success-light"]{background:var(--success-l);color:var(--success-l-on);--jz-own-color:var(--success-l)}[jz-color="success-dark"]{background:var(--success-d);color:var(--success-d-on);--jz-own-color:var(--success-d)}[jz-color="info"]{background:var(--info);color:var(--info-on);--jz-own-color:var(--info)}[jz-color="info-light"]{background:var(--info-l);color:var(--info-l-on);--jz-own-color:var(--info-l)}[jz-color="info-dark"]{background:var(--info-d);color:var(--info-d-on);--jz-own-color:var(--info-d)}[jz-color="warning"]{background:var(--warning);color:var(--warning-on);--jz-own-color:var(--warning)}[jz-color="warning-light"]{background:var(--warning-l);color:var(--warning-l-on);--jz-own-color:var(--warning-l)}[jz-color="warning-dark"]{background:var(--warning-d);color:var(--warning-d-on);--jz-own-color:var(--warning-d)}[jz-color="error"]{background:var(--error);color:var(--error-on);--jz-own-color:var(--error)}[jz-color="error-light"]{background:var(--error-l);color:var(--error-l-on);--jz-own-color:var(--error-l)}[jz-color="error-dark"]{background:var(--error-d);color:var(--error-d-on);--jz-own-color:var(--error-d)}[jz-color="ambient"]{background:var(--jz-ambient);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient)}[jz-color="ambient-light"]{background:var(--jz-ambient-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-light)}[jz-color="ambient-dark"]{background:var(--jz-ambient-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-dark)}[jz-color="ambient-primary"]{background:var(--jz-ambient-primary);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-primary)}[jz-color="ambient-primary-light"]{background:var(--jz-ambient-primary-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-primary-light)}[jz-color="ambient-primary-dark"]{background:var(--jz-ambient-primary-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-primary-dark)}[jz-color="ambient-secondary"]{background:var(--jz-ambient-secondary);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-secondary)}[jz-color="ambient-secondary-light"]{background:var(--jz-ambient-secondary-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-secondary-light)}[jz-color="ambient-secondary-dark"]{background:var(--jz-ambient-secondary-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-secondary-dark)}[jz-color="ambient-tertiary"]{background:var(--jz-ambient-tertiary);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-tertiary)}[jz-color="ambient-tertiary-light"]{background:var(--jz-ambient-tertiary-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-tertiary-light)}[jz-color="ambient-tertiary-dark"]{background:var(--jz-ambient-tertiary-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-tertiary-dark)}[jz-color="ambient-success"]{background:var(--jz-ambient-success);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-success)}[jz-color="ambient-success-light"]{background:var(--jz-ambient-success-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-success-light)}[jz-color="ambient-success-dark"]{background:var(--jz-ambient-success-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-success-dark)}[jz-color="ambient-info"]{background:var(--jz-ambient-info);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-info)}[jz-color="ambient-info-light"]{background:var(--jz-ambient-info-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-info-light)}[jz-color="ambient-info-dark"]{background:var(--jz-ambient-info-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-info-dark)}[jz-color="ambient-warning"]{background:var(--jz-ambient-warning);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-warning)}[jz-color="ambient-warning-light"]{background:var(--jz-ambient-warning-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-warning-light)}[jz-color="ambient-warning-dark"]{background:var(--jz-ambient-warning-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-warning-dark)}[jz-color="ambient-error"]{background:var(--jz-ambient-error);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-error)}[jz-color="ambient-error-light"]{background:var(--jz-ambient-error-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-error-light)}[jz-color="ambient-error-dark"]{background:var(--jz-ambient-error-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-ambient-error-dark)}[jz-color="surface"]{background:var(--jz-surface);color:var(--jz-ambient-on);--jz-own-color:var(--jz-surface)}[jz-color="surface-light"]{background:var(--jz-surface-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-surface-light)}[jz-color="surface-dark"]{background:var(--jz-surface-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-surface-dark)}[jz-color="border"]{background:var(--jz-border);color:var(--jz-ambient-on);--jz-own-color:var(--jz-border)}[jz-color="border-light"]{background:var(--jz-border-light);color:var(--jz-ambient-on);--jz-own-color:var(--jz-border-light)}[jz-color="border-dark"]{background:var(--jz-border-dark);color:var(--jz-ambient-on);--jz-own-color:var(--jz-border-dark)}[jz-color="transparent"]{background:transparent;color:inherit;--jz-own-color:transparent}jz-ui-card,jz-ui-menu,jz-ui-dialog,[jz-color="surface"],[jz-color="surface-light"],[jz-color="surface-dark"]{backdrop-filter:blur(var(--jz-surface-blur))}[jz-hidden]{display:none!important}[jz-resize]{overflow:auto}[jz-resize="both"]{resize:both}[jz-resize="x"]{resize:horizontal}[jz-resize="y"]{resize:vertical}[jz-resize]:not([jz-resize="none"]):not([jz-gradient]){--jz-grip:color-mix(in srgb,var(--jz-ambient-on) 60%,transparent);background-image:linear-gradient(135deg,transparent 0 46%,var(--jz-grip) 46% 54%,transparent 54% 63%,var(--jz-grip) 63% 71%,transparent 71% 80%,var(--jz-grip) 80% 88%,transparent 88%);background-size:18px 18px;background-position:right 2px bottom 2px;background-repeat:no-repeat}[jz-text="default"]{color:var(--jz-text)}[jz-text="muted"]{color:var(--jz-text-muted)}[jz-text="faint"]{color:var(--jz-text-faint)}[jz-text="link"]{color:var(--jz-link)}[jz-text="on"]{color:var(--jz-ambient-on)}[jz-text="primary"]{color:var(--pb)}[jz-text="primary-light"]{color:var(--pl)}[jz-text="primary-dark"]{color:var(--pd)}[jz-text="secondary"]{color:var(--sb)}[jz-text="secondary-light"]{color:var(--sl)}[jz-text="secondary-dark"]{color:var(--sd)}[jz-text="tertiary"]{color:var(--tb)}[jz-text="tertiary-light"]{color:var(--tl)}[jz-text="tertiary-dark"]{color:var(--td)}[jz-text="success"]{color:var(--success)}[jz-text="success-light"]{color:var(--success-l)}[jz-text="success-dark"]{color:var(--success-d)}[jz-text="info"]{color:var(--info)}[jz-text="info-light"]{color:var(--info-l)}[jz-text="info-dark"]{color:var(--info-d)}[jz-text="warning"]{color:var(--warning)}[jz-text="warning-light"]{color:var(--warning-l)}[jz-text="warning-dark"]{color:var(--warning-d)}[jz-text="error"]{color:var(--error)}[jz-text="error-light"]{color:var(--error-l)}[jz-text="error-dark"]{color:var(--error-d)}[jz-text="ambient"]{color:var(--jz-ambient)}[jz-text="ambient-light"]{color:var(--jz-ambient-light)}[jz-text="ambient-dark"]{color:var(--jz-ambient-dark)}[jz-text="surface"]{color:var(--jz-surface)}[jz-text="surface-light"]{color:var(--jz-surface-light)}[jz-text="surface-dark"]{color:var(--jz-surface-dark)}body,input,select,button,textarea{font-family:var(--jz-font-family);font-size:var(--jz-font-size);font-weight:var(--jz-font-weight);line-height:var(--jz-line-height);color:var(--jz-ambient-on)}body{background:var(--jz-ambient)}*,*::before,*::after{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:var(--jz-border) transparent}::-webkit-scrollbar{width:6px;height:6px;background:transparent}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}*:hover::-webkit-scrollbar-thumb{background-color:var(--jz-border)}::-webkit-scrollbar-track{background:transparent}[jz-vs-proxy]:hover>[jz-vs-bar]{scrollbar-color:var(--jz-border) transparent}[jz-vs-proxy]:hover>[jz-vs-bar]::-webkit-scrollbar-thumb{background-color:var(--jz-border)}::-webkit-scrollbar-corner{background:transparent}input,select,textarea{background:var(--jz-surface);border:1px solid var(--jz-border);border-radius:4px;padding:6px 8px;outline:none;transition:border-color 150ms,box-shadow 150ms;&:focus{border-color:var(--pb);box-shadow:0 0 0 3px var(--jz-focus-ring)}&::placeholder{color:var(--jz-muted)}}input[type="color"]{padding:2px;height:36px;cursor:pointer}input[type="range"]{-webkit-appearance:none;appearance:none;background:var(--jz-border);border:none;padding:0;height:4px;border-radius:2px;outline:none;cursor:pointer;&::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--pb);border:none;cursor:pointer;transition:box-shadow 150ms}&::-webkit-slider-thumb:hover,&:focus::-webkit-slider-thumb{box-shadow:0 0 0 8px var(--jz-focus-ring)}&::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--pb);border:none;cursor:pointer;transition:box-shadow 150ms}&::-moz-range-thumb:hover,&:focus::-moz-range-thumb{box-shadow:0 0 0 8px var(--jz-focus-ring)}&::-moz-range-track{height:4px;border-radius:2px;background:var(--jz-border)}}jz-box,jz-hbox,jz-vbox{--component-size:var(--size-medium);--final-size-scale:calc(var(--local-size-scale) * var(--component-size))}[jz-scroll-fade][jz-fade]{--jz-fade-t:0px;--jz-fade-b:0px;--jz-fade-l:0px;--jz-fade-r:0px;mask-image:linear-gradient(to bottom,transparent,black var(--jz-fade-t),black calc(100% - var(--jz-fade-b)),transparent),linear-gradient(to right,transparent,black var(--jz-fade-l),black calc(100% - var(--jz-fade-r)),transparent);mask-composite:intersect}[jz-scroll-fade][jz-fade~="top"]{--jz-fade-t:32px}[jz-scroll-fade][jz-fade~="bottom"]{--jz-fade-b:32px}[jz-scroll-fade][jz-fade~="left"]{--jz-fade-l:32px}[jz-scroll-fade][jz-fade~="right"]{--jz-fade-r:32px}[jz-scroll-fade][jz-fade]:has(jz-ui-dialog-backdrop,jz-ui-menu,jz-ui-autocomplete-dropdown,jz-ui-drawer:not([jz-inline])){mask-image:none}.jz-control,.jz-control-sm,.jz-control-lg{box-sizing:border-box;padding-block:0;font-size:var(--jz-fs-base);font-family:var(--jz-font-family)}.jz-control{block-size:var(--jz-control-height)}.jz-control-sm{block-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}.jz-control-lg{block-size:var(--jz-control-height-lg)}[jz-size-scope]{--jz-fs-2xs:calc(var(--jz-font-size) / var(--jz-font-ratio) / var(--jz-font-ratio) / var(--jz-font-ratio));--jz-fs-xs:calc(var(--jz-font-size) / var(--jz-font-ratio) / var(--jz-font-ratio));--jz-fs-sm:calc(var(--jz-font-size) / var(--jz-font-ratio));--jz-fs-base:var(--jz-font-size);--jz-fs-md:calc(var(--jz-font-size) * var(--jz-font-ratio));--jz-fs-lg:calc(var(--jz-font-size) * var(--jz-font-ratio) * var(--jz-font-ratio));--jz-fs-xl:calc(var(--jz-font-size) * var(--jz-font-ratio) * var(--jz-font-ratio) * var(--jz-font-ratio));--jz-fs-2xl:calc(var(--jz-font-size) * var(--jz-font-ratio) * var(--jz-font-ratio) * var(--jz-font-ratio) * var(--jz-font-ratio));--jz-ui-ratio:clamp(1.02,pow(var(--jz-font-ratio),calc(1 / var(--jz-ui-steps))),1.3);--jz-control-height:calc(var(--jz-fs-base) / var(--jz-control-density));--jz-control-height-xs:max(calc(var(--jz-fs-ui-xs) * 2),calc(var(--jz-control-height) / var(--jz-ui-ratio) / var(--jz-ui-ratio)));--jz-control-height-sm:max(calc(var(--jz-fs-ui-sm) * 2),calc(var(--jz-control-height) / var(--jz-ui-ratio)));--jz-control-height-lg:calc(var(--jz-control-height) * var(--jz-ui-ratio));--jz-control-height-xl:calc(var(--jz-control-height) * var(--jz-ui-ratio) * var(--jz-ui-ratio));--jz-fs-ui-xs:max(calc(var(--jz-fs-base) * 6 / 7),calc(var(--jz-fs-base) / var(--jz-ui-ratio) / var(--jz-ui-ratio)));--jz-fs-ui-sm:max(calc(var(--jz-fs-base) * 6 / 7),calc(var(--jz-fs-base) / var(--jz-ui-ratio)));--jz-fs-ui:var(--jz-fs-base);--jz-fs-ui-lg:calc(var(--jz-fs-base) * var(--jz-ui-ratio));--jz-fs-ui-xl:calc(var(--jz-fs-base) * var(--jz-ui-ratio) * var(--jz-ui-ratio));--jz-space:calc(var(--jz-control-height) * 0.1 * var(--jz-spacing));--jz-icon-size:calc(var(--jz-control-height) * var(--jz-icon-scale));--jz-icon-size-xs:calc(var(--jz-control-height-xs) * var(--jz-icon-scale));--jz-icon-size-sm:calc(var(--jz-control-height-sm) * var(--jz-icon-scale));--jz-icon-size-lg:calc(var(--jz-control-height-lg) * var(--jz-icon-scale));--jz-icon-size-xl:calc(var(--jz-control-height-xl) * var(--jz-icon-scale));--jz-textarea-pad-y:calc((var(--jz-control-height) - var(--jz-fs-base) * var(--jz-textarea-line-height) - 2px) / 2);font-size:var(--jz-fs-base)}
jz-ui-code-codeview{--code-bg:var(--jz-code-bg,#1e1e1e);--code-fg:var(--jz-code-fg,#d4d4d4);display:flex;flex-direction:column;min-inline-size:0;border:1px solid var(--jz-border);border-radius:6px;overflow:hidden;background:var(--code-bg);.title{padding:calc(var(--jz-space) * 0.75) calc(var(--jz-space) * 1.5);font-size:var(--jz-fs-ui-sm);font-family:Consolas,'Courier New',monospace;color:var(--jz-ambient-on);background:var(--jz-surface);border-block-end:1px solid var(--jz-border)}.note{padding:calc(var(--jz-space) * 0.75) calc(var(--jz-space) * 1.5);font-size:var(--jz-fs-ui-sm);color:var(--jz-ambient-on);background:var(--jz-surface);border-block-end:1px solid var(--jz-border);opacity:0.85}.code{margin:0;padding:calc(var(--jz-space) * 1.5);overflow:auto;background:var(--code-bg);color:var(--code-fg);font-family:Consolas,'Courier New',Monaco,'Ubuntu Mono',monospace;font-size:0.85rem;line-height:1.5;tab-size:4;white-space:pre}code{font-family:inherit;background:transparent;color:inherit;white-space:inherit}&[jz-wrap] .code{white-space:pre-wrap;overflow-wrap:anywhere}.token.comment,.token.prolog,.token.cdata{color:var(--jz-code-comment,#6a9955);font-style:italic}.token.doctype,.token.keyword,.token.boolean,.token.interpolation-punctuation{color:var(--jz-code-keyword,#569cd6)}.token.keyword.control-flow,.token.keyword.module{color:var(--jz-code-control,#c586c0)}.token.punctuation,.token.operator,.token.entity,.token.url,.token.variable{color:var(--jz-code-punctuation,#d4d4d4)}.token.tag,.token.deleted{color:var(--jz-code-tag,#569cd6)}.token.attr-name,.token.property,.token.symbol,.token.constant{color:var(--jz-code-property,#9cdcfe)}.token.attr-value,.token.attr-value .token.punctuation{color:var(--jz-code-attr-value,#ce9178)}.token.number{color:var(--jz-code-number,#b5cea8)}.token.selector,.token.string,.token.char,.token.inserted,.token.template-string,.token.template-punctuation{color:var(--jz-code-string,#ce9178)}.token.function,.token.atrule{color:var(--jz-code-function,#dcdcaa)}.token.class-name,.token.builtin{color:var(--jz-code-class,#4ec9b0)}.token.regex,.token.important{color:var(--jz-code-regex,#d16969)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.namespace{opacity:0.85}}
jz-ui-countergrid{.jz-counter-tile.jz-clickable:hover{border-top-color:var(--primary)!important;border-right-color:var(--primary)!important;border-bottom-color:var(--primary)!important;background:color-mix(in srgb,var(--primary) 8%,var(--jz-surface))!important}}
jz-ui-logpanel{.jz-log-row{border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}&[jz-nolines] .jz-log-row{border-bottom:0}}
jz-ui-thresholdbar{--jz-tb-track:6px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--jz-tb-track);row-gap:3px;align-items:center;padding:calc(var(--jz-space) * 0.75) 0;font-size:var(--jz-fs-ui-sm);color:var(--jz-ambient-on);.head{grid-area:1 / 1;justify-self:start;min-inline-size:0;position:relative;z-index:1}.label{display:flex;align-items:center;gap:calc(var(--jz-space) * 0.75)}.label .icon{font-size:1.45em;color:var(--jz-muted)}.rail{grid-area:1 / 1 / 3 / 2;align-self:stretch;min-inline-size:6rem;position:relative;user-select:none}.rail::before,.over,.fill{position:absolute;inset-block:auto 0;block-size:var(--jz-tb-track);pointer-events:none}.rail::before{content:'';inset-inline:0;border-radius:2px;background:var(--jz-surface-dark);box-shadow:inset 0 0 0 1px var(--jz-border)}.over{inset-inline-end:0;background:repeating-linear-gradient(45deg,var(--jz-ambient-error-dark) 0 3px,transparent 3px 6px);opacity:0.6}.fill{inset-inline-start:0;border-radius:2px;background:var(--pb);transition:width 300ms}.mark{--jz-tb-mark-drop:2px;position:absolute;inset-block-end:calc(-1 * var(--jz-tb-mark-drop));block-size:calc(var(--jz-tb-track) + 4px);inline-size:0;margin-inline-start:-1px;border-inline-start:2px solid var(--error);pointer-events:none}.tick{position:absolute;inset-block-end:0;block-size:var(--jz-tb-track);inline-size:1px;background:var(--jz-muted);pointer-events:none}.read{position:absolute;inset-inline:0;inset-block:0 calc(var(--jz-tb-track) + 3px);display:flex;align-items:center;justify-content:flex-end;gap:0.35em;white-space:nowrap;pointer-events:none}.ratio{font-weight:600}.now::before{content:'('}.cap::after{content:')'}.now,.cap,.sep{color:var(--jz-muted)}&[jz-trips="below"][jz-armed]{.read .now{display:none}.read .sep::before{content:'('}}.ruler{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 180ms}.ruler .clip{position:absolute;inset:0;overflow:hidden}.ruler .scale{position:absolute;inset:0}.ruler .rung{position:absolute;inset-block-end:0;block-size:var(--jz-tb-track);inline-size:1px;margin-inline-start:-0.5px;background:var(--jz-ambient-on);opacity:0.22}.ruler .rung.major{block-size:calc(var(--jz-tb-track) + 4px);opacity:0.5}.ruler .rung.stop{block-size:calc(var(--jz-tb-track) + 8px);inline-size:2px;margin-inline-start:-1px;opacity:0.85}.ruler .rung-label.stop{color:var(--jz-ambient-on);font-weight:600}.ruler .rung-label{position:absolute;inset-block-end:calc(var(--jz-tb-track) + 5px);transform:translateX(-50%);font-size:10.5px;font-weight:400;line-height:1;color:var(--jz-muted);white-space:nowrap}.ruler .ghost{position:absolute;inset-block-end:-2px;block-size:calc(var(--jz-tb-track) + 4px);margin-inline-start:-0.5px;border-inline-start:1px dashed var(--jz-muted)}.ruler .bubble{position:absolute;inset-block-end:calc(var(--jz-tb-track) + 4px);transform:translateX(-50%);padding:1px 6px;border-radius:5px;background:var(--info);color:var(--info-on,#fff);font-size:11.5px;font-weight:600;line-height:1.4;white-space:nowrap;box-shadow:var(--md-sys-elevation-level1)}.rail.off{&::before{display:none}.now{color:inherit}.now::before{content:none}}&[jz-tone="off"]{.fill{background:var(--jz-muted);opacity:0.55}.over{display:none}.mark{border-inline-start-color:var(--jz-muted)}.ratio{color:var(--jz-muted);font-weight:400}}&[jz-tone="warn"] .fill{background:var(--warning)}&[jz-tone="danger"] .fill{background:var(--error)}&[jz-tone="warn"] .ratio{color:var(--warning)}&[jz-tone="danger"] .ratio{color:var(--error)}&[jz-tone="tripped"]{.fill{background:repeating-linear-gradient(45deg,var(--jz-ambient-error-dark) 0 4px,var(--jz-ambient-error) 4px 8px)}.ratio{color:var(--error)}}&[jz-editable][jz-armed] .rail{.mark::before{content:'';position:absolute;inset-block:-6px;inset-inline-start:-10px;inline-size:20px;pointer-events:auto;cursor:ew-resize}.mark::after{content:'';position:absolute;box-sizing:border-box;inset-block-end:calc(var(--jz-tb-mark-drop) + var(--jz-tb-track) / 2 - 6px);inset-inline-start:-7px;inline-size:12px;block-size:12px;border-radius:50%;border:2px solid var(--error);background:var(--jz-ambient);transition:transform 150ms,border-color 150ms}.mark:hover::after{transform:scale(1.25);border-color:var(--info)}&.dragging{cursor:grabbing;.mark::before{cursor:grabbing}&::before{box-shadow:inset 0 0 0 1px var(--info)}.fill,.mark,.over{transition:none}.mark::after{opacity:1;border-color:var(--info)}.read{opacity:0}.ruler{opacity:1}}&.settling{.mark,.over{transition:left 280ms ease}}}&:has(.rail.dragging) .head{opacity:0.15}.head{transition:opacity 150ms}}
:root{--jz-drop-default:var(--pb,#6750a4);--jz-drop-width:4px;--jz-drop-fill-alpha:7%;--jz-drop-pulse-depth:0.45;--jz-drop-pulse-period:1.4s;--dropable-transition-time:150ms}body{--jz-drop-color:var(--jz-drag-color,var(--jz-drop-default))}body[dragdrop=active] [dropid] *{pointer-events:none}body[dragdrop=active] [dropid] [dropid]{pointer-events:auto}[dropid]{transition:box-shadow var(--dropable-transition-time)}[dropid]:not([jz-elevation]){--jz-elevation-shadow:0 0 #0000}@property --jz-drop-pulse{syntax:'<number>';inherits:true;initial-value:0}@keyframes jz-drop-breathe{from{--jz-drop-pulse:0}to{--jz-drop-pulse:1}}body[dragdrop=active] [dropid]:not([dropindicator=none]):not([dropincompatible]){--jz-drop-edge:0 0 #0000;--jz-drop-in:inset 0 0 0 100vmax color-mix(in srgb,var(--jz-drop-color) calc(var(--jz-drop-fill-alpha) * (1 + var(--jz-drop-pulse-depth) * var(--jz-drop-pulse))),transparent);box-shadow:var(--jz-drop-edge),var(--jz-drop-in),var(--jz-elevation-shadow);animation:jz-drop-breathe var(--jz-drop-pulse-period) ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){body[dragdrop=active] [dropid]{animation:none}}body[dragdrop=active] [dropid][dropedge=Boxed]:not([dropindicator=none]):not([dropincompatible]){--jz-drop-edge:inset 0 0 0 var(--jz-drop-width) var(--jz-drop-mark,var(--jz-drop-color))}body[dragdrop=active] [dropid][dropedge=Left]:not([dropindicator=none]):not([dropincompatible]){--jz-drop-edge:inset var(--jz-drop-width) 0 0 0 var(--jz-drop-mark,var(--jz-drop-color))}body[dragdrop=active] [dropid][dropedge=Right]:not([dropindicator=none]):not([dropincompatible]){--jz-drop-edge:inset calc(-1 * var(--jz-drop-width)) 0 0 0 var(--jz-drop-mark,var(--jz-drop-color))}body[dragdrop=active] [dropid][dropedge=Top]:not([dropindicator=none]):not([dropincompatible]){--jz-drop-edge:inset 0 var(--jz-drop-width) 0 0 var(--jz-drop-mark,var(--jz-drop-color))}body[dragdrop=active] [dropid][dropedge=Bottom]:not([dropindicator=none]):not([dropincompatible]){--jz-drop-edge:inset 0 calc(-1 * var(--jz-drop-width)) 0 0 var(--jz-drop-mark,var(--jz-drop-color))}:root{--jz-drop-mark-alpha:55%}.dropable[dropid]{position:relative;--jz-drop-mark:color-mix(in srgb,var(--jz-drop-color) var(--jz-drop-mark-alpha),transparent)}[dropid]:not(.dropable){--jz-drop-mark:initial}body[dragdrop=active] .dropable[dropid]:not([dropindicator=none]):not([dropincompatible]){box-shadow:var(--jz-elevation-shadow)}body[dragdrop=active] .dropable[dropid]:not([dropindicator=none]):not([dropincompatible])::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:var(--jz-drop-edge),var(--jz-drop-in);transition:box-shadow var(--dropable-transition-time)}[jz-drop-sample]{--jz-drop-edge:0 0 #0000;--jz-drop-in:inset 0 0 0 100vmax color-mix(in srgb,var(--jz-drop-color) calc(var(--jz-drop-fill-alpha) * (1 + var(--jz-drop-pulse-depth) * var(--jz-drop-pulse))),transparent);box-shadow:var(--jz-drop-edge),var(--jz-drop-in);animation:jz-drop-breathe var(--jz-drop-pulse-period) ease-in-out infinite alternate}[jz-drop-sample="Boxed"]{--jz-drop-edge:inset 0 0 0 var(--jz-drop-width) var(--jz-drop-color)}[jz-drop-sample="Top"]{--jz-drop-edge:inset 0 var(--jz-drop-width) 0 0 var(--jz-drop-color)}@media (prefers-reduced-motion:reduce){[jz-drop-sample]{animation:none}}
[fluent],[fluent="items"]>*,[fluent="all"]>*{--fluent-duration:500;--fluent-ease:easeOutQuint}[fluent-speed="slow"],[fluent-speed="slow"]>*{--fluent-duration:1500}[fluent-speed="fast"],[fluent-speed="fast"]>*{--fluent-duration:200}
@property --jz-glow-spin{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes jz-glow-breathe-1{from{--jz-glow-pulse:0.75}to{--jz-glow-pulse:1}}@keyframes jz-glow-breathe-2{from{--jz-glow-pulse:0.6}to{--jz-glow-pulse:1}}@keyframes jz-glow-breathe-3{from{--jz-glow-pulse:0.35}to{--jz-glow-pulse:1}}@keyframes jz-glow-breathe-4{from{--jz-glow-pulse:0.15}to{--jz-glow-pulse:1}}@keyframes jz-glow-breathe-5{from{--jz-glow-pulse:0}to{--jz-glow-pulse:1}}@keyframes jz-glow-orbit{to{--jz-glow-spin:360deg}}@keyframes jz-float-bob-1{from{translate:0 0}to{translate:0 -2px}}@keyframes jz-float-bob-2{from{translate:0 0}to{translate:0 -3px}}@keyframes jz-float-bob-3{from{translate:0 0}to{translate:0 -5px}}@keyframes jz-float-bob-4{from{translate:0 0}to{translate:0 -7px}}@keyframes jz-float-bob-5{from{translate:0 0}to{translate:0 -10px}}@keyframes jz-float-sway-1{from{rotate:-0.6deg;translate:-1px 0}to{rotate:0.6deg;translate:1px 0}}@keyframes jz-float-sway-2{from{rotate:-1.0deg;translate:-2px 0}to{rotate:1.0deg;translate:2px 0}}@keyframes jz-float-sway-3{from{rotate:-1.6deg;translate:-3px 0}to{rotate:1.6deg;translate:3px 0}}@keyframes jz-float-sway-4{from{rotate:-2.3deg;translate:-4px 0}to{rotate:2.3deg;translate:4px 0}}@keyframes jz-float-sway-5{from{rotate:-3.0deg;translate:-5px 0}to{rotate:3.0deg;translate:5px 0}}@keyframes jz-spin{to{rotate:360deg}}@keyframes jz-spin-rev{to{rotate:-360deg}}@keyframes jz-wiggle{from{rotate:calc(var(--jz-wiggle-a) * -1)}to{rotate:var(--jz-wiggle-a)}}@keyframes jz-heartbeat{0%,28%,70%,100%{scale:1}14%,42%{scale:var(--jz-heartbeat-s)}}@keyframes jz-blink{from{opacity:1}to{opacity:var(--jz-blink-min)}}@keyframes jz-hue{to{filter:hue-rotate(360deg)}}@keyframes jz-hue-rev{to{filter:hue-rotate(-360deg)}}@keyframes jz-enter-move{from{translate:var(--jz-enter-x) var(--jz-enter-y);scale:var(--jz-enter-s);rotate:var(--jz-enter-r);filter:blur(var(--jz-enter-blur))}}@keyframes jz-enter-fade{from{opacity:0}}@keyframes jz-att-shake-a{0%,100%{translate:0 0}15%,55%{translate:calc(var(--jz-att-d) * -1) 0}35%,75%{translate:var(--jz-att-d) 0}}@keyframes jz-att-shake-b{0%,100%{translate:0 0}15%,55%{translate:calc(var(--jz-att-d) * -1) 0}35%,75%{translate:var(--jz-att-d) 0}}@keyframes jz-att-bounce-a{0%,50%,100%{translate:0 0}25%{translate:0 calc(var(--jz-att-d) * -1)}70%{translate:0 calc(var(--jz-att-d) * -0.4)}}@keyframes jz-att-bounce-b{0%,50%,100%{translate:0 0}25%{translate:0 calc(var(--jz-att-d) * -1)}70%{translate:0 calc(var(--jz-att-d) * -0.4)}}@keyframes jz-att-pop-a{0%,100%{scale:1}40%{scale:var(--jz-att-s)}}@keyframes jz-att-pop-b{0%,100%{scale:1}40%{scale:var(--jz-att-s)}}@keyframes jz-att-wiggle-a{0%,100%{rotate:0deg}20%,60%{rotate:calc(var(--jz-att-a) * -1)}40%,80%{rotate:var(--jz-att-a)}}@keyframes jz-att-wiggle-b{0%,100%{rotate:0deg}20%,60%{rotate:calc(var(--jz-att-a) * -1)}40%,80%{rotate:var(--jz-att-a)}}@keyframes jz-att-flash-a{0%,100%{filter:brightness(1)}50%{filter:brightness(var(--jz-att-b))}}@keyframes jz-att-flash-b{0%,100%{filter:brightness(1)}50%{filter:brightness(var(--jz-att-b))}}@keyframes jz-att-tada-a{0%,100%{scale:1;rotate:0deg}10%,20%{scale:0.92;rotate:calc(var(--jz-att-a) * -1)}30%,50%,70%,90%{scale:var(--jz-att-s);rotate:var(--jz-att-a)}40%,60%,80%{scale:var(--jz-att-s);rotate:calc(var(--jz-att-a) * -1)}}@keyframes jz-att-tada-b{0%,100%{scale:1;rotate:0deg}10%,20%{scale:0.92;rotate:calc(var(--jz-att-a) * -1)}30%,50%,70%,90%{scale:var(--jz-att-s);rotate:var(--jz-att-a)}40%,60%,80%{scale:var(--jz-att-s);rotate:calc(var(--jz-att-a) * -1)}}[jz-motion],[jz-enter],[jz-attention-run]{--jz-anim-glow:none;--jz-anim-float:none;--jz-anim-turn:none;--jz-anim-scale:none;--jz-anim-filter:none;--jz-anim-opacity:none;--jz-anim-enter:none;--jz-anim-enter-fade:none;--jz-anim-attention:none;--jz-glow-tempo:1;--jz-float-tempo:1;--jz-spin-tempo:1;--jz-wiggle-tempo:1;--jz-heartbeat-tempo:1;--jz-blink-tempo:1;--jz-hue-tempo:1;--jz-enter-tempo:1;--jz-attention-tempo:1;--jz-float-delay:0s;--jz-enter-x:0px;--jz-enter-y:0px;--jz-enter-s:1;--jz-enter-r:0deg;--jz-enter-blur:0px;--jz-enter-ease:cubic-bezier(0.2,0.7,0.2,1);animation:var(--jz-anim-glow),var(--jz-anim-float),var(--jz-anim-turn),var(--jz-anim-scale),var(--jz-anim-filter),var(--jz-anim-opacity),var(--jz-anim-enter),var(--jz-anim-enter-fade),var(--jz-anim-attention);animation-composition:replace,add,add,add,add,replace,add,replace,add}[jz-glow][jz-motion~="pulse-1"]{--jz-anim-glow:jz-glow-breathe-1 calc(2.4s * var(--jz-glow-tempo)) ease-in-out infinite alternate}[jz-glow][jz-motion~="pulse-2"]{--jz-anim-glow:jz-glow-breathe-2 calc(2.0s * var(--jz-glow-tempo)) ease-in-out infinite alternate}[jz-glow][jz-motion~="pulse-3"]{--jz-anim-glow:jz-glow-breathe-3 calc(1.6s * var(--jz-glow-tempo)) ease-in-out infinite alternate}[jz-glow][jz-motion~="pulse-4"]{--jz-anim-glow:jz-glow-breathe-4 calc(1.1s * var(--jz-glow-tempo)) ease-in-out infinite alternate}[jz-glow][jz-motion~="pulse-5"]{--jz-anim-glow:jz-glow-breathe-5 calc(0.7s * var(--jz-glow-tempo)) ease-in-out infinite alternate}[jz-glow][jz-motion][jz-motion~="pulse--1"]{--jz-glow-dx:calc(cos(var(--jz-glow-spin)) * 2px);--jz-glow-dy:calc(sin(var(--jz-glow-spin)) * 2px);--jz-anim-glow:jz-glow-orbit calc(6s * var(--jz-glow-tempo)) linear infinite}[jz-glow][jz-motion][jz-motion~="pulse--2"]{--jz-glow-dx:calc(cos(var(--jz-glow-spin)) * 3px);--jz-glow-dy:calc(sin(var(--jz-glow-spin)) * 3px);--jz-anim-glow:jz-glow-orbit calc(4.5s * var(--jz-glow-tempo)) linear infinite}[jz-glow][jz-motion][jz-motion~="pulse--3"]{--jz-glow-dx:calc(cos(var(--jz-glow-spin)) * 4px);--jz-glow-dy:calc(sin(var(--jz-glow-spin)) * 4px);--jz-anim-glow:jz-glow-orbit calc(3s * var(--jz-glow-tempo)) linear infinite}[jz-glow][jz-motion][jz-motion~="pulse--4"]{--jz-glow-dx:calc(cos(var(--jz-glow-spin)) * 6px);--jz-glow-dy:calc(sin(var(--jz-glow-spin)) * 6px);--jz-anim-glow:jz-glow-orbit calc(2s * var(--jz-glow-tempo)) linear infinite}[jz-glow][jz-motion][jz-motion~="pulse--5"]{--jz-glow-dx:calc(cos(var(--jz-glow-spin)) * 8px);--jz-glow-dy:calc(sin(var(--jz-glow-spin)) * 8px);--jz-anim-glow:jz-glow-orbit calc(1.2s * var(--jz-glow-tempo)) linear infinite}[jz-motion~="float-1"]{--jz-anim-float:jz-float-bob-1 calc(4.0s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float-2"]{--jz-anim-float:jz-float-bob-2 calc(3.6s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float-3"]{--jz-anim-float:jz-float-bob-3 calc(3.2s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float-4"]{--jz-anim-float:jz-float-bob-4 calc(2.8s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float-5"]{--jz-anim-float:jz-float-bob-5 calc(2.4s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float--1"]{--jz-anim-float:jz-float-sway-1 calc(5.0s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float--2"]{--jz-anim-float:jz-float-sway-2 calc(4.5s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float--3"]{--jz-anim-float:jz-float-sway-3 calc(4.0s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float--4"]{--jz-anim-float:jz-float-sway-4 calc(3.5s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float--5"]{--jz-anim-float:jz-float-sway-5 calc(3.0s * var(--jz-float-tempo)) ease-in-out var(--jz-float-delay) infinite alternate}[jz-motion~="float"]:nth-child(3n+2){--jz-float-delay:-1.1s}[jz-motion~="float"]:nth-child(3n){--jz-float-delay:-2.3s}[jz-motion~="spin-1"]{--jz-anim-turn:jz-spin calc(12s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin--1"]{--jz-anim-turn:jz-spin-rev calc(12s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin-2"]{--jz-anim-turn:jz-spin calc(8s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin--2"]{--jz-anim-turn:jz-spin-rev calc(8s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin-3"]{--jz-anim-turn:jz-spin calc(5s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin--3"]{--jz-anim-turn:jz-spin-rev calc(5s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin-4"]{--jz-anim-turn:jz-spin calc(3s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin--4"]{--jz-anim-turn:jz-spin-rev calc(3s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin-5"]{--jz-anim-turn:jz-spin calc(1.5s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="spin--5"]{--jz-anim-turn:jz-spin-rev calc(1.5s * var(--jz-spin-tempo)) linear infinite}[jz-motion~="wiggle-1"]{--jz-wiggle-a:1deg;--jz-anim-turn:jz-wiggle calc(0.9s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle--1"]{--jz-wiggle-a:1deg;--jz-anim-turn:jz-wiggle calc(0.9s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle-2"]{--jz-wiggle-a:2deg;--jz-anim-turn:jz-wiggle calc(0.7s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle--2"]{--jz-wiggle-a:2deg;--jz-anim-turn:jz-wiggle calc(0.7s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle-3"]{--jz-wiggle-a:4deg;--jz-anim-turn:jz-wiggle calc(0.5s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle--3"]{--jz-wiggle-a:4deg;--jz-anim-turn:jz-wiggle calc(0.5s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle-4"]{--jz-wiggle-a:7deg;--jz-anim-turn:jz-wiggle calc(0.35s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle--4"]{--jz-wiggle-a:7deg;--jz-anim-turn:jz-wiggle calc(0.35s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle-5"]{--jz-wiggle-a:12deg;--jz-anim-turn:jz-wiggle calc(0.25s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="wiggle--5"]{--jz-wiggle-a:12deg;--jz-anim-turn:jz-wiggle calc(0.25s * var(--jz-wiggle-tempo)) ease-in-out infinite alternate}[jz-motion~="heartbeat-1"]{--jz-heartbeat-s:1.02;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat--1"]{--jz-heartbeat-s:1.02;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat-2"]{--jz-heartbeat-s:1.04;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat--2"]{--jz-heartbeat-s:1.04;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat-3"]{--jz-heartbeat-s:1.07;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat--3"]{--jz-heartbeat-s:1.07;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat-4"]{--jz-heartbeat-s:1.1;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat--4"]{--jz-heartbeat-s:1.1;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat-5"]{--jz-heartbeat-s:1.16;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="heartbeat--5"]{--jz-heartbeat-s:1.16;--jz-anim-scale:jz-heartbeat calc(1.3s * var(--jz-heartbeat-tempo)) ease-in-out infinite}[jz-motion~="blink-1"]{--jz-blink-min:0.85;--jz-anim-opacity:jz-blink calc(2.4s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink--1"]{--jz-blink-min:0.85;--jz-anim-opacity:jz-blink calc(2.4s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink-2"]{--jz-blink-min:0.7;--jz-anim-opacity:jz-blink calc(2.0s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink--2"]{--jz-blink-min:0.7;--jz-anim-opacity:jz-blink calc(2.0s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink-3"]{--jz-blink-min:0.5;--jz-anim-opacity:jz-blink calc(1.6s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink--3"]{--jz-blink-min:0.5;--jz-anim-opacity:jz-blink calc(1.6s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink-4"]{--jz-blink-min:0.3;--jz-anim-opacity:jz-blink calc(1.2s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink--4"]{--jz-blink-min:0.3;--jz-anim-opacity:jz-blink calc(1.2s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink-5"]{--jz-blink-min:0.1;--jz-anim-opacity:jz-blink calc(0.8s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="blink--5"]{--jz-blink-min:0.1;--jz-anim-opacity:jz-blink calc(0.8s * var(--jz-blink-tempo)) ease-in-out infinite alternate}[jz-motion~="hue-1"]{--jz-anim-filter:jz-hue calc(16s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue--1"]{--jz-anim-filter:jz-hue-rev calc(16s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue-2"]{--jz-anim-filter:jz-hue calc(10s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue--2"]{--jz-anim-filter:jz-hue-rev calc(10s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue-3"]{--jz-anim-filter:jz-hue calc(6s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue--3"]{--jz-anim-filter:jz-hue-rev calc(6s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue-4"]{--jz-anim-filter:jz-hue calc(3.5s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue--4"]{--jz-anim-filter:jz-hue-rev calc(3.5s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue-5"]{--jz-anim-filter:jz-hue calc(2s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="hue--5"]{--jz-anim-filter:jz-hue-rev calc(2s * var(--jz-hue-tempo)) linear infinite}[jz-motion~="pulse@-5"]{--jz-glow-tempo:5.657}[jz-motion~="pulse@-4"]{--jz-glow-tempo:4.0}[jz-motion~="pulse@-3"]{--jz-glow-tempo:2.828}[jz-motion~="pulse@-2"]{--jz-glow-tempo:2.0}[jz-motion~="pulse@-1"]{--jz-glow-tempo:1.414}[jz-motion~="pulse@1"]{--jz-glow-tempo:0.707}[jz-motion~="pulse@2"]{--jz-glow-tempo:0.5}[jz-motion~="pulse@3"]{--jz-glow-tempo:0.354}[jz-motion~="pulse@4"]{--jz-glow-tempo:0.25}[jz-motion~="pulse@5"]{--jz-glow-tempo:0.177}[jz-motion~="float@-5"]{--jz-float-tempo:5.657}[jz-motion~="float@-4"]{--jz-float-tempo:4.0}[jz-motion~="float@-3"]{--jz-float-tempo:2.828}[jz-motion~="float@-2"]{--jz-float-tempo:2.0}[jz-motion~="float@-1"]{--jz-float-tempo:1.414}[jz-motion~="float@1"]{--jz-float-tempo:0.707}[jz-motion~="float@2"]{--jz-float-tempo:0.5}[jz-motion~="float@3"]{--jz-float-tempo:0.354}[jz-motion~="float@4"]{--jz-float-tempo:0.25}[jz-motion~="float@5"]{--jz-float-tempo:0.177}[jz-motion~="spin@-5"]{--jz-spin-tempo:5.657}[jz-motion~="spin@-4"]{--jz-spin-tempo:4.0}[jz-motion~="spin@-3"]{--jz-spin-tempo:2.828}[jz-motion~="spin@-2"]{--jz-spin-tempo:2.0}[jz-motion~="spin@-1"]{--jz-spin-tempo:1.414}[jz-motion~="spin@1"]{--jz-spin-tempo:0.707}[jz-motion~="spin@2"]{--jz-spin-tempo:0.5}[jz-motion~="spin@3"]{--jz-spin-tempo:0.354}[jz-motion~="spin@4"]{--jz-spin-tempo:0.25}[jz-motion~="spin@5"]{--jz-spin-tempo:0.177}[jz-motion~="wiggle@-5"]{--jz-wiggle-tempo:5.657}[jz-motion~="wiggle@-4"]{--jz-wiggle-tempo:4.0}[jz-motion~="wiggle@-3"]{--jz-wiggle-tempo:2.828}[jz-motion~="wiggle@-2"]{--jz-wiggle-tempo:2.0}[jz-motion~="wiggle@-1"]{--jz-wiggle-tempo:1.414}[jz-motion~="wiggle@1"]{--jz-wiggle-tempo:0.707}[jz-motion~="wiggle@2"]{--jz-wiggle-tempo:0.5}[jz-motion~="wiggle@3"]{--jz-wiggle-tempo:0.354}[jz-motion~="wiggle@4"]{--jz-wiggle-tempo:0.25}[jz-motion~="wiggle@5"]{--jz-wiggle-tempo:0.177}[jz-motion~="heartbeat@-5"]{--jz-heartbeat-tempo:5.657}[jz-motion~="heartbeat@-4"]{--jz-heartbeat-tempo:4.0}[jz-motion~="heartbeat@-3"]{--jz-heartbeat-tempo:2.828}[jz-motion~="heartbeat@-2"]{--jz-heartbeat-tempo:2.0}[jz-motion~="heartbeat@-1"]{--jz-heartbeat-tempo:1.414}[jz-motion~="heartbeat@1"]{--jz-heartbeat-tempo:0.707}[jz-motion~="heartbeat@2"]{--jz-heartbeat-tempo:0.5}[jz-motion~="heartbeat@3"]{--jz-heartbeat-tempo:0.354}[jz-motion~="heartbeat@4"]{--jz-heartbeat-tempo:0.25}[jz-motion~="heartbeat@5"]{--jz-heartbeat-tempo:0.177}[jz-motion~="blink@-5"]{--jz-blink-tempo:5.657}[jz-motion~="blink@-4"]{--jz-blink-tempo:4.0}[jz-motion~="blink@-3"]{--jz-blink-tempo:2.828}[jz-motion~="blink@-2"]{--jz-blink-tempo:2.0}[jz-motion~="blink@-1"]{--jz-blink-tempo:1.414}[jz-motion~="blink@1"]{--jz-blink-tempo:0.707}[jz-motion~="blink@2"]{--jz-blink-tempo:0.5}[jz-motion~="blink@3"]{--jz-blink-tempo:0.354}[jz-motion~="blink@4"]{--jz-blink-tempo:0.25}[jz-motion~="blink@5"]{--jz-blink-tempo:0.177}[jz-motion~="hue@-5"]{--jz-hue-tempo:5.657}[jz-motion~="hue@-4"]{--jz-hue-tempo:4.0}[jz-motion~="hue@-3"]{--jz-hue-tempo:2.828}[jz-motion~="hue@-2"]{--jz-hue-tempo:2.0}[jz-motion~="hue@-1"]{--jz-hue-tempo:1.414}[jz-motion~="hue@1"]{--jz-hue-tempo:0.707}[jz-motion~="hue@2"]{--jz-hue-tempo:0.5}[jz-motion~="hue@3"]{--jz-hue-tempo:0.354}[jz-motion~="hue@4"]{--jz-hue-tempo:0.25}[jz-motion~="hue@5"]{--jz-hue-tempo:0.177}[jz-enter]{--jz-anim-enter:jz-enter-move calc(var(--jz-enter-time,560ms) * var(--jz-enter-tempo)) var(--jz-enter-ease) calc(var(--jz-enter-delay,0ms) + var(--jz-i,0) * var(--jz-stagger,0ms)) 1 both;--jz-anim-enter-fade:jz-enter-fade calc(var(--jz-enter-fade-time,420ms) * var(--jz-enter-tempo)) ease-out calc(var(--jz-enter-delay,0ms) + var(--jz-i,0) * var(--jz-stagger,0ms)) 1 both}[jz-enter~="fly-up-1"]{--jz-enter-y:8px}[jz-enter~="fly-up--1"]{--jz-enter-y:-8px}[jz-enter~="fly-up-2"]{--jz-enter-y:16px}[jz-enter~="fly-up--2"]{--jz-enter-y:-16px}[jz-enter~="fly-up-3"]{--jz-enter-y:32px}[jz-enter~="fly-up--3"]{--jz-enter-y:-32px}[jz-enter~="fly-up-4"]{--jz-enter-y:64px}[jz-enter~="fly-up--4"]{--jz-enter-y:-64px}[jz-enter~="fly-up-5"]{--jz-enter-y:120px}[jz-enter~="fly-up--5"]{--jz-enter-y:-120px}[jz-enter~="fly-down-1"]{--jz-enter-y:-8px}[jz-enter~="fly-down--1"]{--jz-enter-y:8px}[jz-enter~="fly-down-2"]{--jz-enter-y:-16px}[jz-enter~="fly-down--2"]{--jz-enter-y:16px}[jz-enter~="fly-down-3"]{--jz-enter-y:-32px}[jz-enter~="fly-down--3"]{--jz-enter-y:32px}[jz-enter~="fly-down-4"]{--jz-enter-y:-64px}[jz-enter~="fly-down--4"]{--jz-enter-y:64px}[jz-enter~="fly-down-5"]{--jz-enter-y:-120px}[jz-enter~="fly-down--5"]{--jz-enter-y:120px}[jz-enter~="fly-left-1"]{--jz-enter-x:8px}[jz-enter~="fly-left--1"]{--jz-enter-x:-8px}[jz-enter~="fly-left-2"]{--jz-enter-x:16px}[jz-enter~="fly-left--2"]{--jz-enter-x:-16px}[jz-enter~="fly-left-3"]{--jz-enter-x:32px}[jz-enter~="fly-left--3"]{--jz-enter-x:-32px}[jz-enter~="fly-left-4"]{--jz-enter-x:64px}[jz-enter~="fly-left--4"]{--jz-enter-x:-64px}[jz-enter~="fly-left-5"]{--jz-enter-x:120px}[jz-enter~="fly-left--5"]{--jz-enter-x:-120px}[jz-enter~="fly-right-1"]{--jz-enter-x:-8px}[jz-enter~="fly-right--1"]{--jz-enter-x:8px}[jz-enter~="fly-right-2"]{--jz-enter-x:-16px}[jz-enter~="fly-right--2"]{--jz-enter-x:16px}[jz-enter~="fly-right-3"]{--jz-enter-x:-32px}[jz-enter~="fly-right--3"]{--jz-enter-x:32px}[jz-enter~="fly-right-4"]{--jz-enter-x:-64px}[jz-enter~="fly-right--4"]{--jz-enter-x:64px}[jz-enter~="fly-right-5"]{--jz-enter-x:-120px}[jz-enter~="fly-right--5"]{--jz-enter-x:120px}[jz-enter~="drop-1"]{--jz-enter-y:-12px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop--1"]{--jz-enter-y:12px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop-2"]{--jz-enter-y:-24px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop--2"]{--jz-enter-y:24px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop-3"]{--jz-enter-y:-48px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop--3"]{--jz-enter-y:48px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop-4"]{--jz-enter-y:-96px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop--4"]{--jz-enter-y:96px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop-5"]{--jz-enter-y:-180px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="drop--5"]{--jz-enter-y:180px;--jz-enter-ease:cubic-bezier(0.34,1.56,0.64,1)}[jz-enter~="zoom-1"]{--jz-enter-s:0.96}[jz-enter~="zoom--1"]{--jz-enter-s:1.04}[jz-enter~="zoom-2"]{--jz-enter-s:0.9}[jz-enter~="zoom--2"]{--jz-enter-s:1.1}[jz-enter~="zoom-3"]{--jz-enter-s:0.8}[jz-enter~="zoom--3"]{--jz-enter-s:1.2}[jz-enter~="zoom-4"]{--jz-enter-s:0.6}[jz-enter~="zoom--4"]{--jz-enter-s:1.4}[jz-enter~="zoom-5"]{--jz-enter-s:0.3}[jz-enter~="zoom--5"]{--jz-enter-s:1.8}[jz-enter~="blur-1"]{--jz-enter-blur:2px}[jz-enter~="blur--1"]{--jz-enter-blur:2px}[jz-enter~="blur-2"]{--jz-enter-blur:4px}[jz-enter~="blur--2"]{--jz-enter-blur:4px}[jz-enter~="blur-3"]{--jz-enter-blur:8px}[jz-enter~="blur--3"]{--jz-enter-blur:8px}[jz-enter~="blur-4"]{--jz-enter-blur:14px}[jz-enter~="blur--4"]{--jz-enter-blur:14px}[jz-enter~="blur-5"]{--jz-enter-blur:24px}[jz-enter~="blur--5"]{--jz-enter-blur:24px}[jz-enter~="flip-1"]{--jz-enter-r:x 20deg}[jz-enter~="flip--1"]{--jz-enter-r:y 20deg}[jz-enter~="flip-2"]{--jz-enter-r:x 40deg}[jz-enter~="flip--2"]{--jz-enter-r:y 40deg}[jz-enter~="flip-3"]{--jz-enter-r:x 60deg}[jz-enter~="flip--3"]{--jz-enter-r:y 60deg}[jz-enter~="flip-4"]{--jz-enter-r:x 75deg}[jz-enter~="flip--4"]{--jz-enter-r:y 75deg}[jz-enter~="flip-5"]{--jz-enter-r:x 90deg}[jz-enter~="flip--5"]{--jz-enter-r:y 90deg}[jz-enter~="fade@-5"]{--jz-enter-tempo:5.657}[jz-enter~="fade@-4"]{--jz-enter-tempo:4.0}[jz-enter~="fade@-3"]{--jz-enter-tempo:2.828}[jz-enter~="fade@-2"]{--jz-enter-tempo:2.0}[jz-enter~="fade@-1"]{--jz-enter-tempo:1.414}[jz-enter~="fade@1"]{--jz-enter-tempo:0.707}[jz-enter~="fade@2"]{--jz-enter-tempo:0.5}[jz-enter~="fade@3"]{--jz-enter-tempo:0.354}[jz-enter~="fade@4"]{--jz-enter-tempo:0.25}[jz-enter~="fade@5"]{--jz-enter-tempo:0.177}[jz-enter~="fly-up@-5"]{--jz-enter-tempo:5.657}[jz-enter~="fly-up@-4"]{--jz-enter-tempo:4.0}[jz-enter~="fly-up@-3"]{--jz-enter-tempo:2.828}[jz-enter~="fly-up@-2"]{--jz-enter-tempo:2.0}[jz-enter~="fly-up@-1"]{--jz-enter-tempo:1.414}[jz-enter~="fly-up@1"]{--jz-enter-tempo:0.707}[jz-enter~="fly-up@2"]{--jz-enter-tempo:0.5}[jz-enter~="fly-up@3"]{--jz-enter-tempo:0.354}[jz-enter~="fly-up@4"]{--jz-enter-tempo:0.25}[jz-enter~="fly-up@5"]{--jz-enter-tempo:0.177}[jz-enter~="fly-down@-5"]{--jz-enter-tempo:5.657}[jz-enter~="fly-down@-4"]{--jz-enter-tempo:4.0}[jz-enter~="fly-down@-3"]{--jz-enter-tempo:2.828}[jz-enter~="fly-down@-2"]{--jz-enter-tempo:2.0}[jz-enter~="fly-down@-1"]{--jz-enter-tempo:1.414}[jz-enter~="fly-down@1"]{--jz-enter-tempo:0.707}[jz-enter~="fly-down@2"]{--jz-enter-tempo:0.5}[jz-enter~="fly-down@3"]{--jz-enter-tempo:0.354}[jz-enter~="fly-down@4"]{--jz-enter-tempo:0.25}[jz-enter~="fly-down@5"]{--jz-enter-tempo:0.177}[jz-enter~="fly-left@-5"]{--jz-enter-tempo:5.657}[jz-enter~="fly-left@-4"]{--jz-enter-tempo:4.0}[jz-enter~="fly-left@-3"]{--jz-enter-tempo:2.828}[jz-enter~="fly-left@-2"]{--jz-enter-tempo:2.0}[jz-enter~="fly-left@-1"]{--jz-enter-tempo:1.414}[jz-enter~="fly-left@1"]{--jz-enter-tempo:0.707}[jz-enter~="fly-left@2"]{--jz-enter-tempo:0.5}[jz-enter~="fly-left@3"]{--jz-enter-tempo:0.354}[jz-enter~="fly-left@4"]{--jz-enter-tempo:0.25}[jz-enter~="fly-left@5"]{--jz-enter-tempo:0.177}[jz-enter~="fly-right@-5"]{--jz-enter-tempo:5.657}[jz-enter~="fly-right@-4"]{--jz-enter-tempo:4.0}[jz-enter~="fly-right@-3"]{--jz-enter-tempo:2.828}[jz-enter~="fly-right@-2"]{--jz-enter-tempo:2.0}[jz-enter~="fly-right@-1"]{--jz-enter-tempo:1.414}[jz-enter~="fly-right@1"]{--jz-enter-tempo:0.707}[jz-enter~="fly-right@2"]{--jz-enter-tempo:0.5}[jz-enter~="fly-right@3"]{--jz-enter-tempo:0.354}[jz-enter~="fly-right@4"]{--jz-enter-tempo:0.25}[jz-enter~="fly-right@5"]{--jz-enter-tempo:0.177}[jz-enter~="zoom@-5"]{--jz-enter-tempo:5.657}[jz-enter~="zoom@-4"]{--jz-enter-tempo:4.0}[jz-enter~="zoom@-3"]{--jz-enter-tempo:2.828}[jz-enter~="zoom@-2"]{--jz-enter-tempo:2.0}[jz-enter~="zoom@-1"]{--jz-enter-tempo:1.414}[jz-enter~="zoom@1"]{--jz-enter-tempo:0.707}[jz-enter~="zoom@2"]{--jz-enter-tempo:0.5}[jz-enter~="zoom@3"]{--jz-enter-tempo:0.354}[jz-enter~="zoom@4"]{--jz-enter-tempo:0.25}[jz-enter~="zoom@5"]{--jz-enter-tempo:0.177}[jz-enter~="blur@-5"]{--jz-enter-tempo:5.657}[jz-enter~="blur@-4"]{--jz-enter-tempo:4.0}[jz-enter~="blur@-3"]{--jz-enter-tempo:2.828}[jz-enter~="blur@-2"]{--jz-enter-tempo:2.0}[jz-enter~="blur@-1"]{--jz-enter-tempo:1.414}[jz-enter~="blur@1"]{--jz-enter-tempo:0.707}[jz-enter~="blur@2"]{--jz-enter-tempo:0.5}[jz-enter~="blur@3"]{--jz-enter-tempo:0.354}[jz-enter~="blur@4"]{--jz-enter-tempo:0.25}[jz-enter~="blur@5"]{--jz-enter-tempo:0.177}[jz-enter~="drop@-5"]{--jz-enter-tempo:5.657}[jz-enter~="drop@-4"]{--jz-enter-tempo:4.0}[jz-enter~="drop@-3"]{--jz-enter-tempo:2.828}[jz-enter~="drop@-2"]{--jz-enter-tempo:2.0}[jz-enter~="drop@-1"]{--jz-enter-tempo:1.414}[jz-enter~="drop@1"]{--jz-enter-tempo:0.707}[jz-enter~="drop@2"]{--jz-enter-tempo:0.5}[jz-enter~="drop@3"]{--jz-enter-tempo:0.354}[jz-enter~="drop@4"]{--jz-enter-tempo:0.25}[jz-enter~="drop@5"]{--jz-enter-tempo:0.177}[jz-enter~="flip@-5"]{--jz-enter-tempo:5.657}[jz-enter~="flip@-4"]{--jz-enter-tempo:4.0}[jz-enter~="flip@-3"]{--jz-enter-tempo:2.828}[jz-enter~="flip@-2"]{--jz-enter-tempo:2.0}[jz-enter~="flip@-1"]{--jz-enter-tempo:1.414}[jz-enter~="flip@1"]{--jz-enter-tempo:0.707}[jz-enter~="flip@2"]{--jz-enter-tempo:0.5}[jz-enter~="flip@3"]{--jz-enter-tempo:0.354}[jz-enter~="flip@4"]{--jz-enter-tempo:0.25}[jz-enter~="flip@5"]{--jz-enter-tempo:0.177}[jz-enter~="fly-up-off"],[jz-enter~="fly-down-off"],[jz-enter~="fly-left-off"],[jz-enter~="fly-right-off"],[jz-enter~="drop-off"]{--jz-anim-enter-fade:none;--jz-enter-time:800ms;--jz-enter-ease:cubic-bezier(0.22,1,0.36,1)}[jz-enter~="fly-up-off"]{--jz-enter-y:100vh}[jz-enter~="fly-down-off"]{--jz-enter-y:-100vh}[jz-enter~="fly-left-off"]{--jz-enter-x:100vw}[jz-enter~="fly-right-off"]{--jz-enter-x:-100vw}[jz-enter~="drop-off"]{--jz-enter-y:-100vh;--jz-enter-time:900ms;--jz-enter-ease:cubic-bezier(0.34,1.3,0.64,1)}[jz-enter][jz-enter-hold]{visibility:hidden;--jz-enter-x:0px;--jz-enter-y:0px}[jz-stagger]{--jz-stagger:70ms}[jz-stagger]>:nth-child(1){--jz-i:0}[jz-stagger]>:nth-child(2){--jz-i:1}[jz-stagger]>:nth-child(3){--jz-i:2}[jz-stagger]>:nth-child(4){--jz-i:3}[jz-stagger]>:nth-child(5){--jz-i:4}[jz-stagger]>:nth-child(6){--jz-i:5}[jz-stagger]>:nth-child(7){--jz-i:6}[jz-stagger]>:nth-child(8){--jz-i:7}[jz-stagger]>:nth-child(9){--jz-i:8}[jz-stagger]>:nth-child(10){--jz-i:9}[jz-stagger]>:nth-child(11){--jz-i:10}[jz-stagger]>:nth-child(12){--jz-i:11}[jz-stagger]>:nth-child(13){--jz-i:12}[jz-stagger]>:nth-child(14){--jz-i:13}[jz-stagger]>:nth-child(15){--jz-i:14}[jz-stagger]>:nth-child(16){--jz-i:15}[jz-stagger]>:nth-child(17){--jz-i:16}[jz-stagger]>:nth-child(18){--jz-i:17}[jz-stagger]>:nth-child(19){--jz-i:18}[jz-stagger]>:nth-child(20){--jz-i:19}[jz-stagger]>:nth-child(21){--jz-i:20}[jz-stagger]>:nth-child(22){--jz-i:21}[jz-stagger]>:nth-child(23){--jz-i:22}[jz-stagger]>:nth-child(24){--jz-i:23}[jz-stagger]>:nth-child(25){--jz-i:24}[jz-stagger]>:nth-child(26){--jz-i:25}[jz-stagger]>:nth-child(27){--jz-i:26}[jz-stagger]>:nth-child(28){--jz-i:27}[jz-stagger]>:nth-child(29){--jz-i:28}[jz-stagger]>:nth-child(30){--jz-i:29}[jz-stagger]>:nth-child(31){--jz-i:30}[jz-stagger]>:nth-child(32){--jz-i:31}[jz-stagger]>:nth-child(33){--jz-i:32}[jz-stagger]>:nth-child(34){--jz-i:33}[jz-stagger]>:nth-child(35){--jz-i:34}[jz-stagger]>:nth-child(36){--jz-i:35}[jz-stagger]>:nth-child(37){--jz-i:36}[jz-stagger]>:nth-child(38){--jz-i:37}[jz-stagger]>:nth-child(39){--jz-i:38}[jz-stagger]>:nth-child(40){--jz-i:39}[jz-attention~="shake"][jz-attention-run="a"]{--jz-anim-attention:jz-att-shake-a calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="shake"][jz-attention-run="b"]{--jz-anim-attention:jz-att-shake-b calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="bounce"][jz-attention-run="a"]{--jz-anim-attention:jz-att-bounce-a calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="bounce"][jz-attention-run="b"]{--jz-anim-attention:jz-att-bounce-b calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="pop"][jz-attention-run="a"]{--jz-anim-attention:jz-att-pop-a calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="pop"][jz-attention-run="b"]{--jz-anim-attention:jz-att-pop-b calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="wiggle"][jz-attention-run="a"]{--jz-anim-attention:jz-att-wiggle-a calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="wiggle"][jz-attention-run="b"]{--jz-anim-attention:jz-att-wiggle-b calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="flash"][jz-attention-run="a"]{--jz-anim-attention:jz-att-flash-a calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="flash"][jz-attention-run="b"]{--jz-anim-attention:jz-att-flash-b calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="tada"][jz-attention-run="a"]{--jz-anim-attention:jz-att-tada-a calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="tada"][jz-attention-run="b"]{--jz-anim-attention:jz-att-tada-b calc(640ms * var(--jz-attention-tempo)) ease-in-out var(--jz-attention-delay,0ms) 1 both}[jz-attention~="shake-1"]{--jz-att-d:2px}[jz-attention~="shake--1"]{--jz-att-d:2px}[jz-attention~="shake-2"]{--jz-att-d:4px}[jz-attention~="shake--2"]{--jz-att-d:4px}[jz-attention~="shake-3"]{--jz-att-d:8px}[jz-attention~="shake--3"]{--jz-att-d:8px}[jz-attention~="shake-4"]{--jz-att-d:12px}[jz-attention~="shake--4"]{--jz-att-d:12px}[jz-attention~="shake-5"]{--jz-att-d:18px}[jz-attention~="shake--5"]{--jz-att-d:18px}[jz-attention~="shake@-5"]{--jz-attention-tempo:5.657}[jz-attention~="shake@-4"]{--jz-attention-tempo:4.0}[jz-attention~="shake@-3"]{--jz-attention-tempo:2.828}[jz-attention~="shake@-2"]{--jz-attention-tempo:2.0}[jz-attention~="shake@-1"]{--jz-attention-tempo:1.414}[jz-attention~="shake@1"]{--jz-attention-tempo:0.707}[jz-attention~="shake@2"]{--jz-attention-tempo:0.5}[jz-attention~="shake@3"]{--jz-attention-tempo:0.354}[jz-attention~="shake@4"]{--jz-attention-tempo:0.25}[jz-attention~="shake@5"]{--jz-attention-tempo:0.177}[jz-attention~="bounce-1"]{--jz-att-d:4px}[jz-attention~="bounce--1"]{--jz-att-d:4px}[jz-attention~="bounce-2"]{--jz-att-d:8px}[jz-attention~="bounce--2"]{--jz-att-d:8px}[jz-attention~="bounce-3"]{--jz-att-d:14px}[jz-attention~="bounce--3"]{--jz-att-d:14px}[jz-attention~="bounce-4"]{--jz-att-d:22px}[jz-attention~="bounce--4"]{--jz-att-d:22px}[jz-attention~="bounce-5"]{--jz-att-d:32px}[jz-attention~="bounce--5"]{--jz-att-d:32px}[jz-attention~="bounce@-5"]{--jz-attention-tempo:5.657}[jz-attention~="bounce@-4"]{--jz-attention-tempo:4.0}[jz-attention~="bounce@-3"]{--jz-attention-tempo:2.828}[jz-attention~="bounce@-2"]{--jz-attention-tempo:2.0}[jz-attention~="bounce@-1"]{--jz-attention-tempo:1.414}[jz-attention~="bounce@1"]{--jz-attention-tempo:0.707}[jz-attention~="bounce@2"]{--jz-attention-tempo:0.5}[jz-attention~="bounce@3"]{--jz-attention-tempo:0.354}[jz-attention~="bounce@4"]{--jz-attention-tempo:0.25}[jz-attention~="bounce@5"]{--jz-attention-tempo:0.177}[jz-attention~="pop-1"]{--jz-att-s:1.04}[jz-attention~="pop--1"]{--jz-att-s:1.04}[jz-attention~="pop-2"]{--jz-att-s:1.08}[jz-attention~="pop--2"]{--jz-att-s:1.08}[jz-attention~="pop-3"]{--jz-att-s:1.14}[jz-attention~="pop--3"]{--jz-att-s:1.14}[jz-attention~="pop-4"]{--jz-att-s:1.22}[jz-attention~="pop--4"]{--jz-att-s:1.22}[jz-attention~="pop-5"]{--jz-att-s:1.35}[jz-attention~="pop--5"]{--jz-att-s:1.35}[jz-attention~="pop@-5"]{--jz-attention-tempo:5.657}[jz-attention~="pop@-4"]{--jz-attention-tempo:4.0}[jz-attention~="pop@-3"]{--jz-attention-tempo:2.828}[jz-attention~="pop@-2"]{--jz-attention-tempo:2.0}[jz-attention~="pop@-1"]{--jz-attention-tempo:1.414}[jz-attention~="pop@1"]{--jz-attention-tempo:0.707}[jz-attention~="pop@2"]{--jz-attention-tempo:0.5}[jz-attention~="pop@3"]{--jz-attention-tempo:0.354}[jz-attention~="pop@4"]{--jz-attention-tempo:0.25}[jz-attention~="pop@5"]{--jz-attention-tempo:0.177}[jz-attention~="wiggle-1"]{--jz-att-a:2deg}[jz-attention~="wiggle--1"]{--jz-att-a:2deg}[jz-attention~="wiggle-2"]{--jz-att-a:4deg}[jz-attention~="wiggle--2"]{--jz-att-a:4deg}[jz-attention~="wiggle-3"]{--jz-att-a:7deg}[jz-attention~="wiggle--3"]{--jz-att-a:7deg}[jz-attention~="wiggle-4"]{--jz-att-a:11deg}[jz-attention~="wiggle--4"]{--jz-att-a:11deg}[jz-attention~="wiggle-5"]{--jz-att-a:16deg}[jz-attention~="wiggle--5"]{--jz-att-a:16deg}[jz-attention~="wiggle@-5"]{--jz-attention-tempo:5.657}[jz-attention~="wiggle@-4"]{--jz-attention-tempo:4.0}[jz-attention~="wiggle@-3"]{--jz-attention-tempo:2.828}[jz-attention~="wiggle@-2"]{--jz-attention-tempo:2.0}[jz-attention~="wiggle@-1"]{--jz-attention-tempo:1.414}[jz-attention~="wiggle@1"]{--jz-attention-tempo:0.707}[jz-attention~="wiggle@2"]{--jz-attention-tempo:0.5}[jz-attention~="wiggle@3"]{--jz-attention-tempo:0.354}[jz-attention~="wiggle@4"]{--jz-attention-tempo:0.25}[jz-attention~="wiggle@5"]{--jz-attention-tempo:0.177}[jz-attention~="flash-1"]{--jz-att-b:1.15}[jz-attention~="flash--1"]{--jz-att-b:1.15}[jz-attention~="flash-2"]{--jz-att-b:1.3}[jz-attention~="flash--2"]{--jz-att-b:1.3}[jz-attention~="flash-3"]{--jz-att-b:1.5}[jz-attention~="flash--3"]{--jz-att-b:1.5}[jz-attention~="flash-4"]{--jz-att-b:1.8}[jz-attention~="flash--4"]{--jz-att-b:1.8}[jz-attention~="flash-5"]{--jz-att-b:2.2}[jz-attention~="flash--5"]{--jz-att-b:2.2}[jz-attention~="flash@-5"]{--jz-attention-tempo:5.657}[jz-attention~="flash@-4"]{--jz-attention-tempo:4.0}[jz-attention~="flash@-3"]{--jz-attention-tempo:2.828}[jz-attention~="flash@-2"]{--jz-attention-tempo:2.0}[jz-attention~="flash@-1"]{--jz-attention-tempo:1.414}[jz-attention~="flash@1"]{--jz-attention-tempo:0.707}[jz-attention~="flash@2"]{--jz-attention-tempo:0.5}[jz-attention~="flash@3"]{--jz-attention-tempo:0.354}[jz-attention~="flash@4"]{--jz-attention-tempo:0.25}[jz-attention~="flash@5"]{--jz-attention-tempo:0.177}[jz-attention~="tada-1"]{--jz-att-s:1.03;--jz-att-a:1deg}[jz-attention~="tada--1"]{--jz-att-s:1.03;--jz-att-a:1deg}[jz-attention~="tada-2"]{--jz-att-s:1.06;--jz-att-a:2deg}[jz-attention~="tada--2"]{--jz-att-s:1.06;--jz-att-a:2deg}[jz-attention~="tada-3"]{--jz-att-s:1.1;--jz-att-a:3deg}[jz-attention~="tada--3"]{--jz-att-s:1.1;--jz-att-a:3deg}[jz-attention~="tada-4"]{--jz-att-s:1.15;--jz-att-a:5deg}[jz-attention~="tada--4"]{--jz-att-s:1.15;--jz-att-a:5deg}[jz-attention~="tada-5"]{--jz-att-s:1.2;--jz-att-a:8deg}[jz-attention~="tada--5"]{--jz-att-s:1.2;--jz-att-a:8deg}[jz-attention~="tada@-5"]{--jz-attention-tempo:5.657}[jz-attention~="tada@-4"]{--jz-attention-tempo:4.0}[jz-attention~="tada@-3"]{--jz-attention-tempo:2.828}[jz-attention~="tada@-2"]{--jz-attention-tempo:2.0}[jz-attention~="tada@-1"]{--jz-attention-tempo:1.414}[jz-attention~="tada@1"]{--jz-attention-tempo:0.707}[jz-attention~="tada@2"]{--jz-attention-tempo:0.5}[jz-attention~="tada@3"]{--jz-attention-tempo:0.354}[jz-attention~="tada@4"]{--jz-attention-tempo:0.25}[jz-attention~="tada@5"]{--jz-attention-tempo:0.177}@media (prefers-reduced-motion:reduce){[jz-motion],[jz-enter],[jz-attention-run]{animation:var(--jz-anim-enter-fade);animation-composition:replace}}@keyframes jz-exit-move{to{translate:var(--jz-exit-x) var(--jz-exit-y);scale:var(--jz-exit-s);rotate:var(--jz-exit-r);filter:blur(var(--jz-exit-blur))}}@keyframes jz-exit-fade{to{opacity:0}}[jz-exit-run]{--jz-exit-x:0px;--jz-exit-y:0px;--jz-exit-s:1;--jz-exit-r:0deg;--jz-exit-blur:0px;--jz-exit-ease:cubic-bezier(0.5,0,0.75,0);--jz-exit-tempo:1;animation:jz-exit-move calc(var(--jz-exit-time,460ms) * var(--jz-exit-tempo)) var(--jz-exit-ease) var(--jz-exit-delay,0ms) 1 both,jz-exit-fade calc(var(--jz-exit-fade-time,420ms) * var(--jz-exit-tempo)) ease-in var(--jz-exit-delay,0ms) 1 both;animation-composition:add,replace}[jz-exit-run][jz-exit~="fly-up-1"]{--jz-exit-y:-8px}[jz-exit-run][jz-exit~="fly-up--1"]{--jz-exit-y:8px}[jz-exit-run][jz-exit~="fly-up-2"]{--jz-exit-y:-16px}[jz-exit-run][jz-exit~="fly-up--2"]{--jz-exit-y:16px}[jz-exit-run][jz-exit~="fly-up-3"]{--jz-exit-y:-32px}[jz-exit-run][jz-exit~="fly-up--3"]{--jz-exit-y:32px}[jz-exit-run][jz-exit~="fly-up-4"]{--jz-exit-y:-64px}[jz-exit-run][jz-exit~="fly-up--4"]{--jz-exit-y:64px}[jz-exit-run][jz-exit~="fly-up-5"]{--jz-exit-y:-120px}[jz-exit-run][jz-exit~="fly-up--5"]{--jz-exit-y:120px}[jz-exit-run][jz-exit~="fly-down-1"]{--jz-exit-y:8px}[jz-exit-run][jz-exit~="fly-down--1"]{--jz-exit-y:-8px}[jz-exit-run][jz-exit~="fly-down-2"]{--jz-exit-y:16px}[jz-exit-run][jz-exit~="fly-down--2"]{--jz-exit-y:-16px}[jz-exit-run][jz-exit~="fly-down-3"]{--jz-exit-y:32px}[jz-exit-run][jz-exit~="fly-down--3"]{--jz-exit-y:-32px}[jz-exit-run][jz-exit~="fly-down-4"]{--jz-exit-y:64px}[jz-exit-run][jz-exit~="fly-down--4"]{--jz-exit-y:-64px}[jz-exit-run][jz-exit~="fly-down-5"]{--jz-exit-y:120px}[jz-exit-run][jz-exit~="fly-down--5"]{--jz-exit-y:-120px}[jz-exit-run][jz-exit~="fly-left-1"]{--jz-exit-x:-8px}[jz-exit-run][jz-exit~="fly-left--1"]{--jz-exit-x:8px}[jz-exit-run][jz-exit~="fly-left-2"]{--jz-exit-x:-16px}[jz-exit-run][jz-exit~="fly-left--2"]{--jz-exit-x:16px}[jz-exit-run][jz-exit~="fly-left-3"]{--jz-exit-x:-32px}[jz-exit-run][jz-exit~="fly-left--3"]{--jz-exit-x:32px}[jz-exit-run][jz-exit~="fly-left-4"]{--jz-exit-x:-64px}[jz-exit-run][jz-exit~="fly-left--4"]{--jz-exit-x:64px}[jz-exit-run][jz-exit~="fly-left-5"]{--jz-exit-x:-120px}[jz-exit-run][jz-exit~="fly-left--5"]{--jz-exit-x:120px}[jz-exit-run][jz-exit~="fly-right-1"]{--jz-exit-x:8px}[jz-exit-run][jz-exit~="fly-right--1"]{--jz-exit-x:-8px}[jz-exit-run][jz-exit~="fly-right-2"]{--jz-exit-x:16px}[jz-exit-run][jz-exit~="fly-right--2"]{--jz-exit-x:-16px}[jz-exit-run][jz-exit~="fly-right-3"]{--jz-exit-x:32px}[jz-exit-run][jz-exit~="fly-right--3"]{--jz-exit-x:-32px}[jz-exit-run][jz-exit~="fly-right-4"]{--jz-exit-x:64px}[jz-exit-run][jz-exit~="fly-right--4"]{--jz-exit-x:-64px}[jz-exit-run][jz-exit~="fly-right-5"]{--jz-exit-x:120px}[jz-exit-run][jz-exit~="fly-right--5"]{--jz-exit-x:-120px}[jz-exit-run][jz-exit~="drop-1"]{--jz-exit-y:12px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop--1"]{--jz-exit-y:-12px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop-2"]{--jz-exit-y:24px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop--2"]{--jz-exit-y:-24px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop-3"]{--jz-exit-y:48px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop--3"]{--jz-exit-y:-48px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop-4"]{--jz-exit-y:96px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop--4"]{--jz-exit-y:-96px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop-5"]{--jz-exit-y:180px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="drop--5"]{--jz-exit-y:-180px;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}[jz-exit-run][jz-exit~="zoom-1"]{--jz-exit-s:0.96}[jz-exit-run][jz-exit~="zoom--1"]{--jz-exit-s:1.04}[jz-exit-run][jz-exit~="zoom-2"]{--jz-exit-s:0.9}[jz-exit-run][jz-exit~="zoom--2"]{--jz-exit-s:1.1}[jz-exit-run][jz-exit~="zoom-3"]{--jz-exit-s:0.8}[jz-exit-run][jz-exit~="zoom--3"]{--jz-exit-s:1.2}[jz-exit-run][jz-exit~="zoom-4"]{--jz-exit-s:0.6}[jz-exit-run][jz-exit~="zoom--4"]{--jz-exit-s:1.4}[jz-exit-run][jz-exit~="zoom-5"]{--jz-exit-s:0.3}[jz-exit-run][jz-exit~="zoom--5"]{--jz-exit-s:1.8}[jz-exit-run][jz-exit~="blur-1"]{--jz-exit-blur:2px}[jz-exit-run][jz-exit~="blur--1"]{--jz-exit-blur:2px}[jz-exit-run][jz-exit~="blur-2"]{--jz-exit-blur:4px}[jz-exit-run][jz-exit~="blur--2"]{--jz-exit-blur:4px}[jz-exit-run][jz-exit~="blur-3"]{--jz-exit-blur:8px}[jz-exit-run][jz-exit~="blur--3"]{--jz-exit-blur:8px}[jz-exit-run][jz-exit~="blur-4"]{--jz-exit-blur:14px}[jz-exit-run][jz-exit~="blur--4"]{--jz-exit-blur:14px}[jz-exit-run][jz-exit~="blur-5"]{--jz-exit-blur:24px}[jz-exit-run][jz-exit~="blur--5"]{--jz-exit-blur:24px}[jz-exit-run][jz-exit~="flip-1"]{--jz-exit-r:x 20deg}[jz-exit-run][jz-exit~="flip--1"]{--jz-exit-r:y 20deg}[jz-exit-run][jz-exit~="flip-2"]{--jz-exit-r:x 40deg}[jz-exit-run][jz-exit~="flip--2"]{--jz-exit-r:y 40deg}[jz-exit-run][jz-exit~="flip-3"]{--jz-exit-r:x 60deg}[jz-exit-run][jz-exit~="flip--3"]{--jz-exit-r:y 60deg}[jz-exit-run][jz-exit~="flip-4"]{--jz-exit-r:x 75deg}[jz-exit-run][jz-exit~="flip--4"]{--jz-exit-r:y 75deg}[jz-exit-run][jz-exit~="flip-5"]{--jz-exit-r:x 90deg}[jz-exit-run][jz-exit~="flip--5"]{--jz-exit-r:y 90deg}[jz-exit-run][jz-exit~="fade@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="fade@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="fade@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="fade@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="fade@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="fade@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="fade@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="fade@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="fade@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="fade@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="fly-up@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="fly-up@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="fly-up@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="fly-up@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="fly-up@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="fly-up@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="fly-up@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="fly-up@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="fly-up@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="fly-up@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="fly-down@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="fly-down@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="fly-down@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="fly-down@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="fly-down@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="fly-down@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="fly-down@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="fly-down@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="fly-down@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="fly-down@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="fly-left@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="fly-left@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="fly-left@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="fly-left@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="fly-left@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="fly-left@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="fly-left@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="fly-left@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="fly-left@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="fly-left@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="fly-right@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="fly-right@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="fly-right@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="fly-right@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="fly-right@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="fly-right@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="fly-right@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="fly-right@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="fly-right@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="fly-right@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="zoom@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="zoom@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="zoom@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="zoom@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="zoom@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="zoom@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="zoom@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="zoom@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="zoom@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="zoom@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="blur@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="blur@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="blur@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="blur@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="blur@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="blur@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="blur@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="blur@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="blur@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="blur@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="drop@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="drop@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="drop@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="drop@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="drop@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="drop@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="drop@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="drop@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="drop@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="drop@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="flip@-5"]{--jz-exit-tempo:5.657}[jz-exit-run][jz-exit~="flip@-4"]{--jz-exit-tempo:4.0}[jz-exit-run][jz-exit~="flip@-3"]{--jz-exit-tempo:2.828}[jz-exit-run][jz-exit~="flip@-2"]{--jz-exit-tempo:2.0}[jz-exit-run][jz-exit~="flip@-1"]{--jz-exit-tempo:1.414}[jz-exit-run][jz-exit~="flip@1"]{--jz-exit-tempo:0.707}[jz-exit-run][jz-exit~="flip@2"]{--jz-exit-tempo:0.5}[jz-exit-run][jz-exit~="flip@3"]{--jz-exit-tempo:0.354}[jz-exit-run][jz-exit~="flip@4"]{--jz-exit-tempo:0.25}[jz-exit-run][jz-exit~="flip@5"]{--jz-exit-tempo:0.177}[jz-exit-run][jz-exit~="fly-up-off"],[jz-exit-run][jz-exit~="fly-down-off"],[jz-exit-run][jz-exit~="fly-left-off"],[jz-exit-run][jz-exit~="fly-right-off"],[jz-exit-run][jz-exit~="drop-off"]{--jz-exit-time:650ms;--jz-exit-ease:cubic-bezier(0.4,0,1,1);animation:jz-exit-move calc(var(--jz-exit-time) * var(--jz-exit-tempo)) var(--jz-exit-ease) var(--jz-exit-delay,0ms) 1 both;animation-composition:add}[jz-exit-run][jz-exit~="fly-up-off"]{--jz-exit-y:-100vh}[jz-exit-run][jz-exit~="fly-down-off"]{--jz-exit-y:100vh}[jz-exit-run][jz-exit~="fly-left-off"]{--jz-exit-x:-100vw}[jz-exit-run][jz-exit~="fly-right-off"]{--jz-exit-x:100vw}[jz-exit-run][jz-exit~="drop-off"]{--jz-exit-y:100vh;--jz-exit-time:750ms;--jz-exit-ease:cubic-bezier(0.55,0,1,0.45)}@media (prefers-reduced-motion:reduce){[jz-exit-run]{animation:jz-exit-fade 160ms linear both;animation-composition:replace}}
[ripple]{position:relative;overflow:hidden;--ripple-color:rgba(255,255,255,0.7);cursor:pointer}[ripple="dark"]{--ripple-color:rgba(0,0,0,0.3)}[ripple="light"]{--ripple-color:rgba(255,255,255,0.7)}[ripple]::after{content:'';position:absolute;border-radius:50%;top:var(--ripple-top,-1000000px);left:var(--ripple-left,-1000000px);width:100%;height:0px;padding-top:100%;transform:scale(0);animation:ripple var(--ripple-animation,0ms ease-in);pointer-events:none;background-color:var(--ripple-color);outline:0}@keyframes ripple{to{transform:scale(2.5);opacity:0}}
jz-ui-card{--jz-card-n:0}jz-ui-card jz-ui-card{--jz-card-n:1}jz-ui-card jz-ui-card jz-ui-card{--jz-card-n:2}jz-ui-card jz-ui-card jz-ui-card jz-ui-card{--jz-card-n:3}jz-ui-card[jz-fill="solid"]:not([jz-color]):not([jz-outline]){background-color:var(--jz-surface)}jz-ui-card[jz-fill="overlay"]:not([jz-color]):not([jz-outline]),jz-ui-card[jz-fill="overlay"] jz-ui-card:not([jz-fill]):not([jz-color]):not([jz-outline]){background-color:color-mix(in srgb,var(--jz-tone,var(--jz-ambient-on)) var(--jz-tone-step,5%),transparent)}
.jz-fb-places{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0}.jz-fb-place,.jz-fb-row{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);width:100%;padding:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 2);border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:var(--jz-fs-ui,0.875rem);text-align:left;cursor:pointer;&>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&:hover{background-color:var(--jz-hover-bg)}&.active,&.selected{background-color:var(--pb);color:var(--pb-on)}&.muted:not(.selected){color:var(--jz-muted)}&.cut{opacity:0.55}&.current:not(.selected){outline:1px dashed var(--jz-border);outline-offset:-1px}&.editing{cursor:default;background-color:color-mix(in srgb,var(--jz-select-color,var(--pb)) var(--jz-select-fill-alpha,16%),transparent);box-shadow:inset 0 0 0 var(--jz-select-width,1.5px) var(--jz-select-color,var(--pb))}}.jz-fb-folder{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:calc(var(--jz-space) * 2)}.jz-fb-bar{display:flex;align-items:center;gap:calc(var(--jz-space) * 2)}.jz-fb-up{display:inline-flex;padding:calc(var(--jz-space) * 1);border:1px solid var(--jz-border);border-radius:6px;background:transparent;color:inherit;cursor:pointer;&:disabled{opacity:0.4;cursor:default}}.jz-fb-path{flex:1 1 auto;font-size:var(--jz-fs-ui-sm,0.8rem)}.jz-fb-filter{flex:0 1 9rem;min-width:5rem;padding:calc(var(--jz-space) * 1) calc(var(--jz-space) * 2);border:1px solid var(--jz-border);border-radius:6px;background-color:var(--jz-surface);color:inherit;font:inherit;font-size:var(--jz-fs-ui-sm,0.8rem);&:focus{outline:none;border-color:var(--pb)}}.jz-fb-list{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding:calc(var(--jz-space) * 1);border:1px solid var(--jz-border);border-radius:6px;&:focus{outline:none}}.jz-fb-dd{display:block;border-radius:6px}.jz-fb-items{flex:1 0 auto;min-height:100%;display:flex;flex-direction:column;gap:1px;border-radius:6px}.jz-fb-items .jz-fb-row{cursor:default}.jz-fb-handle{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 2);flex:0 1 auto;min-width:0;cursor:grab;&>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.jz-fb-empty{padding:calc(var(--jz-space) * 4);text-align:center;color:var(--jz-muted);font-size:var(--jz-fs-ui,0.875rem)}.jz-fb-more{padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);color:var(--jz-muted);font-size:var(--jz-fs-ui-sm,0.8rem)}.jz-fb-folder[jz-view="icons"]{& .jz-fb-list{flex-direction:row}& .jz-fb-items{flex:1 1 auto;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:calc(var(--jz-space) * 1.5);padding:calc(var(--jz-space) * 1)}& .jz-fb-dd{flex:none}& .jz-fb-row{flex-direction:column;justify-content:flex-start;width:96px;min-height:88px;padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 1);gap:calc(var(--jz-space) * 1);text-align:center}& .jz-fb-row>jz-ui-icon,& .jz-fb-handle>jz-ui-icon{font-size:36px}& .jz-fb-handle{flex-direction:column;gap:calc(var(--jz-space) * 1);max-width:100%}& .jz-fb-row span,& .jz-fb-handle>span{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}}
jz-ui-files-filedialog{display:contents}.jz-fd{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 3);font-size:var(--jz-fs-ui,0.875rem);& .jz-fd-body{display:flex;gap:calc(var(--jz-space) * 3);height:min(22rem,55vh);min-height:0}& .jz-fd-places{flex:0 0 11rem;padding-right:calc(var(--jz-space) * 2);border-right:1px solid var(--jz-border)}& .jz-fd-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}& .jz-fd-device{display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--jz-space) * 3);padding:calc(var(--jz-space) * 2)}& .jz-fd-device>p{margin:0;max-width:42ch;color:var(--jz-muted)}& .jz-fd-primary{padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 4);border:0;border-radius:6px;background-color:var(--pb);color:var(--pb-on);font:inherit;cursor:pointer}& .jz-fd-primary:hover{filter:brightness(1.08)}& .jz-fd-name{min-width:14rem}& .jz-fd-type{min-width:12rem;flex:0 1 16rem}& .jz-fd-footer{display:flex;align-items:flex-end;gap:calc(var(--jz-space) * 2)}& .jz-fd-grow{flex:1 1 auto}& .jz-fd-error{color:var(--error);font-size:var(--jz-fs-ui-sm,0.8rem)}}.jz-fd-target{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 2);min-width:0;color:var(--jz-muted);&>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--jz-ambient-on);font-weight:500}}
jz-ui-autocomplete{display:flex;flex-direction:column-reverse;position:relative;& input{font-size:var(--jz-fs-base);font-family:var(--jz-font-family);box-sizing:border-box;block-size:var(--jz-control-height);padding:0 calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density));border:1px solid var(--jz-border);border-radius:6px;background:var(--jz-surface);color:var(--jz-ambient-on);outline:none;transition:border-color 150ms;&:focus{border-color:var(--pb);border-width:2px;padding:0 calc(calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density)) - 1px)}&::placeholder{color:var(--jz-text-faint)}}& label{font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted);margin-bottom:calc(var(--jz-space) * 1);transition:color 150ms}& input:focus+label{color:var(--pb)}&[jz-status="warning"] input{border-color:var(--warning)}&[jz-status="error"] input{border-color:var(--error)}&[jz-size="extra-small"]{& input{block-size:var(--jz-control-height-xs);font-size:var(--jz-fs-ui-xs)}& label{font-size:var(--jz-fs-ui-sm)}}&[jz-size="small"]{& input{block-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}& label{font-size:var(--jz-fs-ui-sm)}}&[jz-size="large"]{& input{block-size:var(--jz-control-height-lg);font-size:var(--jz-fs-ui-lg)}& label{font-size:var(--jz-fs-ui)}}&[jz-size="extra"],&[jz-size="extra-large"]{& input{block-size:var(--jz-control-height-xl);font-size:var(--jz-fs-ui-xl)}& label{font-size:var(--jz-fs-ui-lg)}}&[disabled]{opacity:0.5;pointer-events:none}}jz-ui-autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;z-index:10;display:flex;flex-direction:column;margin-top:calc(var(--jz-space) * 1);padding:calc(var(--jz-space) * 2) 0;background-color:var(--jz-surface);color:var(--jz-ambient-on);border:1px solid var(--jz-border);border-radius:8px;box-shadow:var(--md-sys-elevation-level3);animation:jz-autocomplete-open 150ms ease-out;transform-origin:top;max-height:240px;overflow-y:auto}jz-ui-autocomplete-item{padding:calc(var(--jz-space) * 2.5) calc(var(--jz-space) * 4);cursor:pointer;white-space:nowrap;font-size:var(--jz-fs-base);transition:background-color 100ms;&:hover{background-color:var(--jz-border)}&.highlighted{background-color:var(--jz-border)}}@keyframes jz-autocomplete-open{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:scaleY(1)}}
jz-ui-button{display:inline-flex;align-items:center;justify-content:center;block-size:var(--jz-control-height);min-inline-size:var(--jz-control-height);font-size:var(--jz-fs-ui);font-weight:500;padding:0 calc(var(--jz-pad-x-button) * 1em / var(--jz-control-density));margin:0;border:none;cursor:pointer;user-select:none;white-space:nowrap;gap:calc(var(--jz-space) * 2);line-height:normal;transition:box-shadow 150ms,border-radius 150ms,background-color 120ms;--jz-state-hover:rgba(255,255,255,0.10);--jz-state-press:rgba(0,0,0,0.10);&[ripple="dark"]{--jz-state-hover:rgba(0,0,0,0.08);--jz-state-press:rgba(0,0,0,0.16)}&[jz-link]{padding:0;&>a{display:flex;align-items:center;justify-content:center;gap:inherit;inline-size:100%;block-size:100%;padding:0 calc(var(--jz-pad-x-button) * 1em / var(--jz-control-density));font:inherit;color:inherit;text-decoration:none;border-radius:inherit;white-space:nowrap}}background-color:var(--pb);color:var(--pb-on);&:not([jz-radius]){border-radius:0.25rem}&[jz-size="extra-small"]{block-size:var(--jz-control-height-xs);min-inline-size:var(--jz-control-height-xs);font-size:var(--jz-fs-ui-xs)}&[jz-size="small"]{block-size:var(--jz-control-height-sm);min-inline-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}&[jz-size="large"]{block-size:var(--jz-control-height-lg);min-inline-size:var(--jz-control-height-lg);font-size:var(--jz-fs-ui-lg)}&[jz-size="extra"],&[jz-size="extra-large"]{block-size:var(--jz-control-height-xl);min-inline-size:var(--jz-control-height-xl);font-size:var(--jz-fs-ui-xl)}&[jz-variant="square"]:not([jz-radius]){border-radius:var(--md-sys-shape-corner-small)}&[jz-variant="circle"]{border-radius:50%;padding:0;inline-size:var(--jz-control-height)}&[jz-variant="circle"][jz-size="extra-small"]{inline-size:var(--jz-control-height-xs)}&[jz-variant="circle"][jz-size="small"]{inline-size:var(--jz-control-height-sm)}&[jz-variant="circle"][jz-size="large"]{inline-size:var(--jz-control-height-lg)}&[jz-variant="circle"][jz-size="extra"],&[jz-variant="circle"][jz-size="extra-large"]{inline-size:var(--jz-control-height-xl)}&[jz-responsive]{inline-size:100%}&[jz-outline]{background-color:transparent;border:1px solid var(--pb);color:var(--pb);box-shadow:none}&[jz-outline][jz-color="secondary"]{border-color:var(--sb);color:var(--sb)}&[jz-outline][jz-color="success"]{border-color:var(--success);color:var(--success)}&[jz-outline][jz-color="warning"]{border-color:var(--warning);color:var(--warning)}&[jz-outline][jz-color="error"]{border-color:var(--error);color:var(--error)}&[jz-outline][jz-color="info"]{border-color:var(--info);color:var(--info)}&[jz-default]{--jz-default-ring:var(--pb);box-shadow:0 0 0 2px var(--jz-ambient),0 0 0 4px var(--jz-default-ring)}&[jz-default][jz-color="primary-light"]{--jz-default-ring:var(--pl)}&[jz-default][jz-color="primary-dark"]{--jz-default-ring:var(--pd)}&[jz-default][jz-color="secondary"]{--jz-default-ring:var(--sb)}&[jz-default][jz-color="secondary-light"]{--jz-default-ring:var(--sl)}&[jz-default][jz-color="secondary-dark"]{--jz-default-ring:var(--sd)}&[jz-default][jz-color="tertiary"]{--jz-default-ring:var(--tb)}&[jz-default][jz-color="tertiary-light"]{--jz-default-ring:var(--tl)}&[jz-default][jz-color="tertiary-dark"]{--jz-default-ring:var(--td)}&[jz-default][jz-color="success"]{--jz-default-ring:var(--success)}&[jz-default][jz-color="success-light"]{--jz-default-ring:var(--success-l)}&[jz-default][jz-color="success-dark"]{--jz-default-ring:var(--success-d)}&[jz-default][jz-color="info"]{--jz-default-ring:var(--info)}&[jz-default][jz-color="info-light"]{--jz-default-ring:var(--info-l)}&[jz-default][jz-color="info-dark"]{--jz-default-ring:var(--info-d)}&[jz-default][jz-color="warning"]{--jz-default-ring:var(--warning)}&[jz-default][jz-color="warning-light"]{--jz-default-ring:var(--warning-l)}&[jz-default][jz-color="warning-dark"]{--jz-default-ring:var(--warning-d)}&[jz-default][jz-color="error"]{--jz-default-ring:var(--error)}&[jz-default][jz-color="error-light"]{--jz-default-ring:var(--error-l)}&[jz-default][jz-color="error-dark"]{--jz-default-ring:var(--error-d)}&[jz-default][jz-outline]{--jz-default-ring:currentColor}&:hover,&:active{background-image:linear-gradient(var(--jz-state-hover),var(--jz-state-hover)),var(--jz-bg-image,none);background-size:100% 100%,var(--jz-bg-size,auto);background-position:0 0,var(--jz-bg-position,0 0);background-repeat:no-repeat,var(--jz-bg-repeat,no-repeat)}&:active{background-image:linear-gradient(var(--jz-state-press),var(--jz-state-press)),var(--jz-bg-image,none)}&[jz-outline]:hover{background-color:color-mix(in srgb,currentColor 14%,transparent);background-image:none}&[jz-outline]:active{background-color:color-mix(in srgb,currentColor 22%,transparent)}&[disabled]{opacity:0.5;cursor:not-allowed;pointer-events:none}}jz-ui-button>kbd.hotkey{font:inherit;font-size:0.7em;font-weight:600;line-height:1;padding:0.2em 0.4em;border-radius:0.25em;border:1px solid currentColor;opacity:0.65;white-space:nowrap}jz-ui-button[jz-variant="circle"]>kbd.hotkey{display:none}@media (hover:none) and (pointer:coarse){jz-ui-button>kbd.hotkey{display:none}}
jz-ui-checkbox{display:inline-flex;min-block-size:var(--jz-control-height);align-items:center;font-size:var(--jz-fs-ui);& label{display:inline-flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:inherit;user-select:none}& input[type="checkbox"]{appearance:none;font-size:inherit;width:1.4286em;height:1.4286em;border:2px solid var(--jz-border);border-radius:3px;cursor:pointer;position:relative;transition:background-color 150ms,border-color 150ms;&:checked{background-color:var(--jz-selected);border-color:var(--jz-selected)}&:checked::after{content:'';position:absolute;left:0.214em;top:0;width:0.357em;height:0.714em;border:solid var(--jz-selected-on);border-width:0 2px 2px 0;transform:rotate(45deg)}&:hover{border-color:var(--pb)}&:focus-visible{outline:2px solid var(--pb);outline-offset:2px}}&[jz-size="extra-small"]{min-block-size:var(--jz-control-height-xs);font-size:var(--jz-fs-ui-xs)}&[jz-size="small"]{min-block-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}&[jz-size="large"]{min-block-size:var(--jz-control-height-lg);font-size:var(--jz-fs-ui-lg)}&[jz-size="extra"],&[jz-size="extra-large"]{min-block-size:var(--jz-control-height-xl);font-size:var(--jz-fs-ui-xl)}&[jz-status="error"] input[type="checkbox"]{border-color:var(--error)}&[jz-status="warning"] input[type="checkbox"]{border-color:var(--warning)}&[jz-status="error"] label>span{color:var(--error)}&[jz-status="warning"] label>span{color:var(--warning)}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-colorinput{display:flex;flex-direction:column;font-size:var(--jz-fs-ui);& label{font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted);margin-bottom:calc(var(--jz-space) * 1)}& :where(.box){position:relative;display:flex;align-items:center;gap:0.5em;box-sizing:border-box;block-size:var(--jz-control-height);padding:0 calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density));border:1px solid var(--jz-border);border-radius:6px;background:var(--jz-surface);color:var(--jz-ambient-on);cursor:pointer;transition:border-color 150ms;&:focus-within{border-color:var(--pb);border-width:2px;padding:0 calc(calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density)) - 1px)}}& .swatch{flex:0 0 auto;width:1.4286em;height:1.4286em;border-radius:4px;border:1px solid var(--jz-border)}& .value{flex:1 1 auto;font-family:var(--jz-font-family);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& input[type="color"]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:0;padding:0}&[jz-size="extra-small"]{font-size:var(--jz-fs-ui-xs);& .box{block-size:var(--jz-control-height-xs)}}&[jz-size="small"]{font-size:var(--jz-fs-ui-sm);& .box{block-size:var(--jz-control-height-sm)}}&[jz-size="large"]{font-size:var(--jz-fs-ui-lg);& .box{block-size:var(--jz-control-height-lg)}}&[jz-size="extra"],&[jz-size="extra-large"]{font-size:var(--jz-fs-ui-xl);& .box{block-size:var(--jz-control-height-xl)}}&[jz-status="warning"] .box{border-color:var(--warning)}&[jz-status="error"] .box{border-color:var(--error)}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-colorpicker{display:inline-flex;flex-direction:column;gap:calc(var(--jz-space) * 1);& .groups{display:flex;gap:calc(var(--jz-space) * 1.5);align-items:flex-start;flex-wrap:wrap}& .group{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 0.5)}& .swatch{width:24px;height:24px;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:transform 0.15s,border-color 0.15s;&:hover{transform:scale(1.15)}&.active{border-color:var(--jz-ambient-on);outline:2px solid var(--jz-ambient-on);outline-offset:1px}&.none{background:transparent;border:2px dashed var(--jz-border);position:relative;&::before,&::after{content:'';position:absolute;top:50%;left:50%;width:16px;height:2px;background:var(--jz-border)}&::before{transform:translate(-50%,-50%) rotate(45deg)}&::after{transform:translate(-50%,-50%) rotate(-45deg)}&.active{border-style:solid;border-color:var(--jz-ambient-on);&::before,&::after{background:var(--jz-ambient-on)}}}&[jz-color="transparent"]{background:repeating-conic-gradient(var(--jz-border) 0% 25%,transparent 0% 50%) 50% / 10px 10px}}}
jz-ui-dialog-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.4);z-index:50;animation:jz-dialog-fade-in 200ms ease-out}jz-ui-dialog-backdrop[no-dim]{background-color:transparent;pointer-events:none}jz-ui-dialog[no-dim]{pointer-events:auto}jz-ui-dialog[moveable]{translate:var(--jz-move-x,0px) var(--jz-move-y,0px)}[move-handle]{cursor:move;touch-action:none;user-select:none}jz-ui-dialog{background-color:var(--jz-ambient);color:var(--jz-ambient-on);border-radius:12px;box-shadow:var(--md-sys-elevation-level5);overflow:hidden;display:flex;flex-direction:column;animation:jz-dialog-scale-in 200ms ease-out;&>.header{display:flex;align-items:center;padding:calc(var(--jz-space) * 4) calc(var(--jz-space) * 6);border-bottom:1px solid var(--jz-border)}&>.header>.title{flex-grow:1;font-size:var(--jz-fs-md);font-weight:500}&>.header>.close{font-size:1.5rem;cursor:pointer;color:inherit;opacity:0.8;line-height:1;padding:0 calc(var(--jz-space) * 1);border-radius:4px;transition:color 150ms,background-color 150ms;&:hover{opacity:1;background-color:color-mix(in srgb,currentColor 14%,transparent)}}&>.body{padding:calc(var(--jz-space) * 6);overflow-y:auto;flex-grow:1}&[jz-fill]>.body{display:flex;flex-direction:column;overflow:hidden;min-height:0}}@keyframes jz-dialog-fade-in{from{opacity:0}to{opacity:1}}@media (max-width:600px){jz-ui-dialog{width:calc(100vw - 2rem)!important;max-height:90vh!important;margin:calc(var(--jz-space) * 4)}jz-ui-dialog[moveable]{translate:none}[move-handle]{cursor:auto;touch-action:auto}}@keyframes jz-dialog-scale-in{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}
jz-ui-disabled{display:contents}jz-ui-disabled[jz-overlay]{display:block;position:relative}jz-ui-disabled[jz-overlay]::after{content:'';position:absolute;inset:0;z-index:1;background:color-mix(in srgb,var(--jz-ambient) 55%,transparent);cursor:not-allowed}
jz-ui-editabletext{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 1);block-size:var(--jz-control-height);font-size:var(--jz-fs-ui);color:var(--jz-ambient-on);.text{flex:1 1 auto;min-inline-size:0;padding:0 calc(var(--jz-space) * 1.5);border:1px solid transparent;border-radius:0.25rem;line-height:calc(var(--jz-control-height) - 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;&:hover{background-color:var(--jz-hover-bg);border-color:var(--jz-border)}&:focus-visible{outline:2px solid var(--jz-focus-ring,var(--info));outline-offset:1px}}input{flex:1 1 auto;min-inline-size:0;inline-size:100%;padding:0 calc(var(--jz-space) * 1.5);font:inherit;color:inherit;background-color:var(--jz-surface-dark);border:1px solid var(--info);border-radius:0.25rem;block-size:calc(var(--jz-control-height) - 2px);&:focus{outline:none}}.unit{flex:0 0 auto;font-size:var(--jz-fs-ui-xs);color:var(--jz-muted)}input[type="number"]{-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}}.spin{flex:0 0 auto;display:flex;flex-direction:column;align-self:stretch;margin-inline-start:calc(var(--jz-space) * -1);.up,.down{flex:1 1 0;display:flex;align-items:center;justify-content:center;inline-size:1.25rem;font-size:var(--jz-fs-ui-xs);line-height:1;color:var(--jz-muted);background:transparent;border:1px solid transparent;cursor:pointer;user-select:none;&:hover{color:var(--jz-ambient-on);background-color:var(--jz-hover-bg);border-color:var(--jz-border)}}.up{border-start-end-radius:0.25rem}.down{border-end-end-radius:0.25rem}}.spin{opacity:0;transition:opacity 120ms}&:hover .spin,&[jz-editing] .spin{opacity:1}&[jz-align="right"]{.text{text-align:right}input{text-align:right}}&[jz-align="center"]{.text{text-align:center}input{text-align:center}}&[jz-inline]{block-size:auto;gap:0.25em;font-size:inherit;color:inherit;pointer-events:auto;vertical-align:baseline;.text{padding:0 0.2em;line-height:1.35;border-radius:3px;color:var(--jz-ambient-on);text-decoration:underline dotted;text-underline-offset:3px}input{block-size:1.5em;inline-size:5.5em;padding:0 0.3em}.unit{font-size:inherit;color:inherit}}@supports (field-sizing:content){&[jz-inline] input{inline-size:auto;min-inline-size:3em;max-inline-size:100%;field-sizing:content}}&[disabled]{opacity:0.45;pointer-events:none}&[jz-status="error"] input{border-color:var(--error)}&[jz-status="warning"] input{border-color:var(--warning)}}
jz-ui-field{display:flex;flex-direction:column;gap:var(--jz-space);min-width:0;&>.head{display:flex;align-items:center;gap:calc(var(--jz-space) * 1.5);min-height:1.25rem;&>label{display:block;font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted);transition:color 150ms;&>.last{white-space:nowrap}& jz-ui-fieldhint{margin-left:calc(var(--jz-space) * 1.5);vertical-align:middle}}}&>.control{display:flex;flex-direction:column;min-width:0;&>*{flex:1 1 auto}}&[jz-status="warning"]>.head>label{color:var(--warning)}&[jz-status="error"]>.head>label{color:var(--error)}&[jz-labels="left"],&[jz-labels="auto"]{flex-direction:row;align-items:center;column-gap:var(--jz-label-gap,calc(var(--jz-space) * 3));row-gap:var(--jz-space);&>.head{flex:0 0 var(--jz-label-width,30%);min-width:0}&>.control{flex:1 1 0}&[jz-kind="textarea"],&[jz-kind="list"],&[jz-kind="group"]{align-items:flex-start;&>.head{padding-top:0.75rem}}}&[jz-labels="auto"]{flex-wrap:wrap;&>.head{min-width:min-content;&>label{min-width:var(--jz-label-min,8em)}}&>.control{flex:1 1 calc(100% - var(--jz-label-width,30%) - var(--jz-label-gap,calc(var(--jz-space) * 3)) - 1px);min-width:min(var(--jz-control-min,0px),100%)}}&.inline{flex-direction:row;align-items:center;gap:calc(var(--jz-space) * 3);&>.control{flex:0 0 auto;min-width:0}}&.inline[jz-labels="auto"]>.head{min-width:max-content}&.inline:not([jz-labels="auto"]){flex-wrap:nowrap}&.compact{position:relative;gap:0;&>.head{position:absolute;top:-6px;right:4px;z-index:1;min-height:0}}&[jz-hidden]{display:none}}
jz-ui-fieldhint{display:inline-flex;position:relative;&>button{all:unset;display:inline-flex;align-items:center;cursor:help;line-height:1;color:var(--info);transition:color 150ms}&[jz-severity="warning"]>button{color:var(--warning)}&[jz-severity="error"]>button{color:var(--error)}&[jz-severity="pending"]>button{color:var(--jz-muted)}}
jz-ui-fileupload{display:block;font-size:var(--jz-fs-base);& .jz-fileupload-input{position:absolute;width:1px;height:1px;padding:0;margin:calc(var(--jz-space) * -0.25);overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}& .jz-fileupload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--jz-space) * 2);padding:calc(var(--jz-space) * 6) calc(var(--jz-space) * 4);border:2px dashed var(--jz-border);border-radius:8px;cursor:pointer;color:var(--jz-ambient-on);background-color:var(--jz-surface);transition:border-color 150ms,background-color 150ms;&:hover,&:focus-visible{border-color:var(--pb);outline:none}}& .jz-fileupload-button{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 1.6);box-sizing:border-box;block-size:var(--jz-control-height-sm);padding:0 calc(var(--jz-space) * 3.2);border:1px solid var(--jz-border);border-radius:4px;cursor:pointer;background-color:var(--jz-surface);color:var(--jz-ambient-on);&:hover{border-color:var(--pb)}}& .jz-fileupload-label{font-weight:500}& .jz-fileupload-hint{font-size:var(--jz-fs-ui-sm);color:var(--jz-muted);min-height:1.2em}& .jz-fileupload-progress-wrap{height:4px;margin-top:calc(var(--jz-space) * 2);background-color:var(--jz-border);border-radius:2px;overflow:hidden;opacity:0;transition:opacity 150ms}& .jz-fileupload-progress-bar{height:100%;width:0%;background-color:var(--pb);transition:width 100ms linear}& .jz-fileupload-message{margin-top:calc(var(--jz-space) * 1.6);font-size:var(--jz-fs-ui-sm);min-height:1.2em;&[jz-kind="info"]{color:var(--jz-muted)}&[jz-kind="success"]{color:var(--success)}&[jz-kind="error"]{color:var(--error)}}& .jz-fileupload-queue{display:none}&[jz-has-queue] .jz-fileupload-queue{display:block;margin-top:0.5rem}& .jz-fileupload-list{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 1)}& .jz-fileupload-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-rows:auto 3px;column-gap:calc(var(--jz-space) * 2.4);row-gap:calc(var(--jz-space) * 0.8);align-items:center;padding:calc(var(--jz-space) * 1.2) calc(var(--jz-space) * 2);border:1px solid var(--jz-border);border-radius:4px;background-color:var(--jz-surface);font-size:var(--jz-fs-ui-sm);&[jz-state="done"]{border-color:var(--success)}&[jz-state="failed"]{border-color:var(--error)}&[jz-state="cancelled"]{opacity:0.6}}& .jz-fileupload-row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .jz-fileupload-row-size{color:var(--jz-muted)}& .jz-fileupload-row-state{color:var(--jz-muted);min-width:3.5em;text-align:right;max-width:18em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .jz-fileupload-row[jz-state="done"] .jz-fileupload-row-state{color:var(--success)}& .jz-fileupload-row[jz-state="failed"] .jz-fileupload-row-state{color:var(--error)}& .jz-fileupload-row-action{border:0;background:transparent;color:var(--jz-muted);cursor:pointer;padding:0 calc(var(--jz-space) * 0.8);line-height:1;font-size:var(--jz-fs-ui-sm);&:hover{color:var(--jz-ambient-on)}}& .jz-fileupload-row-progress{grid-column:1 / -1;height:3px;background-color:var(--jz-border);border-radius:2px;overflow:hidden}& .jz-fileupload-row-bar{height:100%;width:0%;background-color:var(--pb);transition:width 100ms linear}& .jz-fileupload-row[jz-state="done"] .jz-fileupload-row-bar{background-color:var(--success)}& .jz-fileupload-row[jz-state="failed"] .jz-fileupload-row-bar{background-color:var(--error)}& .jz-fileupload-footer{display:flex;gap:calc(var(--jz-space) * 2);margin-top:calc(var(--jz-space) * 1.6);&:empty{display:none}}& .jz-fileupload-start,& .jz-fileupload-clear{padding:calc(var(--jz-space) * 1.2) calc(var(--jz-space) * 2.8);border:1px solid var(--jz-border);border-radius:4px;background-color:var(--jz-surface);color:var(--jz-ambient-on);cursor:pointer;font-size:var(--jz-fs-ui-sm);&:hover{border-color:var(--pb)}}& .jz-fileupload-start{border-color:var(--pb)}&[jz-uploading] .jz-fileupload-progress-wrap{opacity:1}&[jz-progress="100"] .jz-fileupload-progress-wrap{opacity:1}&[jz-drag-over] .jz-fileupload-zone{border-color:var(--pb);background-color:var(--jz-surface-light)}&[jz-disabled]{opacity:0.5;pointer-events:none}}
jz-ui-form{display:grid;grid-template-columns:repeat(var(--jz-form-columns,1),minmax(0,1fr));grid-auto-flow:row;gap:calc(var(--jz-space) * 4);align-items:start;&>jz-ui-tabs{grid-column:1 / -1}&>jz-ui-tabs>.tab-content{display:grid;grid-template-columns:repeat(var(--jz-form-columns,1),minmax(0,1fr));gap:calc(var(--jz-space) * 4);align-items:start;overflow:visible;padding-bottom:0}&>jz-ui-tabs>.tab-content[hidden]{display:none}&.flow,&.flow jz-ui-groupbox .body{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--jz-space) * 3) calc(var(--jz-space) * 4);&>*:not(jz-ui-tabs){flex:1 1 var(--jz-field-width,260px);min-width:0}&>jz-ui-list,&>.banner,&>.actions{flex-basis:100%}}&.flow[jz-fixed-width]>*:not(jz-ui-list):not(.banner):not(.actions):not(jz-ui-tabs),&.flow[jz-fixed-width]>jz-ui-tabs>.tab-content>*:not(jz-ui-list){flex:0 0 var(--jz-field-width,260px)}&[jz-equal-rows],&.flow[jz-equal-rows],&[jz-equal-rows]>jz-ui-tabs>.tab-content{align-items:stretch}&.flow.column,&.flow.column jz-ui-groupbox .body{flex-direction:column;flex-wrap:wrap;align-content:flex-start;max-height:100%;&>*:not(jz-ui-tabs),&>jz-ui-list,&>.banner,&>.actions{flex:0 0 auto;width:var(--jz-field-width,260px)}}&.flow.column jz-ui-groupbox .body{&>*,&>jz-ui-list,&>.banner,&>.actions{width:100%}}&.flow>jz-ui-tabs>.tab-content:not([hidden]){display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:calc(var(--jz-space) * 3) calc(var(--jz-space) * 4);&>*{flex:1 1 var(--jz-field-width,260px);min-width:0}&>jz-ui-list{flex-basis:100%}}&.flow.column>jz-ui-tabs>.tab-content:not([hidden]){flex-direction:column;align-content:flex-start;max-height:100%;&>*,&>jz-ui-list{flex:0 0 auto;width:var(--jz-field-width,260px)}}&.flow>jz-ui-tabs{flex:1 1 100%;min-width:0}&.flow.column:has(> jz-ui-tabs){flex-wrap:nowrap;min-height:0}&.flow.column>jz-ui-tabs{width:100%;flex:0 1 auto;min-height:0}&>.banner{grid-column:1 / -1;padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);border-radius:6px;font-size:var(--jz-fs-ui-sm);font-weight:500;&[jz-severity="info"]{background-color:var(--info);color:var(--info-on)}&[jz-severity="warning"]{background-color:var(--warning);color:var(--warning-on)}&[jz-severity="error"]{background-color:var(--error);color:var(--error-on)}}&>.actions{grid-column:1 / -1;display:flex;gap:calc(var(--jz-space) * 2)}&>[jz-form-submit]{display:none}}
jz-ui-group{display:flex;flex-direction:column;min-width:0;&>jz-ui-groupbox{flex:1 1 auto}&[jz-hidden]{display:none}}
.Input-activator{&:hover{outline:.1rem solid var(--pb)}cursor:pointer}
jz-ui-list{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 1.5);min-width:0;&>.head{display:flex;align-items:center;gap:calc(var(--jz-space) * 1.5);& .title{font-size:var(--jz-fs-base);font-weight:600;color:var(--jz-ambient-on)}}&[jz-status="warning"]>.head .title{color:var(--warning)}&[jz-status="error"]>.head .title{color:var(--error)}&>.columns{display:flex;gap:calc(var(--jz-space) * 2);padding:0 calc(var(--jz-space) * 1);& .col{flex:1 1 0;font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted)}& .col.actions{flex:0 0 auto;width:96px}}&>.add{display:flex}&[jz-hidden]{display:none}}jz-ui-listrow{display:flex;align-items:flex-start;gap:calc(var(--jz-space) * 2);padding:calc(var(--jz-space) * 1);border-radius:6px;transition:background-color 150ms;&:hover{background-color:var(--jz-hover-bg)}&[jz-status="error"]{box-shadow:inset 3px 0 0 var(--error)}&[jz-status="warning"]{box-shadow:inset 3px 0 0 var(--warning)}&>*{flex:1 1 0;min-width:0}&>.actions{flex:0 0 auto;display:flex;gap:calc(var(--jz-space) * 1);align-items:center;align-self:center}}
jz-ui-menu{position:absolute;top:100%;left:0;z-index:10;display:flex;flex-direction:column;min-width:10rem;margin-top:calc(var(--jz-space) * 1);padding:calc(var(--jz-space) * 2) 0;background-color:var(--jz-surface);color:var(--jz-ambient-on);border:1px solid var(--jz-border);border-radius:8px;box-shadow:var(--md-sys-elevation-level3);animation:jz-menu-open 150ms ease-out;transform-origin:top;&:not([jz-items])>*{padding:calc(var(--jz-space) * 2.5) calc(var(--jz-space) * 4);cursor:pointer;white-space:nowrap;font-size:var(--jz-fs-base);transition:background-color 100ms;&:hover{background-color:var(--jz-border)}}&[jz-at]{z-index:1000;transform-origin:top left}}jz-ui-menu[jz-items]{padding:calc(var(--jz-space) * 1.5) 0;font-size:var(--jz-fs-base)}.jz-menu-item{position:relative;display:flex;align-items:center;gap:calc(var(--jz-space) * 3);padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);margin:0 calc(var(--jz-space) * 1.5);border-radius:5px;white-space:nowrap;cursor:pointer;outline:none;&>.lead{display:inline-flex;justify-content:center;width:1.2em;flex:none;color:var(--jz-muted)}&>.label{flex:1 1 auto}&>.shortcut{flex:none;margin-inline-start:calc(var(--jz-space) * 6);font-size:0.85em;color:var(--jz-muted)}&>.chevron{display:inline-flex;flex:none;margin-inline-start:calc(var(--jz-space) * 2);color:var(--jz-muted)}&:hover,&:focus,&:focus-within{background-color:var(--jz-hover-bg,color-mix(in srgb,var(--jz-ambient-on) 8%,transparent))}&.danger{color:var(--error)}&.danger>.lead{color:var(--error)}&[aria-disabled="true"]{opacity:0.45;cursor:default;&:hover{background-color:transparent}}}.jz-menu-divider{height:1px;margin:calc(var(--jz-space) * 1.5) 0;background-color:var(--jz-border)}.jz-menu-header{padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 4.5) calc(var(--jz-space) * 1);font-size:0.75em;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--jz-muted)}.jz-menu-sub{display:none;position:absolute;top:calc(var(--jz-space) * -1.5 - 1px);left:100%;z-index:1;flex-direction:column;min-width:10rem;padding:calc(var(--jz-space) * 1.5) 0;background-color:var(--jz-surface);color:var(--jz-ambient-on);border:1px solid var(--jz-border);border-radius:8px;box-shadow:var(--md-sys-elevation-level3);&.flip{left:auto;right:100%}}.jz-menu-item.has-sub:hover>.jz-menu-sub,.jz-menu-item.has-sub:focus-within>.jz-menu-sub{display:flex}@keyframes jz-menu-open{from{opacity:0;transform:scaleY(0.8)}to{opacity:1;transform:scaleY(1)}}
jz-ui-motionpicker{display:flex;flex-direction:column;gap:6px;& .kinds,& .knobs{display:flex;flex-wrap:wrap;align-items:center;gap:10px}& .label{font-size:var(--jz-fs-ui-sm);font-weight:600;min-width:34px}& .knobs{padding-left:44px;& jz-ui-slider{width:84px}}& code{font-size:11px;color:var(--jz-muted);min-width:90px}}
jz-ui-notice{display:flex;align-items:flex-start;gap:calc(var(--jz-space) * 2);padding:calc(var(--jz-space) * 3) calc(var(--jz-space) * 4);border:1px solid var(--jz-border);border-radius:6px;background-color:var(--jz-ambient);color:var(--jz-ambient-on);font-size:var(--jz-fs-base);min-width:0;&>.icon{flex:0 0 auto;display:inline-flex;align-items:flex-start;line-height:1.4}&>.message{flex:1 1 auto;min-width:0;line-height:1.4;overflow-wrap:anywhere}&>.actions{flex:0 0 auto;display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 2);margin-left:auto}& .jz-notice-dismiss{flex:0 0 auto}&>.actions~.jz-notice-dismiss{margin-left:0}&>.message~.jz-notice-dismiss{margin-left:auto}&[jz-severity="neutral"]>.icon{color:var(--jz-muted)}&[jz-severity="info"]{background-color:var(--jz-ambient-info);border-color:var(--info);&>.icon{color:var(--info)}}&[jz-severity="success"]{background-color:var(--jz-ambient-success);border-color:var(--success);&>.icon{color:var(--success)}}&[jz-severity="warning"]{background-color:var(--jz-ambient-warning);border-color:var(--warning);&>.icon{color:var(--warning)}}&[jz-severity="error"]{background-color:var(--jz-ambient-error);border-color:var(--error);&>.icon{color:var(--error)}}}
jz-ui-progress[jz-variant="linear"]{display:block;--jz-progress-h:4px;&[jz-thickness="extra-small"]{--jz-progress-h:2px}&[jz-thickness="small"]{--jz-progress-h:3px}&[jz-thickness="large"]{--jz-progress-h:8px}&[jz-thickness="extra-large"],&[jz-thickness="extra"]{--jz-progress-h:12px}& .track{display:block;height:var(--jz-progress-h);border-radius:999px;background-color:var(--jz-border);overflow:hidden}& .fill{display:block;height:100%;border-radius:999px;transition:width 300ms}&[jz-indeterminate] .fill{width:30%!important;animation:jz-progress-linear 1.5s infinite ease-in-out;-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%);mask-image:linear-gradient(90deg,transparent,#000 60%)}}@keyframes jz-progress-linear{0%{transform:translateX(-100%)}100%{transform:translateX(400%)}}jz-ui-progress[jz-variant="circular"]{display:inline-block;position:relative;width:44px;height:44px;&>svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}&[jz-indeterminate]>svg.arc{-webkit-mask-image:conic-gradient(from 90deg,transparent 0deg,#000 65deg,#000 125deg,transparent 125deg);mask-image:conic-gradient(from 90deg,transparent 0deg,#000 65deg,#000 125deg,transparent 125deg)}&[jz-indeterminate]{animation:jz-progress-rotate 1.5s linear infinite}}@keyframes jz-progress-rotate{100%{transform:rotate(360deg)}}
jz-ui-radiogroup{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 2);min-block-size:var(--jz-control-height);justify-content:center}jz-ui-radiogroup[jz-size="extra-small"]{min-block-size:var(--jz-control-height-xs)}jz-ui-radiogroup[jz-size="small"]{min-block-size:var(--jz-control-height-sm)}jz-ui-radiogroup[jz-size="large"]{min-block-size:var(--jz-control-height-lg)}jz-ui-radiogroup[jz-size="extra"],jz-ui-radiogroup[jz-size="extra-large"]{min-block-size:var(--jz-control-height-xl)}jz-ui-radiogroup.horizontal{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:flex-start}jz-ui-radiogroup[fluent]{overflow:visible}jz-ui-radiogroup{font-size:var(--jz-fs-ui)}jz-ui-radiogroup[jz-size="extra-small"]{font-size:var(--jz-fs-ui-xs);gap:3px}jz-ui-radiogroup[jz-size="small"]{font-size:var(--jz-fs-ui-sm);gap:4px}jz-ui-radiogroup[jz-size="large"]{font-size:var(--jz-fs-ui-lg);gap:12px}jz-ui-radiogroup[jz-size="extra"],jz-ui-radiogroup[jz-size="extra-large"]{font-size:var(--jz-fs-ui-xl);gap:16px}jz-ui-radiogroup>label{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 2);cursor:pointer;padding:0 calc(var(--jz-space) * 2);border-radius:4px;transition:background-color 150ms}jz-ui-radiogroup>label:hover{background-color:var(--jz-hover-bg)}jz-ui-radiogroup>label input[type="radio"]{appearance:none;font-size:inherit;width:1.4286em;height:1.4286em;border:2px solid var(--jz-border);border-radius:50%;cursor:pointer;position:relative;transition:all 150ms;flex-shrink:0}jz-ui-radiogroup>label.selected input[type="radio"]{border-color:var(--jz-selected)}jz-ui-radiogroup>label input[type="radio"]::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:0.7143em;height:0.7143em;border-radius:50%;background-color:var(--jz-selected);transition:transform 150ms}jz-ui-radiogroup>label.selected input[type="radio"]::after{transform:translate(-50%,-50%) scale(1)}jz-ui-radiogroup>label:disabled,jz-ui-radiogroup>label.disabled{opacity:0.5;cursor:not-allowed}jz-ui-radiogroup>label input[type="radio"]:focus-visible{outline:none;box-shadow:0 0 0 8px var(--jz-focus-ring)}
jz-ui-select{display:flex;flex-direction:column;& label{font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted);margin-bottom:calc(var(--jz-space) * 1)}& [jz-select-box]{position:relative;display:flex;font-size:var(--jz-fs-base);--pad:calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density));&::after{content:'';position:absolute;pointer-events:none;inset-inline-end:var(--pad);top:calc(50% - 0.275em);inline-size:0.7em;block-size:0.35em;background-image:linear-gradient(45deg,transparent 50%,var(--jz-muted) 50%),linear-gradient(135deg,var(--jz-muted) 50%,transparent 50%);background-size:0.35em 0.35em;background-position:left top,right top;background-repeat:no-repeat}}& select{flex:1;min-inline-size:0;font-size:inherit;font-family:var(--jz-font-family);box-sizing:border-box;block-size:var(--jz-control-height);padding:0 calc(var(--pad) + 1em) 0 var(--pad);border:1px solid var(--jz-border);border-radius:6px;color:inherit;outline:none;cursor:pointer;transition:border-color 150ms;appearance:none;-webkit-appearance:none;background-color:var(--jz-surface);&:focus{border-color:var(--pb);border-width:2px;padding:0 calc(var(--pad) + 1em - 1px) 0 calc(var(--pad) - 1px)}& option:checked{background-color:var(--jz-selected);color:var(--jz-selected-on)}}&[jz-status="warning"] select{border-color:var(--warning)}&[jz-status="error"] select{border-color:var(--error)}&[jz-size="extra-small"]{& select{block-size:var(--jz-control-height-xs)}& [jz-select-box]{font-size:var(--jz-fs-ui-xs)}& label{font-size:var(--jz-fs-ui-sm)}}&[jz-size="small"]{& select{block-size:var(--jz-control-height-sm)}& [jz-select-box]{font-size:var(--jz-fs-ui-sm)}& label{font-size:var(--jz-fs-ui-sm)}}&[jz-size="large"]{& select{block-size:var(--jz-control-height-lg)}& [jz-select-box]{font-size:var(--jz-fs-ui-lg)}& label{font-size:var(--jz-fs-ui)}}&[jz-size="extra"],&[jz-size="extra-large"]{& select{block-size:var(--jz-control-height-xl)}& [jz-select-box]{font-size:var(--jz-fs-ui-xl)}& label{font-size:var(--jz-fs-ui-lg)}}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-slider{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 1);min-block-size:var(--jz-control-height);justify-content:center;font-size:var(--jz-fs-ui);--jz-slider-accent:var(--pb);--jz-slider-rail:var(--jz-border);& .label{font-size:var(--jz-fs-ui-sm);font-weight:500}& .value{order:1;align-self:flex-end;font-size:var(--jz-fs-ui-sm);color:var(--jz-muted);font-variant-numeric:tabular-nums;line-height:1}& input[type="range"]{-webkit-appearance:none;appearance:none;font-size:inherit;width:100%;height:0.2857em;border-radius:2px;background:var(--jz-slider-rail);outline:none;cursor:pointer;&::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.4286em;height:1.4286em;border-radius:50%;background:var(--jz-slider-accent);cursor:pointer;border:none;transition:box-shadow 150ms}&::-webkit-slider-thumb:hover,&:focus::-webkit-slider-thumb{box-shadow:0 0 0 8px var(--jz-focus-ring)}&::-moz-range-thumb{width:1.4286em;height:1.4286em;border-radius:50%;background:var(--jz-slider-accent);cursor:pointer;border:none;transition:box-shadow 150ms}&::-moz-range-thumb:hover,&:focus::-moz-range-thumb{box-shadow:0 0 0 8px var(--jz-focus-ring)}&::-moz-range-track{height:0.2857em;border-radius:2px;background:var(--jz-slider-rail)}}&[jz-status="error"]{--jz-slider-accent:var(--error);--jz-slider-rail:color-mix(in srgb,var(--error) 35%,var(--jz-border));& .label{color:var(--error)}}&[jz-status="warning"]{--jz-slider-accent:var(--warning);--jz-slider-rail:color-mix(in srgb,var(--warning) 35%,var(--jz-border));& .label{color:var(--warning)}}&[jz-size="extra-small"]{min-block-size:var(--jz-control-height-xs);font-size:var(--jz-fs-ui-xs)}&[jz-size="small"]{min-block-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}&[jz-size="large"]{min-block-size:var(--jz-control-height-lg);font-size:var(--jz-fs-ui-lg)}&[jz-size="extra"],&[jz-size="extra-large"]{min-block-size:var(--jz-control-height-xl);font-size:var(--jz-fs-ui-xl)}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-snackbar{--ty:100%;--edge:1.5rem;position:fixed;inset:auto;margin:0;border:none;overflow:visible;bottom:var(--edge);left:50%;--tx:-50%;transform:translateX(var(--tx)) translateY(calc(var(--ty) + var(--jz-toast-shift,0px)));display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 2);max-width:min(560px,calc(100vw - 2 * var(--edge)));padding:calc(var(--jz-space) * 3) calc(var(--jz-space) * 2) calc(var(--jz-space) * 3) calc(var(--jz-space) * 5);background-color:var(--pd);color:var(--pd-on);border-radius:8px;font-size:var(--jz-fs-base);box-shadow:var(--md-sys-elevation-level3);cursor:pointer;z-index:100;opacity:0;visibility:hidden;--clip-l:38%;--clip-r:38%;clip-path:inset(0 var(--clip-r) 0 var(--clip-l) round 8px);transition:clip-path 200ms cubic-bezier(0.4,0,1,1),transform 200ms cubic-bezier(0.4,0,1,1) 110ms,opacity 150ms linear 160ms,visibility 0s linear 310ms;&[jz-active]{visibility:visible;opacity:1;--ty:0px;clip-path:inset(-24px -24px -24px -24px round 32px);transition:transform 200ms cubic-bezier(0,0,0.2,1),opacity 120ms,visibility 0s,clip-path 250ms cubic-bezier(0.2,0,0,1) 60ms}&[jz-sticky]{cursor:default}&>.message{flex:1 1 auto}&>.close{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.75em;height:1.75em;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;opacity:0.75;cursor:pointer;&:hover{opacity:1;background-color:color-mix(in srgb,currentColor 15%,transparent)}}&[jz-position^="top"]{top:var(--edge);bottom:auto;--ty:-100%}&[jz-position^="top"][jz-active]{--ty:0px}&[jz-position$="-left"]{left:var(--edge);right:auto;--tx:0px;--clip-l:0%;--clip-r:76%}&[jz-position$="-right"]{left:auto;right:var(--edge);--tx:0px;--clip-l:76%;--clip-r:0%}&[jz-entering][jz-active]{opacity:0;--ty:100%;clip-path:inset(0 var(--clip-r) 0 var(--clip-l) round 8px);transition:none}&[jz-position^="top"][jz-entering][jz-active]{--ty:-100%}&[jz-severity="info"]{background-color:var(--info);color:var(--info-on)}&[jz-severity="warning"]{background-color:var(--warning);color:var(--warning-on)}&[jz-severity="success"]{background-color:var(--success);color:var(--success-on)}&[jz-severity="error"]{background-color:var(--error);color:var(--error-on)}}
jz-ui-speeddial{position:relative;display:inline-flex;width:max-content;>.actions{position:absolute;display:flex;gap:12px;z-index:10;pointer-events:none;>*{pointer-events:auto}}&[jz-dir="up"]>.actions{flex-direction:column-reverse;bottom:calc(100% + 12px);right:0;align-items:flex-end}&[jz-dir="down"]>.actions{flex-direction:column;top:calc(100% + 12px);right:0;align-items:flex-end}&[jz-dir="left"]>.actions{flex-direction:row-reverse;right:calc(100% + 12px);top:0;bottom:0;align-items:center}&[jz-dir="right"]>.actions{flex-direction:row;left:calc(100% + 12px);top:0;bottom:0;align-items:center}&[jz-dir="up"]>.actions,&[jz-dir="down"]>.actions{padding-right:calc((var(--jz-control-height) - var(--jz-control-height-sm)) / 2)}&[jz-label-side="end"][jz-dir="up"]>.actions,&[jz-label-side="end"][jz-dir="down"]>.actions{right:auto;left:0;align-items:flex-start;padding-right:0;padding-left:calc((var(--jz-control-height) - var(--jz-control-height-sm)) / 2)}>.actions .action>[jz-size]{flex:none}}
jz-ui-switch{display:inline-flex;min-block-size:var(--jz-control-height);align-items:center;font-size:var(--jz-fs-ui);& label{display:inline-flex;align-items:center;gap:0.75rem;cursor:pointer;font-size:inherit;user-select:none}& input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}& input[type="checkbox"]:focus-visible+.track{outline:2px solid var(--pb);outline-offset:2px}& .track{display:inline-flex;align-items:center;width:3.4286em;height:2em;border-radius:1rem;background-color:var(--jz-border);padding:2px;transition:background-color 200ms;cursor:pointer}& .thumb{display:block;width:1.4286em;height:1.4286em;border-radius:50%;background-color:var(--jz-surface);box-shadow:0 1px 3px rgba(0,0,0,0.3);transition:transform 200ms}& input:checked+.track{background-color:var(--jz-selected)}& input:checked+.track>.thumb{transform:translateX(1.4286em)}&[jz-size="extra-small"]{min-block-size:var(--jz-control-height-xs);font-size:var(--jz-fs-ui-xs)}&[jz-size="small"]{min-block-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}&[jz-size="large"]{min-block-size:var(--jz-control-height-lg);font-size:var(--jz-fs-ui-lg)}&[jz-size="extra"],&[jz-size="extra-large"]{min-block-size:var(--jz-control-height-xl);font-size:var(--jz-fs-ui-xl)}&[jz-status="error"] .track{box-shadow:0 0 0 2px var(--error)}&[jz-status="warning"] .track{box-shadow:0 0 0 2px var(--warning)}&[jz-status="error"] .label{color:var(--error)}&[jz-status="warning"] .label{color:var(--warning)}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-textarea{display:flex;flex-direction:column;width:100%;& label{font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted);margin-bottom:calc(var(--jz-space) * 1);transition:color 150ms}&:focus-within label{color:var(--pb)}& textarea{font-size:var(--jz-fs-base);font-family:var(--jz-font-family);line-height:var(--jz-textarea-line-height);padding:var(--jz-textarea-pad-y) calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density));border:1px solid var(--jz-border);border-radius:6px;background:var(--jz-surface);color:var(--jz-ambient-on);outline:none;resize:vertical;transition:border-color 150ms;&:focus{border-color:var(--pb);border-width:2px;padding:calc(var(--jz-textarea-pad-y) - 1px) calc(calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density)) - 1px)}}&[jz-status="warning"] textarea{border-color:var(--warning)}&[jz-status="error"] textarea{border-color:var(--error)}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-textfield{display:flex;flex-direction:column-reverse;position:relative;& input{font-size:var(--jz-fs-base);font-family:var(--jz-font-family);box-sizing:border-box;block-size:var(--jz-control-height);padding:0 calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density));border:1px solid var(--jz-border);border-radius:6px;background:var(--jz-surface);color:var(--jz-ambient-on);outline:none;transition:border-color 150ms;&:focus{border-color:var(--pb);border-width:2px;padding:0 calc(calc(var(--jz-pad-x-control) * 1em / var(--jz-control-density)) - 1px)}&::placeholder{color:var(--jz-text-faint)}}& label{font-size:var(--jz-fs-ui-sm);font-weight:500;color:var(--jz-muted);margin-bottom:calc(var(--jz-space) * 1);transition:color 150ms}& input:focus+label{color:var(--pb)}&[jz-status="warning"] input{border-color:var(--warning)}&[jz-status="error"] input{border-color:var(--error)}&[jz-size="extra-small"]{& input{block-size:var(--jz-control-height-xs);font-size:var(--jz-fs-ui-xs)}& label{font-size:var(--jz-fs-ui-sm)}}&[jz-size="small"]{& input{block-size:var(--jz-control-height-sm);font-size:var(--jz-fs-ui-sm)}& label{font-size:var(--jz-fs-ui-sm)}}&[jz-size="large"]{& input{block-size:var(--jz-control-height-lg);font-size:var(--jz-fs-ui-lg)}& label{font-size:var(--jz-fs-ui)}}&[jz-size="extra"],&[jz-size="extra-large"]{& input{block-size:var(--jz-control-height-xl);font-size:var(--jz-fs-ui-xl)}& label{font-size:var(--jz-fs-ui-lg)}}&[disabled]{opacity:0.5;pointer-events:none}}
jz-ui-togglegroup{--tg-h:var(--jz-control-height-sm);--tg-fs:var(--jz-fs-ui-sm);display:inline-flex;flex-wrap:wrap;align-self:flex-start;gap:2px;padding:3px;border-radius:calc(var(--tg-h) / 2);background:var(--jz-surface);border:1px solid var(--jz-border);&>.seg{font:inherit;font-size:var(--tg-fs);font-weight:500;line-height:1;display:inline-flex;align-items:center;box-sizing:border-box;block-size:calc(var(--tg-h) - 8px);padding:0 0.85em;border:0;border-radius:999px;background:transparent;color:var(--jz-muted);cursor:pointer;white-space:nowrap;user-select:none;transition:color 150ms,background-color 150ms;&:hover{color:var(--jz-ambient-on);background:var(--jz-hover-bg)}&[jz-active]{color:var(--jz-selected-on);background:var(--jz-selected)}&:focus-visible{outline:2px solid var(--jz-selected);outline-offset:1px}&:disabled{opacity:0.5;cursor:not-allowed}}&[jz-size="extra-small"]{--tg-h:var(--jz-control-height-xs);--tg-fs:var(--jz-fs-ui-xs)}&[jz-size="medium"]{--tg-h:var(--jz-control-height);--tg-fs:var(--jz-fs-ui)}&[jz-size="large"]{--tg-h:var(--jz-control-height-lg);--tg-fs:var(--jz-fs-ui-lg)}&[jz-size="extra-large"]{--tg-h:var(--jz-control-height-xl);--tg-fs:var(--jz-fs-ui-xl)}}
jz-locale-compact{position:relative;display:inline-flex;& .jz-locale-hit{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 1);padding:2px calc(var(--jz-space) * 1.5);border-radius:6px;cursor:pointer;opacity:0.85;white-space:nowrap;transition:background-color 100ms,opacity 100ms;&:hover{background-color:var(--jz-border);opacity:1}&:focus-visible{outline:2px solid var(--pb,currentColor);outline-offset:1px}}}.jz-locale-menu .jz-locale-item{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);& .jz-locale-item-name{flex:1 1 auto}}
jz-ui-appicon{position:relative;display:inline-flex;flex:0 0 auto;width:var(--app-icon-size);height:var(--app-icon-size);align-items:center;justify-content:center;filter:var(--app-icon-shadow-fx,drop-shadow(0 0 0 transparent)) var(--app-icon-glow-fx,drop-shadow(0 0 0 transparent));transition:filter 160ms;&>.app-icon-glyph{position:relative;display:inline-flex;width:var(--app-icon-glyph);height:var(--app-icon-glyph)}& .jz-svg-icon{pointer-events:none}& .app-icon-sheen{position:absolute;inset:0;pointer-events:none}& .app-icon-masked{-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}&[jz-light="soft"] .app-icon-sheen{background:linear-gradient(135deg,rgba(255,255,255,calc(var(--jz-app-icon-sheen,0.7) * 0.65)) 0%,rgba(255,255,255,0) 48%,rgba(0,0,0,0) 62%,rgba(0,0,0,calc(var(--jz-app-icon-shade,0.28) * 0.6)) 100%)}&[jz-light="hard"] .app-icon-sheen{background:linear-gradient(135deg,rgba(255,255,255,var(--jz-app-icon-sheen,0.7)) 0%,rgba(255,255,255,calc(var(--jz-app-icon-sheen,0.7) * 0.55)) 32%,rgba(255,255,255,0) 40%,rgba(0,0,0,0) 55%,rgba(0,0,0,var(--jz-app-icon-shade,0.28)) 100%)}&[jz-shadow="soft"]{--app-icon-shadow-fx:drop-shadow(0 calc(var(--app-icon-size) * (0.05 + 0.04 * var(--app-icon-raise,0))) calc(var(--app-icon-size) * (0.1 + 0.05 * var(--app-icon-raise,0))) rgba(0,0,0,calc(var(--jz-app-icon-shadow,0.35) * 0.75)))}&[jz-shadow="hard"]{--app-icon-shadow-fx:drop-shadow(calc(var(--app-icon-size) * (0.0625 + 0.03 * var(--app-icon-raise,0))) calc(var(--app-icon-size) * (0.083 + 0.04 * var(--app-icon-raise,0))) calc(var(--app-icon-size) * (0.031 + 0.02 * var(--app-icon-raise,0))) rgba(0,0,0,var(--jz-app-icon-shadow,0.35)))}&[jz-glow]{--app-icon-glow-fx:drop-shadow(0 0 calc(var(--app-icon-size) * (0.12 + 0.06 * var(--app-icon-raise,0))) color-mix(in srgb,var(--app-icon-glow-color) 70%,transparent))}&[jz-glow="primary"]{--app-icon-glow-color:var(--pb,#6750a4)}&[jz-glow="secondary"]{--app-icon-glow-color:var(--sb,#625b71)}&[jz-glow="tertiary"]{--app-icon-glow-color:var(--tb,#7d5260)}&[jz-tile]{border-radius:calc(var(--app-icon-size) * 0.26);background:linear-gradient(160deg,color-mix(in srgb,var(--pb,#6750a4) 24%,transparent),color-mix(in srgb,var(--pb,#6750a4) 8%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pb,#6750a4) 28%,transparent)}&>.app-icon-letter{position:relative;overflow:hidden;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;background-color:var(--pb,#6750a4);color:var(--pb-on,#fff);border-radius:calc(var(--app-icon-size) * 0.2);font-weight:600;font-size:calc(var(--app-icon-size) * 0.5);line-height:1;text-shadow:none}&[jz-tile]>.app-icon-letter{border-radius:inherit}}@media (prefers-reduced-motion:reduce){jz-ui-appicon{transition:none}}
jz-ui-badge{display:inline-flex;align-items:center;justify-content:center;line-height:1;border-radius:2px;padding:1px 3px;font-size:var(--jz-fs-ui-sm);font-weight:500;min-width:14px;height:14px;vertical-align:superscript;position:relative;margin-left:calc(var(--jz-space) * -1);top:-2px;background:var(--pb);color:var(--pb-on);&.pill{border-radius:999px;min-width:16px;padding:1px 4px}&[jz-size="small"]{padding:0px 2px;font-size:calc(var(--jz-fs-ui-sm) * 5 / 6);min-width:12px;height:12px}&[jz-size="large"]{padding:2px 4px;font-size:var(--jz-fs-ui);min-width:16px;height:16px}}
jz-ui-chip{display:inline-flex;align-items:center;justify-content:center;line-height:1;border-radius:4px;padding:4px 8px;font-size:var(--jz-fs-ui);background:var(--pb);color:var(--pb-on);&.pill{border-radius:999px}&[jz-size="extra-small"]{padding:1px 5px;font-size:var(--jz-fs-ui-xs)}&[jz-size="small"]{padding:2px 6px;font-size:var(--jz-fs-ui-sm)}&[jz-size="large"]{padding:6px 12px;font-size:var(--jz-fs-ui-lg)}&[jz-size="extra"],&[jz-size="extra-large"]{padding:8px 14px;font-size:var(--jz-fs-ui-xl)}}
jz-ui-icon{font-family:"Material Symbols Rounded";font-size:var(--jz-icon-size);font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:'liga';&[jz-size="extra-small"]{font-size:var(--jz-icon-size-xs)}&[jz-size="small"]{font-size:var(--jz-icon-size-sm)}&[jz-size="medium"]{font-size:var(--jz-icon-size)}&[jz-size="large"]{font-size:var(--jz-icon-size-lg)}&[jz-size="extra"],&[jz-size="extra-large"]{font-size:var(--jz-icon-size-xl)}&[jz-variation="outlined"]{font-family:"Material Symbols Outlined"}&[jz-variation="sharp"]{font-family:"Material Symbols Sharp"}&[jz-fill]{font-variation-settings:'FILL' 1}}
jz-ui-media{display:inline-block;overflow:hidden;line-height:0;position:relative;&>img,&>video{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:0}&[jz-elevation^="-"]::after{content:'';position:absolute;inset:0;box-shadow:inherit;border-radius:inherit;pointer-events:none;z-index:1}}
jz-ui-text{display:block;font-family:var(--jz-font-family);color:inherit;&>p,&>h1,&>h2,&>h3,&>h4,&>div,&>label,&>a{margin:0;font:inherit;color:inherit;display:block}&[jz-link]>a{display:inline;color:var(--jz-link,var(--info));text-decoration:none;cursor:pointer;&:hover{text-decoration:underline}&:focus-visible{outline:2px solid var(--jz-focus,var(--info));outline-offset:2px;border-radius:2px}}&[jz-inline]{display:inline}&[jz-variant="display"]{font-size:var(--jz-fs-2xl);font-weight:700;line-height:1.1;letter-spacing:-0.01em}&[jz-variant="headline"]{font-size:var(--jz-fs-xl);font-weight:700;line-height:1.15}&[jz-variant="title"]{font-size:var(--jz-fs-lg);font-weight:600;line-height:1.25}&[jz-variant="subtitle"]{font-size:var(--jz-fs-md);font-weight:600;line-height:1.3}&[jz-variant="body"]{font-size:var(--jz-fs-base);font-weight:400;line-height:var(--jz-line-height)}&[jz-variant="label"]{font-size:var(--jz-fs-ui-sm);font-weight:500;line-height:1.3}&[jz-variant="caption"]{font-size:var(--jz-fs-ui-sm);font-weight:400;line-height:1.3}&[jz-variant="small"]{font-size:var(--jz-fs-ui-xs);font-weight:400;line-height:1.3}&[jz-weight="light"]{font-weight:300}&[jz-weight="regular"]{font-weight:400}&[jz-weight="medium"]{font-weight:500}&[jz-weight="semibold"]{font-weight:600}&[jz-weight="bold"]{font-weight:700}&[jz-align="left"]{text-align:left}&[jz-align="center"]{text-align:center}&[jz-align="right"]{text-align:right}&[jz-truncate]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}&[jz-truncate],&[jz-lines]{flex-shrink:1}&[jz-lines]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;min-width:0}&[jz-mono]{font-family:ui-monospace,'Cascadia Mono',Consolas,monospace}}
jz-ui-tooltip{position:fixed;z-index:100;display:none;visibility:hidden;opacity:0;pointer-events:none;white-space:nowrap;font-size:var(--jz-fs-ui-sm);font-weight:500;line-height:normal;text-align:center;background-color:var(--pd);color:var(--pd-on);border-radius:4px;padding:0.5rem 0.75rem;transition:opacity 150ms;&[jz-arrow]::after{content:'';position:absolute;width:8px;height:8px;background:inherit;transform:translate(-50%,-50%) rotate(45deg)}&[jz-arrow][jz-placed="top"]::after{top:100%;left:var(--tt-arrow,50%)}&[jz-arrow][jz-placed="bottom"]::after{top:0;left:var(--tt-arrow,50%)}&[jz-arrow][jz-placed="left"]::after{top:var(--tt-arrow,50%);left:100%}&[jz-arrow][jz-placed="right"]::after{top:var(--tt-arrow,50%);left:0}&.multiline{white-space:normal;max-width:300px;text-align:left;line-height:1.35;& .msg{font-weight:600}& .hint{font-weight:400;opacity:0.85}& .msg+.hint{margin-top:4px}}}
jz-ui-box{display:block}
jz-ui-card{display:block;padding:calc(var(--jz-space) * 4);border-radius:0.75rem;background-color:color-mix(in oklab,var(--jz-surface),var(--jz-tone,var(--jz-ambient-on)) calc(var(--jz-tone-step,5%) * var(--jz-card-n,0)));color:var(--jz-ambient-on);box-shadow:var(--md-sys-elevation-level1);&[jz-outline]{background-color:transparent;border:1px solid var(--jz-border);box-shadow:none;color:var(--jz-ambient-on)}}
jz-ui-container{display:block;max-width:75rem;margin:0 auto;padding:0 calc(var(--jz-space) * 4);width:100%;&[jz-max]{max-width:100%}}@media (max-width:600px){jz-ui-container{padding:0 calc(var(--jz-space) * 2)}}
jz-ui-divider{display:block;block-size:1px;min-inline-size:1.5rem;background-color:var(--jz-border);margin:calc(var(--jz-space) * 3) 0;&[jz-size="small"]{margin:0.5rem 0}&[jz-size="medium"]{margin:1rem 0}&[jz-size="large"]{margin:1.5rem 0}&[jz-label]{display:flex;align-items:center;gap:calc(var(--jz-space) * 3);block-size:auto;background-color:transparent;color:var(--jz-text-muted,var(--jz-muted));font-size:0.8em;font-weight:500;white-space:nowrap;&::before,&::after{content:'';flex:1;block-size:1px;background-color:var(--jz-border)}}&[jz-vertical]{block-size:auto;inline-size:1px;min-block-size:1.5rem;min-inline-size:auto;margin:0 calc(var(--jz-space) * 3)}&[jz-vertical][jz-size="small"]{margin:0 0.5rem}&[jz-vertical][jz-size="medium"]{margin:0 1rem}&[jz-vertical][jz-size="large"]{margin:0 1.5rem}}
jz-ui-drawer-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,0.4);z-index:40;animation:jz-drawer-fade-in 200ms ease-out;transition:opacity 200ms ease-out,visibility 0s linear 0s;&[jz-closed]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity 200ms ease-in,visibility 0s linear 200ms}}jz-ui-drawer{position:fixed;top:0;bottom:0;z-index:41;display:flex;flex-direction:column;background-color:var(--jz-ambient);color:var(--jz-ambient-on);box-shadow:var(--md-sys-elevation-level4);overflow-y:auto;transition:transform 200ms ease-out,visibility 0s linear 0s;&[jz-position="left"]{left:0;animation:jz-drawer-slide-left 200ms ease-out}&[jz-position="right"]{right:0;animation:jz-drawer-slide-right 200ms ease-out}&[jz-closed]{visibility:hidden;pointer-events:none;transition:transform 200ms ease-in,visibility 0s linear 200ms}&[jz-closed][jz-position="left"]{transform:translateX(calc(-100% - 24px))}&[jz-closed][jz-position="right"]{transform:translateX(calc(100% + 24px))}&[jz-inline]{position:static;flex-shrink:0;z-index:auto;box-shadow:none;border-right:1px solid var(--jz-border,#e0e0e0);animation:none;transition:margin 200ms ease-out,visibility 0s linear 0s}&[jz-inline][jz-position="right"]{border-right:none;border-left:1px solid var(--jz-border,#e0e0e0)}&[jz-inline][jz-closed]{transform:none;transition:margin 200ms ease-in,visibility 0s linear 200ms}&[jz-inline][jz-closed][jz-position="left"]{margin-left:calc(-1 * var(--jz-drawer-width,280px))}&[jz-inline][jz-closed][jz-position="right"]{margin-right:calc(-1 * var(--jz-drawer-width,280px))}}@media (max-width:600px){jz-ui-drawer{width:100%!important}}@keyframes jz-drawer-fade-in{from{opacity:0}to{opacity:1}}@keyframes jz-drawer-slide-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes jz-drawer-slide-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
jz-ui-expansion{display:block;& summary{cursor:pointer;padding:calc(var(--jz-space) * 2) 0;font-weight:500;user-select:none;list-style:none;display:flex;align-items:center;gap:calc(var(--jz-space) * 2);&::before{content:'▸';transition:transform 150ms}&:focus{outline:none}&::-webkit-details-marker{display:none}}& details[open]>summary::before{transform:rotate(90deg)}& details>:not(summary){padding:calc(var(--jz-space) * 1) 0 calc(var(--jz-space) * 2) calc(var(--jz-space) * 5)}}jz-ui-expansion summary::after{content:'';display:none;inline-size:0.5em;block-size:0.5em;border-radius:50%;flex:none;background:currentColor}jz-ui-expansion summary[jz-status="warning"]{color:var(--warning);&::after{display:block}}jz-ui-expansion summary[jz-status="error"]{color:var(--error);&::after{display:block}}jz-ui-expansion>details:has(> :not(summary) [jz-status="warning"],> [jz-status="warning"]:not(summary))>summary:not([jz-status]){color:var(--warning);&::after{display:block}}jz-ui-expansion>details:has(> :not(summary) [jz-status="error"],> [jz-status="error"]:not(summary))>summary:not([jz-status]){color:var(--error);&::after{display:block}}
jz-ui-groupbox{display:flex;flex-direction:column;min-width:0;&>fieldset{margin:0;padding:0;min-width:0;min-inline-size:0;border:none;display:flex;flex-direction:column;flex:1 1 auto}& legend{display:flex;align-items:center;gap:calc(var(--jz-space) * 1.5);padding:0;line-height:1.2}& .title{font-size:var(--jz-fs-base);font-weight:600;color:var(--jz-ambient-on)}&[jz-status="warning"] .title{color:var(--warning)}&[jz-status="error"] .title{color:var(--error)}&.collapsible>fieldset>legend{cursor:pointer;user-select:none;&::before{content:'';width:0.4em;height:0.4em;border-right:2px solid var(--jz-muted);border-bottom:2px solid var(--jz-muted);transform:rotate(-45deg);transition:transform 150ms;margin:0 calc(var(--jz-space) * 1) 0 calc(var(--jz-space) * 0.5)}}&.collapsible[jz-open="true"]>fieldset>legend::before{transform:rotate(45deg)}& details>summary{display:none}& .body{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 3)}&.rule{gap:calc(var(--jz-space) * 2);& .body{padding:calc(var(--jz-space) * 2) 0 calc(var(--jz-space) * 1) calc(var(--jz-space) * 3);border-left:2px solid var(--jz-border)}}&.box{&>fieldset{border:1px solid var(--jz-border);border-radius:6px;padding:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 3) calc(var(--jz-space) * 3)}& legend{margin-left:4px;padding:0 calc(var(--jz-space) * 1.5)}&[jz-status="warning"]>fieldset{border-color:var(--warning)}&[jz-status="error"]>fieldset{border-color:var(--error)}}}
jz-ui-hbox{display:flex;flex-direction:row;&[grow]{flex-grow:1}&[shrink]{flex-shrink:1}&[rigid]{flex-shrink:0}&[growcontent]>*{flex-grow:1}&[rigidcontent]>*{flex-shrink:0}}
jz-ui-hsplit{display:flex!important;&>.left{flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;min-height:0;transition:flex-basis 300ms ease;&.dragging{transition:none}}&>.right{flex-grow:1;flex-shrink:1;width:100%;overflow:auto;display:flex;flex-direction:column;min-height:0}}
jz-ui-only{display:contents}jz-ui-adaptive{display:contents}
[jz-splitter]{flex-grow:0;flex-shrink:0;user-select:none;position:relative;background-color:var(--jz-ambient);transition:background-image 150ms;&::before{content:'';position:absolute;z-index:1}&::after{content:'⋮';position:absolute;top:50%;left:50%;font-size:12px;color:var(--jz-ambient-on);background:var(--jz-ambient);border:1px solid var(--jz-border);border-radius:4px;padding:calc(var(--jz-space) * 0.5) calc(var(--jz-space) * 0.25);z-index:2;opacity:0.6}&:hover::after{opacity:1}&[jz-handle="hidden"]{display:none}&[jz-handle="stealth"]{&::after{opacity:0;transition:opacity 300ms 200ms}&:hover::after{opacity:1}}}[jz-splitter="col"]{width:max(3px,var(--splitter-width,3px));cursor:e-resize;background-image:linear-gradient(to right,transparent calc(50% - 0.5px),var(--splitter-color,var(--jz-border)) calc(50% - 0.5px),var(--splitter-color,var(--jz-border)) calc(50% + 0.5px),transparent calc(50% + 0.5px));&::before{inset:0 calc(-1 * var(--splitter-grab,4px))}&::after{transform:translate(-50%,-50%)}&:hover{background-image:linear-gradient(to right,transparent calc(50% - 0.5px),var(--splitter-hover,var(--pb)) calc(50% - 0.5px),var(--splitter-hover,var(--pb)) calc(50% + 0.5px),transparent calc(50% + 0.5px))}}[jz-splitter="row"]{height:max(3px,var(--splitter-width,3px));cursor:n-resize;background-image:linear-gradient(to bottom,transparent calc(50% - 0.5px),var(--splitter-color,var(--jz-border)) calc(50% - 0.5px),var(--splitter-color,var(--jz-border)) calc(50% + 0.5px),transparent calc(50% + 0.5px));&::before{inset:calc(-1 * var(--splitter-grab,4px)) 0}&::after{transform:translate(-50%,-50%) rotate(90deg)}&:hover{background-image:linear-gradient(to bottom,transparent calc(50% - 0.5px),var(--splitter-hover,var(--pb)) calc(50% - 0.5px),var(--splitter-hover,var(--pb)) calc(50% + 0.5px),transparent calc(50% + 0.5px))}}[jz-splitter][jz-bar="solid"]{background-image:linear-gradient(var(--splitter-color,var(--jz-border)),var(--splitter-color,var(--jz-border)));transition:background-color 150ms}[jz-splitter][jz-bar="solid"]:hover{background-image:none;background-color:var(--splitter-hover,var(--pb))}[jz-splitter][jz-bar="none"],[jz-splitter][jz-bar="none"]:hover{background-image:none}
jz-ui-tabs{display:flex;flex-direction:column;& .tab-bar{display:flex;flex:0 0 auto;border-bottom:1px solid var(--jz-border);overflow-x:auto;-webkit-overflow-scrolling:touch}& .tab-item{display:inline-flex;align-items:center;gap:calc(var(--jz-space) * 2);padding:calc(var(--jz-space) * 3) calc(var(--jz-space) * 5);cursor:pointer;font-size:var(--jz-fs-base);font-weight:500;color:var(--jz-muted);border-bottom:2px solid transparent;transition:color 150ms,border-color 150ms,background-color 150ms;user-select:none;white-space:nowrap;&:hover{color:var(--jz-selected)}&[jz-active]{color:var(--jz-selected);border-bottom-color:var(--jz-selected)}&[jz-disabled]{opacity:0.45;cursor:default;&:hover{color:var(--jz-muted)}}}& .tab-badge{min-width:1.5em;padding:0 0.45em;border-radius:999px;font-size:0.75em;line-height:1.6em;text-align:center;background-color:color-mix(in srgb,currentColor 16%,transparent)}& .tab-content{padding:calc(var(--jz-space) * 4) 0;flex:1 1 auto;min-height:0;overflow:auto}&[jz-variant="pills"]{& .tab-bar{border-bottom:none;gap:calc(var(--jz-space) * 1)}& .tab-item{border-bottom:none;border-radius:999px;padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 4);&:hover{background-color:color-mix(in srgb,var(--jz-selected) 10%,transparent)}&[jz-active]{color:var(--jz-selected-on,#fff);background-color:var(--jz-selected)}}}&[jz-variant="segmented"]{& .tab-bar{align-self:flex-start;border:1px solid var(--jz-border);border-radius:10px;padding:3px;gap:2px}& .tab-item{border-bottom:none;border-radius:7px;padding:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 4);&[jz-active]{color:var(--jz-ambient-on);background-color:var(--jz-surface);box-shadow:var(--md-sys-elevation-level1)}}}&[jz-vertical]{flex-direction:row;& .tab-bar{flex-direction:column;border-bottom:none;border-right:1px solid var(--jz-border);overflow-x:visible;overflow-y:auto}& .tab-item{border-bottom:none;border-right:2px solid transparent;margin-right:-1px;&[jz-active]{border-right-color:var(--jz-selected)}}& .tab-content{padding:0 calc(var(--jz-space) * 5)}}&[jz-vertical][jz-variant="pills"] .tab-bar{border-right:none;padding-right:calc(var(--jz-space) * 3)}&[jz-vertical][jz-variant="pills"] .tab-item{border-right:none;margin-right:0}&[jz-vertical][jz-variant="segmented"] .tab-bar{align-self:flex-start}}jz-ui-tabs .tab-item::after{content:'';display:none;inline-size:0.5em;block-size:0.5em;border-radius:50%;flex:none;background:currentColor}jz-ui-tabs .tab-item[jz-status="warning"]{color:var(--warning);&::after{display:block}}jz-ui-tabs .tab-item[jz-status="error"]{color:var(--error);&::after{display:block}}jz-ui-tabs:has(> .tab-content:nth-child(2) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(1):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(3) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(2):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(4) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(3):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(5) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(4):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(6) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(5):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(7) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(6):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(8) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(7):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(9) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(8):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(10) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(9):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(11) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(10):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(12) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(11):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(13) [jz-status="warning"])>.tab-bar>.tab-item:nth-of-type(12):not([jz-status]){color:var(--warning);&::after{display:block}}jz-ui-tabs:has(> .tab-content:nth-child(2) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(1):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(3) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(2):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(4) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(3):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(5) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(4):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(6) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(5):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(7) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(6):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(8) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(7):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(9) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(8):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(10) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(9):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(11) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(10):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(12) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(11):not([jz-status]),jz-ui-tabs:has(> .tab-content:nth-child(13) [jz-status="error"])>.tab-bar>.tab-item:nth-of-type(12):not([jz-status]){color:var(--error);&::after{display:block}}jz-ui-tabs .tab-bar:has(> .tab-item[jz-group]){padding-top:1.15em}jz-ui-tabs .tab-item[jz-group]{position:relative;overflow:visible;&::before{content:attr(jz-group);position:absolute;inset-block-start:-1.1em;inset-inline-start:calc(var(--jz-space) * 5);font-size:0.68em;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--jz-muted);opacity:0.8;white-space:nowrap;pointer-events:none}&:not(:first-child){margin-inline-start:calc(var(--jz-space) * 2);border-inline-start:1px solid var(--jz-border)}}jz-ui-tabs[jz-vertical] .tab-bar:has(> .tab-item[jz-group]){padding-top:0}jz-ui-tabs[jz-vertical] .tab-item[jz-group]{margin-block-start:1.4em;&::before{inset-block-start:-1.3em}&:not(:first-child){margin-inline-start:0;border-inline-start:0;border-top:1px solid var(--jz-border)}}jz-ui-tabs .tab-item>.tab-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:calc(var(--jz-space) * -2);padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:0.6}jz-ui-tabs .tab-item>.tab-close:hover{opacity:1;background-color:color-mix(in srgb,currentColor 14%,transparent)}jz-ui-tabs .tab-bar>.tab-bar-end{display:flex;align-items:center;margin-left:auto;flex:none}jz-ui-tabs[jz-keep-size]{display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);&>.tab-bar{grid-row:1;grid-column:1}&>.tab-content{grid-row:2;grid-column:1;min-width:0;min-height:0}&>.tab-content[jz-inactive]{visibility:hidden;pointer-events:none}}jz-ui-tabs[jz-keep-size][jz-vertical]{grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);&>.tab-bar{grid-row:1;grid-column:1}&>.tab-content{grid-row:1;grid-column:2}}
jz-ui-vbox{display:flex;flex-direction:column;&[grow]{flex-grow:1}&[shrink]{flex-shrink:1}&[rigid]{flex-shrink:0}&[growcontent]>*{flex-grow:1}&[rigidcontent]>*{flex-shrink:0}&>jz-ui-vbox{flex-grow:1}}
jz-ui-vsplit{flex-direction:column;display:flex;height:100%;&>.top{flex-shrink:0;overflow:hidden;display:flex;flex-direction:column;min-height:0}&>.bottom{flex-grow:1;flex-shrink:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}}
jz-ui-scene3d-scene3d{display:block;position:relative;min-height:200px;border-radius:6px;overflow:hidden;background-color:#17181e;& .jz-scene3d-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;&:active{cursor:grabbing}}& .jz-scene3d-stats{position:absolute;left:8px;bottom:6px;font-size:var(--jz-fs-ui-sm);color:rgba(255,255,255,0.55);pointer-events:none;font-variant-numeric:tabular-nums}&[jz-scene3d-error]{display:grid;place-items:center;& .jz-scene3d-canvas{display:none}& .jz-scene3d-stats{position:static;color:var(--error)}}}
:root{--jz-select-default:var(--pb,#6750a4);--jz-select-fill-alpha:14%;--jz-select-width:2px;--jz-selection-transition-time:120ms}[selgroup]{--jz-select-color:var(--jz-select-default)}[selkey]{transition:background-color var(--jz-selection-transition-time) ease,box-shadow var(--jz-selection-transition-time) ease}[selkey][selected]{background-color:color-mix(in srgb,var(--jz-select-color) var(--jz-select-fill-alpha),transparent)}[selkey][selcurrent]{box-shadow:inset 0 0 0 var(--jz-select-width) var(--jz-select-color)}[selkey][selcurrent]:focus,[selkey][selcurrent]:focus-visible{outline:none}[selkey][seldisabled]{opacity:0.5;cursor:default}.jz-marquee{position:fixed;z-index:9999;pointer-events:none;border:1px solid var(--jz-select-default);background-color:color-mix(in srgb,var(--jz-select-default) 12%,transparent);border-radius:2px}[selgroup][selecting] [selkey]{transition:none}[selgroup][selecting]{cursor:default}@media (forced-colors:active){[selkey][selected]{background-color:Highlight;color:HighlightText;forced-color-adjust:none}[selkey][selcurrent]{outline:var(--jz-select-width) solid CanvasText;outline-offset:calc(var(--jz-select-width) * -1)}}[jz-select-samples]{--jz-select-color:var(--jz-select-default)}[jz-select-sample~="selected"]{background-color:color-mix(in srgb,var(--jz-select-color) var(--jz-select-fill-alpha),transparent)}[jz-select-sample~="current"]{box-shadow:inset 0 0 0 var(--jz-select-width) var(--jz-select-color)}
jz-activity-bar{display:flex;flex-direction:column;width:48px;height:100%;flex-shrink:0;user-select:none}jz-activity-bar-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;position:relative;cursor:pointer;opacity:0.5;border-left:2px solid transparent;transition:opacity 150ms,border-color 150ms;color:var(--jz-ambient-on);&:hover{opacity:0.85}&[jz-active]{opacity:1;border-left-color:var(--jz-selected)}}jz-activity-bar-badge{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;min-width:1rem;height:1rem;padding:0 calc(var(--jz-space) * 0.8);border-radius:0.5rem;font-size:0.6rem;font-weight:600;background-color:var(--pb);color:var(--pb-on);line-height:1}.activity-bar-bottom{margin-top:auto}jz-activity-panel{display:flex;flex-direction:column;flex:1;height:100%;overflow-y:auto;min-width:0}jz-activity-bar-container{display:flex;flex-direction:row;height:100%}
jz-ui-appbar{display:flex;align-items:center;gap:calc(var(--jz-space) * 3);padding:0 calc(var(--jz-space) * 4);height:3.5rem;min-height:3.5rem;flex-shrink:0;& .left,& .right{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);flex-shrink:0}& .title{font-size:var(--jz-fs-md);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .content{flex-grow:1;display:flex;align-items:center}&[jz-position="top"]{position:sticky;top:0;z-index:10}&[jz-position="bottom"]{position:sticky;bottom:0;z-index:10}}
jz-shell-body{display:flex;flex:1 1 auto;min-height:0;position:relative}jz-activity-rail{display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--jz-border);&>jz-activity-bar-container{flex:1 1 auto;min-height:0}&:empty{display:none}}jz-hotkey-stamps{display:none!important}jz-app-strip{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);height:2.25rem;min-height:2.25rem;padding:0 calc(var(--jz-space) * 2);flex-shrink:0;border-bottom:1px solid var(--jz-border);& .title{font-size:var(--jz-fs-base);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .logo{display:flex;align-items:center;flex-shrink:0;& svg,& img{width:20px!important;height:20px!important}}& .spacer{flex:1 1 auto}& .actions{display:flex;align-items:center;gap:calc(var(--jz-space) * 1)}}jz-strip-toggle,jz-shell-settings .jz-settings-hit{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:6px;cursor:pointer;opacity:0.75;transition:background-color 100ms,opacity 100ms;&:hover{background-color:var(--jz-border);opacity:1}&:focus-visible{outline:2px solid var(--pb,currentColor);outline-offset:1px}}jz-shell-minirail{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:2.25rem;padding:calc(var(--jz-space)) 0;border-right:1px solid var(--jz-border);& .spacer{flex:1 1 auto}&:empty{display:none}}jz-sidebar-head{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;padding:calc(var(--jz-space)) calc(var(--jz-space) * 1.5);&:empty{display:none}}jz-shell-settings{position:relative;display:flex;flex-shrink:0;&[jz-place="status"]{align-items:center;margin-left:calc(var(--jz-space) * -1);& .jz-settings-hit{width:1.25rem;height:1.25rem;border-radius:4px;overflow:hidden;line-height:1}}&[jz-place="sidebar"]{justify-content:flex-start;border-top:1px solid var(--jz-border);padding:calc(var(--jz-space)) calc(var(--jz-space) * 1.5)}&[jz-place="rail"]{flex-direction:column;align-items:center;gap:calc(var(--jz-space) * 0.5);justify-content:center;padding:calc(var(--jz-space)) 0}&[jz-place="sidebar"],&[jz-place="status"],&[jz-place="strip"]{gap:calc(var(--jz-space) * 0.5)}}.jz-nav-overflow-menu.jz-settings-menu-sidebar,.jz-nav-overflow-menu.jz-settings-menu-rail,.jz-nav-overflow-menu.jz-settings-menu-status{top:auto;bottom:100%;left:0;right:auto;transform-origin:bottom left}.jz-nav-overflow-menu.jz-settings-menu-strip{left:auto;right:0;transform-origin:top right}.jz-settings-menu-sidebar .jz-locale-menu,.jz-settings-menu-rail .jz-locale-menu,.jz-settings-menu-status .jz-locale-menu{top:auto;bottom:0;left:100%;right:auto;transform-origin:bottom left}.jz-nav-overflow-menu{left:auto;right:0;transform-origin:top right}.jz-nav-overflow-extra{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--jz-space) * 2);cursor:default;&:hover{background-color:transparent!important}}.jz-nav-overflow-heading{font-size:0.75em;letter-spacing:0.06em;text-transform:uppercase;opacity:0.6;pointer-events:none;padding-top:calc(var(--jz-space) * 3)}.jz-nav-overflow-item{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);&[jz-disabled]{opacity:0.45;pointer-events:none}& .jz-nav-overflow-title{flex:1 1 auto}& kbd{font-size:0.75em;opacity:0.6;font-family:inherit;padding-left:calc(var(--jz-space) * 4)}}jz-status-bar{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);height:1.375rem;min-height:1.375rem;padding:0 calc(var(--jz-space) * 2);flex-shrink:0;border-top:1px solid var(--jz-border);font-size:var(--jz-fs-ui-xs);color:var(--jz-ambient-on);&>.items{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}&>.spacer{flex:1 1 auto}}jz-brand-badge{display:flex;align-items:center;gap:4px;flex-shrink:0;white-space:nowrap;color:var(--jz-ambient-on);opacity:0.55;user-select:none;&>span{font-size:0.625rem;line-height:1;letter-spacing:0.08em;text-transform:uppercase}}jz-sidebar-fab{position:fixed;bottom:1.25rem;left:1.25rem;z-index:45;display:inline-flex;box-shadow:var(--md-sys-elevation-level3);border-radius:50%;animation:jz-sidebar-fade-in 200ms ease-out}
jz-ui-bottomnav{display:flex;flex-shrink:0;height:3.5rem;border-top:1px solid var(--jz-border);background-color:var(--jz-ambient);padding-bottom:env(safe-area-inset-bottom,0)}.jz-bottomnav-tab{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--jz-ambient-on);opacity:0.6;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;&[jz-active]{opacity:1;color:var(--jz-selected,var(--jz-ambient-on))}&:disabled{opacity:0.3}&:focus-visible{outline:2px solid var(--pb,currentColor);outline-offset:-4px}}.jz-bottomnav-icon{position:relative;display:flex}.jz-bottomnav-badge{position:absolute;top:-4px;right:-10px;min-width:1rem;height:1rem;padding:0 4px;border-radius:0.5rem;font-size:0.6rem;font-weight:600;line-height:1rem;text-align:center;background-color:var(--pb);color:var(--pb-on)}.jz-bottomnav-label{max-width:100%;font-size:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
jz-ui-breadcrumb{display:flex;align-items:center;gap:2px;min-width:0;overflow:hidden}.jz-crumb-sep{flex:0 0 auto;color:var(--jz-muted);padding:0 1px}.jz-crumb-dd{display:flex;min-width:0;flex:0 1 auto;border-radius:4px}.jz-crumb{display:inline-flex;align-items:center;gap:4px;min-width:2.5em;flex:0 1 auto;padding:2px 6px;border:0;border-radius:4px;background:none;color:inherit;font:inherit;white-space:nowrap;&>.jz-crumb-label{overflow:hidden;text-overflow:ellipsis}&:is(button){cursor:pointer;color:var(--jz-muted);&:hover{background-color:var(--jz-hover-bg,rgba(127,127,127,0.12));color:inherit}&:focus-visible{outline:2px solid var(--pb,currentColor);outline-offset:-2px}}&.current{font-weight:600}.jz-crumb-dd>&{max-width:100%}}jz-ui-breadcrumb>.jz-crumb.current,jz-ui-breadcrumb>.jz-crumb-dd:has(> .jz-crumb.current){flex-shrink:0;max-width:60%}
jz-ui-menubar{display:flex;align-items:center;gap:2px;height:100%;user-select:none}.jz-menubar-entry{position:relative;display:flex;align-items:center;height:100%}.jz-menubar-title{display:flex;align-items:center;height:1.75rem;padding:0 calc(var(--jz-space) * 2.5);border-radius:4px;font-size:var(--jz-fs-base);cursor:pointer;white-space:nowrap;transition:background-color 100ms;&:hover,&[jz-open]{background-color:var(--jz-border)}}.jz-menubar-menu{min-width:13rem;margin-top:2px;transform-origin:top left}.jz-menubar-icon-gap{display:inline-block;width:1.25em;flex-shrink:0}
jz-ui-navmenu{display:flex;flex-direction:column;padding:calc(var(--jz-space) * 1) 0;overflow-y:auto;height:100%;font-size:var(--jz-fs-base);user-select:none}jz-ui-navmenuitem-item{display:block;.navmenu-item-content{display:flex;align-items:center;gap:calc(var(--jz-space) * 2.5);padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);margin:calc(var(--jz-space) * 0.25) calc(var(--jz-space) * 2);text-decoration:none;cursor:pointer;transition:background-color 150ms;&:not([jz-radius]){border-radius:0.375rem}&:not([jz-color]){color:var(--jz-ambient-on)}&:not([jz-color]):hover{background-color:var(--jz-hover-bg)}}&[jz-selected] .navmenu-item-content:not([jz-color]){background-color:var(--jz-selected);color:var(--jz-selected-on)}&[jz-disabled]{opacity:0.45;pointer-events:none}&[jz-depth="1"] .navmenu-item-content{padding-left:2.25rem}&[jz-depth="2"] .navmenu-item-content{padding-left:3.75rem}&[jz-depth="3"] .navmenu-item-content{padding-left:5.25rem}}.navmenu-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}jz-ui-navmenugroup-group{display:block}.navmenu-group-header{display:flex;align-items:center;gap:calc(var(--jz-space) * 2.5);padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);margin:calc(var(--jz-space) * 0.25) calc(var(--jz-space) * 2);font-weight:500;cursor:pointer;transition:background-color 150ms;&:not([jz-radius]){border-radius:0.375rem}&:not([jz-color]){color:var(--jz-ambient-on)}&:not([jz-color]):hover{background-color:var(--jz-hover-bg)}&[jz-disabled]{opacity:0.45;pointer-events:none}}jz-ui-navmenugroup-group[jz-depth="1"]>.navmenu-group-header{padding-left:2.25rem}jz-ui-navmenugroup-group[jz-depth="2"]>.navmenu-group-header{padding-left:3.75rem}jz-ui-navmenugroup-group[jz-depth="3"]>.navmenu-group-header{padding-left:5.25rem}.navmenu-group-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navmenu-chevron{transition:transform 200ms ease}jz-ui-navmenugroup-group[jz-open]>.navmenu-group-header .navmenu-chevron{transform:rotate(180deg)}.navmenu-group-children{overflow:hidden}jz-navmenu-divider{display:block;height:1px;margin:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 4);background-color:var(--jz-border)}jz-navmenu-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 calc(var(--jz-space) * 1.5);border-radius:0.625rem;font-size:0.7rem;font-weight:600;background-color:var(--error);color:var(--error-on);line-height:1}jz-ui-navmenu[jz-compact]{jz-ui-navmenuitem-item .navmenu-item-content,.navmenu-group-header{padding-top:calc(var(--jz-space) * 1.2);padding-bottom:calc(var(--jz-space) * 1.2);font-size:var(--jz-fs-ui-sm)}}.navmenu-chevron-hit{display:inline-flex;align-items:center;margin-left:auto;padding:0 0.15rem;border-radius:4px}.navmenu-chevron-hit:hover{background:rgba(127,127,127,0.18)}.navmenu-group-header[jz-selected]{font-weight:600}
jz-sidebar-backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,0.4);z-index:40;animation:jz-sidebar-fade-in 200ms ease-out}jz-sidebar{display:flex;flex-direction:column;background-color:var(--jz-ambient);color:var(--jz-ambient-on);overflow:hidden;&[jz-mode="inline"]{flex-shrink:0;transition:width 300ms ease;overflow-y:auto;position:relative;&.dragging{transition:none}&[jz-position="left"]{border-right:1px solid var(--jz-border,#e0e0e0)}&[jz-position="right"]{border-left:1px solid var(--jz-border,#e0e0e0)}}& .jz-sidebar-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;user-select:none;z-index:2;&:hover{background-color:var(--jz-border,#e0e0e0)}}&[jz-position="left"] .jz-sidebar-handle{right:0}&[jz-position="right"] .jz-sidebar-handle{left:0}&[jz-mode="overlay"]{position:absolute;top:0;bottom:0;z-index:41;box-shadow:2px 0 8px rgba(0,0,0,0.2);overflow-y:auto;&[jz-position="left"]{left:0;animation:jz-sidebar-slide-left 200ms ease-out}&[jz-position="right"]{right:0;animation:jz-sidebar-slide-right 200ms ease-out;box-shadow:-2px 0 8px rgba(0,0,0,0.2)}}}jz-sidebar-backdrop[jz-input="mouse"]{background-color:transparent;animation:none}jz-sidebar[jz-mode="overlay"][jz-input="mouse"]{box-shadow:var(--md-sys-elevation-level3,2px 0 12px rgba(0,0,0,0.25));border-right:1px solid var(--jz-border,#e0e0e0)}jz-sidebar-backdrop[jz-input="touch"]{background-color:rgba(0,0,0,0.45)}jz-sidebar[jz-mode="overlay"][jz-input="touch"]{width:min(85%,20rem)!important;box-shadow:4px 0 24px rgba(0,0,0,0.3);&[jz-position="left"]{animation:jz-sidebar-slide-left 260ms cubic-bezier(0.2,0.8,0.2,1)}}@media (max-width:600px){jz-sidebar[jz-mode="overlay"]:not([jz-input]){width:85%!important}}@keyframes jz-sidebar-fade-in{from{opacity:0}to{opacity:1}}@keyframes jz-sidebar-slide-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes jz-sidebar-slide-right{from{transform:translateX(100%)}to{transform:translateX(0)}}
jz-ui-sidesections{display:flex;flex-direction:column;height:100%;min-height:0;overflow-y:auto}.jz-side-list{flex-shrink:0;padding-bottom:calc(var(--jz-space) * 1)}.jz-side-section{display:flex;flex-direction:column;flex:0 0 auto;min-height:0;&[jz-open]{flex:0 0 auto}}.jz-side-section-header{display:flex;align-items:center;gap:calc(var(--jz-space) * 1);height:1.6rem;flex-shrink:0;padding:0 calc(var(--jz-space) * 2);font-size:0.72rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;cursor:pointer;user-select:none;&:hover{background-color:var(--jz-border)}&:focus-visible{outline:2px solid var(--pb,currentColor);outline-offset:-2px}}.jz-side-section-chevron{display:inline-flex;margin-left:auto;transition:transform 120ms ease}.jz-side-section[jz-open] .jz-side-section-chevron{transform:rotate(180deg)}.jz-side-section-title{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jz-side-section-badge{min-width:1rem;padding:0 4px;border-radius:0.5rem;font-size:0.65rem;line-height:1rem;text-align:center;background-color:var(--pb);color:var(--pb-on)}.jz-side-section-body{flex:0 0 auto;min-height:0}
jz-ui-backgroundimagepicker{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 2);& .tiles{display:flex;flex-wrap:wrap;gap:calc(var(--jz-space) * 1.5)}& .tile{position:relative;width:64px;height:44px;border-radius:4px;background-size:cover;background-position:center;background-color:var(--jz-ambient);outline:1px solid var(--jz-border);cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;&:hover{outline-color:var(--jz-selected)}&[jz-active]{outline:2px solid var(--jz-selected)}&.none{align-items:center;font-size:var(--jz-fs-ui-xs);color:var(--jz-text-muted);background-color:var(--jz-surface)}& .label{width:100%;padding:1px 4px;font-size:var(--jz-fs-ui-xs);line-height:1.2;color:#fff;background:rgba(0,0,0,0.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .delete{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:12px;line-height:1;color:#fff;background:rgba(0,0,0,0.6)}&:hover .delete{display:flex}}}
jz-ui-huering{display:block;& .ring{position:relative;width:200px;height:200px;border-radius:50%;margin:6px auto;cursor:grab;user-select:none;&.spinning{cursor:grabbing}}& .stripe{position:absolute;border-radius:50%;pointer-events:none}& .disc{position:absolute;inset:25%;border-radius:50%;background:var(--jz-ambient);box-shadow:0 0 0 1px var(--jz-border);display:flex;align-items:center;justify-content:center;gap:6px;pointer-events:none;& .dot{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 1px var(--jz-border)}}& .tick{position:absolute;width:2px;height:7px;background:var(--jz-ambient-on);opacity:0.55;border-radius:1px;pointer-events:none}& .brand{position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:9px solid var(--jz-ambient-on);transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 0 1px var(--jz-ambient))}& .handle{position:absolute;width:24px;height:24px;border-radius:50%;border:2px solid var(--jz-ambient);box-shadow:0 0 0 1.5px var(--jz-ambient-on),0 1px 4px rgba(0,0,0,0.35);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:var(--jz-fs-ui-xs);font-weight:700;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.8);pointer-events:none}}
jz-ui-paletteeditor{display:block;& .palette{display:flex;flex-direction:column;gap:6px;margin-top:8px}& .role{display:flex;align-items:center;gap:8px;& .role-name{flex:0 0 6em;font-size:var(--jz-fs-ui-sm);color:var(--jz-muted)}& .row{display:flex;gap:2px}& ColorInput{flex:0 0 7.5em}}& .role-note{font-size:var(--jz-fs-ui-xs);color:var(--jz-muted)}& .swatch{width:38px;height:30px;border-radius:4px;outline:1px solid var(--jz-border);display:flex;align-items:center;justify-content:center;font-size:var(--jz-fs-ui-sm);font-weight:500;line-height:1}& .reset{font-size:var(--jz-fs-ui-xs);color:var(--pb);cursor:pointer;padding:1px 6px;border:1px solid var(--pb);border-radius:999px;user-select:none;&:hover{background:var(--jz-hover-bg)}}}
jz-ui-skindesigner{display:flex;flex-direction:column;gap:12px;width:100%;& .skins{display:flex;flex-wrap:wrap;gap:8px;align-items:center}& .skin-pick{display:flex;align-items:center;gap:10px;font-weight:600}& .skin-pick>:last-child{min-width:220px}& .body{display:grid;grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:16px;align-items:start}& .body.single{grid-template-columns:minmax(0,1fr)}& .parts{display:flex;flex-direction:column;gap:8px}& .part-list{display:flex;flex-direction:column;max-height:520px;overflow-y:auto;border:1px solid var(--jz-border);border-radius:8px;padding:4px}& .ns{font-size:var(--jz-fs-ui-xs);color:var(--jz-muted);padding:8px 8px 2px}& .part{padding:4px 8px;border-radius:6px;cursor:pointer;font-size:var(--jz-fs-ui-sm)}& .part:hover{background:color-mix(in srgb,var(--pb) 10%,transparent)}& .part.sel{background:color-mix(in srgb,var(--pb) 20%,transparent);font-weight:600}& .part.set{color:var(--pb)}& .design{display:flex;flex-direction:column;gap:10px;min-width:0}& .head{display:flex;gap:10px;align-items:baseline}& .head .fqn{font-size:var(--jz-fs-ui-xs);color:var(--jz-muted)}& .skin-grid{border-collapse:collapse;width:100%}& .skin-grid th{text-align:left;font-size:var(--jz-fs-ui-xs);color:var(--jz-muted);font-weight:600;padding:4px 6px}& .skin-grid td{padding:2px 6px;vertical-align:middle}& .skin-grid td.name{font-size:var(--jz-fs-ui-sm);white-space:nowrap;cursor:help}& .skin-grid tr.own td.name{color:var(--pb);font-weight:600}& .skin-grid tr.group td{padding-top:10px;font-size:var(--jz-fs-ui-xs);text-transform:uppercase;letter-spacing:0.06em;color:var(--jz-muted)}& .skin-grid .na{color:var(--jz-muted)}& .gradient{display:flex;flex-direction:column;gap:4px}& .chip-row{display:flex;flex-wrap:wrap;gap:4px}& .skin-error{flex:1 1 100%;font-size:var(--jz-fs-ui-sm);color:var(--error)}& [jz-button]:focus-visible{outline:2px solid var(--pb);outline-offset:2px;border-radius:6px}& .skin-chip{cursor:pointer}& .swatch-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}& .swatch-group{display:flex;gap:3px}& .swatch{width:18px;height:18px;border-radius:4px;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--jz-ambient-on) 25%,transparent)}& .swatch.on{outline:2px solid var(--pb);outline-offset:2px}& .swatch.clear{background:repeating-conic-gradient(#8886 0 25%,transparent 0 50%) 0 0 / 8px 8px!important}& .swatch-row ColorInput{width:120px}& .builds-on{display:flex;gap:8px;align-items:flex-start;font-size:var(--jz-fs-ui-sm)}& .preview{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px;border-radius:8px;background:var(--jz-ambient);border:1px dashed var(--jz-border)}& .variant{display:flex;gap:8px;align-items:center}& .css{display:flex;flex-direction:column;gap:4px;font-size:var(--jz-fs-ui-sm)}& .actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}& .code{margin:0;padding:10px;border-radius:8px;background:var(--jz-surface);font-size:12px;white-space:pre-wrap}& .empty{color:var(--jz-muted);font-size:var(--jz-fs-ui-sm)}}@container (max-width:560px){jz-ui-skindesigner .body{grid-template-columns:1fr}}
jz-ui-themeconfigurator{display:flex;flex-direction:column;min-height:0;&>jz-ui-form{flex:1 1 auto;min-height:0;overflow:auto}& .mode-pinned{font-size:var(--jz-fs-ui-sm,0.8125rem);opacity:0.7;padding:calc(var(--jz-space) * 1) 0}& .tab-bar{margin-bottom:10px}& .harmony .legend{display:flex;flex-direction:column;gap:2px;font-size:var(--jz-fs-ui-sm);color:var(--jz-muted);& b{display:inline-block;width:1.4em;color:var(--jz-ambient-on)}}& .spread{display:flex;flex-direction:column;gap:4px;& input[type="range"]{width:100%}}& .ladder{display:flex;gap:6px;align-items:flex-end;& .bar{display:flex;flex-direction:column;align-items:center;gap:2px;& .fill{width:22px;background:var(--pb);border-radius:3px}& span{font-size:var(--jz-fs-ui-sm);color:var(--jz-muted);line-height:1.1}}}& .role-note{font-size:var(--jz-fs-ui-xs);color:var(--jz-muted)}& .reset{font-size:var(--jz-fs-ui-xs);color:var(--pb);cursor:pointer;padding:1px 6px;border:1px solid var(--pb);border-radius:999px;user-select:none;&:hover{background:var(--jz-hover-bg)}}& .pinnable{display:flex;align-items:center;gap:8px;& ColorInput{flex:1 1 auto}}& .bg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}}
jz-ui-themepreview{display:flex;flex-direction:column;min-height:0;border:1px solid var(--jz-border);border-radius:8px;overflow:hidden;& .preview-tabs{flex:1 1 auto;min-height:0;& .tab-bar{background-color:var(--jz-surface)}& .tab-content{padding:0;display:flex;flex-direction:column;overflow:hidden}}& .preview-stage{flex:1 1 auto;min-height:0;overflow:auto;background-color:var(--jz-ambient-dark,var(--jz-ambient))}& .preview-page{min-height:100%;padding:calc(var(--jz-space) * 4);background-color:var(--jz-ambient);color:var(--jz-ambient-on)}& .preview-table{width:100%;border-collapse:collapse;font-size:var(--jz-fs-ui-sm,0.8125rem);& th,& td{text-align:left;padding:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 2);border-bottom:1px solid var(--jz-border)}& th{opacity:0.7;font-weight:600}& td:last-child{width:40%}}& .preview-shell{display:flex;flex-direction:column;height:16rem;border:1px solid var(--jz-border);border-radius:6px;overflow:hidden}& .preview-strip{padding:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 3);font-weight:600}& .preview-body{flex:1 1 auto;display:flex;min-height:0}& .preview-side{width:8rem;padding:calc(var(--jz-space) * 1.5);border-right:1px solid var(--jz-border);background-color:var(--jz-surface)}& .preview-nav{padding:calc(var(--jz-space) * 1.25) calc(var(--jz-space) * 2);border-radius:4px;font-size:var(--jz-fs-ui-sm,0.8125rem);&[jz-active]{background-color:var(--pl,var(--jz-border));color:var(--pl-on,inherit)}}& .preview-main{flex:1 1 auto;display:flex;flex-direction:column;gap:calc(var(--jz-space) * 2);padding:calc(var(--jz-space) * 3)}& .preview-status{padding:calc(var(--jz-space) * 0.75) calc(var(--jz-space) * 3);font-size:var(--jz-fs-ui-xs,0.75rem);border-top:1px solid var(--jz-border);opacity:0.8}}
jz-ui-themesettings{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--jz-space) * 4);min-height:0;&[jz-preview]{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}& .settings-edit{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 2.5);min-width:0}& .settings-heading{font-weight:600;font-size:var(--jz-fs-ui-sm,0.8125rem);text-transform:uppercase;letter-spacing:0.06em;opacity:0.7}& .settings-hint{font-size:var(--jz-fs-ui-xs,0.75rem);opacity:0.7}& .settings-note{font-size:var(--jz-fs-ui-sm,0.8125rem);padding:calc(var(--jz-space) * 2) calc(var(--jz-space) * 3);border-radius:6px;background-color:var(--jz-hover-bg)}& .settings-preview{align-self:start;position:sticky;top:0;min-height:24rem}&[jz-fill]{flex:1 1 auto;min-height:0;grid-auto-rows:minmax(0,1fr);& .settings-edit{min-height:0;overflow:auto}& .settings-configurator{flex:none;min-height:0;&>jz-ui-form{flex:none;overflow:visible}}& .settings-preview{align-self:stretch;position:static;height:auto;min-height:0}}& .settings-group-body{display:flex;flex-direction:column;gap:calc(var(--jz-space) * 2.5)}& .skin-parts{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}& .skin-part{display:flex;align-items:center;gap:10px;flex-wrap:wrap}& .skin-part-name{min-width:7em;font-size:var(--jz-fs-ui-sm)}& .skin-part-chips{display:flex;gap:6px;flex-wrap:wrap}& .skin-chip{cursor:pointer}& .theme-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr));gap:calc(var(--jz-space) * 2)}& .theme-card{position:relative;display:flex;flex-direction:column;gap:calc(var(--jz-space) * 1);padding:calc(var(--jz-space) * 1);border-radius:8px;border:1px solid var(--jz-border);cursor:pointer;&:hover{border-color:var(--jz-selected)}&[jz-active]{border-color:var(--jz-selected);box-shadow:0 0 0 1px var(--jz-selected)}&:hover .theme-del{display:flex}}& .theme-preview{position:relative;height:3.25rem;border-radius:5px;overflow:hidden}& .theme-dots{position:absolute;left:6px;bottom:6px;display:flex;gap:4px;padding:3px 5px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.25);& span{width:11px;height:11px;border-radius:50%}}& .theme-name{font-size:var(--jz-fs-ui-xs,0.75rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .theme-del{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;display:none;align-items:center;justify-content:center;font-size:13px;line-height:1;color:#fff;background:rgba(0,0,0,0.6)}& .save-row{display:flex;gap:calc(var(--jz-space) * 2);align-items:center;&>:first-child{flex:1 1 auto}}& .skin-preview{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:6px;background:var(--jz-ambient)}}
jz-ui-treeview{display:block;font-family:var(--jz-font-family);font-size:0.8rem;color:var(--jz-ambient-on);user-select:none;& .tree-row{display:flex;align-items:center;gap:calc(var(--jz-space) * 1);padding:calc(var(--jz-space) * 0.75) calc(var(--jz-space) * 2) calc(var(--jz-space) * 0.75) calc(var(--jz-space) * 1.5);cursor:pointer;line-height:1.3;border-radius:3px}& .tree-row:hover{background-color:var(--jz-hover-bg)}& .tree-row.selected{background-color:var(--jz-focus-ring);font-weight:600}& .tw{flex:0 0 auto;width:11px;font-size:0.7rem;opacity:0.7;text-align:center}& .tw[jz-toggle]{cursor:pointer;padding:0.2rem 0.3rem;margin:-0.2rem -0.3rem;box-sizing:content-box;border-radius:0.2rem}& .tw[jz-toggle]:hover{opacity:1;background-color:var(--jz-hover-bg)}& .lbl{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}& .tree-dot{flex:0 0 auto;width:0.5rem;height:0.5rem;border-radius:50%;margin-left:calc(var(--jz-space) * 0.6);box-sizing:border-box}& .badge{flex:0 0 auto;font-size:0.62rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--jz-muted);border:1px solid var(--jz-border);border-radius:3px;padding:0 calc(var(--jz-space) * 1.2);line-height:1.4}}
[data-dock-stage]{--dock-lw:min(var(--dock-l,0px),40%);--dock-rw:min(var(--dock-r,0px),40%);--dock-bh:min(var(--dock-b,0px),60%)}[data-dock-stage]>[jz-work-area]{position:absolute;top:0;left:var(--dock-lw);right:var(--dock-rw);bottom:var(--dock-bh)}[data-dock-stage].dock-resizing iframe{pointer-events:none}jz-ui-dock{position:absolute;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;background-color:var(--jz-window-chrome-bg,var(--jz-surface));color:var(--jz-ambient-on);pointer-events:auto;:root.jz-window-moving &{z-index:99998!important}&.dock-left{left:0;top:0;bottom:0;width:var(--dock-lw);padding-right:3px}&.dock-right{right:0;top:0;bottom:0;width:var(--dock-rw);padding-left:3px}&.dock-bottom{left:var(--dock-lw);right:var(--dock-rw);bottom:0;height:var(--dock-bh);padding-top:3px}&>.dock-body{position:relative;display:flex;flex:1 1 auto;min-height:0}&>.dock-body.layout-split-h{flex-direction:row}&>.dock-body.layout-split-v{flex-direction:column}&>.dock-splitter{position:absolute;z-index:5;touch-action:none;background-color:transparent}&.dock-left>.dock-splitter{top:0;bottom:0;right:0;&::before{inset:0 0 0 calc(-2 * var(--splitter-grab,4px))}}&.dock-right>.dock-splitter{top:0;bottom:0;left:0;&::before{inset:0 calc(-2 * var(--splitter-grab,4px)) 0 0}}&.dock-bottom>.dock-splitter{left:0;right:0;top:0;&::before{inset:0 0 calc(-2 * var(--splitter-grab,4px)) 0}}&>.dock-strip{display:none}}jz-ui-dock>.dock-body>.dock-group{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;&>.dock-tabs{flex:1 1 auto;min-height:0;height:100%}&>.dock-tabs>.tab-bar{min-height:32px;padding:0 4px;gap:2px;scrollbar-width:none;user-select:none;background-color:var(--jz-surface-dark,color-mix(in srgb,var(--jz-surface,#fff) 92%,#000))}&>.dock-tabs>.tab-bar>.tab-item[jz-active]{background-color:var(--jz-window-chrome-bg,var(--jz-surface));min-width:72px}&>.dock-tabs>.tab-bar>.tab-item{gap:6px;flex:0 1 180px;min-width:36px;max-width:200px;padding:4px 6px 4px 10px;font-size:0.9em;container-type:inline-size;overflow:hidden;&>.tab-icon{flex:0 0 auto}&>.tab-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}&>.tab-close{flex:0 0 auto}}&>.dock-tabs>.tab-bar>.tab-bar-end{flex:0 0 auto}&>.dock-tabs>.tab-bar{cursor:grab}&>.dock-tabs>.tab-bar>.tab-item{cursor:pointer}&>.dock-tabs>.tab-bar>.tab-bar-end{display:flex;align-items:center;gap:2px}& .dock-group-grip{display:inline-flex;align-items:center;padding:4px 3px;border-radius:4px;cursor:grab;opacity:0.45;&:hover{opacity:1;background-color:var(--jz-hover-bg,rgba(127,127,127,0.12))}}&.dock-group-carried{opacity:0.55}}@container (max-width:90px){jz-ui-dock .dock-tabs>.tab-bar>.tab-item:not([jz-active])>.tab-close{display:none}}@container (max-width:60px){jz-ui-dock .dock-tabs>.tab-bar>.tab-item>.tab-label{display:none}}jz-ui-dock>.dock-body>.dock-group{&>.dock-tabs>.tab-content{position:relative;padding:0;overflow:hidden}&>.dock-tabs>.tab-bar.window-drop-target{background-color:color-mix(in srgb,var(--pb,#6750a4) 22%,transparent)}&>.dock-tabs>.tab-bar>.tab-item.drop-before{box-shadow:inset 2px 0 0 var(--pb,#6750a4)}&>.dock-tabs>.tab-bar>.tab-item.drop-after{box-shadow:inset -2px 0 0 var(--pb,#6750a4)}}jz-ui-dock>.dock-body>.pane-splitter{z-index:3;touch-action:none}jz-ui-dock>.dock-body.pane-resizing iframe{pointer-events:none}jz-ui-dock>.dock-body>.dock-group>.dock-drop{display:none;position:absolute;z-index:10000;:root.jz-window-moving &{display:block}}jz-ui-dock.dock-left>.dock-body>.dock-group>.dock-drop.before,jz-ui-dock.dock-right>.dock-body>.dock-group>.dock-drop.before{left:0;right:0;top:32px;height:28%}jz-ui-dock.dock-left>.dock-body>.dock-group>.dock-drop.middle,jz-ui-dock.dock-right>.dock-body>.dock-group>.dock-drop.middle{left:0;right:0;top:calc(32px + 28%);bottom:28%}jz-ui-dock.dock-left>.dock-body>.dock-group>.dock-drop.after,jz-ui-dock.dock-right>.dock-body>.dock-group>.dock-drop.after{left:0;right:0;bottom:0;height:28%}jz-ui-dock.dock-bottom>.dock-body>.dock-group>.dock-drop.before{top:32px;bottom:0;left:0;width:30%}jz-ui-dock.dock-bottom>.dock-body>.dock-group>.dock-drop.middle{top:32px;bottom:0;left:30%;right:30%}jz-ui-dock.dock-bottom>.dock-body>.dock-group>.dock-drop.after{top:32px;bottom:0;right:0;width:30%}jz-ui-dock>.dock-body>.dock-group>.dock-drop.window-drop-target{background-color:color-mix(in srgb,var(--pb,#6750a4) 22%,transparent);outline:2px solid color-mix(in srgb,var(--pb,#6750a4) 70%,transparent);outline-offset:-2px}jz-ui-dock.dock-left>.dock-body>.dock-group>.dock-drop.before.window-drop-target,jz-ui-dock.dock-right>.dock-body>.dock-group>.dock-drop.before.window-drop-target,jz-ui-dock.dock-left>.dock-body>.dock-group>.dock-drop.after.window-drop-target,jz-ui-dock.dock-right>.dock-body>.dock-group>.dock-drop.after.window-drop-target{height:calc((100% - 32px) / 2)}jz-ui-dock.dock-bottom>.dock-body>.dock-group>.dock-drop.before.window-drop-target,jz-ui-dock.dock-bottom>.dock-body>.dock-group>.dock-drop.after.window-drop-target{width:50%}jz-ui-dock>.dock-body>.dock-group>.dock-drop.middle.window-drop-target{left:0;right:0;top:32px;bottom:0}.dock-tab-ghost{position:fixed;z-index:200001;pointer-events:none;max-width:240px;padding:4px 10px;border-radius:6px;background-color:var(--jz-surface,#fff);color:var(--jz-ambient-on,#000);box-shadow:0 6px 20px rgba(0,0,0,0.3);font-size:0.9em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}jz-ui-dockpads{position:absolute;inset:0;z-index:99999;pointer-events:none}jz-ui-dockpads>.dock-pad{display:none;position:absolute;width:44px;height:44px;align-items:center;justify-content:center;border-radius:10px;background-color:color-mix(in srgb,var(--jz-surface,#fff) 92%,transparent);border:1px solid var(--jz-border,rgba(127,127,127,0.35));box-shadow:0 4px 16px rgba(0,0,0,0.25);pointer-events:auto;:root.jz-window-moving &{display:flex}}jz-ui-dockpads>.dock-pad-left{left:calc(var(--dock-lw) + 20px);top:calc(50% - 22px)}jz-ui-dockpads>.dock-pad-right{right:calc(var(--dock-rw) + 20px);top:calc(50% - 22px)}jz-ui-dockpads>.dock-pad-bottom{bottom:calc(var(--dock-bh) + 20px);left:calc(50% - 22px)}jz-ui-dockpads>.dock-pad.window-drop-target{border-color:var(--pb,#6750a4);background-color:color-mix(in srgb,var(--pb,#6750a4) 25%,var(--jz-surface,#fff))}jz-ui-dockpads>.dock-pad>.dock-pad-glyph{position:relative;width:24px;height:20px;border:1.5px solid currentColor;border-radius:3px;opacity:0.8}jz-ui-dockpads>.dock-pad>.dock-pad-glyph::after{content:"";position:absolute;background-color:currentColor}jz-ui-dockpads>.dock-pad>.glyph-left::after{left:0;top:0;bottom:0;width:8px}jz-ui-dockpads>.dock-pad>.glyph-right::after{right:0;top:0;bottom:0;width:8px}jz-ui-dockpads>.dock-pad>.glyph-bottom::after{left:0;right:0;bottom:0;height:7px}jz-ui-dockpads>.dock-preview{display:none;position:absolute;background-color:color-mix(in srgb,var(--pb,#6750a4) 18%,transparent);outline:2px solid color-mix(in srgb,var(--pb,#6750a4) 60%,transparent);outline-offset:-2px}jz-ui-dockpads>.dock-preview-left{left:0;top:0;bottom:0;width:max(var(--dock-lw),min(320px,40%))}jz-ui-dockpads>.dock-preview-right{right:0;top:0;bottom:0;width:max(var(--dock-rw),min(320px,40%))}jz-ui-dockpads>.dock-preview-bottom{left:var(--dock-lw);right:var(--dock-rw);bottom:0;height:max(var(--dock-bh),min(240px,60%))}jz-ui-dockpads:has(> .dock-pad-left.window-drop-target)>.dock-preview-left,jz-ui-dockpads:has(> .dock-pad-right.window-drop-target)>.dock-preview-right,jz-ui-dockpads:has(> .dock-pad-bottom.window-drop-target)>.dock-preview-bottom{display:block}jz-ui-dock .dock-fold{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;opacity:0.65;&:hover{opacity:1;background-color:var(--jz-hover-bg,rgba(127,127,127,0.12))}&>svg{transition:transform 120ms}}jz-ui-dock.dock-left .dock-fold>svg{transform:rotate(180deg)}jz-ui-dock.dock-bottom .dock-fold>svg{transform:rotate(90deg)}jz-ui-dock.dock-left.collapsed .dock-fold>svg{transform:none}jz-ui-dock.dock-right.collapsed .dock-fold>svg{transform:rotate(180deg)}jz-ui-dock.dock-bottom.collapsed .dock-fold>svg{transform:rotate(-90deg)}jz-ui-dock.collapsed{padding:0;&>.dock-splitter{display:none}&.dock-left{border-right:1px solid var(--jz-border,rgba(127,127,127,0.25))}&.dock-right{border-left:1px solid var(--jz-border,rgba(127,127,127,0.25))}&.dock-bottom{border-top:1px solid var(--jz-border,rgba(127,127,127,0.25))}&>.dock-body{position:absolute;visibility:hidden;pointer-events:none}&>.dock-strip{display:flex;align-items:center;gap:2px;height:100%;padding:0 4px;overflow:auto;scrollbar-width:none;user-select:none}&>.dock-strip>.dock-strip-tab{display:flex;align-items:center;gap:6px;flex:none;max-width:200px;padding:4px 10px;border-radius:4px;color:var(--jz-muted,inherit);cursor:pointer;font-size:0.9em;&:hover{color:var(--jz-ambient-on);background-color:var(--jz-hover-bg,rgba(127,127,127,0.12))}&>.dock-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}jz-ui-dock.dock-left.collapsed>.dock-body,jz-ui-dock.dock-right.collapsed>.dock-body{top:0;bottom:0;left:0;width:var(--dock-full)}jz-ui-dock.dock-bottom.collapsed>.dock-body{left:0;right:0;top:0;height:var(--dock-full)}jz-ui-dock.dock-left.collapsed>.dock-strip,jz-ui-dock.dock-right.collapsed>.dock-strip{flex-direction:column;align-items:stretch;padding:4px 0;&>.dock-fold{width:auto;margin-bottom:4px}&>.dock-strip-tab{flex-direction:column;max-width:none;max-height:180px;padding:10px 0;&>.dock-tab-label{writing-mode:vertical-rl}}}
jz-ui-taskbar{display:flex;align-items:stretch;gap:0.5rem;box-sizing:border-box;min-height:40px;padding:4px 8px;background-color:var(--jz-surface);border-top:1px solid var(--jz-border,rgba(255,255,255,0.1));color:var(--jz-ambient-on);&>.start,&>.system{display:flex;align-items:center;gap:0.75rem;flex:0 0 auto}&>.system{padding:0 8px}&>.task-list{flex-grow:1;display:flex;align-items:stretch;gap:4px;min-width:0;overflow-x:auto;overflow-y:hidden}&>.task-list>.task-item{display:flex;align-items:center;gap:6px;padding:0 10px;max-width:200px;border:0;background-color:transparent;color:inherit;cursor:pointer;border-radius:6px;font:inherit;transition:background-color 120ms;border-bottom:2px solid transparent}&>.task-list>.task-item:hover{background-color:var(--jz-hover-bg,rgba(255,255,255,0.08))}&>.task-list>.task-item.focused{border-bottom-color:var(--pb,#6750a4);background-color:var(--jz-hover-bg,rgba(255,255,255,0.06))}&>.task-list>.task-item.minimized{opacity:0.65}&>.task-list>.task-item>.task-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--jz-fs-sm,13px)}}jz-ui-taskbar>.task-list>.task-item.nested{margin-left:calc((var(--task-depth,1) - 1) * 6px - 2px);padding-left:8px;border-left:1px solid var(--jz-border,rgba(255,255,255,0.12));border-radius:0 6px 6px 0}jz-ui-taskbar>.task-list>.task-item.contains-focus{border-bottom-color:color-mix(in srgb,var(--pb,#6750a4) 45%,transparent)}jz-ui-taskbar>.task-list>.task-header{display:flex;align-items:center;flex:none;margin-left:6px;padding:0 4px 0 10px;border-left:1px solid var(--jz-border,rgba(127,127,127,0.25));color:var(--jz-muted,inherit);opacity:0.8;cursor:default;user-select:none}
jz-ui-window{position:absolute;display:flex;flex-direction:column;overflow:hidden;background-color:var(--jz-window-chrome-bg,var(--jz-surface));color:var(--jz-ambient-on);transition:left var(--jz-window-motion,180ms) cubic-bezier(0.2,0.8,0.2,1),top var(--jz-window-motion,180ms) cubic-bezier(0.2,0.8,0.2,1),width var(--jz-window-motion,180ms) cubic-bezier(0.2,0.8,0.2,1),height var(--jz-window-motion,180ms) cubic-bezier(0.2,0.8,0.2,1),opacity var(--jz-window-motion,180ms) cubic-bezier(0,0,0.3,1),transform var(--jz-window-motion,180ms) cubic-bezier(0.2,0.8,0.2,1),box-shadow 200ms,visibility 0s;transform-origin:0 0;animation:jz-window-in var(--jz-window-motion,180ms) cubic-bezier(0.2,0.8,0.2,1);z-index:1;&.moved{animation:none}min-width:200px;min-height:120px;&::after{content:"";position:absolute;inset:0;border:1px solid var(--jz-window-edge,var(--jz-border,rgba(0,0,0,0.22)));border-radius:inherit;z-index:4;pointer-events:none;transition:border-color 150ms}&[jz-focused]::after{border-color:var(--jz-window-edge-focused,var(--pb,#6750a4))}&.dragging{transition:none;user-select:none}&.dragging>.content>iframe.frame{pointer-events:none}&[jz-focused]{z-index:5}&.mode-maximized,&.mode-snapped-left,&.mode-snapped-right{border-radius:0!important}&.closing{opacity:0;transform:translate(50%,50%) scale(0);pointer-events:none;transition:opacity var(--jz-window-motion,180ms) cubic-bezier(0.8,0,1,1),transform var(--jz-window-motion,180ms) cubic-bezier(0.5,0,0.75,0)}&.mode-minimized{opacity:0;transform:translate(var(--jz-fly-x,4%),var(--jz-fly-y,8%)) scale(var(--jz-fly-sx,0.92),var(--jz-fly-sy,0.92));visibility:hidden;pointer-events:none;transition:opacity var(--jz-window-motion,180ms) cubic-bezier(0.8,0,1,1),transform var(--jz-window-motion,180ms) cubic-bezier(0.5,0,0.75,0),visibility 0s linear var(--jz-window-motion,180ms)}&>.resize{display:none}&.mode-normal>.resize,&.mode-maximized-vertical>.resize{display:block}&>.titlebar{display:flex;align-items:center;gap:calc(var(--jz-space) * 2);height:32px;padding:0 calc(var(--jz-space) * 1) 0 calc(var(--jz-space) * 3);flex-shrink:0;cursor:move;user-select:none;background-color:var(--jz-window-titlebar-bg,transparent);border-bottom:1px solid var(--jz-border);&>.title-icon-hit{display:inline-flex;flex-shrink:0;cursor:pointer;border:0;padding:1px;margin:-1px;background:transparent;color:inherit;border-radius:4px;transition:background-color 120ms;&:hover{background-color:var(--jz-hover-bg,rgba(0,0,0,0.06))}}& .title-icon{width:18px;height:18px;flex-shrink:0}&>.title{flex-grow:1;font-size:var(--jz-fs-ui-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}& .title-extra{margin-left:calc(var(--jz-space) * 1.5);opacity:0.55;vertical-align:-2px;&:empty{display:none}}&>.buttons{display:flex;gap:calc(var(--jz-space) * 0.5);flex-shrink:0}&>.buttons>.btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:4px;font-size:14px;line-height:1;padding:0;transition:background-color 120ms}&>.buttons>.btn:hover{background-color:var(--jz-hover-bg,rgba(0,0,0,0.06))}&>.buttons>.btn-close:hover{background-color:#e81123;color:white}& .btn-max>.ico-restore{display:none}& .btn-max.max-mode-maximized>.ico-maximize{display:none}& .btn-max.max-mode-maximized>.ico-restore{display:inline}}&>.content{flex-grow:1;position:relative;overflow:hidden;background-color:var(--jz-surface,white)}&>.content>iframe.frame{width:100%;height:100%;border:0;display:block;background-color:transparent}&>.snap-preview{display:none;position:fixed;background-color:var(--pb,#6750a4);opacity:0.42;border:3px solid var(--pb,#6750a4);border-radius:10px;pointer-events:none;z-index:100;transition:left 100ms ease,top 100ms ease,width 100ms ease,height 100ms ease;box-shadow:0 0 0 2px rgba(255,255,255,0.55) inset,0 0 24px 4px var(--pb,#6750a4),0 8px 32px rgba(0,0,0,0.35);animation:jz-snap-preview-pulse 1.4s ease-in-out infinite}&>.resize{position:absolute;z-index:2;background:transparent;touch-action:none}&>.resize.n{top:0;left:8px;right:8px;height:5px;cursor:n-resize}&>.resize.s{bottom:0;left:8px;right:8px;height:5px;cursor:s-resize}&>.resize.e{right:0;top:8px;bottom:8px;width:5px;cursor:e-resize}&>.resize.w{left:0;top:8px;bottom:8px;width:5px;cursor:w-resize}&>.resize.nw{left:0;top:0;width:10px;height:10px;cursor:nw-resize;z-index:3}&>.resize.ne{right:0;top:0;width:10px;height:10px;cursor:ne-resize;z-index:3}&>.resize.sw{left:0;bottom:0;width:10px;height:10px;cursor:sw-resize;z-index:3}&>.resize.se{right:0;bottom:0;width:10px;height:10px;cursor:se-resize;z-index:3}}@keyframes jz-window-in{from{opacity:0;transform:translate(50%,50%) scale(0)}to{opacity:1;transform:none}}@keyframes jz-snap-preview-pulse{0%,100%{opacity:0.42}50%{opacity:0.58}}jz-ui-window[jz-see-through]{background-color:color-mix(in oklab,var(--jz-window-chrome-bg,var(--jz-surface)) var(--jz-window-alpha,100%),transparent);&>.content{background-color:transparent}}jz-ui-window[jz-no-resize]>.resize{display:none}jz-ui-window[jz-no-drag]>.titlebar{cursor:default}jz-ui-window.docked{min-width:0;min-height:0;animation:none;&::after{display:none}&>.titlebar{display:none}}jz-ui-window.surfacing{opacity:0.45;outline:2px dashed var(--pb,#6750a4);outline-offset:-2px}@media (prefers-reduced-motion:reduce){jz-ui-window{--jz-window-motion:0ms}}
jz-dash-ticker{font-size:inherit;text-align:center;vertical-align:middle;line-height:var(--ticker-size,48px);display:inline-block;border-radius:50%;width:var(--ticker-size,48px);height:var(--ticker-size,48px);color:#bbb;font-weight:500;background-image:conic-gradient(rgba(251,191,36,0.55) calc(3.6deg * var(--percent,0)),#1a1a1a 0 360deg);box-shadow:inset 0 0 0 1px #2a2a2a;box-sizing:border-box}
.metric-tiles>*{flex-grow:0!important}.capacity-bars>*{flex:1 1 412px;min-width:300px}.jz-overrides-bar{padding:calc(var(--jz-space) * 1.5) calc(var(--jz-space) * 3);align-items:center}