/* JoyJoy profile center animation corrections v743.
   Static visual-only patch: no API/network logic. */

/* "Профиль": use exactly the same scale pulse as the profile icon
   in the right account dropdown. */
.profile-center-tab[data-profile-tab="profile"]:hover .profile-tab-person,
.profile-center-tab[data-profile-tab="profile"]:focus-visible .profile-tab-person,
.profile-center-tab[data-profile-tab="profile"].is-animating .profile-tab-person{
  animation:v723Profile .62s cubic-bezier(.2,.78,.2,1);
  transform-box:fill-box;
  transform-origin:center;
}

/* "Оформление": no palette rocking. The palette now cycles through
   colors and the paint wells light up one after another. */
.profile-center-tab[data-profile-tab="appearance"]:hover .profile-tab-palette,
.profile-center-tab[data-profile-tab="appearance"]:focus-visible .profile-tab-palette,
.profile-center-tab[data-profile-tab="appearance"].is-animating .profile-tab-palette{
  animation:v743PaletteStroke .68s ease both;
  transform:none;
}
.profile-center-tab[data-profile-tab="appearance"]:hover circle:nth-of-type(1),
.profile-center-tab[data-profile-tab="appearance"]:focus-visible circle:nth-of-type(1),
.profile-center-tab[data-profile-tab="appearance"].is-animating circle:nth-of-type(1){
  animation:v743PaletteDotA .68s ease both;
}
.profile-center-tab[data-profile-tab="appearance"]:hover circle:nth-of-type(2),
.profile-center-tab[data-profile-tab="appearance"]:focus-visible circle:nth-of-type(2),
.profile-center-tab[data-profile-tab="appearance"].is-animating circle:nth-of-type(2){
  animation:v743PaletteDotB .68s ease both;
}
.profile-center-tab[data-profile-tab="appearance"]:hover circle:nth-of-type(3),
.profile-center-tab[data-profile-tab="appearance"]:focus-visible circle:nth-of-type(3),
.profile-center-tab[data-profile-tab="appearance"].is-animating circle:nth-of-type(3){
  animation:v743PaletteDotC .68s ease both;
}

@keyframes v743PaletteStroke{
  0%,100%{stroke:currentColor}
  18%{stroke:#e5484d}
  38%{stroke:#f59e0b}
  58%{stroke:#2da44e}
  78%{stroke:#2f81f7}
  90%{stroke:#a855f7}
}
@keyframes v743PaletteDotA{
  0%,100%{stroke:currentColor;fill:transparent}
  20%,42%{stroke:#e5484d;fill:#e5484d}
  62%{stroke:#f59e0b;fill:#f59e0b}
  82%{stroke:#a855f7;fill:#a855f7}
}
@keyframes v743PaletteDotB{
  0%,100%{stroke:currentColor;fill:transparent}
  18%{stroke:#2f81f7;fill:#2f81f7}
  40%,62%{stroke:#2da44e;fill:#2da44e}
  82%{stroke:#e5484d;fill:#e5484d}
}
@keyframes v743PaletteDotC{
  0%,100%{stroke:currentColor;fill:transparent}
  18%{stroke:#a855f7;fill:#a855f7}
  40%{stroke:#2f81f7;fill:#2f81f7}
  60%,82%{stroke:#f59e0b;fill:#f59e0b}
}

@media(prefers-reduced-motion:reduce){
  .profile-center-tab[data-profile-tab="profile"] .profile-tab-person,
  .profile-center-tab[data-profile-tab="appearance"] .profile-tab-palette,
  .profile-center-tab[data-profile-tab="appearance"] circle{
    animation:none!important;
  }
}