.phone-frame{--phone-frame-w:var(--phone-frame-width,300px);width:var(--phone-frame-w);padding:10px;background:var(--graphite-color);border-radius:calc(var(--phone-frame-w)*.16);box-shadow:var(--elevated-shadow)}.phone-frame__screen{position:relative;aspect-ratio:9/19.5;overflow:hidden;background:var(--white-color);border-radius:calc(var(--phone-frame-w)*.13)}.phone-frame__notch{position:absolute;top:10px;left:50%;z-index:2;width:30%;height:22px;background:var(--graphite-color);border-radius:20px;transform:translate(-50%)}