.media{background:var(--obsidian-2);width:100%;height:100%;position:relative;overflow:hidden}.media--empty{background:linear-gradient(135deg, var(--obsidian-2), var(--obsidian-3))}.media__img{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .7s var(--ease-out);will-change:opacity}.media.is-loaded .media__img,.media--video .media__img{opacity:1}.media__blur{object-fit:cover;filter:blur(18px)saturate(1.15);opacity:.85;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12)}.media.is-loaded .media__blur{opacity:0;transition:opacity .6s var(--ease-out) .1s}.videoplayer{background:var(--obsidian-2);border-radius:var(--radius);width:100%;position:relative;overflow:hidden}.videoplayer__el{object-fit:cover;width:100%;height:100%;display:block}.videoplayer__cover{color:#fff;transition:background var(--dur) var(--ease-out);background:linear-gradient(#0b0b0b26,#0b0b0b8c);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:absolute;inset:0}.videoplayer__cover:hover{background:#0b0b0b52}.videoplayer__btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:4.5rem;height:4.5rem;transition:transform var(--dur) var(--ease-out), background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);background:#ffffff14;border:1px solid #ffffff8c;border-radius:50%;place-items:center;padding-left:3px;display:grid}.videoplayer__cover:hover .videoplayer__btn{background:var(--teal);border-color:var(--teal);transform:scale(1.08)}.videoplayer__label{font-size:var(--t-micro);letter-spacing:var(--tr-label);text-transform:uppercase;font-weight:var(--w-semibold)}