@property --gb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gradient-border[data-v-50976a63]{isolation:isolate;padding:var(--gb-width);border-radius:var(--gb-radius);position:relative}.gradient-border[data-v-50976a63]:before{z-index:-1;border-radius:inherit;background:conic-gradient(from var(--gb-angle), var(--color-honey-200), transparent, var(--color-brand-purple-300), var(--color-honey-200));content:"";transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.is-hover-only[data-v-50976a63]:before{opacity:0;transform:scale(.96)}.gradient-border[data-v-50976a63]:hover:before,.gradient-border[data-v-50976a63]:focus-within:before{opacity:1;animation:gradient-border-spin-50976a63 var(--gb-duration) linear infinite;transform:scale(1)}@keyframes gradient-border-spin-50976a63{to{--gb-angle:360deg}}@media (prefers-reduced-motion:reduce){.gradient-border[data-v-50976a63]:hover:before,.gradient-border[data-v-50976a63]:focus-within:before{animation:none}.is-hover-only[data-v-50976a63]:before{transform:none}}