.TokenCascadePrototype_surface__37isY{overflow:hidden;border-radius:var(--vortex-border-radius-md);background:var(--vortex-color-background-surface-default)}.TokenCascadePrototype_root__bXlDL{--page:var(--vortex-color-background-surface-default);--surface:var(--vortex-color-background-surface-subtlest);--node:var(--vortex-color-background-surface-subtler);--ink:var(--vortex-color-foreground-default);--muted:var(--vortex-color-foreground-subtle);--line:var(--vortex-color-border-default);--live:#7655f5;width:100%;color:var(--ink);font-family:var(--vortex-font-family-heading)}.TokenCascadePrototype_themePurple__VwzMh{--theme-color:#7655f5;--theme-foreground:var(--vortex-color-foreground-static-white);--theme-thumb:var(--vortex-color-foreground-static-white)}.TokenCascadePrototype_themeGreen__9rgsV{--theme-color:#b2ff44;--theme-thumb:var(--vortex-color-foreground-inverse)}.TokenCascadePrototype_themeGreen__9rgsV,.TokenCascadePrototype_themeOrange__DsmQ7{--theme-foreground:var(--vortex-color-foreground-static-black)}.TokenCascadePrototype_themeOrange__DsmQ7{--theme-color:#f28a00;--theme-thumb:var(--vortex-color-foreground-static-white)}.TokenCascadePrototype_root__bXlDL.TokenCascadePrototype_themeGreen__9rgsV,.TokenCascadePrototype_root__bXlDL.TokenCascadePrototype_themeOrange__DsmQ7,.TokenCascadePrototype_root__bXlDL.TokenCascadePrototype_themePurple__VwzMh{--live:var(--theme-color)}.TokenCascadePrototype_frame__NOutT{container-name:token-prototype;container-type:inline-size;width:min(45rem,100%);margin-inline:auto}.TokenCascadePrototype_bar__Vun__{display:flex;align-items:center;justify-content:space-between;gap:var(--vortex-spacing-md)}.TokenCascadePrototype_titleText__EGUXL{display:grid;gap:.1875rem}.TokenCascadePrototype_stage__q3_wO{min-height:0}.TokenCascadePrototype_grid__OZOcg,.TokenCascadePrototype_stage__q3_wO,.TokenCascadePrototype_token__Imq2p{position:relative}.TokenCascadePrototype_grid__OZOcg{z-index:var(--vortex-z-index-2);display:grid;grid-template-columns:6.75rem minmax(19.875rem,1fr) 6.75rem;grid-template-rows:repeat(4,4rem) 4.75rem;align-items:center;column-gap:var(--vortex-spacing-sm);max-width:40rem;margin:0 auto}.TokenCascadePrototype_layerLabel__DO_FW{color:var(--muted);white-space:nowrap}.TokenCascadePrototype_globalLabel__5wDpc{grid-column:1;grid-row:1}.TokenCascadePrototype_semanticLabel__ukWDP{grid-column:1;grid-row:2}.TokenCascadePrototype_componentLabel__F5Tbu{grid-column:1;grid-row:5}.TokenCascadePrototype_tokenSlot__abgue{display:flex;align-items:center;min-width:0}.TokenCascadePrototype_globalSlot__oHuuh{grid-column:2;grid-row:1}.TokenCascadePrototype_foregroundSlot__pLEPC{grid-row:2}.TokenCascadePrototype_backgroundSlot__PSmYU,.TokenCascadePrototype_borderSlot__i5e8t,.TokenCascadePrototype_foregroundSlot__pLEPC{grid-column:2;padding-left:var(--vortex-spacing-4xl)}.TokenCascadePrototype_borderSlot__i5e8t{grid-row:3}.TokenCascadePrototype_backgroundSlot__PSmYU{grid-row:4}.TokenCascadePrototype_componentSlot__sCuX_{grid-column:2;grid-row:5;padding-left:var(--vortex-space-2400)}.TokenCascadePrototype_replayTrigger__dNipp,.TokenCascadePrototype_token__Imq2p{display:inline-flex;max-width:100%;border-radius:var(--vortex-border-radius-full)}.TokenCascadePrototype_token__Imq2p{isolation:isolate;align-items:center;gap:.625rem;min-width:0;padding:.625rem .875rem;background:var(--node);box-shadow:0 0 0 1px transparent}.TokenCascadePrototype_tokenPulse__Ukti4{position:absolute;z-index:0;inset:0;border-radius:inherit;background:#3b3b3b;opacity:0;pointer-events:none}.TokenCascadePrototype_token__Imq2p>:not(.TokenCascadePrototype_tokenPulse__Ukti4){position:relative;z-index:var(--vortex-z-index-1)}.TokenCascadePrototype_swatch__i6xZ3{width:var(--vortex-width-400);height:var(--vortex-height-400);flex:0 0 auto;border-radius:var(--vortex-border-radius-full);background:var(--theme-color)}.TokenCascadePrototype_tokenName__R01ui{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.TokenCascadePrototype_editor__LGD8T{display:inline-flex;align-items:center;gap:.3125rem;padding-left:.625rem;border-left:var(--vortex-border-width-25) solid var(--line);color:var(--ink);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.TokenCascadePrototype_editorCode__BccQs{color:inherit;font-family:inherit}.TokenCascadePrototype_editor__LGD8T.TokenCascadePrototype_editing__HftG1{color:var(--live)}.TokenCascadePrototype_caret__5Xm2U{width:1px;height:.875rem;background:currentColor}.TokenCascadePrototype_output__bq83D{display:flex;align-items:center;min-width:0;justify-self:end}.TokenCascadePrototype_textOutput__ZsBFl{grid-row:2}.TokenCascadePrototype_borderOutput__THKOZ,.TokenCascadePrototype_switchOutput__wAKJ6,.TokenCascadePrototype_textOutput__ZsBFl{grid-column:2;justify-self:start;margin-left:20.625rem}.TokenCascadePrototype_borderOutput__THKOZ{grid-row:3}.TokenCascadePrototype_switchOutput__wAKJ6{grid-row:4}.TokenCascadePrototype_buttonOutput__S5Yib{grid-column:3;grid-row:5}.TokenCascadePrototype_textOutput__ZsBFl span{color:var(--theme-color)}.TokenCascadePrototype_borderOutput__THKOZ>i{display:block;width:var(--vortex-width-1100);height:var(--vortex-height-1100);border:.1875rem solid var(--theme-color);border-radius:var(--vortex-border-radius-sm)}.TokenCascadePrototype_switchOutput__wAKJ6>i{position:relative;display:block;width:3.5rem;height:1.8125rem;background:var(--theme-color)}.TokenCascadePrototype_buttonOutput__S5Yib>span,.TokenCascadePrototype_switchOutput__wAKJ6 b,.TokenCascadePrototype_switchOutput__wAKJ6>i{border-radius:var(--vortex-border-radius-full)}.TokenCascadePrototype_switchOutput__wAKJ6 b{position:absolute;top:.25rem;right:.25rem;width:1.3125rem;height:1.3125rem;background:var(--theme-thumb)}.TokenCascadePrototype_buttonOutput__S5Yib>span{display:grid;place-items:center;width:5.375rem;height:var(--vortex-height-1000);border:0;padding:0;background:var(--theme-color);color:var(--theme-foreground)}.TokenCascadePrototype_connectors__Z2Tfq{position:absolute;z-index:var(--vortex-z-index-1);inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.TokenCascadePrototype_connectors__Z2Tfq path{fill:none;stroke:var(--vortex-color-border-bold);stroke-width:1.35;vector-effect:non-scaling-stroke}.TokenCascadePrototype_connectors__Z2Tfq .TokenCascadePrototype_flowing__rsesF{stroke:var(--live);stroke-width:2;stroke-dasharray:8 10;filter:drop-shadow(0 0 .3125rem var(--live))}@media(max-width:639px){.TokenCascadePrototype_bar__Vun__{align-items:flex-start;flex-direction:column}}@container token-prototype (max-width: 43rem){.TokenCascadePrototype_grid__OZOcg{grid-template-columns:5.125rem minmax(0,1fr);grid-template-rows:repeat(5,5.75rem);column-gap:.5rem;max-width:none}.TokenCascadePrototype_globalLabel__5wDpc{grid-column:1;grid-row:1}.TokenCascadePrototype_semanticLabel__ukWDP{grid-column:1;grid-row:2}.TokenCascadePrototype_componentLabel__F5Tbu{grid-column:1;grid-row:5}.TokenCascadePrototype_backgroundSlot__PSmYU,.TokenCascadePrototype_borderSlot__i5e8t,.TokenCascadePrototype_componentSlot__sCuX_,.TokenCascadePrototype_foregroundSlot__pLEPC,.TokenCascadePrototype_globalSlot__oHuuh{grid-column:2}.TokenCascadePrototype_globalSlot__oHuuh{grid-row:1}.TokenCascadePrototype_foregroundSlot__pLEPC{grid-row:2;padding-left:1.125rem}.TokenCascadePrototype_borderSlot__i5e8t{grid-row:3;padding-left:1.125rem}.TokenCascadePrototype_backgroundSlot__PSmYU{grid-row:4;padding-left:1.125rem}.TokenCascadePrototype_componentSlot__sCuX_{grid-row:5;padding-left:2.25rem}.TokenCascadePrototype_editor__LGD8T{display:none}.TokenCascadePrototype_backgroundSlot__PSmYU .TokenCascadePrototype_token__Imq2p,.TokenCascadePrototype_borderSlot__i5e8t .TokenCascadePrototype_token__Imq2p,.TokenCascadePrototype_foregroundSlot__pLEPC .TokenCascadePrototype_token__Imq2p{max-width:calc(100% - 3.875rem)}.TokenCascadePrototype_componentSlot__sCuX_ .TokenCascadePrototype_token__Imq2p{max-width:calc(100% - 4.875rem)}.TokenCascadePrototype_output__bq83D{position:absolute;right:0;grid-column:auto;grid-row:auto}.TokenCascadePrototype_textOutput__ZsBFl{top:6.625rem}.TokenCascadePrototype_borderOutput__THKOZ{top:11.875rem}.TokenCascadePrototype_switchOutput__wAKJ6{top:17.875rem}.TokenCascadePrototype_buttonOutput__S5Yib{top:23.375rem}.TokenCascadePrototype_borderOutput__THKOZ>i{width:2.125rem;height:2.125rem;border-radius:.5625rem}.TokenCascadePrototype_switchOutput__wAKJ6>i{width:2.875rem;height:var(--vortex-height-600)}.TokenCascadePrototype_switchOutput__wAKJ6 b{width:var(--vortex-width-400);height:var(--vortex-height-400)}.TokenCascadePrototype_buttonOutput__S5Yib>span{width:auto;height:auto;padding:.5625rem .75rem}}