/* Generated from skill-assets-manifest.json; do not hand-edit cell offsets. */
.hero.champion.skill-star-dance .arka-sprite{
  background-image:url("character/star-dance.png?v=skill-smooth-v1-20260803");
  background-size:385px 25px;
  background-repeat:no-repeat;
  background-position:9px 13px;
  clip-path:inset(13px 30px 6px 9px);
  -webkit-clip-path:inset(13px 30px 6px 9px);
  animation:skillCharacterStarDanceCrop calc(1180ms * var(--combat-speed-factor,1)) steps(1,end) 1 both;
}
@keyframes skillCharacterStarDanceCrop{
  0.0000%,7.6923%{background-position:9px 13px;clip-path:inset(13px 30px 6px 9px);-webkit-clip-path:inset(13px 30px 6px 9px)}
  7.6923%,15.3846%{background-position:-14px 13px;clip-path:inset(13px 30px 6px 3px);-webkit-clip-path:inset(13px 30px 6px 3px)}
  15.3846%,23.0769%{background-position:-37px 13px;clip-path:inset(13px 30px 6px 3px);-webkit-clip-path:inset(13px 30px 6px 3px)}
  23.0769%,30.7692%{background-position:-60px 13px;clip-path:inset(13px 31px 6px 3px);-webkit-clip-path:inset(13px 31px 6px 3px)}
  30.7692%,38.4615%{background-position:-82px 13px;clip-path:inset(13px 14px 2px 3px);-webkit-clip-path:inset(13px 14px 2px 3px)}
  38.4615%,46.1538%{background-position:-121px 13px;clip-path:inset(13px 14px 2px 3px);-webkit-clip-path:inset(13px 14px 2px 3px)}
  46.1538%,53.8462%{background-position:-158px 13px;clip-path:inset(13px 14px 2px 5px);-webkit-clip-path:inset(13px 14px 2px 5px)}
  53.8462%,61.5385%{background-position:-195px 13px;clip-path:inset(13px 14px 2px 5px);-webkit-clip-path:inset(13px 14px 2px 5px)}
  61.5385%,69.2308%{background-position:-232px 13px;clip-path:inset(13px 14px 2px 5px);-webkit-clip-path:inset(13px 14px 2px 5px)}
  69.2308%,76.9231%{background-position:-263px 16px;clip-path:inset(16px 21px 2px 11px);-webkit-clip-path:inset(16px 21px 2px 11px)}
  76.9231%,84.6154%{background-position:-289px 14px;clip-path:inset(14px 18px 2px 9px);-webkit-clip-path:inset(14px 18px 2px 9px)}
  84.6154%,92.3077%{background-position:-318px 14px;clip-path:inset(14px 18px 2px 9px);-webkit-clip-path:inset(14px 18px 2px 9px)}
  92.3077%,100.0000%{background-position:-347px 14px;clip-path:inset(14px 18px 6px 9px);-webkit-clip-path:inset(14px 18px 6px 9px)}
}

.hero.champion.skill-barrier-bash .arka-sprite{
  background-image:url("character/barrier-bash.png?v=skill-smooth-v1-20260803");
  background-size:335px 23px;
  background-repeat:no-repeat;
  background-position:10px 13px;
  clip-path:inset(13px 31px 6px 10px);
  -webkit-clip-path:inset(13px 31px 6px 10px);
  animation:skillCharacterBarrierBashCrop calc(700ms * var(--combat-speed-factor,1)) steps(1,end) 1 both;
}
@keyframes skillCharacterBarrierBashCrop{
  0.0000%,7.6923%{background-position:10px 13px;clip-path:inset(13px 31px 6px 10px);-webkit-clip-path:inset(13px 31px 6px 10px)}
  7.6923%,15.3846%{background-position:-10px 13px;clip-path:inset(13px 30px 6px 5px);-webkit-clip-path:inset(13px 30px 6px 5px)}
  15.3846%,23.0769%{background-position:-31px 13px;clip-path:inset(13px 30px 6px 5px);-webkit-clip-path:inset(13px 30px 6px 5px)}
  23.0769%,30.7692%{background-position:-52px 13px;clip-path:inset(13px 30px 6px 5px);-webkit-clip-path:inset(13px 30px 6px 5px)}
  30.7692%,38.4615%{background-position:-73px 13px;clip-path:inset(13px 21px 6px 5px);-webkit-clip-path:inset(13px 21px 6px 5px)}
  38.4615%,46.1538%{background-position:-103px 13px;clip-path:inset(13px 21px 6px 5px);-webkit-clip-path:inset(13px 21px 6px 5px)}
  46.1538%,53.8462%{background-position:-131px 13px;clip-path:inset(13px 21px 6px 7px);-webkit-clip-path:inset(13px 21px 6px 7px)}
  53.8462%,61.5385%{background-position:-159px 13px;clip-path:inset(13px 21px 4px 7px);-webkit-clip-path:inset(13px 21px 4px 7px)}
  61.5385%,69.2308%{background-position:-187px 13px;clip-path:inset(13px 21px 4px 7px);-webkit-clip-path:inset(13px 21px 4px 7px)}
  69.2308%,76.9231%{background-position:-212px 16px;clip-path:inset(16px 22px 4px 10px);-webkit-clip-path:inset(16px 22px 4px 10px)}
  76.9231%,84.6154%{background-position:-236px 14px;clip-path:inset(14px 16px 4px 10px);-webkit-clip-path:inset(14px 16px 4px 10px)}
  84.6154%,92.3077%{background-position:-266px 14px;clip-path:inset(14px 16px 4px 10px);-webkit-clip-path:inset(14px 16px 4px 10px)}
  92.3077%,100.0000%{background-position:-295px 14px;clip-path:inset(14px 16px 6px 11px);-webkit-clip-path:inset(14px 16px 6px 11px)}
}

.hero.champion.skill-heal-channel .arka-sprite{
  background-image:url("character/heal-channel.png?v=skill-smooth-v1-20260803");
  background-size:326px 21px;
  background-repeat:no-repeat;
  background-position:12px 13px;
  clip-path:inset(13px 17px 6px 12px);
  -webkit-clip-path:inset(13px 17px 6px 12px);
  animation:skillCharacterHealChannelCrop calc(840ms * var(--combat-speed-factor,1)) steps(1,end) 1 both;
}
@keyframes skillCharacterHealChannelCrop{
  0.0000%,8.3333%{background-position:12px 13px;clip-path:inset(13px 17px 6px 12px);-webkit-clip-path:inset(13px 17px 6px 12px)}
  8.3333%,16.6667%{background-position:-15px 13px;clip-path:inset(13px 17px 6px 12px);-webkit-clip-path:inset(13px 17px 6px 12px)}
  16.6667%,25.0000%{background-position:-42px 13px;clip-path:inset(13px 17px 6px 12px);-webkit-clip-path:inset(13px 17px 6px 12px)}
  25.0000%,33.3333%{background-position:-70px 14px;clip-path:inset(14px 17px 6px 11px);-webkit-clip-path:inset(14px 17px 6px 11px)}
  33.3333%,41.6667%{background-position:-98px 14px;clip-path:inset(14px 18px 6px 11px);-webkit-clip-path:inset(14px 18px 6px 11px)}
  41.6667%,50.0000%{background-position:-125px 14px;clip-path:inset(14px 17px 6px 11px);-webkit-clip-path:inset(14px 17px 6px 11px)}
  50.0000%,58.3333%{background-position:-153px 14px;clip-path:inset(14px 17px 6px 11px);-webkit-clip-path:inset(14px 17px 6px 11px)}
  58.3333%,66.6667%{background-position:-180px 14px;clip-path:inset(14px 17px 6px 12px);-webkit-clip-path:inset(14px 17px 6px 12px)}
  66.6667%,75.0000%{background-position:-207px 13px;clip-path:inset(13px 17px 6px 12px);-webkit-clip-path:inset(13px 17px 6px 12px)}
  75.0000%,83.3333%{background-position:-233px 13px;clip-path:inset(13px 17px 6px 13px);-webkit-clip-path:inset(13px 17px 6px 13px)}
  83.3333%,91.6667%{background-position:-260px 13px;clip-path:inset(13px 17px 6px 12px);-webkit-clip-path:inset(13px 17px 6px 12px)}
  91.6667%,100.0000%{background-position:-287px 13px;clip-path:inset(13px 17px 6px 12px);-webkit-clip-path:inset(13px 17px 6px 12px)}
}