.fa-tile{border:1px solid rgba(var(--acc-rgb), .24);box-shadow:0 0 0 3px rgba(var(--acc-rgb), .07), 0 10px 22px -14px rgba(var(--acc-rgb), .7);border-radius:18px;flex:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:block;position:relative}.fa-halo{pointer-events:none;opacity:.8;background:radial-gradient(closest-side, rgba(var(--acc-rgb), .4), transparent 72%);filter:blur(5px);border-radius:50%;transition:opacity .25s;position:absolute;inset:-15%}.fa-art{z-index:1;border-radius:inherit;isolation:isolate;width:100%;height:100%;display:block;position:relative;overflow:hidden}.fa-art img{object-fit:cover;width:100%;height:100%}.fa-art:after{content:"";background:var(--acc);mix-blend-mode:color;opacity:.34;pointer-events:none;position:absolute;inset:0}.fa-tile.is-active{border-color:var(--acc);box-shadow:0 0 0 4px rgba(var(--acc-rgb), .16), 0 14px 28px -14px rgba(var(--acc-rgb), .9)}.fa-tile.is-active .fa-halo{opacity:1}.fa-tile.is-active .fa-art:after{opacity:.42}@media (prefers-reduced-motion:reduce){.fa-tile,.fa-halo{transition:none}}