.logo-shine{position:relative;isolation:isolate;overflow:hidden}
.logo-shine>img{position:relative;z-index:0;display:block}
.logo-shine::after{content:"";position:absolute;z-index:1;inset:0;background:url("./assets/logo-yapsp-blue.png?v=1") center/contain no-repeat;filter:brightness(1.75) saturate(.75);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(108deg,transparent 31%,rgba(0,0,0,.18) 40%,#000 49%,#000 53%,rgba(0,0,0,.18) 62%,transparent 71%);-webkit-mask-repeat:no-repeat;-webkit-mask-position:135% 0;-webkit-mask-size:260% 100%;mask-image:linear-gradient(108deg,transparent 31%,rgba(0,0,0,.18) 40%,#000 49%,#000 53%,rgba(0,0,0,.18) 62%,transparent 71%);mask-repeat:no-repeat;mask-position:135% 0;mask-size:260% 100%;opacity:.82;animation:ypsp-logo-shine 6.8s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}
@keyframes ypsp-logo-shine{0%,18%{-webkit-mask-position:135% 0;mask-position:135% 0}55%,100%{-webkit-mask-position:-35% 0;mask-position:-35% 0}}
@media(prefers-reduced-motion:reduce){.logo-shine::after{animation:none;opacity:0}}