.WebDevelopmentDemos_demo__ILE9v{min-width:0;padding:24px;border:1px solid #3b4864;border-radius:24px;background:linear-gradient(145deg,#142030,#101329 75%);box-shadow:inset 0 1px #ffffff0d,0 24px 80px #0000001f}.WebDevelopmentDemos_demoBar__jpCqs{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;color:#d6e3ef;font-size:11px}.WebDevelopmentDemos_demoBar__jpCqs>span:first-child{display:flex;align-items:center;gap:9px}.WebDevelopmentDemos_demoBar__jpCqs i{width:6px;height:6px;border-radius:50%;background:#89e0e5}.WebDevelopmentDemos_demoBar__jpCqs>span:last-child{color:#98b0cb;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_demoToggle__r0jML{display:none}.WebDevelopmentDemos_demoControls__Kyr2W{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:18px}.WebDevelopmentDemos_demoControls__Kyr2W button{min-width:0;min-height:43px;padding:9px 8px;border:1px solid #3c4960;border-radius:9px;color:#b8c9dd;background:#152033;font-size:11px;line-height:1.4}.WebDevelopmentDemos_demoControls__Kyr2W button[aria-pressed=true]{border-color:#8cdde6;color:#0c2732;background:#8cdde6}.WebDevelopmentDemos_browserFrame__p7rJJ{overflow:hidden;border:1px solid #39445e;border-radius:14px;background:#0c1324}.WebDevelopmentDemos_browserAddress__fLtfV{display:flex;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid #303c53;background:#161e32}.WebDevelopmentDemos_browserAddress__fLtfV>span:first-child{color:#8c9ab4;font-size:15px;letter-spacing:3px}.WebDevelopmentDemos_browserAddress__fLtfV>span:last-child{flex:1 1;padding:5px 10px;border-radius:5px;color:#a2b4cb;background:#0d1526;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_interfacePreview__teR0u{min-height:325px;padding:25px}.WebDevelopmentDemos_interfacePreview__teR0u>small{display:block;margin-top:20px;color:#8ebdca;font-size:9px;letter-spacing:.06em}.WebDevelopmentDemos_interfacePreview__teR0u .WebDevelopmentDemos_previewTitle__SBxUx{display:block;margin-top:12px;color:#edf1f8;font-size:23px;font-weight:550;line-height:1.25;letter-spacing:-.025em}.WebDevelopmentDemos_interfacePreview__teR0u p{max-width:340px;min-height:45px;margin-top:13px;color:#acbdd3;font-size:12px;line-height:1.7}.WebDevelopmentDemos_previewIllustration__BCPWp{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;height:85px;border:1px solid #373f65;border-radius:12px;background:linear-gradient(120deg,#233455,#262041)}.WebDevelopmentDemos_previewIllustration__BCPWp>span{display:block;width:27px;height:35px;border:1px solid #89c9e4;border-radius:6px;background:#456d91;transform:rotate(-15deg)}.WebDevelopmentDemos_previewIllustration__BCPWp>span:nth-child(2){width:35px;height:47px;border-color:#a39ef3;background:#6558bc;transform:translateY(-5px)}.WebDevelopmentDemos_previewIllustration__BCPWp>span:nth-child(3){transform:rotate(15deg)}.WebDevelopmentDemos_interfacePreview__teR0u[data-state="1"] .WebDevelopmentDemos_previewIllustration__BCPWp{background:#172238}.WebDevelopmentDemos_interfacePreview__teR0u[data-state="1"] .WebDevelopmentDemos_previewIllustration__BCPWp>span{opacity:.35}.WebDevelopmentDemos_interfacePreview__teR0u[data-state="2"] .WebDevelopmentDemos_previewIllustration__BCPWp{background:#292338}.WebDevelopmentDemos_interfacePreview__teR0u[data-state="2"] .WebDevelopmentDemos_previewIllustration__BCPWp>span{border-color:#c59cb7;background:#684c6c}.WebDevelopmentDemos_previewAction__yoUjH{display:flex;justify-content:space-between;gap:14px;width:100%;margin-top:19px;padding-top:15px;border-top:1px solid #303a53;color:#b3dce9;font-size:11px}.WebDevelopmentDemos_demoExplanation__qlx2W{margin-top:20px}.WebDevelopmentDemos_demoExplanation__qlx2W p{min-height:58px;margin-top:12px;color:#aec0d6;font-size:11px;line-height:1.75}.WebDevelopmentDemos_status__OQrJk{display:inline-block;padding:5px 9px;border:1px solid #345b68;border-radius:6px;color:#a0e1df;background:#142c36;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_status__OQrJk[data-error=true]{border-color:#685064;color:#e1c2d6;background:#2c2236}.WebDevelopmentDemos_requestFrame__Uxrjg{overflow:hidden;border:1px solid #39475d;border-radius:11px;background:#0b1525}.WebDevelopmentDemos_requestFrame__Uxrjg>div{display:flex;align-items:center;gap:15px;padding:13px 16px;border-bottom:1px solid #303d53}.WebDevelopmentDemos_requestFrame__Uxrjg>div>span{padding:3px 7px;border-radius:5px;color:#9fe1d9;background:#173139;font-size:9px}.WebDevelopmentDemos_requestFrame__Uxrjg>div code{color:#b8d2e1;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_requestFrame__Uxrjg pre{margin:0;padding:20px 16px}.WebDevelopmentDemos_requestFrame__Uxrjg pre code{color:#c5dce9;font:11px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.WebDevelopmentDemos_requestSteps__3BDa1{display:grid;gap:0;margin:22px 0!important;padding:0;list-style:none}.WebDevelopmentDemos_requestSteps__3BDa1 li{display:flex;align-items:center;gap:12px;padding:9px 0;color:#c2d5e7;font-size:11px}.WebDevelopmentDemos_requestSteps__3BDa1 li>span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border:1px solid #3e526a;border-radius:50%;color:#8ed2e1;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_requestSteps__3BDa1 li[data-muted=true]{color:#8095b1}.WebDevelopmentDemos_requestSteps__3BDa1 li[data-muted=true]>span{color:#8095b1;border-color:#33415a}.WebDevelopmentDemos_responseFrame__9tmsS{padding:18px;border:1px solid #34415d;border-radius:12px;background:#0d1727}.WebDevelopmentDemos_responseFrame__9tmsS pre{margin:15px 0}.WebDevelopmentDemos_responseFrame__9tmsS code{color:#b9d5e7;font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.WebDevelopmentDemos_responseFrame__9tmsS strong{display:block;color:#d7e4f1;font-size:13px;font-weight:550}.WebDevelopmentDemos_responseFrame__9tmsS p{min-height:40px;margin-top:9px;color:#aebed5;font-size:11px;line-height:1.75}.WebDevelopmentDemos_demo__ILE9v figcaption{margin-top:20px;padding-top:16px;border-top:1px solid #34415a;color:#9aafc9;font-size:10px;line-height:1.75}.WebDevelopmentDemos_goTimeline__xTaom{display:grid;gap:17px;margin:24px 0;padding:20px 16px;border:1px solid #34435d;border-radius:12px;background:#0d1727}.WebDevelopmentDemos_goTimeline__xTaom>div{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:15px}.WebDevelopmentDemos_goTimeline__xTaom>div>span{color:#a6bdd1;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_goTimeline__xTaom>div>div{min-width:0;border-radius:6px;background:#1a243a}.WebDevelopmentDemos_goTimeline__xTaom>div>div>span{display:flex;justify-content:center;padding:8px 0;border:1px solid #69bdcf;border-radius:6px;color:#d5edf5;background:#275468;font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.WebDevelopmentDemos_goTimeline__xTaom>div>div>span[data-cancelled=true]{border-color:#a69fdc;color:#e8dcff;background:#454060}.WebDevelopmentDemos_goTimeline__xTaom>div:first-child{display:flex;justify-content:space-between;gap:10px}.WebDevelopmentDemos_goTimeline__xTaom>div:first-child>span{color:#a3b9d1;font-size:9px}.WebDevelopmentDemos_goTimeline__xTaom~.WebDevelopmentDemos_responseFrame__9tmsS{margin-top:18px}.WebDevelopmentDemos_goTimeline__xTaom~.WebDevelopmentDemos_responseFrame__9tmsS strong{margin-top:15px}@media(max-width:900px){.WebDevelopmentDemos_demo__ILE9v{max-width:620px}}@media(max-width:680px){.WebDevelopmentDemos_demo__ILE9v{padding:16px;border-radius:18px}.WebDevelopmentDemos_demoBar__jpCqs{margin-bottom:11px;font-size:10px}.WebDevelopmentDemos_demoBar__jpCqs>span:last-child{font-size:9px}.WebDevelopmentDemos_demoToggle__r0jML{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:44px;padding:5px 0;border:0;color:#dbeaf5;background:#0000;text-align:left;font-size:11px}.WebDevelopmentDemos_demoToggle__r0jML>span:last-child{color:#85d9e7;font-size:23px}.WebDevelopmentDemos_demoBody__5eLcD{display:none}.WebDevelopmentDemos_demoExpanded__gHCJM{display:block;padding-top:15px}.WebDevelopmentDemos_demoControls__Kyr2W{gap:5px}.WebDevelopmentDemos_demoControls__Kyr2W button{padding:8px 5px;font-size:10px}.WebDevelopmentDemos_browserAddress__fLtfV{gap:10px;padding:10px}.WebDevelopmentDemos_interfacePreview__teR0u{min-height:300px;padding:18px}.WebDevelopmentDemos_interfacePreview__teR0u .WebDevelopmentDemos_previewTitle__SBxUx{font-size:21px}.WebDevelopmentDemos_interfacePreview__teR0u p{font-size:11px}.WebDevelopmentDemos_previewAction__yoUjH{font-size:10px}.WebDevelopmentDemos_demoExplanation__qlx2W p{min-height:0}.WebDevelopmentDemos_requestFrame__Uxrjg pre{padding:15px 12px}.WebDevelopmentDemos_requestFrame__Uxrjg pre code{font-size:10px}.WebDevelopmentDemos_responseFrame__9tmsS{padding:14px}.WebDevelopmentDemos_responseFrame__9tmsS code{font-size:9px}.WebDevelopmentDemos_responseFrame__9tmsS p{min-height:0}.WebDevelopmentDemos_demo__ILE9v figcaption{margin-top:13px;padding-top:12px;font-size:10px}}