@layer reset,tokens,base,components;@layer features{.blog-title-topics{overflow-wrap:anywhere;max-width:100%}.blog-toolbar{gap:var(--space-12);margin-top:var(--space-16);flex-direction:column;display:flex}.blog-search-field{width:100%;min-width:0;position:relative}.blog-search-icon{top:50%;left:var(--space-16);width:var(--space-16);height:var(--space-16);pointer-events:none;color:var(--color-text-secondary);position:absolute;translate:0 -50%}.blog-search-clear-layout{top:50%;right:var(--space-4);position:absolute;translate:0 -50%}.blog-filters{gap:var(--space-8);flex-wrap:wrap;display:flex}.blog-filters-layout{max-width:100%}.blog-results{gap:var(--space-40);flex-direction:column;min-height:40rem;display:flex}.blog-search-feedback{justify-content:center;align-items:center;gap:var(--space-12);text-align:center;flex-direction:column;min-height:20rem;display:flex}.blog-search-feedback-title{color:var(--color-foreground);font-size:var(--text-18);line-height:var(--text-18-leading);font-weight:600}.blog-search-feedback-message{max-width:20rem;color:var(--color-muted-foreground);font-size:var(--text-14);line-height:var(--text-14-leading)}.blog-search-posts{gap:var(--space-32);flex-direction:column;display:flex}.blog-search-posts[data-pending]{opacity:.6}@media (prefers-reduced-motion:no-preference){.blog-search-posts{transition:opacity var(--duration-fast) var(--ease-in-out)}}@media (width>=40rem){.blog-toolbar{align-items:center;gap:var(--space-8);flex-flow:wrap}.blog-search-field{flex:1;width:auto;min-width:12rem}.blog-filters-layout{flex-shrink:0}}}@layer utilities;