.list{position:relative;width:100%}.item-wrapper{position:absolute;left:0;top:0;cursor:pointer;border-radius:8px;overflow:hidden}.item-media-wrap,.item-wrapper>*{width:100%;height:100%}.item-media-wrap{position:relative}.item-edge-blur{pointer-events:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.2) 8%,transparent 18%,transparent 82%,rgba(0,0,0,.2) 92%,rgba(0,0,0,.5));mask-image:linear-gradient(180deg,#000 0,#000 12%,transparent 22%,transparent 78%,#000 88%,#000);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 12%,transparent 22%,transparent 78%,#000 88%,#000)}.item-edge-blur,.item-media-wrap .item-img{position:absolute;inset:0;border-radius:8px}.item-media-wrap .item-img{width:100%;height:100%;background-size:cover;background-position:50%;-o-object-fit:cover;object-fit:cover}.item-play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:8px;transition:background .25s ease;pointer-events:none}.item-wrapper:hover .item-play-overlay{background:rgba(0,0,0,.35)}.item-play-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;border:2px solid hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.1);color:#fff;opacity:0;transition:opacity .25s ease}.item-wrapper:hover .item-play-icon{opacity:1}.item-title{position:absolute;bottom:0;left:0;right:0;padding:.35rem .25rem .25rem;font-family:var(--font-display),system-ui,sans-serif;font-size:.75rem;font-weight:600;color:var(--text,#f5f0eb);background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-wrapper .color-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:8px}