@font-face{font-family:h;src:url(/assets/h-BGaTMA0X.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:sf;src:url(/assets/sf-mono-light-Bzj0SndK.woff2)format("woff2");font-weight:100;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}body{color:#000;background:#fff;font-family:h,serif;font-size:14px}h1,h2,h3,h4,h5,h6{margin-block:0;font-weight:400}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{color:#000;cursor:pointer;background:#fff;border:1px solid #000;padding:4px 8px;font-family:inherit;font-size:14px}button:hover{color:#fff;background:#000}#main-title{padding:1rem}.tree{flex-direction:column;padding:0 1rem;display:inline-flex}.tree .branch{opacity:.25;font-family:sf;font-size:18px;font-weight:100}.tree-children{padding:0 1rem}.tree-child{align-items:center;gap:4px;line-height:1.27;display:flex}#example-nav{z-index:5;align-items:center;gap:6px;padding:1rem;font-size:14px;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%)}#example-nav .sep{opacity:.3}#example-nav .current{opacity:.5}:root{--d:1728;--vw:calc(100vw / var(--d))}body{font-family:system-ui,sans-serif;overflow:hidden}#kitchensink{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}#kitchensink-content{z-index:5;position:relative}#kitchensink-main{z-index:1;width:100%;height:100%;position:relative}.circle{width:calc(100 * var(--vw));height:calc(100 * var(--vw));background-color:red;border-radius:50%;position:absolute;top:0;left:0}.hint{z-index:4;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.hint p{margin:0}.hint .hint-secondary{color:#bbb}.overlay,.background{width:100%;height:100%;position:fixed;inset:0}.overlay{opacity:0;z-index:5;pointer-events:none;background-color:#00000080}.background{z-index:3;pointer-events:none;background-color:#fff}