condition-stack-demo{position:relative;display:block;width:100%;min-width:0;color:var(--text);font:var(--type-body-small);font-synthesis:none}.condition-demo{overflow:hidden;border:var(--border-width) solid var(--line);background:var(--surface)}.condition-demo__topbar{display:flex;min-height:var(--space-6);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);border-bottom:var(--border-width) solid var(--line);background:var(--page);align-items:center;gap:var(--space-2);justify-content:space-between}.condition-demo__title{display:grid;min-width:0}.condition-demo__title strong{font:var(--type-support)}.condition-demo__title span,.condition-demo__legend{color:var(--text-muted);font:var(--type-body-small)}.condition-demo__toolbar{display:flex;flex:0 0 auto;gap:var(--space-1)}.condition-demo button{min-height:var(--space-5);border:0;border-radius:0;font:inherit;touch-action:manipulation;cursor:pointer}.condition-demo button:disabled{opacity:var(--opacity-disabled);cursor:default}.condition-demo button:focus-visible,.cs-action:focus-visible,.cs-block:focus-visible,.cs-branch:focus-visible,.condition-demo__invitation:focus-visible{outline:var(--focus-width) solid var(--primary);outline-offset:var(--focus-offset)}.condition-demo__reset,.condition-demo__cancel{padding-inline:var(--space-2);border:var(--border-width) solid var(--line);background:var(--page);color:var(--text)}.condition-demo__cancel{background:var(--accent);color:var(--page)}.condition-demo__canvas{padding:var(--space-7) var(--space-3) var(--space-3);background:var(--page)}.condition-demo__invitation{position:absolute;z-index:var(--layer-overlay);top:var(--space-6);right:0;display:grid;width:fit-content;max-width:100%;min-height:var(--space-5);padding:var(--space-2) var(--space-3);border:0;border-radius:0;appearance:none;background:var(--accent);color:var(--page);font:inherit;text-align:left;touch-action:manipulation;cursor:pointer;gap:var(--space-1);transform-origin:center;transition:background-color var(--duration) ease-out,color var(--duration) ease-out}.condition-demo__invitation strong{font:var(--type-title);text-transform:uppercase}.condition-demo__invitation span{color:inherit;font:var(--type-body)}.condition-demo__invitation .condition-demo__invitation-kicker{color:inherit;font:var(--type-meta);letter-spacing:var(--track-caps);text-transform:uppercase}.condition-demo__invitation strong span{color:inherit;font:inherit}.condition-demo__legend{display:flex;margin:0;padding:var(--space-1) var(--space-3) var(--space-2);border-top:var(--border-width) solid var(--line);background:var(--page);flex-wrap:wrap;gap:var(--space-1) var(--space-3);list-style:none}.condition-demo__legend li,.cs-action__kind{display:inline-flex;align-items:center;gap:var(--space-1)}.condition-demo__legend i,.cs-action__icon{display:inline-grid;width:var(--space-3);height:var(--space-3);border-radius:0;font:var(--type-meta);font-style:normal;place-items:center}.is-message .cs-action__icon,.condition-demo__legend .is-message{background:var(--surface);color:var(--text-muted)}.is-variable .cs-action__icon,.condition-demo__legend .is-variable{background:var(--accent-soft);color:var(--text)}.is-event .cs-action__icon,.condition-demo__legend .is-event{background:var(--line);color:var(--text)}.cs-block{position:relative;min-width:0;border:var(--border-width) solid var(--line);background:var(--page)}.cs-block.is-nested{margin:var(--space-1) 0 0 var(--space-3);border-left:var(--border-width) solid var(--accent)}.cs-block__header{display:flex;min-height:var(--space-5);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);border-bottom:var(--border-width) solid var(--line);align-items:center;gap:var(--space-1);justify-content:space-between}.cs-block__identity,.cs-drag-handle{display:inline-flex;min-width:0;align-items:center;gap:var(--space-1)}.cs-drag-handle{min-height:var(--space-4);color:var(--text-muted);cursor:grab;user-select:none}.cs-drag-handle:active{cursor:grabbing}.cs-grip{font:var(--type-support)}.cs-block__identity strong{overflow:hidden;font:var(--type-body-small);text-overflow:ellipsis;white-space:nowrap}.cs-block__actions,.cs-branch__tools,.cs-item__tools{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-1)}.condition-demo .cs-tool,.condition-demo .cs-branch__move{min-width:var(--space-5);padding-inline:var(--space-1);background:transparent;color:var(--text);font:var(--type-body-small)}.condition-demo .cs-add-elseif{padding-inline:var(--space-1);background:var(--accent-soft);color:var(--text);font:var(--type-body-small)}.cs-branches{display:grid;padding:var(--space-1);gap:var(--space-1)}.cs-branch{min-width:0;overflow:visible;border:var(--border-width) solid var(--line);background:var(--surface)}.cs-branch__header{display:flex;min-height:var(--space-5);padding:var(--space-1);align-items:center;gap:var(--space-1);justify-content:space-between}.cs-branch__condition{display:flex;min-width:0;align-items:center;gap:var(--space-1)}.cs-branch__label{flex:0 0 auto;color:var(--text);font:var(--type-meta);letter-spacing:var(--track-caps);text-transform:uppercase}.cs-expression{overflow:hidden;color:var(--text);font:var(--type-meta);text-overflow:ellipsis;white-space:nowrap}.cs-branch__body{position:relative;min-height:var(--space-5);padding:0 var(--space-1) var(--space-1);border:var(--border-width) solid transparent;transition:background-color var(--duration) ease-out}.cs-branch__body.is-drop-target{border-color:var(--accent);background:var(--accent-soft)}.cs-items{display:grid;min-width:0;gap:var(--space-1)}.cs-action{display:flex;min-width:0;min-height:var(--space-5);padding:var(--space-1);border:var(--border-width) solid var(--line);background:var(--page);align-items:center;gap:var(--space-1);justify-content:space-between}.cs-action__content{display:flex;min-width:0;align-items:center;gap:var(--space-1)}.cs-action__copy{display:grid;min-width:0}.cs-action__copy span:first-child{color:var(--text-muted);font:var(--type-meta);letter-spacing:var(--track-caps);text-transform:uppercase}.cs-action__copy code{overflow:hidden;color:var(--text);font:var(--type-meta);text-overflow:ellipsis;white-space:nowrap}.cs-branch__footer{position:relative;display:flex;min-height:var(--space-5);padding:var(--space-1) 0 0;align-items:center;justify-content:space-between}.condition-demo .cs-add-trigger,.condition-demo .cs-move-here{padding-inline:var(--space-1);background:transparent;color:var(--text);font:var(--type-body-small)}.condition-demo .cs-move-here{width:100%;border:var(--border-width) dashed var(--accent);background:var(--accent-soft)}.cs-add-menu{position:absolute;z-index:var(--layer-overlay);bottom:var(--space-5);left:0;display:grid;width:max-content;max-width:100%;padding:var(--space-1);border:var(--border-width) solid var(--line);background:var(--page)}.cs-add-menu[hidden]{display:none}.condition-demo .cs-add-menu button{display:flex;width:100%;padding:0 var(--space-1);background:transparent;color:var(--text);font:var(--type-body-small);text-align:left;align-items:center;gap:var(--space-1)}.cs-moving,.cs-dragging{opacity:var(--opacity-moving)}.condition-demo .cs-entering{isolation:isolate;z-index:var(--layer-sticky);transform-origin:center;animation:condition-enter var(--duration) ease-out;will-change:opacity}@keyframes condition-enter{0%{opacity:0}to{opacity:1}}.cs-live{position:absolute;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(html:not(.is-coarse-pointer)) .condition-demo__invitation:hover{background:var(--accent-soft);color:var(--text)}:where(html:not(.is-coarse-pointer)) .condition-demo button:hover{background-color:var(--accent-soft)}:where(html:not(.is-coarse-pointer)) .cs-action:hover,:where(html:not(.is-coarse-pointer)) .cs-branch:hover{border-color:var(--accent)}@media(max-width:809.98px){.condition-demo__invitation{position:relative;top:auto;right:auto;width:100%;margin:0 0 var(--space-3)}.condition-demo__topbar{padding-left:var(--space-2)}.condition-demo__title span{display:none}.condition-demo__canvas{padding:var(--space-1)}.cs-block{min-width:0;width:100%}.cs-block.is-nested{margin-left:0}.cs-block.is-nested .cs-block__identity>.cs-drag-handle>span:last-child{display:none}.condition-demo__legend{padding-inline:var(--space-2)}}