.card{height:var(--grid-row-height,300px);background-color:var(--color-surface-100);cursor:pointer;overflow:hidden;transform:translateZ(0)}.card,.card .card-image{width:100%;display:flex;justify-content:center;align-items:center;position:relative}.card .card-image{height:100%}.card .card-image .card-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transition:opacity .3s ease-out}.card .card-image .card-thumbnail{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:50%;background-repeat:no-repeat;z-index:2;transition:opacity .5s ease-out}.card .card-image .card-thumbnail.fade-out{opacity:0}.card .card-image .card-img{height:100%;width:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease-out;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;z-index:3;position:relative}.card .card-image .card-img.loaded{opacity:1}.card .card-image .card-shimmer{position:absolute;top:0;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);background-size:200% 100%;animation:shimmer 1.5s infinite;pointer-events:none}.card .card-image .card-loading-state{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center}.card .card-image .card-loading-state .loading-pulse{width:40px;height:40px;border-radius:50%;background:hsla(0,0%,100%,.3);animation:pulse 1.5s ease-in-out infinite}.card .card-placeholder{display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}*{margin:0;padding:0;box-sizing:border-box}.relative{position:relative}.absolute{position:absolute}.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.media-grid{--grid-row-height:300px;--grid-column-width:250px;--grid-gap:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--grid-column-width),1fr));grid-auto-rows:var(--grid-row-height);gap:var(--grid-gap);width:100%;contain:content;transition:all .2s cubic-bezier(.4,0,.2,1);will-change:grid-template-columns;transform:translateZ(0)}.media-grid .media-grid-item{position:relative;width:100%;height:var(--grid-row-height);min-width:0;opacity:0;animation:fadeIn .3s ease-out forwards;animation-delay:calc(var(--index)*50ms);contain:layout style paint;will-change:transform;transition:transform .2s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.media-grid .media-grid-item:hover{z-index:1;transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sidebar{padding:1rem;border-radius:8px;height:fit-content}.sticky{position:sticky;top:1rem}