.star-border{--star-thickness:2px;--star-speed:6s;--star-gradient:radial-gradient(circle, #fff3c4, #ffd75e 4%, var(--accent) 9%, transparent 18%);vertical-align:middle;max-width:100%;padding:var(--star-thickness);border-radius:var(--radius-pill);isolation:isolate;background:color-mix(in srgb, var(--accent) 22%, transparent);display:inline-flex;position:relative;overflow:hidden}.star-border>.star-border-light{opacity:1;background:var(--star-gradient);width:300%;height:50%;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:var(--star-speed);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.star-border>.star-border-light--bottom{animation-name:star-movement-bottom;bottom:-12px;right:-250%}.star-border>.star-border-light--top{animation-name:star-movement-top;top:-12px;left:-250%}.star-border>:not(.star-border-light){z-index:1;flex:auto;position:relative}.star-border:has(>:focus-visible){outline:2px solid var(--focus);outline-offset:5px}.star-border>:focus-visible{outline:none}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}60%{opacity:1}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}60%{opacity:1}to{opacity:0;transform:translate(100%)}}