:root{--gray0:#fff;--gray1:#fcfcfc;--gray2:#f8f8f8;--gray3:#f3f3f3;--gray4:#ededed;--gray5:#e8e8e8;--gray6:#e2e2e2;--gray7:#dbdbdb;--gray8:#c7c7c7;--gray9:#8f8f8f;--gray10:#858585;--gray11:#6f6f6f;--gray12:#171717;--hover:#282828;--border-radius:6px;--font-sans:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--font-mono:"SF Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}::selection{background:var(--gray7)}.container{max-width:610px;margin:0 auto;padding-left:max(var(--side-padding),env(safe-area-inset-left));padding-right:max(var(--side-padding),env(safe-area-inset-right))}body{--side-padding:16px;margin:0;padding:100px 0 0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased}*{touch-action:manipulation}h1,p{line-height:25px}h1,h2,p{color:var(--gray12)}h2{font-size:16px;font-weight:500}h2+p{margin-top:-4px}p{font-size:16px}a{color:inherit;-webkit-text-decoration-color:var(--gray10);text-decoration-color:var(--gray10);text-underline-position:from-font;text-decoration-thickness:1.25px}code{font-size:13px;line-height:28px;padding:2px 3.6px;border:1px solid var(--gray3);background:var(--gray4);font-family:var(--font-mono);border-radius:6px}.content{display:flex;flex-direction:column;gap:48px;margin-top:96px}.buttons{display:flex;gap:8px;overflow:auto;margin:0 calc(-1 * var(--side-padding));padding:4px var(--side-padding);position:relative}.button{padding:8px 12px;margin:0;background:var(--gray1);border:1px solid var(--gray3);white-space:nowrap;border-radius:6px;font-size:13px;font-weight:500;font-family:var(--font-sans);cursor:pointer;color:var(--gray12);transition:border-color .2s,background .2s,box-shadow .2s}.button:hover{background:var(--gray2);border-color:var(--gray4)}.button[data-active=true]{background:var(--gray3);border-color:var(--gray7)}.button:focus-visible{outline:none;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.08),0 2px 2px 0 rgba(0,0,0,.04),0 3px 3px 0 rgba(0,0,0,.02),0 4px 4px 0 rgba(0,0,0,.01),0 0 0 2px rgba(0,0,0,.15)}@media (max-width:600px){.buttons{-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}}