/* Slowly Effects | light/flowing_border | Only necessary effect CSS; host owns visual design. */
@property --sbs-flow-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
.sbs-flowborder{padding:var(--sbs-flow-thickness,2px);background:conic-gradient(from var(--sbs-flow-angle),transparent 0,var(--sbs-flow-color,currentColor) 12%,transparent 30%,transparent 60%,var(--sbs-flow-color,currentColor) 72%,transparent 90%);animation:sbs-flow-spin var(--sbs-flow-speed,7s) linear infinite}
.sbs-flowborder-inner{border-radius:inherit}
@keyframes sbs-flow-spin{to{--sbs-flow-angle:360deg}}
@media(prefers-reduced-motion:reduce){.sbs-flowborder{animation:none}}