@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-angle-offset{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --gradient-percent{syntax: "<percentage>"; initial-value: 9%; inherits: false;}@property --gradient-shine{syntax: "<color>"; initial-value: #34d399; inherits: false;}.shiny-cta{--shiny-cta-bg: #ffffff;--shiny-cta-bg-subtle: #e4e6ea;--shiny-cta-fg: #0b0d10;--shiny-cta-highlight: hsl(var(--primary));--shiny-cta-highlight-subtle: hsl(var(--primary) / .55);--shiny-cta-shine: color-mix(in srgb, hsl(var(--primary)) 65%, white);--animation: gradient-angle linear infinite;--duration: 3s;--shadow-size: 2px;--shiny-cta-glow: color-mix(in srgb, var(--shiny-cta-highlight) 55%, transparent);--transition: .8s cubic-bezier(.25, 1, .5, 1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;font-family:inherit;font-weight:600;line-height:1.2;white-space:nowrap;--gradient-shine: var(--shiny-cta-shine);border:2px solid transparent;border-radius:360px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle),0 1px 2px #0000002e,inset 0 -1ex 2rem 4px transparent;transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine,box-shadow}.shiny-cta--sm{padding:.45rem 1rem;font-size:.8125rem}.shiny-cta--md{padding:.7rem 1.5rem;font-size:.9375rem}.shiny-cta--lg{padding:1.25rem 2.5rem;font-size:1.125rem}.shiny-cta:is([aria-pressed=true],[aria-current=page]){--shiny-cta-bg: color-mix(in srgb, hsl(var(--primary)) 16%, #ffffff);--shiny-cta-bg-subtle: hsl(var(--primary))}.shiny-cta--danger{--shiny-cta-fg: hsl(0 72% 42%);--shiny-cta-highlight: hsl(0 72% 51%);--shiny-cta-highlight-subtle: hsl(0 72% 51% / .55);--shiny-cta-shine: hsl(0 85% 72%)}.shiny-cta:before,.shiny-cta:after{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta:active{translate:0 1px}.shiny-cta:before{--size: calc(100% - var(--shadow-size) * 3);--position: 2px;--space: calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),var(--shiny-cta-highlight) calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:0;transition:opacity var(--transition)}.shiny-cta:after{--animation: shimmer linear infinite;width:min(100%,12rem);aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,black);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:0;transition:opacity var(--transition)}.shiny-cta,.shiny-cta:before,.shiny-cta:after{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.shiny-cta:is(:hover,:focus-visible){--gradient-percent: 26%;--gradient-angle-offset: 95deg;--gradient-shine: var(--shiny-cta-highlight-subtle);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle),0 1px 2px #0000002e,inset 0 -1ex 2rem 4px var(--shiny-cta-glow)}.shiny-cta:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}.shiny-cta--danger:focus-visible{outline-color:#dc2828}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):before,.shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible):before,.shiny-cta:is(:hover,:focus-visible):after{opacity:.35}.shiny-cta:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.55;animation:none;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta:is(:disabled,[aria-disabled=true]):before,.shiny-cta:is(:disabled,[aria-disabled=true]):after{animation:none}@keyframes gradient-angle{to{--gradient-angle: 360deg}}@keyframes shimmer{to{rotate:360deg}}@media (prefers-reduced-motion: reduce){.shiny-cta,.shiny-cta:before,.shiny-cta:after{animation:none!important;transition-duration:.01ms}}