.by-stars{background-image:radial-gradient(1.6px 1.6px at 22px 30px,#fffffff2,#0000 62%),radial-gradient(1.1px 1.1px at 92px 124px,#f7bdcde6,#0000 62%),radial-gradient(2px 2px at 164px 64px,#fffc,#0000 62%),radial-gradient(1.1px 1.1px at 244px 196px,#ffffffd9,#0000 62%),radial-gradient(1.6px 1.6px at 332px 104px,#ec3ea1f2,#0000 62%),radial-gradient(1.1px 1.1px at 62px 246px,#ffffffbf,#0000 62%),radial-gradient(2px 2px at 292px 276px,#f7bdcdd9,#0000 62%),radial-gradient(1.3px 1.3px at 140px 180px,#8f6bffe6,#0000 62%);background-size:380px 310px}.by-panels{background:repeating-linear-gradient(90deg,#0000 0 77px,#ee9a8e1f 77px 78px);-webkit-mask-image:linear-gradient(#000 35%,#0000);mask-image:linear-gradient(#000 35%,#0000)}.by-spot{filter:blur(7px);mix-blend-mode:screen;background:conic-gradient(from 180deg at 50% 0,#0000 163deg,#ffe2f24d 174deg 186deg,#0000 197deg)}.by-shine:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 32%,#fff6 50%,#0000 68%);position:absolute;inset:0;transform:translate(-120%)}.by-ring:before{content:"";border:3px solid var(--by-ring,#ec3ea1);opacity:0;pointer-events:none;border-radius:9999px;position:absolute;inset:-8px}@keyframes by-ring{0%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes by-shine{to{transform:translate(120%)}}@keyframes by-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes by-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.by-ring:before{animation:1.8s cubic-bezier(.23,1,.32,1) infinite by-ring}.by-shine:after{animation:.9s cubic-bezier(.23,1,.32,1) .6s both by-shine}.by-rise{animation:.55s cubic-bezier(.23,1,.32,1) both by-rise;animation-delay:calc(var(--by-i,0) * 70ms)}.by-pop{animation:.4s cubic-bezier(.34,1.56,.64,1) both by-pop;animation-delay:calc(var(--by-i,0) * 40ms)}}.by-tip{opacity:0;transform:scale(.9)}.by-tip[data-in=true]{opacity:1;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .24s cubic-bezier(.34,1.3,.64,1);transform:none}.by-tip-ring{box-shadow:0 0 0 2px #fff,0 0 0 5px #ec3ea1,0 0 22px 4px #ec3ea180}@keyframes by-tip-ring{0%{opacity:.95;transform:scale(1)}70%,to{opacity:0;transform:scale(1.14)}}@media (prefers-reduced-motion:no-preference){.by-tip-ring{animation:1.5s cubic-bezier(.23,1,.32,1) 3 by-tip-ring}}@media (prefers-reduced-motion:reduce){.by-tip,.by-tip[data-in=true]{transition:opacity .12s linear;transform:none}}
