.IconShowcase-module__n4F5vq__root{background-color:var(--surface-neutral-primary);flex-direction:column;min-height:100vh;display:flex}.IconShowcase-module__n4F5vq__hero{padding-block:80px 40px;padding-inline:var(--space-sm);text-align:center;background:0 0;position:relative}.IconShowcase-module__n4F5vq__heroContent{z-index:1;max-width:800px;margin:0 auto;position:relative}.IconShowcase-module__n4F5vq__heroTitle{color:var(--text-neutral-primary);margin-bottom:var(--space-sm)}.IconShowcase-module__n4F5vq__heroSubtitle{color:var(--text-neutral-secondary);max-width:600px;margin:0 auto}.IconShowcase-module__n4F5vq__filtersWrapper{top:var(--top-nav-offset,0px);z-index:100;align-items:center;gap:var(--space-md);width:100%;padding-block:var(--space-md);padding-inline:var(--layout-grid-margin);background-color:var(--surface-neutral-primary);flex-direction:column;transition:top .3s ease-in-out;display:flex;position:sticky}.IconShowcase-module__n4F5vq__searchContainer{width:100%;max-width:480px}.IconShowcase-module__n4F5vq__styleSelector{justify-content:flex-start;width:100%;display:flex}@media (min-width:768px){.IconShowcase-module__n4F5vq__styleSelector,:is(.IconShowcase-module__n4F5vq__styleSelector .phx-chip-bar,.IconShowcase-module__n4F5vq__styleSelector .phx-chip-bar-list){justify-content:center}}.IconShowcase-module__n4F5vq__grid{max-width:1200px;padding:var(--space-xl)var(--layout-grid-margin);gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin:0 auto;display:grid}.IconShowcase-module__n4F5vq__iconCard{padding:var(--space-md);background-color:var(--surface-neutral-elevator);border:.5px solid var(--border-neutral-tertiary);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:var(--space-sm);border-radius:16px;flex-direction:column;transition:all .2s ease-in-out;display:flex}.IconShowcase-module__n4F5vq__iconCard:hover{border-color:var(--border-neutral-primary);background-color:var(--surface-neutral-secondary)}.IconShowcase-module__n4F5vq__iconWrapper{color:var(--foreground-neutral-primary);justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.IconShowcase-module__n4F5vq__iconName{font-family:var(--typeface-family-basic),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:var(--body-sm-size);font-weight:var(--body-sm-weight);line-height:var(--body-sm-line-height);color:var(--text-neutral-secondary);word-break:break-all;-webkit-user-select:all;user-select:all;margin-top:auto;transition:color .2s}.IconShowcase-module__n4F5vq__iconCard:hover .IconShowcase-module__n4F5vq__iconName{color:var(--text-neutral-primary)}.IconShowcase-module__n4F5vq__detailContent{padding:var(--space-sm)}.IconShowcase-module__n4F5vq__detailPreview{background-color:var(--surface-neutral-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:240px;height:240px;margin:0;display:flex;position:relative;overflow:hidden}.IconShowcase-module__n4F5vq__previewActionRow{gap:var(--space-md);margin-bottom:var(--space-sm);align-items:flex-start;display:flex}.IconShowcase-module__n4F5vq__actionButtons{gap:var(--space-xs);flex-direction:column;min-width:140px;display:flex}.IconShowcase-module__n4F5vq__gridOverlay{pointer-events:none;color:var(--border-neutral-tertiary);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.IconShowcase-module__n4F5vq__gridIcon{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.IconShowcase-module__n4F5vq__detailInfo,.IconShowcase-module__n4F5vq__usageContainer{gap:var(--space-sm);flex-direction:column;display:flex}.IconShowcase-module__n4F5vq__usageCodeBlock{width:100%}@media (max-width:768px){.IconShowcase-module__n4F5vq__grid{padding-inline:var(--layout-grid-margin);gap:var(--space-sm);grid-template-columns:repeat(3,1fr)}.IconShowcase-module__n4F5vq__iconCard{padding:var(--space-sm)var(--space-xs)}.IconShowcase-module__n4F5vq__previewActionRow{flex-direction:column;align-items:center}.IconShowcase-module__n4F5vq__actionButtons{flex-flow:wrap;width:100%}.IconShowcase-module__n4F5vq__actionButtons>*{flex:100%}.IconShowcase-module__n4F5vq__detailPreview{aspect-ratio:1;width:100%;max-width:240px;height:auto;margin:0 auto}}.IconShowcase-module__n4F5vq__clickableChip{z-index:10!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;position:relative!important}
.page-module__DtvF2a__container{background-color:var(--surface-neutral-primary);min-height:100vh;padding-top:60px}