.z-index-card-preview{gap:7px}.z-index-card-canvas{border:1px dashed var(--line);background:var(--soft);border-radius:7px;height:84px;position:relative}.z-index-card-layer{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:5px;justify-content:space-between;align-items:center;gap:5px;padding:5px 7px;display:flex;position:absolute;font-size:10px!important}.z-index-card-layer b{color:var(--ink);font-weight:750;font-size:10px!important}.z-index-card-layer i{color:#1f6a3a;background:#e6f7ec;border-radius:999px;padding:1px 5px;font-style:normal;font-weight:700;font-size:9px!important}.z-index-card-layer.is-content{width:58%;top:30px;left:7px}.z-index-card-layer.is-modal{background:var(--color-white);color:#4a4a53;width:52%;top:18px;left:30%;box-shadow:0 4px 8px #2227461a}.z-index-card-layer.is-toast{color:#1f6a3a;border-color:#bfe6cc;width:46%;top:5px;right:7px}.z-index-card-rule{color:var(--ink);margin:0;line-height:1.45;font-size:11px!important}.z-index-card-rule b{color:var(--ink)}.z-index-card-trap{color:var(--muted);margin:0;line-height:1.5;font-size:10px!important}.z-index-card-trap b{color:#a83a44}.term-interactive-demo.z-index-interaction-demo{border-color:var(--line);background:var(--color-white);gap:14px}.z-index-interaction-demo button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.z-index-interaction-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.z-index-interaction-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink)}.z-index-interaction-demo input[type=range]{accent-color:var(--ink)}.z-index-demo-intro p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.z-index-demo-controls{border:1px solid var(--line);background:var(--soft);border-radius:8px;gap:10px;padding:12px;display:grid}.z-index-demo-control-row{gap:5px;display:grid}.z-index-demo-control-row label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.z-index-demo-control-row label b{background:var(--color-white);border:1px solid var(--line);min-width:48px;color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;border-radius:999px;padding:1px 7px;font-size:12px}.z-index-demo-control-label{color:var(--muted);font-size:12px;font-weight:700}.z-index-demo-control-row[role=group]{grid-template-columns:1fr}.z-index-demo-control-row[role=group] button{text-align:left;justify-content:flex-start}.z-index-demo-stage{border:1px solid var(--line);background:repeating-linear-gradient(45deg,#fbfbfd,#fbfbfd 8px,#f5f6f9 8px 16px);border-radius:8px;min-height:190px;position:relative;overflow:hidden}.z-index-demo-layer{border-radius:7px;flex-direction:column;gap:4px;padding:9px 10px;font-size:12px;line-height:1.35;display:flex}.z-index-demo-layer-name{font-weight:700}.z-index-demo-layer-z{font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:650}.z-index-demo-content{color:#9a9aa4;justify-content:center;padding:8px 10px;font-size:11px}.z-index-demo-content span{background:#fff9;border:1px dashed #c9cad3;border-radius:5px;padding:2px 7px}.z-index-demo-wrapper{border-radius:8px;width:60%;min-height:110px;padding:10px;position:absolute;top:18%;left:6%}.z-index-demo-wrapper.has-context{background:#6a6a740f;border:1.5px dashed #6a6a74}.z-index-demo-context-tag{background:var(--color-white);color:#4a4a53;border-radius:999px;padding:1px 7px;font-weight:750;position:absolute;top:-10px;left:8px;font-size:10px!important}.z-index-demo-modal{border:1px solid var(--color-rausch-600);background:var(--color-rausch);width:calc(100% - 20px);color:var(--color-white);border-radius:7px;position:absolute;top:8px;left:10px;box-shadow:0 6px 14px #e00b4147}.z-index-demo-modal.is-static{opacity:.92;margin:2px 0 0;position:static}.z-index-demo-modal .z-index-demo-layer-name{color:var(--color-white)}.z-index-demo-modal .z-index-demo-layer-z{color:#ffffffeb}.z-index-demo-uncle{border:1px solid var(--ink);background:var(--color-white);width:58%;color:var(--ink);border-radius:7px;position:absolute;bottom:8%;right:5%;box-shadow:0 4px 10px #2227461f}.z-index-demo-badge{border-radius:999px;align-self:flex-start;padding:2px 7px;font-style:normal;font-weight:750;line-height:1.3;font-size:10px!important}.z-index-demo-badge.is-good{color:#1f6a3a;background:#e6f7ec;border:1px solid #bfe6cc}.z-index-demo-badge.is-warn{color:#a83a44;background:#fdf3f4;border:1px solid #f0c6ca}.z-index-demo-badge.is-muted{background:var(--soft);color:var(--muted);border:1px dashed var(--line)}.z-index-demo-badge.is-info{color:#3a3f99;background:#eef1ff;border:1px solid #c7cdf3}.z-index-demo-modal .z-index-demo-badge.is-good,.z-index-demo-modal .z-index-demo-badge.is-warn{background:#fffffff0;border-color:#0000000f}.z-index-demo-modal .z-index-demo-badge.is-muted{color:#4a4a53;background:#ffffffd1;border:1px dashed #0000002e}.z-index-demo-status{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--soft);color:var(--ink);border-radius:7px;margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.z-index-demo-status strong{color:var(--ink)}@media (max-width:640px){.z-index-demo-wrapper{width:64%;left:3%}.z-index-demo-uncle{width:64%;right:3%}}@media (max-width:780px){.z-index-card-canvas{height:74px}.z-index-card-layer{padding-inline:5px;font-size:9px!important}.z-index-card-layer b{font-size:9px!important}.z-index-card-layer i{padding:1px 4px;font-size:8px!important}.z-index-card-rule{font-size:10px!important}.z-index-card-trap{font-size:9px!important}}