@layer theme,base;@layer components{:where(.tl-shell){width:100%;max-width:var(--shell-w);padding-inline:var(--space-16);padding-block:var(--space-40);margin-inline:auto}@media (width>=40rem){:where(.tl-shell){padding-inline:var(--space-24)}}@media (width>=64rem){:where(.tl-shell){padding-inline:var(--space-32)}}:where(.tl-eyebrow){font-family:var(--font-nav);color:var(--primary);font-size:var(--text-label);text-transform:uppercase;letter-spacing:var(--track-label)}:where(.tl-body){font-size:var(--text-small);color:var(--muted-foreground)}:where(.tl-col){gap:var(--space-8);flex-direction:column;display:flex}:where(.tl-frame){border:var(--hairline) solid var(--border)}:where(.tl-grid-3),:where(.tl-grid-matrix){gap:var(--space-24);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=900px){:where(.tl-grid-matrix){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){:where(.tl-grid-3){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1300px){:where(.tl-grid-matrix){grid-template-columns:repeat(3,minmax(0,1fr))}}:where(.tl-ctl){border-radius:var(--radius);border:var(--hairline) solid var(--border);background:var(--background);padding-inline:var(--space-10);padding-block:var(--space-4);font-family:var(--font-nav);font-size:var(--text-label-lg);text-transform:uppercase;letter-spacing:var(--track-wide);color:var(--foreground)}:where(.tl-ctl:hover){background:var(--muted)}:where(.tl-ctl--primary){border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}:where(.tl-ctl--primary:hover){opacity:.9}}