/*!
 * Vendored subset of Devices.css v0.2.0
 * Source: https://github.com/picturepan2/devices.css  (npm: devices.css)
 * License: MIT — Copyright (c) 2018 Pan Yuqi
 *
 * Only the base rules + iPhone X (notched) + MacBook Pro 2018 (incl. dark
 * "spacegray" variant) blocks are included; all other device frames stripped.
 * Flodex stays self-contained — no runtime CDN dependency. Scaler/theme helper
 * classes (.fx-device-*) at the bottom are Flodex additions, not upstream.
 */.device,.device:before,.device:after,.device *,.device *:before,.device *:after{box-sizing:border-box;display:block}.device{position:relative;transform:scale(1);z-index:1}.device .device-frame{z-index:1}.device .device-screen{background-color:#000;background-position:center center;background-size:cover;object-fit:cover;position:relative}.device-iphone-x{height:868px;width:428px}.device-iphone-x .device-frame{background:#222;border-radius:68px;box-shadow:inset 0 0 2px 2px #3a3d42,inset 0 0 0 7px #52555a;height:868px;padding:28px;width:428px}.device-iphone-x .device-screen{border-radius:40px;height:812px;width:375px}.device-iphone-x .device-stripe:after,.device-iphone-x .device-stripe:before{border:solid rgba(1,1,1,.25);border-width:0 7px;content:"";height:7px;left:0;position:absolute;width:100%;z-index:9}.device-iphone-x .device-stripe:after{top:85px}.device-iphone-x .device-stripe:before{bottom:85px}.device-iphone-x .device-header{background:#222;border-bottom-left-radius:20px;border-bottom-right-radius:20px;height:30px;left:50%;margin-left:-102px;position:absolute;top:28px;width:204px}.device-iphone-x .device-header:after,.device-iphone-x .device-header:before{content:"";height:10px;position:absolute;top:0;width:10px}.device-iphone-x .device-header:after{background:radial-gradient(circle at bottom left,transparent 0,transparent 75%,#222 75%,#222 100%);left:-10px}.device-iphone-x .device-header:before{background:radial-gradient(circle at bottom right,transparent 0,transparent 75%,#222 75%,#222 100%);right:-10px}.device-iphone-x .device-sensors:after,.device-iphone-x .device-sensors:before{content:"";position:absolute}.device-iphone-x .device-sensors:after{background:#333;border-radius:3px;height:6px;left:50%;margin-left:-25px;top:32px;width:50px}.device-iphone-x .device-sensors:before{background:radial-gradient(farthest-corner at 20% 20%,#6074bf 0,transparent 40%),radial-gradient(farthest-corner at 80% 80%,#513785 0,#24555e 20%,transparent 50%);border-radius:50%;box-shadow:0 0 1px 1px #ffffff0d;height:10px;left:50%;margin-left:42px;top:30px;width:10px}.device-iphone-x .device-btns{background:#52555a;height:32px;left:-3px;position:absolute;top:115px;width:3px}.device-iphone-x .device-btns:after,.device-iphone-x .device-btns:before{background:#52555a;content:"";height:62px;left:0;position:absolute;width:3px}.device-iphone-x .device-btns:after{top:60px}.device-iphone-x .device-btns:before{top:140px}.device-iphone-x .device-power{background:#52555a;height:100px;position:absolute;right:-3px;top:200px;width:3px}.device-macbook-pro-2018{height:444px;width:740px}.device-macbook-pro-2018 .device-frame{background:#0d0d0d;border-radius:20px;box-shadow:inset 0 0 0 2px #c8cacb;height:428px;margin:0 auto;padding:29px 19px 39px;position:relative;width:614px}.device-macbook-pro-2018 .device-frame:after{background:#272727;border-radius:0 0 20px 20px;bottom:2px;content:"";height:26px;left:2px;position:absolute;width:610px}.device-macbook-pro-2018 .device-frame:before{bottom:10px;color:#c8cacb;content:"MacBook Pro";display:none;font-size:12px;height:16px;left:50%;line-height:16px;margin-left:-100px;position:absolute;text-align:center;width:200px;z-index:1}.device-macbook-pro-2018 .device-screen{border:2px solid #121212;border-radius:2px;height:360px;width:576px}.device-macbook-pro-2018 .device-power{background:#e2e3e4;border:solid #d5d6d8;border-radius:2px 2px 0 0;border-width:2px 4px 0 4px;height:14px;margin-top:-10px;position:relative;width:740px;z-index:9}.device-macbook-pro-2018 .device-power:after,.device-macbook-pro-2018 .device-power:before{content:"";position:absolute}.device-macbook-pro-2018 .device-power:after{background:#d5d6d8;border-radius:0 0 10px 10px;box-shadow:inset 0 0 4px 2px #babdbf;height:10px;left:50%;margin-left:-60px;top:-2px;width:120px}.device-macbook-pro-2018 .device-power:before{background:#a0a3a7;border-radius:0 0 180px 180px/0 0 12px 12px;box-shadow:inset 0 -2px 6px #474a4d;height:12px;left:-4px;margin:0 auto;top:10px;width:740px}.device-macbook-pro-2018.device-spacegray .device-frame{box-shadow:inset 0 0 0 2px #767a7d}.device-macbook-pro-2018.device-spacegray .device-power{background:#909496;border-color:#767a7d}.device-macbook-pro-2018.device-spacegray .device-power:after{background:#83878a;box-shadow:inset 0 0 4px 2px #6a6d70}.device-macbook-pro-2018.device-spacegray .device-power:before{background:#515456;box-shadow:inset 0 -2px 6px #000}.fx-device-scaler{flex-shrink:0}.fx-device-scaler .device{transform-origin:top left}.fx-laptop-scaler{width:340px;height:204px}.fx-laptop-scaler .device{transform:scale(.46)}.fx-phone-scaler{width:148px;height:300px}.fx-phone-scaler .device{transform:scale(.345)}.fx-screen{background:#0d0d1f;display:flex;flex-direction:column;align-items:center;justify-content:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:#0a0a1a}.monaco-editor,.monaco-editor-background,.monaco-editor .margin{background-color:#0d0d1f!important}@media (max-width: 768px){html,body,#root{height:auto;min-height:100%;overflow-x:hidden}.flodex-m-shell{display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;overflow:hidden;background:#0a0a1a;font-family:Inter,system-ui,sans-serif}.flodex-m-tabbar{display:flex;flex-direction:row;width:100%;flex-shrink:0;border-bottom:1px solid #16162e;background:#0d0d1f}.flodex-m-tab{flex:1;min-height:44px;background:transparent;border:none;border-bottom:2px solid transparent;color:#888;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer}.flodex-m-tab-active{color:#e8e8e8;border-bottom:2px solid #4f46e5}.flodex-m-panel{flex:1;min-height:0;overflow:hidden}}
