.theme-card[data-astro-cid-g3fukk36]{gap:var(--spacing-sm);flex-direction:column;height:100%;display:flex}.theme-card__title[data-astro-cid-g3fukk36],.theme-card__desc[data-astro-cid-g3fukk36]{margin:0}.theme-card__body[data-astro-cid-g3fukk36]:not(:empty){margin-top:var(--spacing-xs)}.theme-card__body[data-astro-cid-g3fukk36]:empty{display:none}@media (hover:hover){.theme-card[data-astro-cid-g3fukk36]:hover{border-color:color-mix(in srgb, var(--color-border) 60%, var(--color-link) 40%);box-shadow:var(--shadow-hover,0 8px 24px -12px color-mix(in srgb, var(--color-text) 18%, transparent))}.theme-card[data-astro-cid-g3fukk36]:hover .theme-card__title[data-astro-cid-g3fukk36]{color:var(--color-link)}}.theme-card[data-astro-cid-g3fukk36]:focus-within{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.card-interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.surface-raised{background:var(--color-sidebar-bg);box-shadow:var(--card-shadow)}.surface-sunken{background:var(--color-sidebar-bg);box-shadow:inset 0 2px 4px #0000000f}.img-avatar-sm{width:var(--size-md);height:var(--size-md)}.img-avatar-lg{width:var(--size-xl);height:var(--size-xl)}.divider-subtle{opacity:.5}.divider-thick{height:2px}.grid-asymmetric{gap:var(--section-spacing,2rem);grid-template-columns:2fr 1fr;display:grid}.grid-split{grid-template-columns:1fr 1fr;gap:0;display:grid}.grid-split>:nth-child(odd){padding-right:var(--content-padding,2rem)}.grid-split>:nth-child(2n){padding-left:var(--content-padding,2rem);border-left:1px solid var(--color-border)}.grid-magazine{gap:var(--section-spacing,2rem);grid-template-columns:1fr 1fr 1fr;display:grid}.grid-magazine>:first-child{grid-column:1/-1}.grid-sidebar{gap:var(--section-spacing,2rem);grid-template-columns:280px 1fr;display:grid}.grid-sidebar>:first-child{top:var(--content-top-padding);align-self:start;position:sticky}@media (width<=768px){.grid-asymmetric,.grid-split,.grid-magazine,.grid-sidebar{grid-template-columns:1fr}.grid-split>:nth-child(odd){padding-right:0}.grid-split>:nth-child(2n){border-left:none;border-top:1px solid var(--color-border);padding-left:0;padding-top:var(--content-padding,2rem)}.grid-sidebar>:first-child{position:static}.grid-magazine>:first-child{grid-column:auto}}@media (width>=769px) and (width<=1024px){.grid-magazine{grid-template-columns:1fr 1fr}}[data-theme=dark] .surface-sunken{box-shadow:inset 0 2px 4px #0003}.design-guide[data-astro-cid-m6zktojm]{max-width:900px;padding:var(--spacing-xl) var(--container-padding);margin:0 auto}.guide-header[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-2xl)}.guide-header[data-astro-cid-m6zktojm] h1[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-md);font-size:clamp(2.5rem,5vw,4rem)}.guide-toc[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-2xl)}.guide-toc[data-astro-cid-m6zktojm] h2[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-md)}.toc-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-sm) var(--spacing-lg);flex-wrap:wrap;display:flex}.guide-section[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid var(--color-border)}.guide-section[data-astro-cid-m6zktojm]:last-child{border-bottom:none}.guide-section[data-astro-cid-m6zktojm]>h2[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-sm);font-size:1.75rem}.color-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.color-swatch[data-astro-cid-m6zktojm]{aspect-ratio:1;border-radius:var(--radius-md);padding:var(--spacing-sm);align-items:flex-end;display:flex}.color-label[data-astro-cid-m6zktojm]{font-size:.7rem;font-family:var(--font-mono);background:var(--color-bg);border-radius:var(--radius-sm);padding:2px 6px}.type-samples[data-astro-cid-m6zktojm]{gap:var(--spacing-lg);flex-direction:column;display:flex}.type-sample[data-astro-cid-m6zktojm]{padding:var(--spacing-md);background:var(--color-sidebar-bg);border-radius:var(--radius-md)}.type-sample[data-astro-cid-m6zktojm] .text-caption[data-astro-cid-m6zktojm]{margin-bottom:var(--spacing-xs);display:block}.size-samples[data-astro-cid-m6zktojm]{gap:var(--spacing-xs);flex-direction:column;display:flex}.button-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.button-sample[data-astro-cid-m6zktojm]{gap:var(--spacing-sm);flex-direction:column;display:flex}.card-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.surface-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.surface-demo[data-astro-cid-m6zktojm]{padding:var(--spacing-lg);border-radius:var(--radius-md);min-height:100px}.image-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.image-sample[data-astro-cid-m6zktojm]{gap:var(--spacing-sm);flex-direction:column;display:flex}.image-sample[data-astro-cid-m6zktojm] img[data-astro-cid-m6zktojm]{width:100%}.link-samples[data-astro-cid-m6zktojm]{gap:var(--spacing-md);flex-direction:column;display:flex}.link-sample[data-astro-cid-m6zktojm]{align-items:center;gap:var(--spacing-lg);display:flex}.link-sample[data-astro-cid-m6zktojm] .text-caption[data-astro-cid-m6zktojm]{min-width:100px}.input-samples[data-astro-cid-m6zktojm]{gap:var(--spacing-lg);flex-direction:column;max-width:400px;display:flex}.input-sample[data-astro-cid-m6zktojm]{gap:var(--spacing-xs);flex-direction:column;display:flex}.divider-samples[data-astro-cid-m6zktojm]{gap:var(--spacing-sm);flex-direction:column;display:flex}.divider-samples[data-astro-cid-m6zktojm] .divider[data-astro-cid-m6zktojm]{margin:var(--spacing-sm) 0}.spacing-demo[data-astro-cid-m6zktojm]{align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.spacing-item[data-astro-cid-m6zktojm]{background:var(--color-link);border-radius:var(--radius-sm)}.radius-demo[data-astro-cid-m6zktojm]{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.radius-item[data-astro-cid-m6zktojm]{background:var(--color-sidebar-bg);border:2px solid var(--color-border);width:80px;height:80px;color:var(--color-muted);justify-content:center;align-items:center;font-size:.75rem;display:flex}.flex-1[data-astro-cid-m6zktojm]{flex:1}.guide-mt-md[data-astro-cid-m6zktojm]{margin-top:var(--spacing-md)}.token-chip-row[data-astro-cid-m6zktojm]{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.token-chip[data-astro-cid-m6zktojm]{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-sidebar-bg);color:var(--color-text);align-items:center;display:inline-flex}.guide-content-page-demo[data-astro-cid-m6zktojm]{max-width:42rem;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-card-bg)}.motion-duration-list[data-astro-cid-m6zktojm]{gap:var(--spacing-md);flex-direction:column;display:flex}.motion-duration-row[data-astro-cid-m6zktojm]{gap:var(--spacing-md);grid-template-columns:minmax(10rem,14rem) 1fr;align-items:center;display:grid}.motion-track[data-astro-cid-m6zktojm]{height:var(--spacing-md);border-radius:var(--radius-full);background:var(--color-sidebar-bg);border:1px solid var(--color-border);overflow:hidden}.motion-bar[data-astro-cid-m6zktojm]{border-radius:inherit;background:var(--color-link);width:28%;height:100%;transition-property:transform;transition-timing-function:var(--ease-standard)}@media (hover:hover){.motion-track[data-astro-cid-m6zktojm]:hover .motion-bar[data-astro-cid-m6zktojm]{transform:translate(240%)}}.contrast-grid[data-astro-cid-m6zktojm]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.contrast-sample[data-astro-cid-m6zktojm]{border-radius:var(--radius-md);padding:var(--spacing-md);gap:var(--spacing-sm);flex-direction:column;display:flex}@media (width<=768px){.color-grid[data-astro-cid-m6zktojm],.card-grid[data-astro-cid-m6zktojm],.surface-grid[data-astro-cid-m6zktojm],.image-grid[data-astro-cid-m6zktojm],.contrast-grid[data-astro-cid-m6zktojm]{grid-template-columns:1fr}.motion-duration-row[data-astro-cid-m6zktojm]{gap:var(--spacing-xs);grid-template-columns:1fr}.link-sample[data-astro-cid-m6zktojm]{align-items:flex-start;gap:var(--spacing-xs);flex-direction:column}}