.shot{width:100%;position:relative}.shot-img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.shot-plain{aspect-ratio:var(--shot-ratio,.462);border-radius:14px;overflow:hidden}.shot-phone{aspect-ratio:.48913;max-width:320px;margin:0 auto}.shot-phone-screen{background:#000;border-radius:16.275%/7.585%;position:absolute;inset:1.993% 4.259%;overflow:hidden}.shot-phone-frame{z-index:2;pointer-events:none;width:100%;height:100%;display:block;position:relative}.shot-browser{background:#10141f;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;box-shadow:0 40px 90px -50px #050814e6}.shot-browser-bar{background:#191f2e;border-bottom:1px solid #ffffff12;align-items:center;gap:7px;padding:11px 14px;display:flex}.shot-browser-bar>span{background:#ffffff29;border-radius:99px;flex:none;width:10px;height:10px}.shot-browser-url{color:#ffffff73;letter-spacing:.01em;text-align:center;background:#ffffff0f;border-radius:99px;flex:1;margin-left:8px;padding:4px 12px;font-size:11.5px}.shot-browser-screen{aspect-ratio:var(--shot-ratio,1.6);position:relative}.shot-ph{border-radius:inherit;background:linear-gradient(150deg,#131a2b,#0b111d 60%);border:1px dashed #78a0dc66;place-items:center;width:100%;height:100%;min-height:140px;padding:22px 18px;display:grid;position:relative;overflow:hidden}.shot-plain>.shot-ph,.shot-browser-screen>.shot-ph{position:absolute;inset:0}.shot-ph-grid{background-image:linear-gradient(#78a0dc17 1px,#0000 1px),linear-gradient(90deg,#78a0dc17 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 20%,#0000 78%)}.shot-ph-body{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:7px;max-width:34ch;display:flex;position:relative}.shot-ph-tag{letter-spacing:.16em;text-transform:uppercase;color:#04bde4;background:#04bde41a;border:1px solid #04bde459;border-radius:99px;margin-bottom:3px;padding:4px 11px;font-size:9.5px;font-weight:500}.shot-ph-label{color:#eaf0fb;font-family:Arimo,sans-serif;font-size:16px;font-weight:700;line-height:1.2}.shot-ph-note{color:#93a1bd;font-size:12.5px;font-weight:300;line-height:1.45}.shot-ph-path{color:#6f89b5;word-break:break-all;margin-top:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.shot-ph-spec{color:#55688c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.shot-phone .shot-ph{padding:18px 14px}.shot-phone .shot-ph-note{display:none}@media (max-width:600px){.shot-ph-note{display:none}}.shot-phone-screen .shot-img{transform:translateY(calc(-1 * var(--shot-focus,0%)))}