.effect-border-shell{--effect-border-width:3px;--effect-border-radius:1rem;box-sizing:border-box;width:100%;padding:var(--effect-border-width);border-radius:var(--effect-border-radius);position:relative}.effect-border-shell__content{z-index:1;border-radius:calc(var(--effect-border-radius) - var(--effect-border-width));width:100%;position:relative;overflow:hidden}.effect-border-shell__decor{z-index:0;border-radius:var(--effect-border-radius);pointer-events:none;position:absolute;inset:0}@property --flow-border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}.flow-border-container{--flow-border-angle:0turn;--flow-border-accent-from:#08f;--flow-border-accent-to:#f03;--flow-border-ring:conic-gradient(from var(--flow-border-angle), transparent 20%, var(--flow-border-accent-from), var(--flow-border-accent-to) 80%, transparent);background:var(--flow-border-ring);background-position:50%;animation:3s linear infinite flow-border-spin}.flow-border-container--pause-on-hover:hover{animation-play-state:paused}@keyframes flow-border-spin{to{--flow-border-angle:1turn}}@media (prefers-reduced-motion:reduce){.flow-border-container{animation:none}}