:root{--shiny-cta-bg:#01091b;--shiny-cta-bg-subtle:#0e1c36;--shiny-cta-fg:#c9d9ff;--shiny-cta-highlight:#164ede;--shiny-cta-highlight-subtle:#628bf2;--shiny-cta-subtle-bg:#0e1c36;--shiny-cta-subtle-bg-inner:#111111;--shiny-cta-subtle-fg:#ffffff;--shiny-cta-subtle-highlight:#666666;--shiny-cta-subtle-shine:#ffffff}@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:5%;inherits:false}@property --gradient-shine{syntax:"<color>";initial-value:rgb(120,196,250);inherits:false}.shiny-cta{--animation:gradient-angle linear infinite;--duration:5s;--shadow-size:2px;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;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)}.shiny-cta span:before,.shiny-cta:after,.shiny-cta:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta:active{transform:scale(.94) translateY(-4px);transform-origin:bottom center;transition:all .1s ease-in-out}.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),white calc(var(--position) / 4),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1}.shiny-cta:after{--animation:shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:.6}.shiny-cta span{z-index:1}.shiny-cta span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0}.shiny-cta{--transition:800ms cubic-bezier(0.25,1,0.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.shiny-cta,.shiny-cta:after,.shiny-cta:before{animation:var(--animation) var(--duration),var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.shiny-cta span:before{transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) e linear infinite}.shiny-cta:focus-visible,.shiny-cta:hover{--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}.shiny-cta:focus-visible,.shiny-cta:focus-visible:after,.shiny-cta:focus-visible:before,.shiny-cta:hover,.shiny-cta:hover:after,.shiny-cta:hover:before{animation-play-state:running}.shiny-cta:focus-visible span:before,.shiny-cta:hover span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:1turn}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}.shiny-cta-subtle{--animation:gradient-angle linear infinite;--subtle-duration:20s;--shadow-size:1px;isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:2px;color:var(--shiny-cta-subtle-fg);background:linear-gradient(var(--shiny-cta-subtle-bg),var(--shiny-cta-subtle-bg)) padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-subtle-highlight) var(--gradient-percent),var(--shiny-cta-subtle-shine) calc(var(--gradient-percent) * 1.5),var(--shiny-cta-subtle-highlight) calc(var(--gradient-percent) * 2.5),transparent calc(var(--gradient-percent) * 3.5)) border-box;box-shadow:inset 0 0 0 0 var(--shiny-cta-subtle-bg-inner);border:1px solid transparent}.shiny-cta-subtle span:before,.shiny-cta-subtle:after,.shiny-cta-subtle:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta-subtle:active{transform:scale(.96) translateY(-2px);transform-origin:bottom center;transition:all .1s ease-in-out}.shiny-cta-subtle:before{--size:calc(100% - var(--shadow-size) * 4);--position:1.5px;--space:calc(var(--position) * 2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),rgba(255,255,255,.3) calc(var(--position) / 6),transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 15% 85%,black);border-radius:inherit;opacity:.2;z-index:-1}.shiny-cta-subtle:after{--animation:shimmer linear infinite;width:100%;aspect-ratio:1;background:linear-gradient(-45deg,transparent,rgba(255,255,255,.4),transparent);mask-image:radial-gradient(circle at bottom,transparent 45%,black);opacity:.3}.shiny-cta-subtle span{z-index:1}.shiny-cta-subtle span:before{--size:calc(100% + 0.75rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2.5rem 2px rgba(255,255,255,.1);opacity:0}.shiny-cta-subtle{--transition:600ms cubic-bezier(0.25,1,0.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.shiny-cta-subtle,.shiny-cta-subtle:after,.shiny-cta-subtle:before{animation:var(--animation) var(--subtle-duration),var(--animation) calc(var(--subtle-duration) / .4) reverse paused;animation-composition:add}.shiny-cta-subtle span:before{transition:opacity var(--transition);animation:calc(var(--subtle-duration) * 2) breathe linear infinite}.shiny-cta-subtle:focus-visible,.shiny-cta-subtle:hover{--gradient-percent:15%;--gradient-angle-offset:90deg;--gradient-shine:rgba(255,255,255,0.6)}.shiny-cta-subtle:focus-visible,.shiny-cta-subtle:focus-visible:after,.shiny-cta-subtle:focus-visible:before,.shiny-cta-subtle:hover,.shiny-cta-subtle:hover:after,.shiny-cta-subtle:hover:before{animation-play-state:running}.shiny-cta-subtle:focus-visible span:before,.shiny-cta-subtle:hover span:before{opacity:1}