.mobile-screen-content-no-frame{background:#fff;border-radius:8px;min-height:0}.mobile-frame-wrapper,.mobile-screen-content-no-frame{width:100%;height:100%;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mobile-frame-wrapper{min-height:800px;background:#1a1a1a;border-radius:24px;padding:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1)}.mobile-frame-wrapper.frame-type-ios{border-radius:40px;padding:12px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);-webkit-box-shadow:0 8px 30px rgba(0,0,0,.4),inset 0 0 0 2px hsla(0,0%,100%,.05),inset 0 0 20px rgba(0,0,0,.3);box-shadow:0 8px 30px rgba(0,0,0,.4),inset 0 0 0 2px hsla(0,0%,100%,.05),inset 0 0 20px rgba(0,0,0,.3)}.mobile-frame-wrapper.frame-type-ios:before{content:"";position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px;height:30px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:100}.mobile-frame-wrapper.frame-type-android{border-radius:20px;padding:10px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);-webkit-box-shadow:0 6px 25px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.08);box-shadow:0 6px 25px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.08)}.mobile-frame-wrapper.frame-type-h5{border-radius:16px;padding:8px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 0 0 1px hsla(0,0%,100%,.1)}.mobile-frame-wrapper.frame-type-mini{border-radius:20px;padding:10px;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);-webkit-box-shadow:0 6px 25px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.08);box-shadow:0 6px 25px rgba(0,0,0,.35),inset 0 0 0 1px hsla(0,0%,100%,.08)}.mobile-frame-wrapper .mobile-screen-content{border-radius:12px 12px 0 0;z-index:1}.mobile-frame-wrapper .mobile-screen-content,.mobile-frame-wrapper .mobile-screen-content .content-area{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;overflow:hidden;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0}.mobile-frame-wrapper .mobile-screen-content .content-area{padding-bottom:60px}.mobile-frame-wrapper .mobile-screen-content .content-area .content-iframe{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;border:none;min-height:0;display:block}.mobile-frame-wrapper .mobile-screen-content .content-area .empty-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-screen-content-no-frame .content-area{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:0;position:relative;padding-bottom:60px}.mobile-screen-content-no-frame .content-area .content-iframe{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%;border:none;min-height:0;display:block}.mobile-screen-content-no-frame .content-area .empty-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mobile-status-bar-wrapper{position:relative;-ms-flex-negative:0;flex-shrink:0;z-index:10}.mobile-status-bar-wrapper.status-bar-ios .notch{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px;height:30px;background:#000;border-radius:0 0 20px 20px;z-index:11}.mobile-status-bar-wrapper.status-bar-ios .mobile-status-bar{background:#000;padding-top:8px;height:44px}.mobile-status-bar-wrapper.status-bar-ios .signal span{border-radius:2px}.mobile-status-bar-wrapper.status-bar-ios .wifi-icon .wifi-bars span{border-radius:50% 50% 0 0}.mobile-status-bar-wrapper.status-bar-ios .battery{border-radius:3px}.mobile-status-bar-wrapper.status-bar-ios .battery:after{border-radius:0 2px 2px 0}.mobile-status-bar-wrapper.status-bar-ios .battery .battery-level{border-radius:2px}.mobile-status-bar-wrapper.status-bar-android .mobile-status-bar{background:#000;height:28px;padding:4px 12px}.mobile-status-bar-wrapper.status-bar-android .signal span,.mobile-status-bar-wrapper.status-bar-android .wifi-icon .wifi-bars span{border-radius:0}.mobile-status-bar-wrapper.status-bar-android .battery{border-radius:1px}.mobile-status-bar-wrapper.status-bar-android .battery:after{border-radius:0 1px 1px 0}.mobile-status-bar-wrapper.status-bar-android .battery .battery-level{border-radius:0}.mobile-status-bar-wrapper.status-bar-h5 .mobile-status-bar{background:#000;height:32px}.mobile-status-bar-wrapper.status-bar-h5 .signal span{border-radius:1px}.mobile-status-bar-wrapper.status-bar-h5 .wifi-icon .wifi-bars span{border-radius:50% 50% 0 0}.mobile-status-bar-wrapper.status-bar-h5 .battery{border-radius:2px}.mobile-status-bar-wrapper.status-bar-h5 .battery:after{border-radius:0 2px 2px 0}.mobile-status-bar-wrapper.status-bar-h5 .battery .battery-level{border-radius:1px}.mobile-status-bar-wrapper.status-bar-mini .mobile-status-bar{background:#000;color:#fff;height:32px}.mobile-status-bar-wrapper.status-bar-mini .mini-navigation-bar{width:100%;height:44px;background:#fff;border-bottom:1px solid #e5e5e5;position:relative;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-right:12px}.mobile-status-bar-wrapper.status-bar-mini .mini-capsule,.mobile-status-bar-wrapper.status-bar-mini .mini-navigation-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box}.mobile-status-bar-wrapper.status-bar-mini .mini-capsule{width:87px;height:28px;background:#fafafa;border:1px solid #e8e8e8;border-radius:14px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4px}.mobile-status-bar-wrapper.status-bar-mini .capsule-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;position:relative}.mobile-status-bar-wrapper.status-bar-mini .capsule-icon.capsule-icon-more{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.mobile-status-bar-wrapper.status-bar-mini .capsule-icon.capsule-icon-more span{width:3px;height:3px;background:#000;border-radius:50%;display:block}.mobile-status-bar-wrapper.status-bar-mini .capsule-icon.capsule-icon-close:before{content:"";width:12px;height:1.5px;background:#000;display:block}.mobile-status-bar-wrapper.status-bar-mini .capsule-icon.capsule-icon-home .circle{width:10px;height:10px;border:1.5px solid #000;border-radius:50%;position:absolute}.mobile-status-bar-wrapper.status-bar-mini .capsule-icon.capsule-icon-home .dot{width:3px;height:3px;background:#000;border-radius:50%;position:absolute}.mobile-status-bar-wrapper.status-bar-mini .capsule-divider{width:1px;height:16px;background:#e8e8e8}.mobile-status-bar-wrapper .mobile-status-bar{height:32px;background:#000;color:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:6px 12px;font-size:13px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.mobile-status-bar-wrapper .mobile-status-bar,.mobile-status-bar-wrapper .mobile-status-bar .status-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-status-bar-wrapper .mobile-status-bar .status-left{gap:6px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:3px;height:14px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal span{display:inline-block;width:3px;background:hsla(0,0%,100%,.3)}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal span:first-child{height:4px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal span:nth-child(2){height:7px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal span:nth-child(3){height:10px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal span:nth-child(4){height:13px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal span.active{background:#fff}.mobile-status-bar-wrapper .mobile-status-bar .status-left .signal.low-signal span.active{background:#f44}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon .wifi-bars{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:2px;height:12px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon .wifi-bars span{display:inline-block;background:hsla(0,0%,100%,.3)}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon .wifi-bars span:first-child{height:4px;width:4px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon .wifi-bars span:nth-child(2){height:7px;width:5px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon .wifi-bars span:nth-child(3){height:10px;width:6px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .wifi-icon .wifi-bars span.active{background:#fff}.mobile-status-bar-wrapper .mobile-status-bar .status-left .network-type{font-size:12px}.mobile-status-bar-wrapper .mobile-status-bar .status-left .time{margin-left:6px;font-size:13px;font-weight:500}.mobile-status-bar-wrapper .mobile-status-bar .status-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.mobile-status-bar-wrapper .mobile-status-bar .status-right .battery-percentage{font-size:12px}.mobile-status-bar-wrapper .mobile-status-bar .status-right .battery{width:22px;height:11px;border:1.5px solid #fff;position:relative}.mobile-status-bar-wrapper .mobile-status-bar .status-right .battery.low-battery .battery-level{-webkit-animation:battery-blink 1s infinite;animation:battery-blink 1s infinite}.mobile-status-bar-wrapper .mobile-status-bar .status-right .battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:5px;background:#fff}.mobile-status-bar-wrapper .mobile-status-bar .status-right .battery .battery-level{position:absolute;top:0;left:0;bottom:0;-webkit-transition:all .3s ease;transition:all .3s ease}@-webkit-keyframes battery-blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes battery-blink{0%,to{opacity:1}50%{opacity:.5}}