.fx-plate{--green:#1c6b56;aspect-ratio:1}.fx-plate svg{width:100%;height:100%;display:block}.fx-plate .g0{fill:var(--green)}.fx-plate .g1{fill:color-mix(in oklab, var(--green) 62%, var(--sand))}.fx-plate .g2{fill:color-mix(in oklab, var(--green) 55%, var(--mint))}.fx-plate .f0{fill:var(--sea)}.fx-plate .f1{fill:var(--mint)}.fx-plate .f2{fill:var(--on-navy)}.motion .fx-plate circle{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease) var(--d), opacity .5s var(--ease) var(--d)}.motion .fx-plate:not(.is-in) circle{opacity:0;transform:scale(0)}.motion .fx-plate :is(.f0,.f1,.f2){transition:transform .5s var(--ease) var(--d), opacity .5s var(--ease) var(--d), fill 1s ease calc(var(--d) + .9s)}.motion .fx-plate:not(.is-in) :is(.f0,.f1,.f2){fill:color-mix(in oklab, var(--green) 62%, var(--sand))}.sp-hero-acc{position:relative}.sp-hero-plate{z-index:1;background:var(--paper);border-radius:50%;width:128px;padding:7px;position:absolute;bottom:-28px;left:-8px;box-shadow:0 14px 34px #0b233729}@media (min-width:821px){.sp-hero-plate{width:clamp(150px,14vw,196px);padding:9px;bottom:-46px;left:-46px}}