.T1ZCnG_page{color:var(--text-1);padding:40px 32px;font-size:14px;line-height:1.5}.T1ZCnG_header{margin-bottom:64px}.T1ZCnG_identity{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.T1ZCnG_identity>:first-child{letter-spacing:-1px;font-size:24px;font-weight:700}.T1ZCnG_identity>:last-child{letter-spacing:1.6px;color:var(--green-text);font-size:11px}.T1ZCnG_header h1{letter-spacing:-1.2px;max-width:650px;margin:0 0 20px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1.1}.T1ZCnG_header p{color:var(--text-2);max-width:630px;font-size:16px;line-height:24px}.T1ZCnG_tabs{flex-wrap:wrap;gap:24px;margin-top:28px;display:flex}.T1ZCnG_tabs a,.T1ZCnG_footer a{color:var(--green-text);text-underline-offset:5px;text-decoration:underline}.T1ZCnG_tabs a:focus-visible,.T1ZCnG_footer a:focus-visible{outline:2px solid var(--green-text);outline-offset:5px}.T1ZCnG_section{border-top:1px solid var(--border);margin-top:64px;padding-top:28px;scroll-margin-top:24px}.T1ZCnG_heading{align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.T1ZCnG_heading>span{letter-spacing:1.6px;color:var(--green-text);white-space:nowrap;padding-top:9px;font-size:11px}.T1ZCnG_heading h2{letter-spacing:-.56px;margin:0 0 8px;font-size:28px;font-weight:700;line-height:36px}.T1ZCnG_heading p,.T1ZCnG_note{color:var(--text-2);font-size:13px;line-height:20px}.T1ZCnG_matrix{margin-top:32px}.T1ZCnG_variant{border-top:1px solid var(--input-border);margin-top:28px;padding-top:24px}.T1ZCnG_variantTitle{align-items:center;gap:12px;margin-bottom:20px;display:flex}.T1ZCnG_variantTitle h3{text-transform:capitalize;font-size:18px;font-weight:500}.T1ZCnG_variantTitle span{color:var(--text-2);font-size:12px}.T1ZCnG_sizeRow{margin-bottom:24px}.T1ZCnG_sizeLabel{color:var(--text-1);margin-bottom:12px;font-size:12px;font-weight:500}.T1ZCnG_sizeLabel span{color:var(--text-2);margin-left:12px;font-weight:400}.T1ZCnG_stateGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;display:grid}.T1ZCnG_sample{flex-direction:column;align-items:flex-start;gap:12px;padding:4px;display:flex}.T1ZCnG_sample>span{color:var(--text-2);font-size:11px}.T1ZCnG_sample button[data-state=hover]{box-shadow:var(--button-rest), 0 5px 14px var(--button-shadow);transform:translateY(-2px)}.T1ZCnG_sample button[data-state=hover]:before{opacity:1}.T1ZCnG_sample button[data-state=hover]:is([data-variant=outline],[data-variant=ghost]){color:var(--green-1);background-color:#96d8a212}.T1ZCnG_sample button[data-state=hover][data-variant=outline]{border-color:#a8dda780}.T1ZCnG_sample button[data-state=pressed]{transform:scale(.975);box-shadow:inset 0 2px 4px #00000020}.T1ZCnG_sample button[data-state=pressed]:before{opacity:.25}.T1ZCnG_sample button[data-state=focus]{box-shadow:0 0 0 2px var(--canvas), 0 0 0 4px var(--green-text)}.T1ZCnG_playground{border:1px solid var(--border);background:var(--card);border-radius:24px;margin-top:32px;padding:24px}.T1ZCnG_playground h3{font-size:18px;font-weight:500}.T1ZCnG_playground p{color:var(--text-2);margin:12px 0 0;font-size:12px}.T1ZCnG_playground p[role=status]{min-height:40px}.T1ZCnG_playground p[role=status] span{color:var(--green-text);display:block}.T1ZCnG_actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;display:flex}.T1ZCnG_statePicker{max-width:260px;margin-bottom:28px}.T1ZCnG_formGrid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px 24px;display:grid}.T1ZCnG_swatches{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px;display:grid}.T1ZCnG_swatches>div>div{border:1px solid var(--border);border-radius:16px;height:64px;margin-bottom:10px}.T1ZCnG_swatches code{color:var(--text-2);overflow-wrap:anywhere;font-family:inherit;font-size:11px}.T1ZCnG_typeSamples{border-top:1px solid var(--input-border);margin-top:40px;padding-top:24px}.T1ZCnG_typeSamples>span{color:var(--text-2);font-size:12px}.T1ZCnG_typeSamples p{margin:16px 0;font-size:18px}.T1ZCnG_typeSamples p:first-of-type{letter-spacing:-.8px;font-size:clamp(24px,3vw,40px);font-weight:700}.T1ZCnG_typeSamples p:nth-of-type(2){letter-spacing:-.5px;font-size:28px;font-weight:700}.T1ZCnG_typeSamples p:nth-of-type(3){font-size:20px;font-weight:700}.T1ZCnG_typeSamples p:last-of-type{font-variant-numeric:tabular-nums}.T1ZCnG_typeSamples p span{color:var(--text-2);font-size:12px}.T1ZCnG_icons{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.T1ZCnG_icons>div{background:var(--card);border-radius:16px;flex-direction:column;gap:16px;padding:16px;display:flex}.T1ZCnG_icons code{overflow-wrap:anywhere;color:var(--text-2);font-family:inherit;font-size:11px;line-height:16px}.T1ZCnG_footer{border-top:1px solid var(--border);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:64px;padding-top:24px;font-size:12px;display:flex}@media (min-width:1400px){.T1ZCnG_stateGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}}@media (max-width:640px){.T1ZCnG_page{padding:32px 16px}.T1ZCnG_identity{align-items:flex-start}.T1ZCnG_identity>:last-child{text-align:right;max-width:110px}.T1ZCnG_heading{gap:12px}.T1ZCnG_formGrid{grid-template-columns:minmax(0,1fr)}.T1ZCnG_stateGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 8px}.T1ZCnG_swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.T1ZCnG_icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.T1ZCnG_icons>div{padding:12px}.T1ZCnG_playground{padding:20px}.T1ZCnG_section{margin-top:48px}}@media (max-width:380px){.T1ZCnG_stateGrid{grid-template-columns:minmax(0,1fr)}}