.device-preview{align-items:center;height:100%;display:flex}.device-preview__body{background:#000;height:100%;transition:aspect-ratio .45s cubic-bezier(.25,.1,.2,1),border-radius .45s cubic-bezier(.25,.1,.2,1);position:relative;box-shadow:0 32px 64px #00000040,0 12px 24px #00000026}.device-preview__screen-mask{transition:top .45s cubic-bezier(.25,.1,.2,1),bottom .45s cubic-bezier(.25,.1,.2,1),left .45s cubic-bezier(.25,.1,.2,1),right .45s cubic-bezier(.25,.1,.2,1),border-radius .45s cubic-bezier(.25,.1,.2,1);position:absolute;overflow:hidden}.device-preview__screen{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s cubic-bezier(.25,.1,.2,1);position:absolute;inset:0}.device-preview__screen--active{opacity:1}