.ds-magic-border{--magic-border-speed:12s;--magic-border-violet:color-mix(in srgb,var(--pmui-decorative-violet-default) 50%,var(--pmui-bg-primary));--magic-border-red:color-mix(in srgb,var(--pmui-decorative-fitline-red-default) 50%,var(--pmui-bg-primary));--magic-border-orange:color-mix(in srgb,var(--pmui-decorative-orange-default) 50%,var(--pmui-bg-primary));--magic-border-yellow:color-mix(in srgb,var(--pmui-decorative-yellow-default) 50%,var(--pmui-bg-primary));--magic-border-azure:color-mix(in srgb,var(--pmui-decorative-azure-default) 50%,var(--pmui-bg-primary));position:relative;overflow:hidden;border-radius:100px;box-shadow:0 0 8px color-mix(in srgb,var(--magic-border-violet) 55%,transparent),0 0 12px color-mix(in srgb,var(--magic-border-red) 50%,transparent);display:inline-flex;align-items:center;justify-content:center;isolation:isolate}.ds-magic-border:before{content:"";position:absolute;top:50%;left:50%;width:300%;height:300%;background:conic-gradient(from 0deg,var(--magic-border-violet),var(--magic-border-red),var(--magic-border-orange),var(--magic-border-yellow),var(--magic-border-azure),var(--magic-border-violet));transform:translate(-50%,-50%) rotate(0deg);animation:magic-border-spin var(--magic-border-speed) linear infinite;will-change:transform;z-index:-2}.ds-magic-border:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:inherit;background:var(--pmui-bg-primary);z-index:-1}.ds-magic-border{padding:10px 24px}.ds-magic-border:active,.ds-magic-border:focus-visible,.ds-magic-border:hover{--magic-border-speed:4s;box-shadow:0 0 10px color-mix(in srgb,var(--magic-border-violet) 65%,transparent),0 0 16px color-mix(in srgb,var(--magic-border-red) 60%,transparent)}.ds-magic-border:disabled:before{animation-play-state:paused}@keyframes magic-border-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ds-magic-border:before{animation:none}}