.style-guide-module__K1Hssq__page{max-width:1280px;margin-inline:auto;padding:5rem 1.5rem}.style-guide-module__K1Hssq__sectionHeader{text-align:center;margin-bottom:3rem}.style-guide-module__K1Hssq__sectionPill{border-radius:var(--radius-full);background-color:color-mix(in srgb,var(--color-primary)10%,transparent);color:var(--color-primary);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.style-guide-module__K1Hssq__sectionTitle{margin-bottom:1rem;font-size:2.25rem;font-weight:700}.style-guide-module__K1Hssq__sectionSubtitle{color:var(--color-muted-foreground);max-width:42rem;margin-inline:auto;font-size:1.125rem}.style-guide-module__K1Hssq__colorGroup{margin-bottom:3rem}.style-guide-module__K1Hssq__colorGroupTitle{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.style-guide-module__K1Hssq__colorGrid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.style-guide-module__K1Hssq__colorGrid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.style-guide-module__K1Hssq__colorGrid{grid-template-columns:repeat(4,1fr)}}.style-guide-module__K1Hssq__colorCard{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s;overflow:hidden}.style-guide-module__K1Hssq__colorCard:hover{box-shadow:0 10px 25px -5px #0000001a}.style-guide-module__K1Hssq__colorSwatch{justify-content:center;align-items:center;height:8rem;font-size:2rem;display:flex}.style-guide-module__K1Hssq__colorInfo{padding:1rem}.style-guide-module__K1Hssq__colorName{margin-bottom:.25rem;font-weight:700}.style-guide-module__K1Hssq__colorDescription{color:var(--color-muted-foreground);font-size:.875rem}.style-guide-module__K1Hssq__colorVar{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-mono);margin-top:.5rem}.style-guide-module__K1Hssq__colorCodes{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-mono);flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.style-guide-module__K1Hssq__colorCode{color:var(--color-muted-foreground);font-family:var(--font-mono)}.style-guide-module__K1Hssq__chartGrid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem;display:grid}@media (min-width:768px){.style-guide-module__K1Hssq__chartGrid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.style-guide-module__K1Hssq__chartGrid{grid-template-columns:repeat(6,1fr)}}.style-guide-module__K1Hssq__chartCard{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow .2s;overflow:hidden}.style-guide-module__K1Hssq__chartCard:hover{box-shadow:0 10px 25px -5px #0000001a}.style-guide-module__K1Hssq__chartSwatch{height:6rem}.style-guide-module__K1Hssq__chartInfo{padding:.75rem}.style-guide-module__K1Hssq__chartName{margin-bottom:.25rem;font-size:.875rem;font-weight:700}.style-guide-module__K1Hssq__chartVar{color:var(--color-muted-foreground);font-size:.75rem;font-family:var(--font-mono)}.style-guide-module__K1Hssq__componentSection{margin-bottom:3rem}.style-guide-module__K1Hssq__componentGrid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:768px){.style-guide-module__K1Hssq__componentGrid{grid-template-columns:repeat(2,1fr)}}.style-guide-module__K1Hssq__componentCard{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem}.style-guide-module__K1Hssq__componentCardWide{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-column:1/-1;padding:1.5rem}.style-guide-module__K1Hssq__componentCardTitle{margin-bottom:1rem;font-weight:700}.style-guide-module__K1Hssq__buttonRow,.style-guide-module__K1Hssq__badgeRow{flex-wrap:wrap;gap:.75rem;display:flex}.style-guide-module__K1Hssq__alertsStack{flex-direction:column;gap:.75rem;display:flex}.style-guide-module__K1Hssq__alert{border-radius:var(--radius-lg);border:1px solid;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.style-guide-module__K1Hssq__alertSuccess{border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-success)10%,transparent);border:1px solid;border-color:color-mix(in srgb,var(--color-success)20%,transparent);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.style-guide-module__K1Hssq__alertInfo{border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-info)10%,transparent);border:1px solid;border-color:color-mix(in srgb,var(--color-info)20%,transparent);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.style-guide-module__K1Hssq__alertWarning{border-radius:var(--radius-lg);background-color:color-mix(in srgb,var(--color-warning)10%,transparent);border:1px solid;border-color:color-mix(in srgb,var(--color-warning)20%,transparent);align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.style-guide-module__K1Hssq__alertIcon{flex-shrink:0;margin-top:.125rem;font-size:1.25rem}.style-guide-module__K1Hssq__alertTitle{font-weight:500}.style-guide-module__K1Hssq__alertBody{opacity:.8;font-size:.875rem}