.queued-img{filter:blur(8px);opacity:0}.queued-img.loaded{filter:none;opacity:1}.root-img{--icon-color:#ff0;transition:opacity .3s linear;will-change:opacity}.surface{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.surface__filter{display:none;height:100%;inset:0;pointer-events:none;position:absolute}.surface__content{align-items:center;display:flex;height:100%;width:100%;z-index:1}.surface--svg{-webkit-backdrop-filter:url(#filter) saturate(1);backdrop-filter:url(#filter) saturate(1);-webkit-backdrop-filter:var(--filter-id,url(#filter)) saturate(var(--saturation,1));backdrop-filter:var(--filter-id,url(#filter)) saturate(var(--saturation,1));box-shadow:inset 0 0 2px 1px light-dark(color-mix(in oklch,#000,#0000 85%),color-mix(in oklch,#fff,#0000 65%)),inset 0 0 10px 4px light-dark(color-mix(in oklch,#000,#0000 90%),color-mix(in oklch,#fff,#0000 85%)),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}