*{box-sizing:border-box}body{color:#1f2933;background:#f4f6f9;margin:0;font:14px/1.4 Rotulo,system-ui,sans-serif}.page{flex-direction:column;gap:14px;max-width:960px;margin:0 auto;padding:22px 28px;display:flex}h1{margin:0;font-size:20px;font-weight:600}h1 code{color:#1d5d8f}.row{flex-wrap:wrap;gap:24px;display:flex}.panel{flex-direction:column;flex:260px;gap:8px;min-width:0;display:flex}.panel.wide{flex:none}.panel h2{color:#52606d;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.box{scrollbar-width:none;background:#fff;border:1px solid #d3dae3;border-radius:10px;transition:border-color .15s;position:relative;overflow:auto}.box::-webkit-scrollbar{display:none}.box.v{height:226px}.box.h{align-items:center;gap:10px;height:104px;padding:0 12px;display:flex}.box[data-overflow-top],.box[data-overflow-right],.box[data-overflow-bottom],.box[data-overflow-left]{border-color:#8fb3d3}.header{z-index:2;color:#fff;background:#1d5d8f;padding:10px 16px;font-weight:600;position:sticky;top:0}.item{border-bottom:1px solid #edf0f4;padding:12px 16px}.chip{color:#1d5d8f;background:#e3ecf5;border-radius:8px;flex:none;place-items:center;width:92px;height:72px;font-weight:600;display:grid}.anchor{z-index:3}.box.h .anchor{align-self:stretch}.arrow{color:#fff;cursor:pointer;background:#1d5d8f;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;animation:.18s ease-out appear;display:grid;position:absolute;box-shadow:0 2px 6px #00000040}.arrow:focus-visible{outline-offset:2px;outline:2px solid #f0b429}.arrow[data-edge=top]{margin-left:-15px;top:6px;left:50%}.arrow[data-edge=bottom]{margin-left:-15px;bottom:6px;left:50%}.arrow[data-edge=left]{margin-top:-15px;top:50%;left:6px}.arrow[data-edge=right]{margin-top:-15px;top:50%;right:6px}.pills{flex-wrap:wrap;gap:6px;font:12px ui-monospace,monospace;display:flex}.pill{color:#7b8794;background:#e4e7eb;border-radius:999px;padding:3px 8px;transition:background .15s,color .15s}.pill.on{color:#fff;background:#1d5d8f}@keyframes appear{0%{opacity:0;transform:scale(.6)}}@font-face{font-family:Rotulo;src:url(./Rotulo-Variable-CxVa4IOu.woff2)format("woff2");font-weight:200 700;font-style:normal;font-display:swap}@font-face{font-family:Rotulo Lectura;src:url(./Rotulo-Lectura-C9OI42bx.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}
