@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:#ffffff;inherits:false}.client-dialog-close,.portfolio-home,.shiny-cta,.tf-btn.animate-btn{--shiny-cta-bg:#10151b;--shiny-cta-highlight:#70e1b5;--gradient-shine:rgba(255, 255, 255, .85);position:relative;isolation:isolate;border:1px solid transparent!important;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!important;animation:shiny-angle 3s linear infinite;transition:--gradient-angle-offset .8s cubic-bezier(.25, 1, .5, 1),--gradient-percent .8s cubic-bezier(.25, 1, .5, 1)}.client-dialog-close:is(:hover,:focus-visible),.portfolio-home:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible),.tf-btn.animate-btn:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg}.tf-btn.animate-btn{--shiny-cta-bg:var(--white, #ffffff);--shiny-cta-highlight:var(--primary, #00de51)}.tf-btn.animate-btn.animate-dark{--gradient-shine:rgba(255, 255, 255, .95)}.client-dialog-close,.portfolio-home{--shiny-cta-bg:var(--panel, #10151b);--shiny-cta-highlight:var(--accent, #70e1b5)}@keyframes shiny-angle{to{--gradient-angle:360deg}}@media (prefers-reduced-motion:reduce){.client-dialog-close,.portfolio-home,.shiny-cta,.tf-btn.animate-btn{animation:none}}.demo-mode-btn.is-active,.tf-btn-action .text{--shiny-cta-bg:var(--primary, #00de51);--shiny-cta-highlight:rgba(255, 255, 255, 0.9);--gradient-shine:rgba(255, 255, 255, 0.95);position:relative;isolation:isolate;border:1px solid transparent!important;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!important;animation:shiny-angle 3s linear infinite}.tf-btn-action:is(:hover,:focus-visible) .text{--gradient-percent:20%;--gradient-angle-offset:95deg}.tf-btn-action.style-white .text{--shiny-cta-bg:var(--white-92, rgba(255, 255, 255, 0.92));--shiny-cta-highlight:var(--primary, #00de51);--gradient-shine:rgba(255, 255, 255, 0.85)}.dark-mode .tf-btn-action.style-white .text{--shiny-cta-highlight:var(--primary, #00de51)}.demo-mode-btn.is-active{--gradient-percent:12%}@media (prefers-reduced-motion:reduce){.demo-mode-btn.is-active,.tf-btn-action .text{animation:none}}