.hub_grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10) var(--space-6);scroll-margin-top:var(--space-24)}.hub_tile{height:100%;gap:var(--space-4);color:inherit;text-decoration:none;border-radius:var(--radius-xl)}.hub_tile:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.hub_frame{display:grid;place-items:center;aspect-ratio:4/3;padding:var(--space-8);border-radius:var(--radius-xl);background-color:var(--color-100);overflow:hidden}.hub_board{transition:opacity var(--duration-base) var(--ease-smooth)}.website_item.hub_tile:hover .hub_board{opacity:.88}.hub_tile-text{display:flex;flex-direction:column;flex:1;gap:var(--space-1)}.hub_name{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.hub_tile-text>span{text-wrap:pretty}.hub_tile-foot{margin-top:auto;padding-top:var(--space-2);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub_board{display:flex;flex-direction:column;width:100%}.hub_row{display:grid;grid-template-columns:var(--space-16) minmax(0,1fr);align-items:center;gap:var(--space-4);min-height:var(--space-12);padding:var(--space-3) 0}.hub_row+.hub_row{border-top:1px solid var(--color-200)}.hub_label{color:var(--color-700);font-size:var(--font-size-sm)}.hub_cell{display:flex;align-items:center;gap:var(--space-3);min-width:0}.hub_value{color:var(--color-950);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub_specimen{color:var(--color-1000);font-size:var(--font-size-4xl);line-height:1;letter-spacing:var(--tracking-tight);font-variation-settings:"wght" var(--font-wght-heading)}.hub_family{color:var(--color-950);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);white-space:nowrap}.hub_weights{display:flex;align-items:baseline;gap:var(--space-4);color:var(--color-1000);font-size:var(--font-size-xl);line-height:1}.hub_weights>:first-child{font-weight:var(--font-weight-regular)}.hub_weights>:nth-child(2){font-variation-settings:"wght" var(--font-wght-medium)}.hub_weights>:nth-child(3){font-variation-settings:"wght" var(--font-wght-semibold)}.hub_weights>:nth-child(4){font-variation-settings:"wght" var(--font-wght-strong);color:var(--color-primary)}.hub_ramp,.hub_strip{display:flex;flex:1;height:var(--space-6);border-radius:var(--radius-xs);overflow:hidden}.hub_ramp>span,.hub_strip>span{flex:1}.hub_strip>.is-primary{flex:2;background-color:var(--color-primary)}.hub_strip>.is-secondary{background-color:var(--color-secondary)}.hub_ramp>:first-child{background-color:var(--color-1000)}.hub_ramp>:nth-child(2){background-color:var(--color-800)}.hub_ramp>:nth-child(3){background-color:var(--color-600)}.hub_ramp>:nth-child(4){background-color:var(--color-400)}.hub_ramp>:nth-child(5){background-color:var(--color-200)}.hub_ramp>:nth-child(6){background-color:var(--color-0)}.hub_pair{display:flex;gap:var(--space-2)}.hub_pair>span{display:grid;place-items:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-xs);font-size:var(--font-size-sm);font-variation-settings:"wght" var(--font-wght-heading)}.hub_pair>:first-child{background-color:var(--color-0);color:var(--color-1000)}.hub_pair>:nth-child(2){background-color:var(--color-1000);color:var(--color-0)}.hub_pair>:nth-child(3){background-color:var(--color-primary);color:var(--color-1000)}.hub_scale{display:flex;align-items:baseline;gap:var(--space-2);color:var(--color-1000);line-height:1;font-variation-settings:"wght" var(--font-wght-heading)}.hub_scale>:first-child{font-size:var(--font-size-xs);color:var(--color-700)}.hub_scale>:nth-child(2){font-size:var(--font-size-sm);color:var(--color-800)}.hub_scale>:nth-child(3){font-size:var(--font-size-lg);color:var(--color-900)}.hub_scale>:nth-child(4){font-size:var(--font-size-2xl);color:var(--color-950)}.hub_scale>:nth-child(5){font-size:var(--font-size-3xl)}.hub_radii,.hub_spaces{display:flex;align-items:center;gap:var(--space-2)}.hub_spaces>span{height:var(--space-5);border-radius:var(--radius-2xs);background-color:var(--color-primary)}.hub_spaces>:first-child{width:var(--space-1)}.hub_spaces>:nth-child(2){width:var(--space-2)}.hub_spaces>:nth-child(3){width:var(--space-4)}.hub_spaces>:nth-child(4){width:var(--space-6)}.hub_spaces>:nth-child(5){width:var(--space-10)}.hub_radii>span{width:var(--space-6);height:var(--space-6);background-color:var(--color-300)}.hub_radii>:first-child{border-radius:0}.hub_radii>:nth-child(2){border-radius:var(--radius-xs)}.hub_radii>:nth-child(3){border-radius:var(--radius-md)}.hub_radii>:nth-child(4){border-radius:var(--radius-lg)}.hub_radii>:nth-child(5){border-radius:var(--radius-full)}.hub_logo.technology-icon-wrapper{flex:none;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-xs)}.hub_logo img{width:100%;height:100%}.hub_og-card{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);background-color:var(--color-0)}.hub_og-card img{flex:none;width:var(--space-16);height:auto;border-radius:var(--radius-2xs)}.hub_og-text{display:flex;flex-direction:column;gap:var(--space-05);min-width:0}.hub_og-title{color:var(--color-950);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub_og-host{color:var(--color-700)}.hub_og-host,.hub_tab{font-size:var(--font-size-xs)}.hub_tab{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-0);color:var(--color-950);font-weight:var(--font-weight-medium);font-variation-settings:"wght" var(--font-wght-medium)}.hub_tab img{flex:none;width:var(--space-4);height:var(--space-4);border-radius:var(--radius-2xs)}.hub_tab>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub_sizes{display:flex;align-items:flex-end;gap:var(--space-3)}.hub_sizes img{flex:none;border-radius:var(--radius-xs)}@media screen and (max-width:1023px){.hub_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:767px){.hub_grid{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}