.thumbnail{position:relative;display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;padding:var(--thumbnail-image-padding,0);background:#fff;aspect-ratio:1/1}.thumbnail img{display:block;width:100%;height:100%;-o-object-fit:var(
      --thumbnail-object-fit,scale-down
    );object-fit:var(
      --thumbnail-object-fit,scale-down
    )}.thumbnail .thumbnail-fallback-icon{background:var(--background-muted)}.thumbnail .loading-icon-wrapper,.thumbnail .thumbnail-fallback-icon{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.thumbnail .loading-icon-wrapper{position:absolute;top:0;left:0}.thumbnail .thumbnail-image{transition:opacity 1s ease}.thumbnail .thumbnail-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;transition:background-color .3s ease,opacity .3s ease}.thumbnail .thumbnail-overlay:hover{background:rgba(0,0,0,.3)}.thumbnail .thumbnail-overlay:active{background:rgba(0,0,0,.4)}