.shine-container.svelte-rloey8{position:relative;display:grid;place-items:center;width:fit-content;height:fit-content;border-radius:var(--border-radius);padding:1px;isolation:isolate}.shine-content.svelte-rloey8{position:relative;z-index:1;border-radius:var(--border-radius)}.shine-effect.svelte-rloey8{position:absolute;inset:0;z-index:0;border-radius:var(--border-radius);pointer-events:none}.shine-effect.svelte-rloey8:before{content:"";position:absolute;inset:0;aspect-ratio:1 / 1;width:100%;height:100%;border-radius:var(--border-radius);padding:var(--border-width);opacity:0;-webkit-mask:var(--mask-linear-gradient);mask:var(--mask-linear-gradient);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from var(--angle, 0deg) at 50% 50%,transparent 0deg,color-mix(in srgb,var(--shine-color),transparent 70%) 30deg,var(--shine-color) 50deg,color-mix(in srgb,var(--shine-color),transparent 70%) 70deg,transparent 100deg,transparent 150deg,color-mix(in srgb,var(--shine-color),transparent 70%) 180deg,var(--shine-color) 200deg,color-mix(in srgb,var(--shine-color),transparent 70%) 220deg,transparent 250deg,transparent 360deg)}.shine-container.in-view.svelte-rloey8 .shine-effect:where(.svelte-rloey8):before{opacity:1;transition:opacity .1s var(--reveal-delay, 0ms) linear;animation:svelte-rloey8-rotate-angle var(--shine-pulse-duration) var(--reveal-delay, 0ms) linear forwards}@property --angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes svelte-rloey8-rotate-angle{0%{--angle: 0deg}to{--angle: 180deg}}@media (prefers-reduced-motion: reduce){.shine-effect.svelte-rloey8:before{opacity:1;transition:none;animation:none}}