@property --pc-a{syntax:"<angle>";inherits:false;initial-value:0deg}.pc-scan{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#0f8,#0000);height:2px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 18px #0f8}.pc-frame:before{content:"";z-index:6;pointer-events:none;opacity:0;background:conic-gradient(from var(--pc-a),transparent 0 72%,#0f8 86%,transparent 100%);-webkit-mask-composite:xor;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.pc-media{transition:transform .8s}.pc:hover .pc-frame:before,.pc:focus-visible .pc-frame:before{opacity:.9;animation:3.2s linear infinite pc-spin}.pc:hover .pc-scan,.pc:focus-visible .pc-scan{opacity:.9;animation:1.8s ease-in-out infinite pc-sweep}.pc:hover .pc-media,.pc:focus-visible .pc-media{transform:scale(1.02)}.pc:focus-visible{outline-offset:6px;outline:1px solid #0f8}.pc:hover .pc-title,.pc:focus-visible .pc-title{color:#0f8}@keyframes pc-spin{to{--pc-a:360deg}}@keyframes pc-sweep{0%{top:0}to{top:100%}}@media (prefers-reduced-motion:reduce){.pc:hover .pc-frame:before,.pc:focus-visible .pc-frame:before,.pc:hover .pc-scan,.pc:focus-visible .pc-scan{animation:none}.pc:hover .pc-scan,.pc:focus-visible .pc-scan{opacity:0}.pc:hover .pc-media,.pc:focus-visible .pc-media{transform:none}}