.glow-border{position:relative;width:100%;padding:1px;border-radius:.5rem;background:var(--glow-border-track)}.glow-border__spin{position:absolute;inset:0;z-index:0;overflow:hidden;border-radius:inherit;pointer-events:none}.glow-border__spin:before{content:"";position:absolute;top:50%;left:50%;width:100%;aspect-ratio:1/1;background:var(--glow-border-gradient);transform:translate(-50%,-50%) rotate(0deg);animation:glow-border-rotate 4s linear infinite;transition:opacity .3s ease}.glow-border__inner{position:relative;z-index:1;width:100%;border-radius:calc(.5rem - 1px);background-color:rgb(var(--common-50))}.glow-border[data-glow-mode=always] .glow-border__spin:before{opacity:1}.glow-border[data-glow-mode=focus] .glow-border__spin:before{opacity:0;animation-play-state:paused}.glow-border[data-glow-mode=focus]:focus-within .glow-border__spin:before{opacity:1;animation-play-state:running}.glow-border[data-glow-mode=alwaysStrongerFocus] .glow-border__spin{transition:inset .3s ease}.glow-border[data-glow-mode=alwaysStrongerFocus] .glow-border__spin:before{opacity:.55}.glow-border[data-glow-mode=alwaysStrongerFocus]:focus-within .glow-border__spin{inset:-.5px}.glow-border[data-glow-mode=alwaysStrongerFocus]:focus-within .glow-border__spin:before{opacity:1}@keyframes glow-border-rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}