@layer properties,theme,base;@layer components{.zX6D6q_root{gap:calc(var(--spacing) * 3);max-width:100%;margin-block:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 4);border-style:solid;border-width:1px;border-color:var(--color-border-base);border-radius:var(--radius-xl);background-color:var(--color-bg-base);flex-direction:column;display:flex;@media (width>=40rem){padding:calc(var(--spacing) * 5)}}.zX6D6q_summary{align-items:center;column-gap:calc(var(--spacing) * 2);row-gap:var(--spacing);flex-wrap:wrap;display:flex}.zX6D6q_name{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium)}.zX6D6q_year{color:var(--color-fg-mute);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.zX6D6q_families{column-gap:calc(var(--spacing) * 5);row-gap:calc(var(--spacing) * 2);flex-wrap:wrap;display:flex}.zX6D6q_family{align-items:center;gap:calc(var(--spacing) * 1.5);font-size:var(--font-size-xs);line-height:var(--line-height-xs);display:flex;&[data-supported=false]{& .zX6D6q_icon{opacity:.4}& .zX6D6q_version{color:var(--color-fg-subtle)}}}.zX6D6q_icon{display:flex}.zX6D6q_srOnly{width:1px;height:1px;margin:calc(var(--spacing) * -.25);clip-path:inset(50%);white-space:nowrap;border-width:0;padding:0;position:absolute;overflow:hidden}.zX6D6q_version{color:var(--color-fg-base);font-family:var(--font-family-mono)}}@layer utilities;