.extension-stage{background:var(--pale);border-radius:var(--radius);padding:22px 30px 35px}.browser-strip{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding-bottom:22px}.extension-preview{background:#101727;color:#eef1f8;border-radius:14px;padding:28px;max-width:360px;margin-inline:auto}.preview-heading{display:flex;align-items:center;justify-content:space-between}.preview-heading strong{font-size:24px}.preview-heading>span{font-size:12px;color:#abb6cd}.preview-account{font-size:13px;padding:24px 0;color:#abb6cd;border-bottom:1px solid #35425c;display:flex;justify-content:space-between}.extension-preview h2{font-size:20px;margin-top:26px}.extension-code{display:block;font-size:42px;letter-spacing:.08em;line-height:1.5;margin-top:20px;color:#69e3ac;font-weight:700;font-variant-numeric:tabular-nums}.preview-age{font-size:12px;color:#abb6cd;margin:8px 0 23px}.sample-copy{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;min-height:50px;background:#69e3ac;color:#10261e;border:0;border-radius:9px;font-size:15px;font-weight:700}.sample-copy:hover{background:#8cebbf}.sample-copy:focus-visible{outline-color:#91b3ff}.extension-preview #sample-status{font-size:12px;color:#abb6cd;min-height:30px;margin-top:10px}.extension-preview>a{display:flex;align-items:center;justify-content:space-between;color:#91b3ff;min-height:44px;font-size:13px}.extension-preview>a:focus-visible{outline-color:#91b3ff}
@media(max-width:760px){.extension-stage{padding:20px}.extension-preview{padding:23px}.extension-code{font-size:38px}.steps bdi{overflow-wrap:anywhere}}