:root{--window:linear-gradient(155deg,#141210 0%,#221a16 45%,#3f251d 100%)}.mac{background:#ffffff0f;border-bottom:1px solid #ffffff12;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.mac i{border-radius:50%;flex:none;width:.75rem;height:.75rem}.mac .r{background:#ff5f57}.mac .y{background:#febc2e}.mac .g{background:#28c840}.mac span{text-align:center;white-space:nowrap;color:#ffffff9e;background:#ffffff14;border-radius:6px;flex:1;max-width:16rem;margin:0 auto;padding:.2rem .75rem;font-size:.6875rem;transform:translate(-1.5rem)}@media (width<=959px){.mac span{transform:none}}.scr{background:#fbf8f3;border:1px solid #d9cfc2;border-radius:10px;overflow:hidden;box-shadow:0 26px 60px -34px #1c181673,0 2px 6px #1c18160d}.scr img{width:100%;height:auto;display:block}.scr .mac{background:linear-gradient(#ffffff0f,#ffffff0f),var(--window)}.scr.bare{background:0 0}.dd{letter-spacing:.12em;text-transform:uppercase;color:#7a5a12;vertical-align:1px;background:#f6e8c3;border-radius:3px;margin-right:.25rem;padding:.1rem .45rem;font-size:.5625rem;font-weight:600;display:inline-block}figure.screen figcaption{color:var(--stone);margin-top:.625rem;font-size:.75rem;line-height:1.5}