.docs-demo-device{--device-padding:1rem;--device-width:344px;--device-height:704px;--device-frame-width:12px;padding:var(--device-padding);position:-webkit-sticky;position:sticky;top:0}.docs-demo-device>figure{background-image:url(../img/iphone-device-skin.10558c1b.png);border-radius:54px;height:100vh;background-position:50%;background-repeat:no-repeat;background-size:contain;position:relative;box-shadow:0 2px 8px rgba(2,8,20,.1),0 8px 16px rgba(2,8,20,.08);overflow:hidden;width:var(--device-width);height:var(--device-height);margin:auto}.docs-demo-device__ios-notch{position:absolute;fill:#090a0d;top:12px;width:165px;left:50%;transform:translateX(-50%);z-index:2}.docs-demo-device.ios figure:after{left:50%;background-color:rgba(0,0,0,.5);border-radius:2px;bottom:18px;content:"";height:4px;width:35%;z-index:1;position:absolute;transform:translateX(-50%)}.docs-demo-device>figure>div.device-frame{margin:var(--device-frame-width);width:calc(100% - var(--device-frame-width)*2);height:calc(95% - var(--device-frame-width)*2);z-index:1}.demo-app-notification,.docs-demo-device>figure>div.device-frame{position:absolute;top:0;left:0;border:none;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.demo-app-notification{width:100%;height:100%;z-index:999999;background-color:rgba(0,0,0,.9)}.demo-app-notification-popup{background-color:hsla(0,0%,100%,.85);border-radius:10px;margin:150px 10px 10px 10px;padding:10px;color:#000;line-height:1.5;word-wrap:break-word}.demo-app-header{background-color:#0090c5;color:#fff;border-radius:40px 40px 0 0;position:absolute;top:0;left:0;width:100%;padding-top:35px;padding-bottom:10px;z-index:1;text-align:center}.demo-app-container{position:relative;margin-top:47px;margin-bottom:70px;height:calc(var(--device-height) - 130px);overflow:auto}.demo-app-container::-webkit-scrollbar{width:2px}.demo-app-container::-webkit-scrollbar-track{background:#f1f1f1}.demo-app-container::-webkit-scrollbar-thumb{background:#888}.demo-app-container::-webkit-scrollbar-thumb:hover{background:#555}.demo-app-card{border-radius:10px;background-color:#fff;z-index:9999;position:absolute;margin:-60px 8px 16px 8px;padding:10px 10px;width:calc(100% - 36px);box-shadow:0 2px 8px rgba(2,8,20,.1),0 8px 16px rgba(2,8,20,.08)}.demo-app-content{text-align:left;line-height:20px;font-size:13px;margin:16px 0}.content-url{font-size:11px;color:#0090c5}.demo-app-notify-icon{width:20px;margin:0 10px -8px 0}.demo-app-notify-time{float:right}.demo-app-notify-title{font-size:12px;font-weight:700}.demo-app--notify-message,.demo-app-notify-title{width:280px;text-overflow:ellipsis;min-height:0;min-width:0;margin:0;overflow:hidden}.demo-app--notify-message{font-size:11px;font-weight:300;white-space:pre-wrap;max-height:75px}.demo-app-button{margin-left:0!important;margin-top:5px;margin-bottom:5px;width:100%}.demo-app-content-pre-line{white-space:pre-line}.demo-app-content-social{text-align:center}.content-call{margin-top:-20px}.content-call .el-image{margin-top:0}.editor-area[data-v-830644d8]{background-color:#fff;padding:16px;line-height:2}