.img-corners[data-astro-cid-2q5oecfc]{object-fit:contain;object-position:center}.c-main{--blog-line-height: var(--baseline-md)}.c-main p,.c-main li,.c-main h1,.c-main h2,.c-main h3,.c-main h4,.c-main h5,.c-main h6{line-height:var(--blog-line-height)}.browser-frame{margin:48px 0;border:1px solid #e1e5e9;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000d;width:100%;max-width:100%}.browser-header{background:#f6f8fa;height:35px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 16px;border-bottom:1px solid #e1e5e9}.browser-dots{display:flex;gap:8px;justify-self:start}.browser-dot{width:12px;height:12px;border-radius:50%}.browser-dot--red{background:#ff5f57}.browser-dot--yellow{background:#ffbd2e}.browser-dot--green{background:#28ca42}.browser-url{text-align:center;font-size:13px;color:#586069;justify-self:center}.browser-content{position:relative;overflow:hidden}.browser-content img{width:100%;height:auto;display:block;max-width:100%}@media (max-width: 768px){.browser-frame{margin:32px -16px;border-radius:0;border-left:none;border-right:none}.browser-header{height:32px;padding:0 12px;grid-template-columns:36px 1fr 36px}.browser-dot{width:10px;height:10px}.browser-url{font-size:12px}}@media (max-width: 480px){.browser-frame{margin:24px -12px}.browser-header{height:30px;padding:0 8px;grid-template-columns:32px 1fr 32px}.browser-dot{width:8px;height:8px}.browser-url{font-size:11px}}