:root{--16:16px;--4:4px;--black:#1b1b1b;--none:0px;--var-sds-color-icon-default-default:#1e1e1e;--white:#fff}*,:before,:after{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;margin:0}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer}.device-stage{background:#e8e8ec;height:100dvh;position:relative;overflow:hidden}.device{transform:translate(-50%, -50%) scale(var(--device-scale,1));background:#fff;border:12px solid #18181b;border-radius:56px;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 24px 64px #00000040}.device-screen{width:var(--device-width);height:var(--device-height);overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto;container-type:size}.device-screen::-webkit-scrollbar{display:none}.device-screen{cursor:grab}.device-screen.is-dragging,.device-screen.is-dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}@media (width<=600px){.device-stage{background:0 0;height:auto;overflow:visible}.device{box-shadow:none;border:0;border-radius:0;position:static;overflow:visible;transform:none}.device-screen{width:auto;height:auto;overflow:visible;container-type:normal}}.proto-page{max-width:40rem;margin:4rem auto;padding:0 1rem;font-family:system-ui,sans-serif;line-height:1.5}.proto-version{border:1px solid #d0d0d6;border-radius:.5rem;margin-top:1.5rem;padding:1rem 1.25rem}.proto-version h2{margin:0 0 .25rem;font-size:1.125rem}.proto-version p{margin:0 0 .5rem}.proto-start{font-weight:600}.proto-version summary{cursor:pointer;color:#55555f}