/* Light surfaces and a short travelling rainbow highlight. */
@property --action-led-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline){position:relative;isolation:isolate}
:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline)::after{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--action-led-angle),transparent 0deg 235deg,#a17bd600 243deg,#a17bd6 264deg,#639fe0 282deg,#56bea8 300deg,#e6ce68 316deg,#efad69 332deg,#ed729b 346deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .22s ease}
:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline):is(.action-led-pressed,:focus-visible)::after{opacity:1}
html.site-motion-enabled :is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline):is(.action-led-pressed,:focus-visible)::after{animation:action-led-flow 1.6s cubic-bezier(.3,0,.2,1) both}
@keyframes action-led-flow{to{--action-led-angle:360deg}}
html body :is(.contact-top,.button-primary,.price-contact-button,.contact-action){color:var(--brand-navy)!important;background:#eef2f8!important;border-color:#d9e2ef!important;filter:none;box-shadow:0 3px 10px #304c7309}
html body .world-card:not(.disabled):hover .card-button{background:#e7edf6!important;border-color:#cbd9eb!important;box-shadow:0 4px 12px #304c7312!important}
html body :is(.contact-top,.button-primary,.price-contact-button,.contact-action):is(:hover,:focus-visible){background:#e7edf6!important}
:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,#ed729b18,#efad6916,#56bea81a,#639fe01c,#a17bd61a);opacity:0;transition:opacity .3s ease;filter:blur(3px)}
:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline):is(.action-led-pressed,:focus-visible)::before{opacity:1}
@media(hover:hover) and (pointer:fine){:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline):hover::before{opacity:1}}
@media(hover:hover) and (pointer:fine){:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline):hover::after{opacity:.85}html.site-motion-enabled :is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline):hover::after{animation:action-led-flow 1.6s cubic-bezier(.3,0,.2,1) both}}
@media(forced-colors:active){:is(.contact-top,.button-primary,.price-contact-button,.contact-action,.action-led-outline)::after{display:none}}

/* The available Planet action carries the new blue-violet accent. */
html body #maple-planet:not(.disabled) .card-button.button-primary{color:#fff!important;background:#5360d8!important;border-color:#5360d8!important;box-shadow:0 4px 12px #5360d82b!important}
html body #maple-planet:not(.disabled) .card-button.button-primary:is(:hover,:focus-visible){background:#4652c4!important;border-color:#4652c4!important;box-shadow:0 5px 14px #5360d833!important}
html body #maple-planet:not(.disabled) .card-button.button-primary:focus-visible{outline:2px solid #9791d9;outline-offset:3px}
@media(forced-colors:active){html body #maple-planet:not(.disabled) .card-button.button-primary{color:ButtonText!important;background:ButtonFace!important;border-color:ButtonText!important}}