.phone-frame-viewport{justify-content:center;width:100%;max-width:350px;margin-inline:auto;padding-block:8px 0;display:flex;overflow:hidden}.phone-frame-device{--phone-frame-panel:#010101;--phone-frame-purple:#342c3f;--phone-frame-purple-dark:#211c29;color:#000;width:350px;max-width:100%;min-height:363px;position:relative}.phone-frame-device .device-frame{background:var(--phone-frame-panel);box-shadow:inset 0 0 3px 2px #ffffff47, inset 0 0 0 5px var(--phone-frame-purple);border-radius:56px 56px 0 0;width:100%;min-height:363px;padding:16px 16px 0}.phone-frame-device .device-screen{background:#fff;border-radius:40px 40px 0 0;width:100%;min-height:347px;position:relative;overflow:hidden}.phone-frame-device .device-stripe:after,.phone-frame-device .device-stripe:before{content:"";z-index:9;border:0 solid #01010140;border-width:0 6px;width:100%;height:6px;position:absolute;left:0}.phone-frame-device .device-stripe:after{top:70px}.phone-frame-device .device-stripe:before{display:none}.phone-frame-device .device-header{background:var(--phone-frame-panel);z-index:20;border-radius:16px;width:98px;height:29px;margin-left:-49px;position:absolute;top:24px;left:50%}.phone-frame-device .device-sensors:after,.phone-frame-device .device-sensors:before{content:"";z-index:21;position:absolute}.phone-frame-device .device-sensors:after{background:var(--phone-frame-panel);border-radius:14px;width:60px;height:27px;margin-left:-49px;top:25px;left:50%}.phone-frame-device .device-sensors:before{background:radial-gradient(at 20% 20%,#6074bf 0,#0000 40%),radial-gradient(at 80% 80%,#513785 0,#24555e 20%,#0000 50%);border-radius:50%;width:7px;height:7px;margin-left:29px;top:34px;left:50%;box-shadow:0 0 1px 1px #ffffff0d}.phone-frame-device .device-btns{background:var(--phone-frame-purple-dark);border-radius:2px;width:3px;height:26px;position:absolute;top:94px;left:-2px}.phone-frame-device .device-btns:after,.phone-frame-device .device-btns:before{background:var(--phone-frame-purple-dark);content:"";border-radius:2px;width:3px;height:51px;position:absolute;left:0}.phone-frame-device .device-btns:after{top:49px}.phone-frame-device .device-btns:before{top:114px}.phone-frame-device .device-power{background:var(--phone-frame-purple-dark);border-radius:2px;width:3px;height:82px;position:absolute;top:164px;right:-2px}.phone-frame-device .device-home:after,.phone-frame-device .device-home:before{content:"";z-index:9;border:5px solid #01010140;border-width:5px 0;width:5px;height:5px;position:absolute}.phone-frame-device .device-home:after{top:0;right:70px}.phone-frame-device .device-home:before{display:none}