/* Reuses the homepage logo sweep, with the existing shared logo as its mask. */
.aoc-logo-shine{position:relative;display:block;width:225px;max-width:60vw;margin:0 auto 26px;isolation:isolate}
.aoc-logo-shine .aoc-shine-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}
.aoc-logo-shine::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 41%,rgba(180,173,255,.18) 46%,rgba(241,245,255,.88) 50%,rgba(192,218,255,.2) 54%,transparent 59%);background-size:300% 100%;background-position:150% 0;opacity:0;mix-blend-mode:screen;-webkit-mask:url("e2dff154476a6723193a.webp") center/100% 100% no-repeat;mask:url("e2dff154476a6723193a.webp") center/100% 100% no-repeat}
.aoc-logo-shine.aoc-shine-visible::after{animation:aoc-logo-sweep 2.4s ease-in-out .3s 1 both}
.aoc-logo-shine[data-paused="true"]::after{animation-play-state:paused}
@keyframes aoc-logo-sweep{0%{background-position:150% 0;opacity:0}15%{opacity:.7}80%{opacity:.7}100%{background-position:-50% 0;opacity:0}}
.collection-logo .aoc-logo-shine{width:230px;max-width:70vw;margin:0 auto}
@media(max-width:760px){.aoc-logo-shine{width:170px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.aoc-logo-shine::after{animation:none!important;display:none}}