.phone-frame{width:310px;max-width:min(100%,100vw - 3rem);line-height:0;container-type:inline-size}.phone-17{--mf-b1:#333536;--mf-b2:#434445;--mf-b3:#555657;--mf-b4:#656667;--mf-b5:#767778;--mf-b6:#898a8b;--mf-b7:#999a9a;--mf-b8:#a7a8a8;--mf-b9:#999a9b;--mf-b10:#737575;--mf-b11:#4d4e4f;--mf-b12:#353636;--mf-glass:#393939;box-sizing:content-box;zoom:calc(100cqi / 431.34px);width:402px;height:874px;box-shadow:inset 0 0 0 .667px var(--mf-b1), inset 0 0 0 1.333px var(--mf-b2), inset 0 0 0 2px var(--mf-b3), inset 0 0 0 2.667px var(--mf-b4), inset 0 0 0 3.333px var(--mf-b5), inset 0 0 0 3.667px var(--mf-b6), inset 0 0 0 4px var(--mf-b7), inset 0 0 0 4.333px var(--mf-b8), inset 0 0 0 4.667px var(--mf-b9), inset 0 0 0 5px var(--mf-b10), inset 0 0 0 5.333px var(--mf-b11), inset 0 0 0 5.667px var(--mf-b12), inset 0 0 3px 8.5px var(--mf-glass), 0 18px 40px -18px #141c2e73;background:#000;border-radius:78.4px;padding:14.33px 14.67px;display:inline-block;position:relative}.phone-17:before{content:"";background:#0d0d0d;border-radius:0 0 2px 2px;width:85.33px;height:3px;margin-left:-42.67px;position:absolute;top:5.67px;left:50%}.phone-17-screen{z-index:3;background:#fff;border-radius:63.5px;width:100%;height:100%;display:block;position:relative;overflow:hidden}.phone-17-action,.phone-17-volume,.phone-17-sleep{z-index:0;position:absolute}.phone-17-action,.phone-17-volume{background:linear-gradient(to left, var(--mf-b1) 0%, var(--mf-b3) 25%, var(--mf-b4) 50%, var(--mf-b6) 68%, var(--mf-b8) 80%, var(--mf-b10) 100%);border-radius:1.5px 0 0 1.5px;width:3px;left:-3px;box-shadow:inset 0 1px .5px #ffffff4d,inset 0 -1px .5px #ffffff4d}.phone-17-action{height:41.67px;top:185px}.phone-17-volume{height:67.67px;top:257.33px}.phone-17-volume:before{content:"";border-radius:inherit;background:inherit;width:100%;height:100%;box-shadow:inherit;position:absolute;top:85.67px;left:0}.phone-17-sleep{background:linear-gradient(to right, var(--mf-b1) 0%, var(--mf-b3) 25%, var(--mf-b4) 50%, var(--mf-b6) 68%, var(--mf-b8) 80%, var(--mf-b10) 100%);border-radius:0 1.5px 1.5px 0;width:2.67px;height:106.67px;top:280.67px;right:-2.67px;box-shadow:inset 0 1px .5px #ffffff4d,inset 0 -1px .5px #ffffff4d}