.ui-illustration{aspect-ratio:3/2;isolation:isolate;background:color-mix(in oklab, var(--accent) 22%, var(--card));inline-size:100%;transition:background-color var(--duration-fast) var(--ease-standard);display:block;position:relative;overflow:hidden}.ui-illustration__art{pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:none;max-height:none;display:block;position:absolute;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){[data-illustration-card]:hover .ui-illustration[data-interactive]{background:color-mix(in oklab, var(--accent) 26%, var(--card))}}@media (prefers-reduced-motion:reduce){.ui-illustration{transition:none}}.ui-illustration__scene{position:absolute;inset:0}.ui-illustration--panel .ui-illustration__scene{aspect-ratio:3/2;inset:auto 0 0}.ui-illustration[data-fill]{background:var(--card)}.ui-illustration[data-fill] .ui-illustration__scene{aspect-ratio:auto;inset:0}.ui-illustration[data-fill] .ui-illustration__art{object-fit:cover;object-position:center;width:100%;height:100%;inset:0;transform:none}