.disclaimer{margin-top:8px;display:block}body{background:var(--surface-primary);padding:24px 0 0}.instruction{text-align:center}.icon-grid img{width:64px;height:64px;object-fit:contain;margin:8px}.icon-grid h2{width:100%;display:block}.icon-grid{display:flex;flex-wrap:wrap;padding:24px;background:var(--surface-secondary);margin:24px auto;border-radius:var(--border-radius);border:1px solid var(--border-primary)}.code-library-content .sidebar{flex-shrink:0;max-width:100%;width:22%}.code-library-content .sidebar-nav{margin-top:24px}.code-library-content .sidebar-nav button{width:100%;display:flex;text-align:left;padding:.75rem;border-radius:.5rem;border:none;background:none;cursor:pointer;transition:background-color .2s,color .2s}.code-library-content .sidebar-nav button h3,.code-library-content .sidebar-nav button p{color:var(--text-secondary)}.code-library-content .sidebar-nav button:hover{background-color:var(--active-bg)}ß .code-library-content .sidebar-nav button.active{background-color:var(--surface-primary)}.code-library-content .sidebar-nav button.active h3{color:var(--text-brand)}.code-library-content .sidebar-nav button.active p{color:var(--text-primary)}code,pre{overflow-x:hidden;width:100%;display:block;font-size:.88rem;max-height:250px;text-wrap:wrap}.code-library-content h4{color:var(--text-primary)}.copy-button{background:none;border:none}.copy-button svg{stroke:var(--surface-brand)}.code-library-content .card{flex-direction:row;justify-content:start}.code-library-content .library-panel{flex-grow:1;max-width:78%;min-width:0;box-sizing:border-box}.code-library-content .code-card{padding:16px;border:1px solid var(--border-primary);border-radius:var(--border-radius);margin-bottom:16px}.code-library-content .main-card-header{border-bottom:1px solid var(--border-primary);padding-bottom:8px;margin-bottom:8px}.code-library-content .code-card .code-block{background:var(--surface-primary);padding:8px;border-radius:var(--border-radius)}.code-card-header{display:flex;justify-content:space-between;align-items:start;margin:8px 0}.tab-panel{display:none}.tab-panel.active{display:grid;grid-template-columns:repeat(2,1fr);gap:0 16px}#misc{grid-template-columns:repeat(1,1fr)}@media screen and (max-width:768px){.code-library-content{padding:48px 16px}.code-library-content .main-content{flex-direction:column}.code-library-content .sidebar,.code-library-content .library-panel{width:100%;max-width:100%}}.main-container.first-section.icons,.main-container.iconography{position:relative;z-index:100}