.device-screen{color:#172c47;width:100%;max-width:1080px;margin:0 auto}.device-screen-hardware{background:linear-gradient(145deg,#e8eef3,#cfd9e2);border:1px solid #bccbd9;border-radius:17px 17px 4px 4px;margin-inline:3%;padding:20px 9px 10px;position:relative;box-shadow:inset 0 0 0 1px #ffffffc7,0 12px 22px -18px #27436266}.device-screen-camera{background:#657d95;border-radius:50%;width:3px;height:3px;position:absolute;top:8px;left:calc(50% - 1.5px);box-shadow:0 0 0 1px #d8e4ee}.device-screen-display{background:#fff;border:1px solid #aabccc;border-radius:2px}.device-screen-display img{object-fit:contain;border-radius:inherit;width:100%;max-width:none;height:auto;display:block}.device-screen-base{background:linear-gradient(#f0f4f7 0 25%,#cbd6df 70%,#b0bfcc);border:1px solid #aebfce;border-top-color:#e1eaf1;border-radius:1px 1px 45% 45%/1px 1px 90% 90%;height:10px;position:relative;box-shadow:0 13px 18px -7px #1d3b5d38}.device-screen-base>i{background:#b5c5d3;border-radius:0 0 6px 6px;width:14%;height:5px;position:absolute;top:-1px;left:43%;box-shadow:inset 0 1px 2px #8ba2b855}.device-screen>figcaption{color:#62748a;justify-content:space-between;align-items:baseline;gap:16px;margin:26px 3% 0;font-size:13px;line-height:1.65;display:flex}.device-screen>figcaption strong{color:#29415c;font-weight:500}.device-screen--phone{max-width:310px}.device-screen--phone .device-screen-hardware{background:linear-gradient(130deg,#e5edf3,#bdcad5);border-color:#8c9dad;border-radius:31px;margin-inline:0;padding:24px 8px 15px;box-shadow:inset 0 0 0 2px #f1f5f8,0 20px 35px -23px #29435f70}.device-screen--phone .device-screen-camera{top:10px}.device-screen--phone .device-screen-display{border-radius:5px}.device-screen--compact .device-screen-hardware{border-radius:12px 12px 2px 2px;padding:13px 5px 6px}.device-screen--compact .device-screen-camera{width:2px;height:2px;top:5px}.device-screen--compact .device-screen-base{height:7px}@media (width<=600px){.device-screen-hardware{border-radius:11px 11px 3px 3px;padding:13px 5px 6px}.device-screen-camera{width:2px;height:2px;top:5px}.device-screen-base{height:7px}.device-screen>figcaption{margin-top:20px;font-size:12px;display:block}.device-screen>figcaption span{margin-top:5px;display:block}.device-screen--phone{max-width:270px}}