.arvelle-mark{--mx:50%;--my:50%;max-width:100%;line-height:0;display:inline-block;position:relative}.arvelle-mark img{opacity:1;width:100%;height:auto;transition:opacity .3s;display:block}.arvelle-sweep,.arvelle-glow{pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:var(--logo-url);-webkit-mask-image:var(--logo-url);-webkit-mask-image:var(--logo-url);mask-image:var(--logo-url);position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.arvelle-sweep{filter:drop-shadow(0 0 16px #ffffff59);background-image:linear-gradient(100deg,#0000 42%,#fffffff2 50%,#0000 58%);background-size:280% 100%;animation:6s cubic-bezier(.45,0,.2,1) infinite arvelle-sweep}@keyframes arvelle-sweep{0%{background-position:180% 0}38%,to{background-position:-80% 0}}.arvelle-glow{opacity:0;background-image:radial-gradient(circle 115px at var(--mx) var(--my), #fff, #ffffff8c 38%, transparent 70%);filter:drop-shadow(0 0 26px #fff9);transition:opacity .28s}@media (hover:hover) and (pointer:fine){.arvelle-mark:hover img,.arvelle-mark:hover .arvelle-glow{opacity:1}.arvelle-mark:hover .arvelle-sweep{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.arvelle-sweep{animation:none}.arvelle-mark img{opacity:1}}