@property --oj-gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --oj-gradient-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --oj-gradient-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --oj-gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.oj-shiny{--oj-shiny-bg:#0a0a0c;--oj-shiny-bg-subtle:#1a1820;--oj-shiny-fg:#fff;--oj-shiny-highlight:var(--ds-accent-vif,#329595);--oj-shiny-highlight-subtle:#a0eef0;--oj-shiny-dot:#fff;--animation:oj-gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:.8s cubic-bezier(.25, 1, .5, 1);isolation:isolate;cursor:pointer;outline-offset:4px;height:3rem;font-family:var(--font-sans);font-size:var(--text-body-sm);text-transform:uppercase;letter-spacing:var(--tracking-button);color:var(--oj-shiny-fg);background:linear-gradient(var(--oj-shiny-bg), var(--oj-shiny-bg)) padding-box, conic-gradient(from calc(var(--oj-gradient-angle) - var(--oj-gradient-angle-offset)), transparent, var(--oj-shiny-highlight) var(--oj-gradient-percent), var(--oj-gradient-shine) calc(var(--oj-gradient-percent) * 2), var(--oj-shiny-highlight) calc(var(--oj-gradient-percent) * 3), transparent calc(var(--oj-gradient-percent) * 4)) border-box;box-shadow:inset 0 0 0 1px var(--oj-shiny-bg-subtle);transition:var(--transition);border:1px solid #0000;border-radius:360px;justify-content:center;align-items:center;padding:0 2rem;font-weight:600;line-height:1.2;transition-property:--oj-gradient-angle-offset,--oj-gradient-percent,--oj-gradient-shine;display:inline-flex;position:relative;overflow:hidden}.oj-shiny:before,.oj-shiny:after,.oj-shiny span:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.oj-shiny:active{translate:0 1px}.oj-shiny: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(--oj-shiny-dot) calc(var(--position) / 4), transparent 0) padding-box;background-size:var(--space) var(--space);-webkit-mask-image:conic-gradient(from calc(var(--oj-gradient-angle) + 45deg), black, transparent 10% 90%, black);mask-image:conic-gradient(from calc(var(--oj-gradient-angle) + 45deg), black, transparent 10% 90%, black);border-radius:inherit;opacity:.4;z-index:-1;background-repeat:space}.oj-shiny:after{--animation:oj-shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg, transparent, var(--oj-shiny-highlight), transparent);opacity:.6;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.oj-shiny span{z-index:1}.oj-shiny span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--oj-shiny-highlight);opacity:0;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) oj-breathe linear infinite}.oj-shiny,.oj-shiny:before,.oj-shiny:after{animation:var(--animation) var(--duration), var(--animation) calc(var(--duration) / .4) reverse paused;animation-composition:add}.oj-shiny:is(:hover,:focus-visible){--oj-gradient-percent:20%;--oj-gradient-angle-offset:95deg;--oj-gradient-shine:var(--oj-shiny-highlight-subtle)}.oj-shiny:is(:hover,:focus-visible),.oj-shiny:is(:hover,:focus-visible):before,.oj-shiny:is(:hover,:focus-visible):after{animation-play-state:running}.oj-shiny:is(:hover,:focus-visible) span:before{opacity:1}.oj-shiny.oj-shiny-jaecoo{--oj-shiny-highlight:#329595;--oj-shiny-highlight-subtle:#a0eef0}.oj-shiny.oj-shiny-omoda{--oj-shiny-highlight:#6a33ff;--oj-shiny-highlight-subtle:#ff4ca3}.oj-shiny.oj-shiny-clair{--oj-shiny-bg:#fff;--oj-shiny-bg-subtle:#e7e5ea;--oj-shiny-fg:#0a0a0c;--oj-shiny-dot:#0a0a0c;--oj-gradient-shine:#0a0a0c}.oj-shiny.oj-shiny-sm{height:2.5rem;font-size:var(--text-caption);padding:0 1.5rem}.oj-shiny.oj-shiny-editorial{height:52px;font-family:var(--font-tech), var(--font-sans);letter-spacing:normal;padding:0 30px;font-size:11px;font-weight:400}@keyframes oj-gradient-angle{to{--oj-gradient-angle:360deg}}@keyframes oj-shimmer{to{rotate:360deg}}@keyframes oj-breathe{0%,to{scale:1}50%{scale:1.2}}@media (prefers-reduced-motion:reduce){.oj-shiny,.oj-shiny:before,.oj-shiny:after,.oj-shiny span:before{animation:none!important}}@media (max-width:767px){.oj-shiny.oj-shiny-mobile{height:2.5rem;font-size:var(--text-caption);padding:0 1.25rem}}