html{box-sizing:border-box}*,:before,:after{box-sizing:inherit}html,body,#__next{width:100%;min-height:100%}body{color:#161616;background:#fff;margin:0;padding:1rem;font-family:IBM Plex Mono,monospace}h1{margin:0;font-size:1.25rem;font-weight:600}ul{padding:0}li{list-style:none}table{text-align:left;vertical-align:middle;border-collapse:collapse;width:100%}table,tr,td,th{border:1px solid #e0e0e0}td,th{vertical-align:middle;padding:.75rem 1rem}th{top:var(--header-height);z-index:10;background:#f4f4f4;font-weight:600;position:sticky}[id]{scroll-margin-top:calc(var(--header-height) + 4rem)}:root{--header-height:5.5rem}.header{height:var(--header-height);z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.header-title{white-space:nowrap;flex-direction:column;gap:.125rem;display:flex}.header-title p{color:#6f6f6f;margin:0;font-size:.75rem}.controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.control-group{flex-direction:column;gap:.25rem;min-width:160px;display:flex}.control-group label{text-transform:uppercase;letter-spacing:.04em;color:#525252;font-size:.6875rem;font-weight:600}.control-group select{color:#161616;cursor:pointer;background:#fff;border:1px solid #8d8d8d;min-width:140px;padding:.35rem .5rem;font-family:inherit;font-size:.875rem}.control-group select:focus{outline-offset:-2px;outline:2px solid #0f62fe}.reset-btn{color:#da1e28;cursor:pointer;background:0 0;border:1px solid #da1e28;align-self:flex-end;padding:.35rem .75rem;font-family:inherit;font-size:.8125rem}.reset-btn:hover{color:#fff;background:#da1e28}.fit-btn{color:#0f62fe;cursor:pointer;z-index:10;background:#fff;border:1px solid #0f62fe;border-radius:4px;width:2.5rem;height:2.5rem;font-family:inherit;font-size:1.25rem;line-height:1;position:fixed;inset-block-end:1.5rem;inset-inline-end:1.5rem;box-shadow:0 2px 6px #0003}.fit-btn:hover{color:#fff;background:#0f62fe}.content{padding-top:calc(var(--header-height) + 1rem);padding-bottom:2rem}.token-cell{align-items:center;gap:.75rem;display:flex}.color-swatch{background:var(--swatch-color);outline:1px solid #8a3ffc;flex-shrink:0;width:2.5rem;height:2.5rem}.token-value-details{flex-direction:column;gap:.125rem;font-size:.8125rem;display:flex}.token-ref{color:#161616}.token-ref--fallback{color:#6f6f6f;font-style:italic}.token-hex{color:#6f6f6f;font-size:.75rem}.token-name a{color:#0f62fe;font-size:.875rem;text-decoration:none}.token-name a:hover{text-decoration:underline}.description-cell{color:#525252;max-width:280px;font-size:.8125rem}.type-cell{color:#0043ce;font-size:.8125rem;font-weight:600}.properties-cell ul{margin:0;padding:0}.properties-cell li{color:#525252;font-size:.8125rem;list-style:none}.no-results{text-align:center;color:#6f6f6f;padding:2rem;font-size:.875rem}.nav-link{color:#0f62fe;white-space:nowrap;border:1px solid #0f62fe;align-self:flex-end;padding:.35rem .75rem;font-family:inherit;font-size:.8125rem;text-decoration:none}.nav-link:hover{color:#fff;background:#0f62fe}.tree-content{max-width:860px}.tree-category{border:1px solid #e0e0e0;margin-bottom:.5rem}.tree-category-toggle,.tree-group-toggle{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-family:inherit;display:flex}.tree-category-toggle:hover,.tree-group-toggle:hover{background:#f4f4f4}.tree-category-toggle{background:#f4f4f4;font-size:.9375rem;font-weight:600}.tree-category-toggle:hover{background:#e8e8e8}.tree-category-toggle.tree-category-toggle--open{background:#e8e8e8;border-bottom:1px solid #e0e0e0}.tree-group-toggle{border-bottom:1px solid #f4f4f4;padding:.5rem 1rem .5rem 2rem;font-size:.875rem;font-weight:500}.tree-group-toggle.tree-group-toggle--open{border-bottom:1px solid #e0e0e0}.tree-chevron{color:#525252;flex-shrink:0;width:1rem;font-size:.75rem}.tree-category-name{color:#161616;flex:1}.tree-group-name{color:#393939;flex:1}.tree-group-count{color:#6f6f6f;background:#e0e0e0;border-radius:1rem;padding:.125rem .5rem;font-size:.75rem;font-weight:400}.tree-category-children{padding:.25rem 0}.tree-group-tokens{border-bottom:1px solid #f4f4f4;padding:.25rem 0}.tree-token{border-bottom:1px solid #f9f9f9;align-items:center;gap:.75rem;padding:.4rem 1rem .4rem 3rem;display:flex}.tree-token:last-child{border-bottom:none}.tree-token:hover{background:#f9f9f9}.tree-swatch{outline:1px solid #8a3ffc;flex-shrink:0;width:1.75rem;height:1.75rem}.tree-token-info{flex-direction:column;gap:.075rem;display:flex}.tree-token-name{color:#0f62fe;font-size:.8125rem}.tree-alias{color:#525252;font-size:.75rem}.tree-hex{color:#8d8d8d;font-size:.6875rem}