.device{--device-offset:8px;--device-radius:36px;--device-screen-ratio:190%;border-radius:var(--device-radius);padding:var(--device-offset)}.device .device-screen{border-radius:calc(var(--device-radius) - var(--device-offset));padding-bottom:var(--device-screen-ratio);position:relative}.device .device-screen .device-screen-content{color:#000;height:100%;left:0;overflow-y:auto;position:absolute;right:0;top:0;width:100%;z-index:1}.device .device-screen .device-screen-content .device-screen-content-notch{border-radius:24px;height:24px;width:100%}.device .device-screen .device-screen-content .device-screen-content-notch:after{background-color:#fff;border-radius:50%;content:"";height:16px;left:50%;margin:4px;opacity:.2;width:16px}