.mockframe{display:inline-block;position:relative;box-sizing:content-box!important}.mockframe .screen{z-index:3;background:#fff;border-radius:1px;width:100%;height:100%;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 3px #111}.mockframe .top-bar,.mockframe .bottom-bar{background:#000;width:100%;height:3px;display:block}.mockframe .middle-bar{background:#000;width:3px;height:4px;position:absolute;top:0;left:90px}.mockframe.pixel10{width:412px;height:924px;box-shadow:inset 0 0 0 .75px #0000004d,inset 0 0 2px 2.5px #ffffff29,inset 0 0 0 6px var(--mf-frame),inset 0 0 3px 7.5px #1c1c1c;--mf-frame:#4a4d4d;background:#000;border-radius:74px;padding:21.5px}.mockframe.pixel10 .screen{box-shadow:none;border-radius:50px}.mockframe.pixel10 .camera{z-index:5;background:radial-gradient(circle,#2a2c3c 0,#15161f 22%,#2b2b2e 38%,#0b0b0c 50%,#000 70%);border-radius:50%;width:28px;height:28px;margin-left:-14px;position:absolute;top:36.5px;left:50%}.mockframe.pixel10 .sleep,.mockframe.pixel10 .volume{background:var(--mf-frame);border-radius:0 2px 2px 0;width:3px;position:absolute;right:-3px;box-shadow:inset -1px 0 1px #fff3,inset 1px 0 1px #00000040}.mockframe.pixel10 .sleep{height:75.3px;top:269.7px}.mockframe.pixel10 .volume{height:131.7px;top:390.6px}.mockframe.pixel10.frost{--mf-frame:#d1d8ed}.mockframe.pixel10.indigo{--mf-frame:#5585e0}.mockframe.pixel10.lemongrass{--mf-frame:#dfe1c3}.mockframe.pixel10.porcelain{--mf-frame:#e8e5e1}.mockframe.pixel10.mint{--mf-frame:#afdbc5}.mockframe.pixel10.rose{--mf-frame:#e8c4c4}.mockframe.pixel10.landscape{width:924px;height:412px}.mockframe.pixel10.landscape .camera{margin:-14px 0 0;top:50%;left:36.5px}.mockframe.pixel10.landscape .sleep,.mockframe.pixel10.landscape .volume{border-radius:2px 2px 0 0;height:3px;top:-3px;right:auto;box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 1px #00000040}.mockframe.pixel10.landscape .sleep{width:75.3px;left:269.7px}.mockframe.pixel10.landscape .volume{width:131.7px;left:390.6px}.mockframe.pixel10 .top-bar,.mockframe.pixel10 .bottom-bar,.mockframe.pixel10 .sensor,.mockframe.pixel10 .speaker,.mockframe.pixel10 .sensors,.mockframe.pixel10 .more-sensors,.mockframe.pixel10 .inner-shadow,.mockframe.pixel10 .home,.mockframe.pixel10 .inner{display:none}.mockframe.galaxy-s25{width:360px;height:780px;box-shadow:inset 0 0 0 .75px #0000004d,inset 0 0 1.5px 1.5px #ffffff24,inset 0 0 0 5.5px var(--mf-frame),inset 0 0 2px 6.5px #1a1a1a;--mf-frame:#3a3e48;background:#000;border-radius:49px;padding:12.5px}.mockframe.galaxy-s25 .screen{box-shadow:none;border-radius:36px}.mockframe.galaxy-s25 .camera{z-index:5;background:radial-gradient(circle,#1e2030 0,#0d0e16 35%,#030304 60%,#000 100%);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:23.5px;left:50%}.mockframe.galaxy-s25 .speaker{z-index:4;background:#0a0a0a;border-radius:0 0 1.5px 1.5px;width:55px;height:1.5px;margin-left:-27.5px;position:absolute;top:5.5px;left:50%}.mockframe.galaxy-s25 .sleep,.mockframe.galaxy-s25 .volume{background:var(--mf-frame);border-radius:0 2px 2px 0;width:2.5px;position:absolute;right:-2.5px;box-shadow:inset -1px 0 1px #ffffff2e,inset 1px 0 1px #00000040}.mockframe.galaxy-s25 .volume{height:109.4px;top:146.7px}.mockframe.galaxy-s25 .sleep{height:59.9px;top:308.9px}.mockframe.galaxy-s25.icy-blue{--mf-frame:#bdc4d5}.mockframe.galaxy-s25.navy{--mf-frame:#283a5e}.mockframe.galaxy-s25.mint{--mf-frame:#bdcfc3}.mockframe.galaxy-s25.silver-shadow,.mockframe.galaxy-s25.silver{--mf-frame:#a7a8ab}.mockframe.galaxy-s25.coral-red{--mf-frame:#ea646b}.mockframe.galaxy-s25.pink-gold{--mf-frame:#e8d7cd}.mockframe.galaxy-s25.phantom-black{--mf-frame:#2a2a2c}.mockframe.galaxy-s25.landscape{width:780px;height:360px}.mockframe.galaxy-s25.landscape .camera{margin:-8px 0 0;top:50%;left:23.5px}.mockframe.galaxy-s25.landscape .speaker{border-radius:0 1.5px 1.5px 0;width:1.5px;height:55px;margin:-27.5px 0 0;top:50%;left:5.5px}.mockframe.galaxy-s25.landscape .sleep,.mockframe.galaxy-s25.landscape .volume{border-radius:2px 2px 0 0;height:2.5px;top:-2.5px;right:auto;box-shadow:inset 0 1px 1px #ffffff2e,inset 0 -1px 1px #00000040}.mockframe.galaxy-s25.landscape .volume{width:109.4px;left:146.7px}.mockframe.galaxy-s25.landscape .sleep{width:59.9px;left:308.9px}.mockframe.galaxy-s25 .top-bar,.mockframe.galaxy-s25 .bottom-bar,.mockframe.galaxy-s25 .sensor,.mockframe.galaxy-s25 .sensors,.mockframe.galaxy-s25 .more-sensors,.mockframe.galaxy-s25 .inner-shadow,.mockframe.galaxy-s25 .home,.mockframe.galaxy-s25 .inner{display:none}