.svg-library-surface{--library-detail-bg:var(--card);font-family:var(--font-sans)}.svg-library-surface :is(h1,h2,h3){font-family:var(--font-display)}.library-layout{grid-template-columns:minmax(0,1fr);gap:2rem;display:grid}.library-side-link{min-height:2.375rem;color:var(--muted-foreground);text-align:left;border-radius:.375rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;transition:background-color .12s,color .12s;display:flex}.library-side-link:hover{background:var(--muted);color:var(--foreground)}.library-side-link-active{color:var(--primary);background:color-mix(in oklch, var(--primary) 7%, transparent);font-weight:600}.library-side-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.library-icon-grid{--library-grid-gap:.375rem;gap:var(--library-grid-gap);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.library-icon-cell{border:1px solid #0000;border-radius:.375rem;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.625rem;min-width:0;min-height:5.375rem;padding:.625rem .25rem;transition:background-color .12s,border-color .12s;display:flex;position:relative}.library-icon-cell:hover{background:var(--muted);border-color:var(--border)}.library-icon-cell[aria-expanded=true]{background:color-mix(in oklab, var(--primary) 6%, var(--card));border-color:var(--primary);color:var(--primary)}.library-icon-cell:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.library-details-row{position:relative}.library-icon-details{background:var(--library-detail-bg);border-radius:1rem}.library-details-pointer{top:-9px;left:calc(var(--library-detail-anchor) * (100% + var(--library-grid-gap)) - var(--library-grid-gap) / 2);fill:var(--library-detail-bg);stroke:var(--border);stroke-width:1px;pointer-events:none;z-index:1;position:absolute;transform:translate(-50%)}.library-icon-grid.library-grid-comfortable .library-icon-cell{min-height:7rem}.library-icon-grid.library-grid-comfortable .library-icon-cell img{width:40px;height:40px}.library-code pre{tab-size:2}@media (width>=640px){.library-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width>=768px){.library-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width>=1024px){.library-layout{grid-template-columns:190px minmax(0,1fr);gap:2.5rem}}@media (width>=1280px){.library-icon-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media (width>=1536px){.library-icon-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.library-icon-cell,.library-side-link{transition:none}}