.phone{--phone-screen-inset-y:2.25%;--phone-screen-inset-x:4.9%;height:auto;margin:0;max-width:326px;position:relative;transform-origin:center center}.phone:before{background-color:rgb(var(--color-black,0 0 0));content:"";display:block;height:100vw;left:-15%;opacity:0;position:absolute;top:50%;transition:opacity .4s,visibility .4s;translate:0 -50%;visibility:hidden;width:130%}.phone--full-screen:before{opacity:1;visibility:visible}.phone img{height:100%;object-fit:cover;width:100%}.phone__screen{background-color:#f3f3f3;border-radius:14% 14% 14% 14%/7% 7% 7% 7%;bottom:var(--phone-screen-inset-y);left:var(--phone-screen-inset-x);overflow:hidden;position:absolute;right:var(--phone-screen-inset-x);top:var(--phone-screen-inset-y);transform-origin:center center}.phone video{height:100%;left:50%;max-width:none;object-fit:cover;position:absolute;top:0;transform:translateX(-50%);transform-origin:center center;width:auto}.phone__camera{background-color:#000;border-radius:1000px;height:4.2%;max-width:32%;position:absolute;right:34%;top:3.5%;width:32%;will-change:max-width}.phone__camera:before{box-shadow:inset 0 -3px 2px 0 hsla(0,0%,100%,.2);height:50%;right:10%;top:25%}.phone__camera:after,.phone__camera:before{aspect-ratio:1/1;border-radius:50%;content:"";display:block;position:absolute}.phone__camera:after{background-color:#485c75;box-shadow:inset 1px -2px 3px hsla(0,0%,100%,.2),inset 1px -1px 4px hsla(0,0%,100%,.1),inset -1px 1px 2px -1px hsla(0,0%,100%,.7);filter:blur(.5px) opacity(.5);height:23%;right:14%;top:37%}