.phone-mockup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:14px solid #1f2937;background-color:#1f2937;border-radius:3.5rem;height:868px;width:409px}.phone-button-left-1{height:32px;width:3px;background-color:#1f2937;position:absolute;left:-17px;top:72px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.phone-button-left-2{height:46px;width:3px;background-color:#1f2937;position:absolute;left:-17px;top:124px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.phone-button-left-3{height:46px;width:3px;background-color:#1f2937;position:absolute;left:-17px;top:178px;border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.phone-button-right{height:64px;width:3px;background-color:#1f2937;position:absolute;right:-17px;top:142px;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.phone-screen__island{display:flex;align-items:center;justify-content:space-between;padding:12px}.phone-screen__camera{width:40%;height:45px;background-color:#1f2937;border-radius:var(--radius-round)}.phone-screen__time{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex:1;color:#fffefc}.phone-screen__icons{flex:1}.phone-screen__icons img{width:100%;padding:16px;filter:brightness(0) invert(1)}.phone-header{display:flex;position:relative;height:50px;justify-content:space-between;align-items:center;padding:8px;border-bottom:1px solid rgba(255,254,252,.14);background-color:var(--op-bg)}.phone-header__glyph{filter:brightness(0) invert(1)}.phone-header__spacer{width:44px;height:44px}.phone-screen{border-radius:3rem;overflow:hidden;width:100%;height:100%;background-color:var(--op-bg);display:flex;flex-direction:column}.phone-content{flex:1;overflow:hidden;position:relative}.phone-content iframe{border:none;width:100%;height:100%;display:block}.phone-footer{display:flex;justify-content:center;align-items:center;padding:8px}.phone-footer__swipe{width:33%;height:5px;background-color:#fffefc8c;border-radius:var(--radius-round)}