.Conditional_conditionalDemo__k9eez{display:flex;flex-direction:column;height:100%}.Conditional_controls__fiIT1{display:flex;gap:.5rem;padding:.5rem}.Conditional_controls__fiIT1 button{padding:.5rem 1rem;border:1px solid #ddd;background-color:#f8f9fa;border-radius:4px;cursor:pointer;transition:all .2s ease}.Conditional_controls__fiIT1 button:hover{background-color:#e9ecef}.Conditional_controls__fiIT1 button.Conditional_active__TPRsm{background-color:#007bff;color:white;border-color:#007bff}.Conditional_demoContainer__z5kUa{flex:1 1;min-height:300px}.Conditional_demoPanel__sCtiR{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.Conditional_demoPanel__sCtiR h3{margin:0 0 .5rem;font-size:1.1rem}.Conditional_demoPanel__sCtiR p{margin:0 0 .5rem;font-size:.9rem;opacity:.8}.Conditional_demoPanel__sCtiR small{opacity:.6;font-size:.75rem}.Conditional_leftPanel__hmpp8{background-color:#e3f2fd}.Conditional_centerPanel__E6gey{background-color:#f3e5f5}.Conditional_rightPanel__lcVV9{background-color:#e8f5e8}@media (pointer:coarse){.Conditional_split-ui-resizer__TXUSA{--split-ui-resizer-size:12px}}.CodeSection_codeSection__aFlHn{margin-top:1rem}.CodeSection_codeHeader__KIMlK{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border:1px solid #e1e5e9;border-radius:6px 6px 0 0;background:#fff}.CodeSection_tabs__XLlBz{display:flex;gap:4px}.CodeSection_tab__URZzM{padding:6px 12px;background:none;border:1px solid #e1e5e9;border-radius:4px;cursor:pointer;font-size:13px;color:#656d76}.CodeSection_tab__URZzM:hover{background:#f3f4f6}.CodeSection_tab__URZzM.CodeSection_active__yt7kt{background:#0969da;color:white;border-color:#0969da}.CodeSection_toolbar__rOcrj{display:flex;gap:8px}.CodeSection_toolbarBtn__1pAs1{padding:6px 12px;background:#f3f4f6;border:1px solid #d1d9e0;border-radius:4px;cursor:pointer;font-size:13px;color:#24292f}.CodeSection_toolbarBtn__1pAs1:hover{background:#e1e5e9}.CodeSection_codeContainer__UEbqB{position:relative;display:flex;flex-direction:column}.CodeSection_codeContainer__UEbqB.CodeSection_collapsed__JoZv_ .CodeSection_codeContent__3SFiY{max-height:200px;overflow:hidden}.CodeSection_codeContainer__UEbqB.CodeSection_expanded__fp4EG .CodeSection_codeContent__3SFiY{height:auto}.CodeSection_codeContent__3SFiY{border-left:1px solid #e1e5e9;border-right:1px solid #e1e5e9}.CodeSection_codeContent__3SFiY pre{margin:0;padding:0!important;font-size:13px;line-height:1.45}.CodeSection_toggleButton__jGnqR{padding:8px;background:#ffffff;border:1px solid #e1e5e9;border-radius:0 0 6px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-size:13px;color:#656d76;width:100%;-webkit-user-select:none;user-select:none}.CodeSection_toggleButton__jGnqR:hover{color:#24292f;background:#f6f8fa}.CodeSection_toggleButton__jGnqR.CodeSection_expanded__fp4EG{position:sticky;bottom:0;z-index:1}.CodeBlock_codeWrapper__yE2B_{margin:1rem 0;border:1px solid #e1e5e9;border-radius:8px;overflow-x:auto}.CodeBlock_codeWrapper__yE2B_ pre{margin:0;background:transparent;border-radius:0;overflow-x:visible}.DemoSection_demoSection__HN2Qe{margin:2rem 0}.DemoSection_demoContainer__4hiQC{height:300px;margin:0;border:2px solid #333;border-radius:8px;overflow:hidden}.PersistenceDemo_demoPanel__ZsLyQ{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.PersistenceDemo_demoPanel__ZsLyQ:first-of-type{background-color:#e3f2fd}.PersistenceDemo_demoPanel__ZsLyQ:nth-of-type(2){background-color:#f3e5f5}.PersistenceDemo_demoPanel__ZsLyQ:nth-of-type(3){background-color:#e8f5e8}@media (pointer:coarse){.PersistenceDemo_split-ui-resizer__7PpLn{--split-ui-resizer-size:12px}}.HorizontalResizableDemo_demoPanel__UwTeb{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.HorizontalResizableDemo_demoPanel__UwTeb:first-of-type{background-color:#e3f2fd}.HorizontalResizableDemo_demoPanel__UwTeb:nth-of-type(2){background-color:#f3e5f5}.HorizontalResizableDemo_demoPanel__UwTeb:nth-of-type(3){background-color:#e8f5e8}@media (pointer:coarse){.HorizontalResizableDemo_split-ui-resizer__7VgDY{--split-ui-resizer-size:12px}}.VerticalResizableDemo_demoPanel__RIgVn{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.VerticalResizableDemo_demoPanel__RIgVn:first-of-type{background-color:#e3f2fd}.VerticalResizableDemo_demoPanel__RIgVn:nth-of-type(2){background-color:#f3e5f5}.VerticalResizableDemo_demoPanel__RIgVn:nth-of-type(3){background-color:#e8f5e8}@media (pointer:coarse){.VerticalResizableDemo_split-ui-resizer__S_bl3{--split-ui-resizer-size:12px}}.IframeDemo_demoPanel__MPEbH{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.IframeDemo_demoPanel__MPEbH:first-of-type{background-color:#e3f2fd}.IframeDemo_demoPanel__MPEbH:nth-of-type(2){background-color:#f3e5f5}@media (pointer:coarse){.IframeDemo_split-ui-resizer__QHj5a{--split-ui-resizer-size:12px}}.ThreePaneDemo_demoPanel__7ANKn{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ThreePaneDemo_demoPanel__7ANKn:first-of-type{background-color:#e3f2fd}.ThreePaneDemo_demoPanel__7ANKn:nth-of-type(2){background-color:#f3e5f5}.ThreePaneDemo_demoPanel__7ANKn:nth-of-type(3){background-color:#e8f5e8}@media (pointer:coarse){.ThreePaneDemo_split-ui-resizer__H4DZ2{--split-ui-resizer-size:12px}}.VerticalDemo_demoPanel__ghxrn{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.VerticalDemo_demoPanel__ghxrn:first-of-type{background-color:#e3f2fd}.VerticalDemo_demoPanel__ghxrn:nth-of-type(2){background-color:#f3e5f5}.VerticalDemo_demoPanel__ghxrn:nth-of-type(3){background-color:#e8f5e8}@media (pointer:coarse){.VerticalDemo_split-ui-resizer__gvz12{--split-ui-resizer-size:12px}}.SimpleTheme_demoPanel__vm0zd{background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6;&:first-child{border-left:1px solid #dee2e6;border-top:none}}.NestedDemo_demoPanel__bp2I6{border:1px solid #ddd;background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.NestedDemo_panelLeft__wIBMk{background-color:#ffebee}.NestedDemo_panelMiddleTop__Rpi4l{background-color:#e3f2fd}.NestedDemo_panelBottomLeft__96BDp{background-color:#e8f5e8}.NestedDemo_panelBottomRight__wvQoE{background-color:#fff3e0}.NestedDemo_panelRight__7o_nx{background-color:#f3e5f5}@media (pointer:coarse){.NestedDemo_split-ui-resizer__I8VeG{--split-ui-resizer-size:12px}}.ResizerStyle01_demoPanel__rn7MO{background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ResizerStyle01_resizer__SD8Wr{--split-ui-resizer-size:14px;background-color:#e2e8f0;border:1px solid #cbd5e1;position:relative;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.05)}.split-ui-horizontal>.ResizerStyle01_resizer__SD8Wr{border-top:none;border-bottom:none}.split-ui-vertical>.ResizerStyle01_resizer__SD8Wr{border-left:none;border-right:none}.ResizerStyle01_resizer__SD8Wr:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#94a3b8;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px rgba(0,0,0,.1);transition:all .3s ease}.split-ui-horizontal>.ResizerStyle01_resizer__SD8Wr:before{width:4px;height:32px}.split-ui-vertical>.ResizerStyle01_resizer__SD8Wr:before{width:32px;height:4px}.ResizerStyle01_resizer__SD8Wr:active,.ResizerStyle01_resizer__SD8Wr:hover{background-color:#cbd5e1;box-shadow:0 4px 8px rgba(0,0,0,.15)}.ResizerStyle01_resizer__SD8Wr:active:before,.ResizerStyle01_resizer__SD8Wr:hover:before{background-color:#64748b;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.15)}.ResizerStyle01_resizer__SD8Wr:focus{outline:none;z-index:10;box-shadow:0 2px 4px rgba(0,0,0,.05),0 0 0 2px #3b82f6}.ResizerStyle04_demoPanel__tayvv{background-color:#ffffff;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e2e8f0;margin:4px}.ResizerStyle04_resizer__bBuCF{--split-ui-resizer-size:8px;background:transparent;position:relative;display:flex;align-items:center;justify-content:center}.ResizerStyle04_resizer__bBuCF:after{content:"";position:absolute;background:#94a3b8;border-radius:3px;transition:all .2s ease;opacity:.6;width:calc(var(--split-ui-horizontal) * 3px + var(--split-ui-vertical) * 24px);height:calc(var(--split-ui-horizontal) * 24px + var(--split-ui-vertical) * 3px)}.ResizerStyle04_resizer__bBuCF:active:after,.ResizerStyle04_resizer__bBuCF:focus:after,.ResizerStyle04_resizer__bBuCF:hover:after{opacity:1;width:calc(var(--split-ui-horizontal) * 5px + var(--split-ui-vertical) * 24px);height:calc(var(--split-ui-horizontal) * 24px + var(--split-ui-vertical) * 5px)}.ResizerStyle04_resizer__bBuCF:active:after,.ResizerStyle04_resizer__bBuCF:hover:after{background:#64748b}.ResizerStyle04_resizer__bBuCF:focus{outline:none}.ResizerStyle04_resizer__bBuCF:focus:after{background:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.3)}