.ab{background:radial-gradient(70% 60% at 50% 0,#7c6cf240,#0000 70%),#07060c;border:1px solid #ffffff14;border-radius:24px;height:100%;min-height:320px;position:relative;overflow:hidden}.ab video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ab__key{opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.ab__key .keycap{cursor:default}.ab__key .keycap:hover{transform:rotate(var(--r))}.ab__bob{animation:5s ease-in-out infinite ab-bob}@keyframes ab-bob{0%,to{translate:0}50%{translate:0 -5px}}.ab__flash{pointer-events:none;opacity:0;filter:blur(10px);background:radial-gradient(closest-side,#c4b8ff8c,#7c6cf226 60%,#0000);border-radius:50%;width:70%;height:40%;position:absolute;top:50%;left:50%;translate:-50% -50%}@media (width<=959px){.ab{min-height:260px}}@media (prefers-reduced-motion:reduce){.ab__bob{animation:none}.ab__key{opacity:1}}