body{--grid-offset-left: 1rem;--grid-offset-right: 1rem}@media (min-width: 672px){body{--grid-offset-left: 3rem;--grid-offset-right: 3rem}}@media (min-width: 1056px){body{--grid-offset-left: 2rem;--grid-offset-right: 2rem;--menu-columns: 4;--content-columns: 8}}@media (min-width: 1312px){body{--grid-offset-left: 2rem;--grid-offset-right: 3rem;--menu-columns: 5;--content-columns: 8}}html,body{overflow-y:scroll}body{margin:0;--grid-gutter: 3rem;--column-width: calc((100% + var(--grid-gutter)) / 16);--menu-width: calc(var(--column-width) * var(--menu-columns));--content-width: calc( var(--column-width) * var(--content-columns) - var(--grid-gutter) )}.content-width{margin-left:var(--grid-offset-left);margin-right:var(--grid-offset-right)}.paragraph-width{margin-left:var(--menu-width);width:var(--content-width)}body{font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif;color:#121619;margin:0;padding:0}.container{display:flex;max-width:600px;justify-content:center;align-items:center;border:1px solid #121619;gap:1px;background:#121619}.sample-button{padding:1rem;width:100%;height:100%;background:white;aspect-ratio:1/1;border:none;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:background .2s ease;-webkit-tap-highlight-color:transparent}.sample-button .sample-button *{pointer-events:none}@media (hover: hover){.sample-button:hover{background:#f2f4f8}}.svg-container{background:#121619;border-radius:50%;padding:1.25rem;width:40%}.svg-container svg{width:100%;height:100%}.sample-title{font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:0;color:#121619;margin-top:1rem}