.card{position:relative;max-height:350px;max-width:350px;width:100%;aspect-ratio:1;border-radius:8px;cursor:move;background:linear-gradient(90deg,silver 15%,#f0f0f0 40%,silver 75%);background-size:200% 100%;animation:loading 2s infinite}video{height:350px;width:350px;object-fit:fill;border-radius:8px;border:1px}.card video:hover{filter:blur(4px) grayscale(50%);transition:filter .1s ease}.card p{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);z-index:1;text-transform:uppercase;font-size:large;letter-spacing:1px;text-align:center;font-weight:600;padding:4px 8px;border-radius:8px;pointer-events:none}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.card:hover p{opacity:1;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-image:linear-gradient(315deg,#2d3436,#000 74%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:3rem 0;padding:0 .5rem;display:flex;justify-content:center;min-width:320px;min-height:100vh;box-sizing:border-box;width:100vw}#root{width:100%}