@layer vectis.reset,vectis.tokens;@layer vectis.components{.v-skeleton-loader{--skeleton-loader-base:var(--vectis-color-surface-skeleton);--skeleton-loader-highlight:oklch(from var(--skeleton-loader-base) calc(l + .06) c h);--skeleton-loader-h:var(--control-height);--skeleton-loader-radius:min(var(--vectis-radius-interactive), calc(var(--control-height)/2));--skeleton-loader-gap:var(--vectis-space-2);gap:var(--skeleton-loader-gap);flex-direction:column;display:flex}.v-skeleton-loader[data-custom]{--skeleton-loader-base:var(--custom-color)}.v-skeleton-loader-item{inline-size:var(--skeleton-loader-w,100%);block-size:var(--skeleton-loader-h);border-radius:var(--skeleton-loader-radius);background:var(--skeleton-loader-base);flex:auto;position:relative;overflow:clip}.v-skeleton-loader[data-shape=text]{--skeleton-loader-h:1em;--skeleton-loader-radius:var(--vectis-radius-pill);--skeleton-loader-gap:max(0px, calc(1lh - 1em));padding-block:calc(var(--skeleton-loader-gap)/2)}.v-skeleton-loader[data-shape=text] .v-skeleton-loader-item{flex:none}.v-skeleton-loader[data-shape=text] .v-skeleton-loader-item+.v-skeleton-loader-item:last-child{--skeleton-loader-last-line:.6;inline-size:calc(var(--skeleton-loader-w,100%)*var(--skeleton-loader-last-line))}.v-skeleton-loader[data-shape=circle],.v-skeleton-loader[data-shape=pill]{--skeleton-loader-radius:var(--vectis-radius-pill)}.v-skeleton-loader[data-shape=circle]{align-items:start;display:inline-flex}.v-skeleton-loader[data-shape=circle] .v-skeleton-loader-item{inline-size:var(--skeleton-loader-w,auto);aspect-ratio:1}.v-skeleton-loader[data-shape=surface]{--skeleton-loader-h:var(--vectis-control-size-skeleton-surface);--skeleton-loader-radius:var(--vectis-radius-surface)}.v-skeleton-loader:is([data-animation=wave],[data-animation=pulse]) .v-skeleton-loader-item:after{content:"";position:absolute;inset:0}.v-skeleton-loader[data-animation=pulse] .v-skeleton-loader-item:after{background-color:var(--skeleton-loader-highlight);animation:v-skeleton-loader-pulse var(--vectis-duration-1500) var(--vectis-ease-in-out) infinite}.v-skeleton-loader[data-animation=wave] .v-skeleton-loader-item:after{background-image:linear-gradient(90deg,transparent,var(--skeleton-loader-highlight),transparent);animation:v-skeleton-loader-wave var(--vectis-duration-1500) linear infinite}.v-skeleton-loader[data-animation=wave]:dir(rtl) .v-skeleton-loader-item:after{animation-direction:reverse}@keyframes v-skeleton-loader-pulse{0%,to{opacity:0}50%{opacity:1}}@keyframes v-skeleton-loader-wave{0%{translate:-100%}to{translate:100%}}@media (prefers-reduced-motion:reduce){.v-skeleton-loader:is([data-animation=wave],[data-animation=pulse]) .v-skeleton-loader-item:after{background-image:none;background-color:var(--skeleton-loader-highlight);animation:v-skeleton-loader-pulse var(--vectis-duration-5000) var(--vectis-ease-in-out) infinite}}@media (forced-colors:active){.v-skeleton-loader-item{--skeleton-loader-highlight:Canvas;forced-color-adjust:none;background:graytext}}}@layer vectis.utilities;.demo[data-v-8c6e874d]{gap:var(--vectis-space-5);inline-size:22rem}.demo[data-v-8c6e874d],.row[data-v-8c6e874d]{display:grid}.row[data-v-8c6e874d]{gap:var(--vectis-space-2)}.caption[data-v-8c6e874d]{color:var(--vectis-color-text-muted);font-size:var(--vectis-text-caption-size);margin:0}.demo[data-v-85bc0d5d]{gap:var(--vectis-space-2);inline-size:20rem;display:grid}.demo[data-v-82bd04f1]{inline-size:22rem}.demo[data-v-266bef42]{gap:var(--vectis-space-5);inline-size:22rem;display:grid}.inverse[data-v-266bef42]{gap:var(--vectis-space-3);padding:var(--vectis-space-4);border-radius:var(--vectis-radius-surface);background:var(--vectis-color-surface-inverse);display:grid}.demo[data-v-ba21c0cf]{gap:var(--vectis-space-6);inline-size:24rem;display:grid}.body[data-v-ba21c0cf]{font-size:var(--vectis-text-body-sm-size);line-height:var(--vectis-text-body-sm-leading)}.heading[data-v-ba21c0cf]{font-size:var(--vectis-text-heading-2-size);line-height:var(--vectis-text-heading-2-leading)}.caption[data-v-ba21c0cf]{margin:0 0 var(--vectis-space-2);color:var(--vectis-color-text-muted);font-size:var(--vectis-text-caption-size);line-height:var(--vectis-text-caption-leading)}.demo[data-v-5bc77794]{justify-items:start;gap:var(--vectis-space-4);inline-size:24rem}.demo[data-v-5bc77794],.zone[data-v-5bc77794]{display:grid}.zone[data-v-5bc77794]{gap:var(--vectis-space-3);inline-size:100%}.demo[data-v-03c39838]{gap:var(--vectis-space-5);inline-size:22rem}.demo[data-v-03c39838],.row[data-v-03c39838]{display:grid}.row[data-v-03c39838]{gap:var(--vectis-space-2)}.caption[data-v-03c39838]{color:var(--vectis-color-text-muted);font-size:var(--vectis-text-caption-size);margin:0}.grid[data-v-cfbe0ad1]{gap:var(--vectis-space-6) var(--vectis-space-8);grid-template-columns:1fr 1fr;align-items:start;inline-size:100%;display:grid}.card[data-v-cfbe0ad1],.field[data-v-cfbe0ad1]{gap:var(--vectis-space-3);display:grid}.card[data-v-cfbe0ad1]{padding:var(--vectis-space-4);border:1px solid var(--vectis-color-border);border-radius:var(--vectis-radius-surface)}.demo[data-v-58b24cdf]{gap:var(--vectis-space-5);inline-size:18rem}.demo[data-v-58b24cdf],.row[data-v-58b24cdf]{display:grid}.row[data-v-58b24cdf]{gap:var(--vectis-space-2)}.inline[data-v-58b24cdf]{align-items:start;gap:var(--vectis-space-3);display:flex}.caption[data-v-58b24cdf]{color:var(--vectis-color-text-muted);font-size:var(--vectis-text-caption-size);margin:0}