.shot{background:#f6f7f9;border:1px solid #0a1a2f1f;border-radius:12px;display:block;overflow:hidden;box-shadow:0 30px 60px -32px #0a1a2f6b,0 8px 20px -12px #0a1a2f33}.shot-bar{background:linear-gradient(#fafafb,#f0f1f4);border-bottom:1px solid #0a1a2f14;align-items:center;gap:8px;height:30px;padding:0 12px;display:flex}.shot-bar i{border-radius:50%;width:12px;height:12px;display:block;box-shadow:inset 0 0 0 .5px #0000002e}.shot-bar i:first-child{background:#ff5f57}.shot-bar i:nth-child(2){background:#febc2e}.shot-bar i:nth-child(3){background:#28c840}@media (width<=599px){.shot-bar{gap:6px;height:22px;padding:0 9px}.shot-bar i{width:9px;height:9px}.shot{border-radius:9px}}.shot-img{display:block}.shot-img img{width:100%;height:auto;display:block}.desk{isolation:isolate;background:#d9d4cd;border-radius:18px;padding:44px 8px 8px 18px;display:block;position:relative;overflow:hidden}.desk-bg{z-index:-2;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.desk-grain{z-index:-1;pointer-events:none;background-image:var(--grain-grit);mix-blend-mode:overlay;opacity:.55;background-size:220px 220px;position:absolute;inset:0}.desk .shot{z-index:1;position:relative;box-shadow:0 30px 60px -28px #0a1a2f80,0 8px 20px -10px #0a1a2f47}@media (width>=600px){.desk{border-radius:22px;padding:44px 12px 12px 40px}}@media (width>=900px){.desk{padding:40px}}