@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.glow-container{position:relative;overflow:hidden;color:#222}.glow-container:before{content:"";position:absolute;width:calc(100% + 5px);height:calc(100% + 5px);top:50%;left:50%;transform:translate(-50%,-50%);border:6px solid;filter:blur(3px);-o-border-image:conic-gradient(from var(--angle),#dac5fb,#fbcaed,#dac5fb,#b5ccfd,#dac5fb) 1;border-image:conic-gradient(from var(--angle),#dac5fb,#fbcaed,#dac5fb,#b5ccfd,#dac5fb) 1;animation:animate 1s linear infinite}@keyframes animate{to{--angle:1turn}}.scroll-fade-shadow{position:relative}.scroll-fade-shadow:after,.scroll-fade-shadow:before{content:"";position:absolute;left:0;right:0;height:24px;z-index:10;transition:opacity .2s ease;pointer-events:none}.scroll-fade-shadow:before{top:0;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent);opacity:0}.scroll-fade-shadow:after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.08),transparent);opacity:0}.scroll-fade-shadow.scroll-bottom:after,.scroll-fade-shadow.scroll-top:before{opacity:1}