@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;