.pb-device{justify-content:center;display:flex}.pb-device__bezel{width:var(--pb-device-width);max-width:100%;height:812px;max-height:90vh;padding:var(--pb-frame-border-width);border-radius:var(--pb-frame-radius);background:var(--pb-color-brown);box-shadow:var(--pb-shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.pb-device__status{background:var(--pb-color-white);border-top-left-radius:calc(var(--pb-frame-radius) - var(--pb-frame-border-width));border-top-right-radius:calc(var(--pb-frame-radius) - var(--pb-frame-border-width));justify-content:center;align-items:center;height:26px;display:flex;position:relative}.pb-device__time{left:var(--pb-space-4);font-family:var(--pb-font-body);color:var(--pb-text-muted);font-size:.7rem;font-weight:600;position:absolute}.pb-device__notch{border-radius:var(--pb-radius-pill);background:var(--pb-color-brown);width:42%;height:18px}.pb-device__screen{background:var(--pb-color-white);border-bottom-left-radius:calc(var(--pb-frame-radius) - var(--pb-frame-border-width));border-bottom-right-radius:calc(var(--pb-frame-radius) - var(--pb-frame-border-width));flex:1;overflow-y:auto}.pb-device__screen .pb-shell{box-shadow:none;border-radius:0;min-height:100%}@media (width<=640px){.pb-device__bezel{border-radius:0;width:100%;height:auto;max-height:none;padding:0}.pb-device__status{display:none}}