@property --vy-beam-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.vy-beam-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--vy-beam-angle),rgba(173,133,76,.18) 0%,rgba(173,133,76,.18) 9%,#eee7ba 16%,#f7efc8 19%,#c4a76f 26%,rgba(173,133,76,.18) 36%,rgba(173,133,76,.18) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:vy-beam-spin 4.5s linear infinite;pointer-events:none}@keyframes vy-beam-spin{to{--vy-beam-angle: 360deg}}.vy-premium-card{box-shadow:0 24px 64px -16px #000000bf,0 0 46px -10px #decb9c73,inset 0 1px #ffffff1a,inset 0 0 36px #0121338c}.gradient-border{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#ae905d,#c4a76f,#eee7ba,#c4a76f,#ae905d,#977b4b,#ae905d,#eee7ba,#c4a76f,#a58856,#7e6944,#a58856) border-box;border:1px solid transparent;animation:animatedgradient 6s ease alternate infinite;background-size:300% 300%}@keyframes animatedgradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}