@property --star-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.star-border-container{isolation:isolate;vertical-align:middle;border-radius:12px;display:inline-flex;position:relative}.border-gradient-bottom{opacity:.85;will-change:transform, opacity;z-index:0;pointer-events:none;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-11px;right:-250%}.border-gradient-top{opacity:.85;will-change:transform, opacity;z-index:0;pointer-events:none;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-11px;left:-250%}.inner-content{border-radius:inherit;z-index:1;width:100%;height:100%;position:relative}.star-border-container:not(.star-border-sm){overflow:hidden}.star-border-container.star-border-sm{--star-angle:0deg;background:conic-gradient(from var(--star-angle), transparent 0deg, transparent 250deg, var(--star-color,#f59e0b) 300deg, transparent 360deg);border-radius:12px;animation:linear infinite star-border-spin;overflow:visible}.star-border-container.star-border-sm .border-gradient-bottom,.star-border-container.star-border-sm .border-gradient-top{display:none}.star-border-container.star-border-sm .inner-content{border-radius:10px;margin:0}@keyframes star-border-spin{to{--star-angle:360deg}}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:.35;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:.35;transform:translate(100%)}}.star-border-container:not(.star-border-always):not(.star-border-sm):hover .border-gradient-bottom,.star-border-container:not(.star-border-always):not(.star-border-sm):hover .border-gradient-top{opacity:0;transition:opacity .3s;animation-play-state:paused}
