.device-mockup{z-index:1;flex:none;max-width:100%;position:relative}.device-mockup--site.device-mockup--iphone,.device-mockup--site.device-mockup--duoClosed,.device-mockup--admin.device-mockup--iphone,.device-mockup--admin.device-mockup--duoClosed{width:260px}.device-mockup--site.device-mockup--duoOpen,.device-mockup--admin.device-mockup--duoOpen{width:min(100%,340px)}.device-mockup__shot{width:100%;container-type:inline-size}.device-mockup__img{width:100%;height:auto;display:block}.device-mockup--framed .device-mockup__shot{position:relative;overflow:hidden}.device-mockup--framed.device-mockup--iphone .device-mockup__shot{border-radius:15.9%/7.35%}.device-mockup--framed.device-mockup--duoClosed .device-mockup__shot{border-radius:10.45%/7.42%}.device-mockup--framed.device-mockup--duoOpen .device-mockup__shot{border-radius:4.89%/7.42%}.device-mockup__screen{z-index:0;position:absolute;overflow:hidden}.device-mockup__screen .device-mockup__img{object-fit:cover;width:100%;height:100%}.device-mockup__bezel{z-index:1;pointer-events:none;width:100%;height:auto;display:block;position:relative}.device-mockup__placeholder{text-align:center;border:1px dashed;border-radius:12px;justify-content:center;align-items:center;min-height:180px;padding:20px;font-size:12px;line-height:1.5;display:flex}.device-mockup--site .device-mockup__placeholder{color:#ffffff8c}.device-mockup--admin .device-mockup__placeholder{color:var(--theme-elevation-600,#666)}@media (max-width:768px){.device-mockup--site.device-mockup--iphone,.device-mockup--site.device-mockup--duoClosed{width:220px}.device-mockup--site.device-mockup--duoOpen{width:min(100%,320px)}}