@layer components{.clip__card{transition:transform .12s ease,background .12s ease}.clip__card:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.clip__card:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.clip__card{transition:none}}.clip__flash{transform:translate(-50%,-50%)}@keyframes clip-flash{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@keyframes clip-flash-still{0%,80%{opacity:1}to{opacity:0}}.clips__cue-chevron{transform:rotate(45deg)}@keyframes clips-fade{0%{opacity:0}to{opacity:1}}@keyframes clips-nudge{0%,to{transform:translateY(-2px) rotate(45deg)}50%{transform:translateY(3px) rotate(45deg)}}}