/* Accounts NextGen interaction layer. Uses the individual `translate`/`scale`
   properties so it never fights the inline `transform`s in the page markup. */
#ang-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--ang-p,0));background:linear-gradient(90deg,#2FBF6B,#4CD787,#A8F0C6);z-index:99999;pointer-events:none;box-shadow:0 0 12px rgba(76,215,135,.6)}
.admin-bar #ang-progress{top:32px}
@media (max-width:782px){.admin-bar #ang-progress{top:46px}}
#ang-glow{position:fixed;left:0;top:0;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(76,215,135,.09),rgba(76,215,135,0) 62%);opacity:0;transition:opacity .6s ease;will-change:translate;translate:var(--ang-gx,50vw) var(--ang-gy,50vh)}
html[data-ang-theme="light"] #ang-glow{background:radial-gradient(circle,rgba(47,191,107,.10),rgba(47,191,107,0) 62%)}
body.ang-glow-on #ang-glow{opacity:1}

[data-fx="0"]{opacity:0;translate:0 28px;transition:opacity .9s cubic-bezier(.16,1,.3,1),translate 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--fx-d,0s)}
[data-fx="1"]{opacity:1;translate:none;transition:opacity .9s cubic-bezier(.16,1,.3,1),translate 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--fx-d,0s)}
[data-fx-line="0"]{scale:0 1;transform-origin:0 50%;transition:scale 1.1s cubic-bezier(.16,1,.3,1) .15s}
[data-fx-line="1"]{scale:1 1;transform-origin:0 50%;transition:scale 1.1s cubic-bezier(.16,1,.3,1) .15s}

[data-fx-card]{position:relative;isolation:isolate}
[data-fx-card]::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s ease;background:radial-gradient(420px circle at var(--ang-x,50vw) var(--ang-y,50vh),rgba(76,215,135,.13),rgba(76,215,135,0) 60%);background-attachment:fixed}
[data-fx-card]:hover::after{opacity:1}
[data-fx-card]{transition:box-shadow .4s ease}
[data-fx-card]:hover{box-shadow:0 18px 50px -24px rgba(76,215,135,.35)}

[data-fx-btn]{position:relative;overflow:hidden;transition:translate .35s cubic-bezier(.16,1,.3,1)}
[data-fx-btn][data-fx-hot]{translate:var(--ang-bx,0) var(--ang-by,0)}
[data-fx-btn]::before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:skewX(-20deg);pointer-events:none;opacity:0}
[data-fx-btn]:hover::before{animation:ang-shine .8s ease forwards}
@keyframes ang-shine{0%{left:-60%;opacity:1}100%{left:130%;opacity:1}}
.ang-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.45);scale:0;animation:ang-ripple .6s ease-out forwards}
@keyframes ang-ripple{to{scale:1;opacity:0}}

a:hover image-slot img,[data-fx-card]:hover image-slot img{scale:1.06}
image-slot img{transition:scale 1.2s cubic-bezier(.16,1,.3,1),opacity .8s ease}
image-slot img[data-fx-img="0"]{opacity:0}

body.ang-leave #dc-root{opacity:0;transition:opacity .22s ease}
#dc-root{animation:ang-enter .5s ease}
@keyframes ang-enter{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){
  [data-fx="0"],[data-fx-line="0"]{opacity:1;translate:none;scale:none}
  #dc-root{animation:none}
  #ang-glow{display:none}
}

[data-fx-i="1"]{--fx-d:0.08s}[data-fx-i="2"]{--fx-d:0.16s}[data-fx-i="3"]{--fx-d:0.24s}[data-fx-i="4"]{--fx-d:0.32s}[data-fx-i="5"]{--fx-d:0.40s}[data-fx-i="6"]{--fx-d:0.48s}
html[data-ang-theme="light"]{background:#F2F6F0}
html[data-ang-theme="light"] [data-fx-card]:hover{box-shadow:0 18px 44px -26px rgba(18,120,79,.35)}
html[data-ang-theme="light"] [data-fx-card]::after{background:radial-gradient(420px circle at var(--ang-x,50vw) var(--ang-y,50vh),rgba(18,120,79,.10),rgba(18,120,79,0) 60%);background-attachment:fixed}