@layer components{.v-img{position:relative;border-radius:var(--radius-card);background-color:var(--bg-1)}.v-img--loading .v-img__placeholder{opacity:1;visibility:visible}.v-img--loading .v-img__img{opacity:0;visibility:hidden}.v-img--error .v-img__img{display:none}.v-img--animated .v-img__img,.v-img--animated .v-img__placeholder{transition:var(--duration-2) linear;transition-property:opacity,visibility}.v-img__error,.v-img__img,.v-img__placeholder{position:absolute;width:100%;height:100%;inset:0;border-radius:inherit;-o-object-fit:cover;object-fit:cover}.v-img__placeholder{opacity:0;visibility:hidden}.v-img__img{aspect-ratio:inherit;max-height:100%;max-width:100%;margin:auto;border-radius:inherit}.v-img__error{display:flex;justify-content:center;align-items:center;text-align:center}}