.story-photo-phone{--story-photo-scale:1;--story-photo-offset-x:0px;--story-photo-offset-y:0px;--story-photo-mask-right:75%;--story-photo-mask-bottom:98%;isolation:isolate;width:100%;height:80svh;-webkit-mask-image:linear-gradient(to right, #000 0 var(--story-photo-mask-right), transparent 100%), linear-gradient(to bottom, #000 0 var(--story-photo-mask-bottom), transparent 100%);mask-image:linear-gradient(to right, #000 0 var(--story-photo-mask-right), transparent 100%), linear-gradient(to bottom, #000 0 var(--story-photo-mask-bottom), transparent 100%);flex:none;position:relative;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:border-box;mask-clip:border-box;-webkit-mask-composite:source-in;mask-composite:intersect}.story-photo-phone-extension{z-index:-1;background:var(--story-photo-background) center 44% / cover no-repeat;filter:blur(36px)brightness(.32);pointer-events:none;position:absolute;inset:-35svh -30vw;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.story-photo-phone-canvas{width:var(--story-photo-width);height:var(--story-photo-height);transform-origin:0 0;transform:translate(var(--story-photo-offset-x), var(--story-photo-offset-y)) scale(var(--story-photo-scale));position:absolute;inset:0 auto auto 0}.story-photo-phone-screen{width:var(--story-screen-width);height:var(--story-screen-height);transform-origin:0 0;color:#0f1417;background:#eef5f5;font-size:16px;position:absolute;top:0;left:0;overflow:hidden;container-type:inline-size}.story-photo-phone-photo{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 8% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000),linear-gradient(#0000,#000 8% 82%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.story-photo-phone-screen :focus-visible{outline-offset:-3px;outline:3px solid #087f90}@media (max-width:768px){.story-photo-phone{height:54svh}}