@property --purvisor-shiny-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --purvisor-shiny-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --purvisor-shiny-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --purvisor-shiny-shine{syntax:"<color>";inherits:false;initial-value:#0000}.brand-shiny-button{--gleam-base:var(--primary);--gleam-label:var(--primary-foreground);--gleam-inset:color-mix(in srgb,var(--primary-foreground)14%,var(--primary));--gleam-accent:var(--brand-blue);--gleam-accent-soft:var(--brand-lilac);--purvisor-shiny-shine:var(--brand-sky);--gleam-animation:purvisor-shiny-angle linear infinite;--gleam-duration:4s;--gleam-transition:.7s cubic-bezier(.25,1,.5,1);--gleam-shadow-size:2px;isolation:isolate;cursor:pointer;border-radius:var(--brand-pill-radius);color:var(--gleam-label);background:linear-gradient(var(--gleam-base),var(--gleam-base))padding-box,conic-gradient(from calc(var(--purvisor-shiny-angle) - var(--purvisor-shiny-offset)),transparent,var(--gleam-accent)var(--purvisor-shiny-percent),var(--purvisor-shiny-shine)calc(var(--purvisor-shiny-percent)*2),var(--gleam-accent)calc(var(--purvisor-shiny-percent)*3),transparent calc(var(--purvisor-shiny-percent)*4))border-box;box-shadow:inset 0 0 0 1px var(--gleam-inset);transition:var(--gleam-transition);border:1px solid #0000;transition-property:--purvisor-shiny-offset,--purvisor-shiny-percent,--purvisor-shiny-shine;position:relative;overflow:hidden}.brand-shiny-button:before,.brand-shiny-button:after,.brand-shiny-button .shiny-button-content:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.brand-shiny-button:active:not(:disabled){translate:0 1px}.brand-shiny-button:before{--size:calc(100% - var(--gleam-shadow-size)*3);width:var(--size);height:var(--size);background:radial-gradient(circle at 2px 2px,var(--gleam-label).5px,transparent 0)padding-box;-webkit-mask-image:conic-gradient(from calc(var(--purvisor-shiny-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--purvisor-shiny-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.18;background-repeat:space;background-size:4px 4px}.brand-shiny-button:after{--gleam-animation:purvisor-shiny-shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--gleam-accent),transparent);opacity:.2;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.shiny-button-content{justify-content:center;align-items:center;gap:inherit;min-width:0;max-width:100%;white-space:inherit;z-index:1;display:inline-flex}.brand-shiny-button .shiny-button-content:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--gleam-accent);opacity:0;transition:opacity var(--gleam-transition);animation:calc(var(--gleam-duration)*1.5)purvisor-shiny-breathe linear infinite}.brand-shiny-button,.brand-shiny-button:before,.brand-shiny-button:after{animation:var(--gleam-animation)var(--gleam-duration),var(--gleam-animation)calc(var(--gleam-duration)/.4)reverse paused;animation-composition:add}.brand-shiny-button:is(:hover,:focus-visible){--purvisor-shiny-percent:20%;--purvisor-shiny-offset:95deg;--purvisor-shiny-shine:var(--gleam-accent-soft)}.brand-shiny-button:is(:hover,:focus-visible),.brand-shiny-button:is(:hover,:focus-visible):before,.brand-shiny-button:is(:hover,:focus-visible):after{animation-play-state:running}.brand-shiny-button:is(:hover,:focus-visible) .shiny-button-content:before{opacity:.45}.brand-shiny-button:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.brand-shiny-button:disabled{cursor:default}.brand-shiny-button[data-shiny-moving=false],.brand-shiny-button[data-shiny-moving=false]:before,.brand-shiny-button[data-shiny-moving=false]:after,.brand-shiny-button[data-shiny-moving=false] .shiny-button-content:before{animation-play-state:paused!important}@keyframes purvisor-shiny-angle{to{--purvisor-shiny-angle:360deg}}@keyframes purvisor-shiny-shimmer{to{rotate:360deg}}@keyframes purvisor-shiny-breathe{0%,to{scale:1}50%{scale:1.2}}@media (prefers-reduced-motion:reduce){.brand-shiny-button,.brand-shiny-button:before,.brand-shiny-button:after,.brand-shiny-button .shiny-button-content:before{transition:none!important;animation:none!important}.brand-shiny-button .shiny-button-content:before{opacity:0!important}.brand-shiny-button:active:not(:disabled){translate:none}}