.border.svelte-aio375{border-radius:inherit;border:2px solid var(--color-primary);opacity:.2;width:100%;height:100%;pointer-events:none;z-index:4;transition:opacity 1s var(--ease-out-expo);filter:drop-shadow(0 0 4px var(--color-primary))}.border.focused.svelte-aio375{opacity:.2}.border.visible.svelte-aio375{opacity:1}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: true;}.border-gradient.svelte-aio375{--s: calc(-2 * var(--vh));--r: 12px;z-index:5;width:100%;height:100%;opacity:0;border-radius:inherit;padding:calc(-1 * var(--s));pointer-events:none;transition:opacity 1s var(--ease-out-expo);animation:svelte-aio375-rotate-gradient var(--animation-speed, 3s) linear infinite;background:conic-gradient(from var(--angle),transparent 20%,var(--color-primary),transparent 80%);mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor}.border-gradient.visible.svelte-aio375{opacity:1}@keyframes svelte-aio375-rotate-gradient{to{--angle: 360deg}}