.qr-animation{--border-angle:0turn;--main-bg:conic-gradient(from var(--border-angle), #213, #112 5%, #112 60%, #213 95%);--gradient-border:conic-gradient(from var(--border-angle), transparent 25%, #08f, #f03 99%, transparent);background:var(--main-bg) padding-box,var(--gradient-border) border-box,var(--main-bg) border-box;background-position:50%;border:5px solid #0000;place-content:center;animation:2s linear infinite bg-spin;display:grid}@keyframes bg-spin{to{--border-angle:1turn}}.qr-animation:hover{animation-play-state:paused}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}