@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/_next/static/media/56d4c7a1c09c3371-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/_next/static/media/7e6a2e30184bb114-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Sans Fallback;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_05e5f9{font-family:DM Sans,DM Sans Fallback;font-style:normal}.__variable_05e5f9{--font-dm-sans:"DM Sans","DM Sans Fallback"}.showcase-container{margin:auto}.showcase-title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;font-family:DM Sans,sans-serif}.showcase-grid{display:grid;grid-template-columns:150px repeat(5,1fr);grid-gap:1rem;gap:1rem;margin-bottom:3rem}.showcase-header{grid-column:span 1;display:flex;align-items:center;font-weight:600}.showcase-size-label{text-align:center;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.showcase-size-label,.state-label{font-weight:500;font-family:DM Sans,sans-serif}.state-label{display:flex;align-items:center}.state-description{font-size:.75rem;color:#6b7280;margin-top:.25rem;font-family:DM Sans,sans-serif}.button-container{border:1px dashed #cbd5e1;border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;justify-content:center;align-items:center}.badge-button-grid{display:grid;grid-template-columns:150px repeat(3,1fr);grid-gap:1rem;gap:1rem;margin-top:3rem}.badge-row{display:contents}.badge-label{font-weight:500}.badge-container,.badge-label{display:flex;align-items:center}.badge-container{justify-content:center;padding:1rem}.button-disabled{opacity:.6;cursor:not-allowed}h1,p{font-family:DM Sans,sans-serif}.container{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{font-size:24px;font-weight:600}h1,h2{margin-bottom:16px}h2{font-size:18px;font-weight:500}p{font-size:14px;color:#666;margin-bottom:24px}.section{margin-bottom:40px}.avatar-row{display:flex;gap:32px}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.size-label{font-size:12px;color:#666}.avatar-column{display:flex;flex-direction:column;gap:8px}.slider-examples{max-width:600px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}.example-container{margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9}.opacity-preview{margin-top:15px;padding:15px;background-color:#3b82f6;color:white;border-radius:4px;font-weight:700;text-align:center}.example-container{max-width:800px;margin:0 auto 20px;padding:20px;font-family:system-ui,-apple-system,sans-serif}h2{margin-top:30px;margin-bottom:15px;color:#333}.example-section{padding:20px;margin-bottom:20px;border:1px solid #e0e0e0;border-radius:8px;background-color:#f9f9f9;display:flex;flex-wrap:wrap;gap:10px}