@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-empty-state{--empty-state-media:var(--vectis-control-size-empty-state-media-md);--empty-state-gap:var(--vectis-space-3);align-items:center;gap:var(--empty-state-gap);padding:var(--vectis-space-8) var(--vectis-space-6);text-align:center;color:var(--vectis-color-text);font-family:var(--vectis-text-family);flex-direction:column;display:flex}.v-empty-state[data-size=sm]{--empty-state-media:var(--vectis-control-size-empty-state-media-sm);--empty-state-gap:var(--vectis-space-2);padding:var(--vectis-space-4)}.v-empty-state[data-size=lg]{--empty-state-media:var(--vectis-control-size-empty-state-media-lg);--empty-state-gap:var(--vectis-space-4);padding:var(--vectis-space-12) var(--vectis-space-8)}.v-empty-state-icon{--vectis-icon-size:calc(var(--empty-state-media) / 2);inline-size:var(--empty-state-media);block-size:var(--empty-state-media);border-radius:var(--vectis-radius-full);background:var(--vectis-color-surface-muted);color:var(--vectis-color-text-muted);place-items:center;display:inline-grid}.v-empty-state-icon,.v-empty-state-media{margin-block-end:var(--vectis-space-1)}.v-empty-state-description,.v-empty-state-title{max-inline-size:var(--vectis-control-size-empty-state-text-max);margin:0}.v-empty-state-title{font-size:var(--vectis-text-heading-4-size);font-weight:var(--vectis-text-heading-4-weight);line-height:var(--vectis-text-heading-4-leading)}.v-empty-state-description{font-size:var(--vectis-text-body-md-size);font-weight:var(--vectis-text-body-md-weight);line-height:var(--vectis-text-body-md-leading);color:var(--vectis-color-text-muted)}.v-empty-state[data-size=sm] .v-empty-state-title{font-size:var(--vectis-text-label-size);font-weight:var(--vectis-text-label-weight);line-height:var(--vectis-text-label-leading)}.v-empty-state[data-size=sm] .v-empty-state-description{font-size:var(--vectis-text-body-sm-size);font-weight:var(--vectis-text-body-sm-weight);line-height:var(--vectis-text-body-sm-leading)}.v-empty-state[data-size=lg] .v-empty-state-title{font-size:var(--vectis-text-heading-3-size);font-weight:var(--vectis-text-heading-3-weight);line-height:var(--vectis-text-heading-3-leading)}.v-empty-state-actions{justify-content:center;gap:var(--vectis-space-3);flex-wrap:wrap;margin-block-start:var(--vectis-space-2);display:flex}@media (forced-colors:active){.v-empty-state-icon{outline:1px solid canvastext}}}@layer vectis.utilities;
