@layer components{.wien-image{min-width:0;max-width:100%;aspect-ratio:var(--image-aspect-ratio,auto);border-radius:var(--radius-16);display:grid;position:relative;overflow:hidden}.wien-image__content{width:100%;height:100%;min-height:inherit;max-width:100%;aspect-ratio:inherit;border-radius:inherit;object-fit:cover;object-position:inherit;opacity:1;grid-area:1/1;transition:opacity .15s;display:block}.wien-image[data-object-fit=contain] .wien-image__content{object-fit:contain}.wien-image[data-placeholder=on] .wien-image__content{visibility:hidden;opacity:0}.wien-image__placeholder{background:var(--colors-grey-3);pointer-events:none;opacity:1;place-items:center;transition:opacity .15s,visibility;display:grid;position:absolute;inset:0;overflow:hidden}.wien-image[data-state=loaded] .wien-image__placeholder{visibility:hidden;opacity:0;transition:opacity .15s,visibility 0s .15s}.wien-image[data-state=loading] .wien-image__placeholder:before{background:radial-gradient(ellipse at center, color-mix(in srgb, var(--colors-pina-9) 20%, transparent) 0%, color-mix(in srgb, var(--colors-pina-9) 8%, transparent) 30%, transparent 64%);content:"";animation:3s cubic-bezier(.4,0,.2,1) infinite wien-image-glow;position:absolute;inset:-45%}.wien-image__placeholder-icon{color:var(--colors-grey-10);opacity:var(--opacity-60)}.wien-image[data-state=loading] .wien-image__placeholder-icon{display:none}@keyframes wien-image-glow{0%{opacity:0;transform:translate(-26%,-20%)}22%,65%{opacity:.8}to{opacity:0;transform:translate(26%,20%)}}@media (prefers-reduced-motion:reduce){.wien-image__content,.wien-image__placeholder,.wien-image[data-state=loaded] .wien-image__placeholder{transition:none}.wien-image[data-state=loading] .wien-image__placeholder:before{opacity:.35;animation:none}}.wien-image[data-state=empty]{min-height:var(--height-64)}.wien-image[data-radius=none]{border-radius:0}.wien-image[data-radius="2"]{border-radius:var(--radius-2)}.wien-image[data-radius="4"]{border-radius:var(--radius-4)}.wien-image[data-radius="6"]{border-radius:var(--radius-6)}.wien-image[data-radius="8"]{border-radius:var(--radius-8)}.wien-image[data-radius="12"]{border-radius:var(--radius-12)}.wien-image[data-radius="16"]{border-radius:var(--radius-16)}.wien-image[data-radius="20"]{border-radius:var(--radius-20)}.wien-image[data-radius="24"]{border-radius:var(--radius-24)}.wien-image[data-radius="32"]{border-radius:var(--radius-32)}.wien-image[data-radius=full]{border-radius:var(--radius-full)}}