.img{background:0 0;width:100%;max-width:100%;height:100%;display:block;position:relative;overflow:hidden}.img>img{object-fit:cover;opacity:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:opacity .35s;display:block}.img--fit-contain>img{object-fit:contain}.img--fit-cover>img{object-fit:cover}.img--fit-fill>img{object-fit:fill}.img--loaded>img{opacity:1}.img--errored>img{opacity:1;transition:none}.img__spinner{pointer-events:none;opacity:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.img--slow .img__spinner{opacity:1}.img__spinner-ring{z-index:1;border:1.5px solid #ffffff2e;border-top-color:#ffffffb3;border-radius:50%;width:24px;height:24px;animation:.9s linear infinite img-spin;position:relative}[data-bg=paper] .img__spinner-ring,[data-bg=bone] .img__spinner-ring,[data-bg=gallery] .img__spinner-ring,[data-bg=sand] .img__spinner-ring,[data-bg=olive] .img__spinner-ring,[data-bg=mat] .img__spinner-ring{mix-blend-mode:multiply;border-color:#000000bf #0000001f #0000001f}@keyframes img-spin{to{transform:rotate(360deg)}}