.centeringCSS{-webkit-box-align:center;-webkit-box-pack:center;display:-webkit-box}.device-view{--device-padding: ;--device-frame-width:12px;padding:var(--device-padding);position:absolute;margin:auto;top:0;z-index:777;pointer-events:none;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.device-view>figure{margin:0;background-size:contain;background-repeat:no-repeat;box-shadow:0 2px 8px rgba(2,8,20,.1),0 8px 16px rgba(2,8,20,.08);overflow:hidden;position:relative;z-index:1}.device-view.ios figure{border:12px solid #000;border-radius:54px}.device-view.web figure{border:8px solid #000;border-radius:15px}.device-view.android figure{border:12px solid #000;border-radius:44px}.device-view.ios figure:after{background-color:rgba(0,0,0,.5);border-radius:2px;bottom:18px;content:"";height:4px;width:35%;z-index:1}.device-view.ios figure:after,.device-view__ios-notch{display:none;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.device-view__ios-notch{fill:#090a0d;top:0;width:165px;z-index:2}.device-view.ios .device-view__ios-notch,.device-view.ios figure:after{display:block}.device-view__android-bar{display:none}.device-view.android .device-view__android-bar{display:block;fill:hsla(0,0%,49%,.3);padding:.5rem 2.2rem;position:relative;width:100%;z-index:2;top:0}.web-bottom-bar.web{width:100%}.web-bottom-bar.android,.web-bottom-bar.ios{display:none}.device-view>figure>iframe{position:absolute;top:0;left:0;margin:var(--device-frame-width);width:calc(100% - var(--device-frame-width)*2);height:calc(100% - var(--device-frame-width)*2);border:none;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);z-index:1}.device-view.web>figure>iframe{border-radius:32px}