@property --sp{syntax:"<angle>";inherits:false;initial-value:0deg}.spotlight-wrapper{background:0 0;border-radius:50px;padding:1px;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s;position:relative}.spotlight-wrapper.is-focused{transform:scale(1.01);box-shadow:0 10px 30px -10px #0000001a}.spotlight-wrapper:before{content:"";background:conic-gradient(from var(--sp), transparent 0deg, transparent 180deg, #b69cc51a 200deg, #b69cc566 230deg, #cf354d99 270deg, #fffffff2 280deg, #eba9ac99 290deg, #71ba7c4d 320deg, transparent 340deg, transparent 360deg);z-index:0;pointer-events:none;opacity:0;border-radius:54px;transition:opacity .6s cubic-bezier(.4,0,.2,1);animation:6s linear infinite paused spotSpin;position:absolute;inset:-1.5px}.spotlight-wrapper:after{content:"";background:conic-gradient(from var(--sp), transparent 0deg, transparent 220deg, #cf354d33 250deg, #cf354d80 278deg, #fff6 282deg, #cf354d33 310deg, transparent 330deg, transparent 360deg);filter:blur(15px);z-index:0;pointer-events:none;opacity:0;border-radius:60px;transition:opacity .8s cubic-bezier(.4,0,.2,1);animation:6s linear infinite paused spotSpin;position:absolute;inset:-10px}.spotlight-wrapper.is-focused:before,.spotlight-wrapper.is-focused:after{opacity:1;animation-play-state:running}.spotlight-wrapper:hover:not(.is-focused){box-shadow:0 6px 18px -12px #0000002e}.spotlight-wrapper:hover:not(.is-focused) .spotlight-inner{background:#e8e4d9eb;border-color:#00000024}@keyframes spotSpin{to{--sp:360deg}}.spotlight-inner{z-index:2;-webkit-backdrop-filter:blur(10px);background:#e8e4d9d9;border:1.5px solid #00000014;border-radius:50px;width:100%;height:100%;transition:all .4s;position:relative;overflow:hidden}.spotlight-wrapper.is-focused .spotlight-inner{background:#e8e4d9f2;border-color:#0000000a}.placeholder-transparent::placeholder{color:#0000}@media (prefers-reduced-motion:reduce){.spotlight-wrapper,.spotlight-wrapper.is-focused{transition:box-shadow .3s;transform:none}.spotlight-wrapper:before,.spotlight-wrapper:after,.spotlight-wrapper.is-focused:before,.spotlight-wrapper.is-focused:after{animation:none}}