/* GENERATED — sprite classes. */
/* GENERATED by _tools/build-sprite-css.mjs — do not edit by hand.
 * One class per (asset, animation), painted from the supplied WebP art.
 * Only DOM-painted categories (ui, collection) are included. */

.wf-sp {
  display: inline-block;
  background-repeat: no-repeat;
  flex: none;
}


/* ui/button — ui_button_play */
.wf-sp-ui_button_play {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -400px -271px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_play--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -0px -271px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_play--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -800px -271px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_play--click {
  background-image: url("../assets/ui/ui_button_play/ui_button_play__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 158px;
  animation: wf-wf-sp-ui_button_play--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_play--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_play--click {
  background-image: url("../assets/ui/ui_button_play/ui_button_play__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_play--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3200px -130px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_play--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1200px -271px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_play--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3600px -130px;
  width: 400px;
  height: 141px;
}
/* ui/button — ui_button_retry */
.wf-sp-ui_button_retry {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2000px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_retry--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1600px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_retry--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2400px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_retry--click {
  background-image: url("../assets/ui/ui_button_retry/ui_button_retry__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 158px;
  animation: wf-wf-sp-ui_button_retry--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_retry--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_retry--click {
  background-image: url("../assets/ui/ui_button_retry/ui_button_retry__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_retry--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -800px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_retry--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2800px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_retry--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1200px -553px;
  width: 400px;
  height: 141px;
}
/* ui/button — ui_button_resume */
.wf-sp-ui_button_resume {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3600px -412px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_resume--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3200px -412px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_resume--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -0px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_resume--click {
  background-image: url("../assets/ui/ui_button_resume/ui_button_resume__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 158px;
  animation: wf-wf-sp-ui_button_resume--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_resume--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_resume--click {
  background-image: url("../assets/ui/ui_button_resume/ui_button_resume__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_resume--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2400px -412px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_resume--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -400px -553px;
  width: 400px;
  height: 141px;
}
.wf-sp-ui_button_resume--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2800px -412px;
  width: 400px;
  height: 141px;
}
/* ui/button — ui_button_modes */
.wf-sp-ui_button_modes {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2000px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_modes--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1600px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_modes--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2400px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_modes--click {
  background-image: url("../assets/ui/ui_button_modes/ui_button_modes__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 146px;
  animation: wf-wf-sp-ui_button_modes--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_modes--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_modes--click {
  background-image: url("../assets/ui/ui_button_modes/ui_button_modes__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_modes--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -800px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_modes--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2800px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_modes--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1200px -130px;
  width: 400px;
  height: 130px;
}
/* ui/button — ui_button_collection */
.wf-sp-ui_button_collection {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1200px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_collection--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -800px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_collection--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1600px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_collection--click {
  background-image: url("../assets/ui/ui_button_collection/ui_button_collection__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 146px;
  animation: wf-wf-sp-ui_button_collection--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_collection--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_collection--click {
  background-image: url("../assets/ui/ui_button_collection/ui_button_collection__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_collection--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -0px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_collection--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2000px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_collection--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -400px -0px;
  width: 400px;
  height: 130px;
}
/* ui/button — ui_button_records */
.wf-sp-ui_button_records {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2800px -271px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_records--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2400px -271px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_records--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3200px -271px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_records--click {
  background-image: url("../assets/ui/ui_button_records/ui_button_records__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 146px;
  animation: wf-wf-sp-ui_button_records--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_records--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_records--click {
  background-image: url("../assets/ui/ui_button_records/ui_button_records__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_records--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1600px -271px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_records--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3600px -271px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_records--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2000px -271px;
  width: 400px;
  height: 130px;
}
/* ui/button — ui_button_settings */
.wf-sp-ui_button_settings {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -400px -694px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_settings--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -0px -694px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_settings--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -800px -694px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_settings--click {
  background-image: url("../assets/ui/ui_button_settings/ui_button_settings__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 146px;
  animation: wf-wf-sp-ui_button_settings--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_settings--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_settings--click {
  background-image: url("../assets/ui/ui_button_settings/ui_button_settings__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_settings--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3200px -553px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_settings--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1200px -694px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_settings--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3600px -553px;
  width: 400px;
  height: 130px;
}
/* ui/button — ui_button_restart */
.wf-sp-ui_button_restart {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1200px -412px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_restart--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -800px -412px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_restart--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -1600px -412px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_restart--click {
  background-image: url("../assets/ui/ui_button_restart/ui_button_restart__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 146px;
  animation: wf-wf-sp-ui_button_restart--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_restart--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_restart--click {
  background-image: url("../assets/ui/ui_button_restart/ui_button_restart__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_restart--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -0px -412px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_restart--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2000px -412px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_restart--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -400px -412px;
  width: 400px;
  height: 130px;
}
/* ui/button — ui_button_exit */
.wf-sp-ui_button_exit {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3600px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_exit--hover {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -3200px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_exit--press {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -0px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_exit--click {
  background-image: url("../assets/ui/ui_button_exit/ui_button_exit__click.webp");
  background-position: -0px -0px;
  width: 422px;
  height: 146px;
  animation: wf-wf-sp-ui_button_exit--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_button_exit--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -422px -0px; }
  33.33% { background-position: -844px -0px; }
  50.00% { background-position: -1266px -0px; }
  66.67% { background-position: -1688px -0px; }
  83.33% { background-position: -2110px -0px; }
}
.wf-sp-ui_button_exit--click {
  background-image: url("../assets/ui/ui_button_exit/ui_button_exit__click.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_button_exit--disabled {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2400px -0px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_exit--selected {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -400px -130px;
  width: 400px;
  height: 130px;
}
.wf-sp-ui_button_exit--focused {
  background-image: url("../assets/atlas/ui-button/ui-button.webp");
  background-position: -2800px -0px;
  width: 400px;
  height: 130px;
}
/* ui/icon_button — ui_iconbutton_settings */
.wf-sp-ui_iconbutton_settings {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -896px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_settings--click {
  background-image: url("../assets/ui/ui_iconbutton_settings/ui_iconbutton_settings__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_settings--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_settings--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_settings--click {
  background-image: url("../assets/ui/ui_iconbutton_settings/ui_iconbutton_settings__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_sound */
.wf-sp-ui_iconbutton_sound {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -1024px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_sound--click {
  background-image: url("../assets/ui/ui_iconbutton_sound/ui_iconbutton_sound__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_sound--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_sound--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_sound--click {
  background-image: url("../assets/ui/ui_iconbutton_sound/ui_iconbutton_sound__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_music */
.wf-sp-ui_iconbutton_music {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -384px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_music--click {
  background-image: url("../assets/ui/ui_iconbutton_music/ui_iconbutton_music__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_music--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_music--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_music--click {
  background-image: url("../assets/ui/ui_iconbutton_music/ui_iconbutton_music__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_collection */
.wf-sp-ui_iconbutton_collection {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -128px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_collection--click {
  background-image: url("../assets/ui/ui_iconbutton_collection/ui_iconbutton_collection__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_collection--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_collection--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_collection--click {
  background-image: url("../assets/ui/ui_iconbutton_collection/ui_iconbutton_collection__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_records */
.wf-sp-ui_iconbutton_records {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -640px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_records--click {
  background-image: url("../assets/ui/ui_iconbutton_records/ui_iconbutton_records__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_records--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_records--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_records--click {
  background-image: url("../assets/ui/ui_iconbutton_records/ui_iconbutton_records__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_restart */
.wf-sp-ui_iconbutton_restart {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -768px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_restart--click {
  background-image: url("../assets/ui/ui_iconbutton_restart/ui_iconbutton_restart__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_restart--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_restart--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_restart--click {
  background-image: url("../assets/ui/ui_iconbutton_restart/ui_iconbutton_restart__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_exit */
.wf-sp-ui_iconbutton_exit {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -256px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_exit--click {
  background-image: url("../assets/ui/ui_iconbutton_exit/ui_iconbutton_exit__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_exit--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_exit--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_exit--click {
  background-image: url("../assets/ui/ui_iconbutton_exit/ui_iconbutton_exit__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_pause */
.wf-sp-ui_iconbutton_pause {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -512px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_pause--click {
  background-image: url("../assets/ui/ui_iconbutton_pause/ui_iconbutton_pause__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_pause--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_pause--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_pause--click {
  background-image: url("../assets/ui/ui_iconbutton_pause/ui_iconbutton_pause__click.webp");
  background-position: -0px -0px;
}
/* ui/icon_button — ui_iconbutton_back */
.wf-sp-ui_iconbutton_back {
  background-image: url("../assets/atlas/ui-icon_button/ui-icon_button.webp");
  background-position: -0px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_iconbutton_back--click {
  background-image: url("../assets/ui/ui_iconbutton_back/ui_iconbutton_back__click.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 144px;
  animation: wf-wf-sp-ui_iconbutton_back--click 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_iconbutton_back--click {
  from { background-position: 0px 0px; }
  16.67% { background-position: -142px -0px; }
  33.33% { background-position: -284px -0px; }
  50.00% { background-position: -426px -0px; }
  66.67% { background-position: -568px -0px; }
  83.33% { background-position: -710px -0px; }
}
.wf-sp-ui_iconbutton_back--click {
  background-image: url("../assets/ui/ui_iconbutton_back/ui_iconbutton_back__click.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_play */
.wf-sp-ui_icon_play {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1536px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_play--pulse {
  background-image: url("../assets/ui/ui_icon_play/ui_icon_play__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_play--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_play--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_play--pulse {
  background-image: url("../assets/ui/ui_icon_play/ui_icon_play__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_pause */
.wf-sp-ui_icon_pause {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1440px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_pause--pulse {
  background-image: url("../assets/ui/ui_icon_pause/ui_icon_pause__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_pause--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_pause--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_pause--pulse {
  background-image: url("../assets/ui/ui_icon_pause/ui_icon_pause__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_settings */
.wf-sp-ui_icon_settings {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2304px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_settings--pulse {
  background-image: url("../assets/ui/ui_icon_settings/ui_icon_settings__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_settings--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_settings--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_settings--pulse {
  background-image: url("../assets/ui/ui_icon_settings/ui_icon_settings__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_sound */
.wf-sp-ui_icon_sound {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2400px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_sound--pulse {
  background-image: url("../assets/ui/ui_icon_sound/ui_icon_sound__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_sound--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_sound--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_sound--pulse {
  background-image: url("../assets/ui/ui_icon_sound/ui_icon_sound__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_music */
.wf-sp-ui_icon_music {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1344px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_music--pulse {
  background-image: url("../assets/ui/ui_icon_music/ui_icon_music__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_music--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_music--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_music--pulse {
  background-image: url("../assets/ui/ui_icon_music/ui_icon_music__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_collection */
.wf-sp-ui_icon_collection {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -384px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_collection--pulse {
  background-image: url("../assets/ui/ui_icon_collection/ui_icon_collection__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_collection--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_collection--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_collection--pulse {
  background-image: url("../assets/ui/ui_icon_collection/ui_icon_collection__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_records */
.wf-sp-ui_icon_records {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1824px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_records--pulse {
  background-image: url("../assets/ui/ui_icon_records/ui_icon_records__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_records--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_records--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_records--pulse {
  background-image: url("../assets/ui/ui_icon_records/ui_icon_records__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_restart */
.wf-sp-ui_icon_restart {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1920px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_restart--pulse {
  background-image: url("../assets/ui/ui_icon_restart/ui_icon_restart__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_restart--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_restart--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_restart--pulse {
  background-image: url("../assets/ui/ui_icon_restart/ui_icon_restart__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_exit */
.wf-sp-ui_icon_exit {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -864px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_exit--pulse {
  background-image: url("../assets/ui/ui_icon_exit/ui_icon_exit__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_icon_exit--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_exit--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_exit--pulse {
  background-image: url("../assets/ui/ui_icon_exit/ui_icon_exit__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_check */
.wf-sp-ui_icon_check {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -96px -0px;
  width: 96px;
  height: 96px;
}
/* ui/icon — ui_icon_lock */
.wf-sp-ui_icon_lock {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1248px -0px;
  width: 96px;
  height: 96px;
}
/* ui/icon — ui_icon_star */
.wf-sp-ui_icon_star {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2592px -0px;
  width: 96px;
  height: 96px;
}
/* ui/icon — ui_icon_home */
.wf-sp-ui_icon_home {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1056px -0px;
  width: 96px;
  height: 96px;
}
/* ui/icon — ui_icon_back */
.wf-sp-ui_icon_back {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -0px -0px;
  width: 96px;
  height: 96px;
}
/* ui/icon — ui_icon_crown */
.wf-sp-ui_icon_crown {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -576px -0px;
  width: 96px;
  height: 96px;
}
/* ui/mode_icon — ui_mode_classic */
.wf-sp-ui_mode_classic {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -0px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_classic--selected {
  background-image: url("../assets/ui/ui_mode_classic/ui_mode_classic__selected.webp");
  background-position: -0px -0px;
  width: 148px;
  height: 148px;
  animation: wf-wf-sp-ui_mode_classic--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_mode_classic--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -148px -0px; }
  50.00% { background-position: -296px -0px; }
  75.00% { background-position: -444px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_mode_classic--selected {
  background-image: url("../assets/ui/ui_mode_classic/ui_mode_classic__selected.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_mode_classic--state_selected {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -386px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_classic--state_hover {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -128px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_classic--state_pressed {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -256px -0px;
  width: 130px;
  height: 119px;
}
.wf-sp-ui_mode_classic--state_small {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -514px -0px;
  width: 32px;
  height: 32px;
}
/* ui/mode_icon — ui_mode_rush */
.wf-sp-ui_mode_rush {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1092px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_rush--selected {
  background-image: url("../assets/ui/ui_mode_rush/ui_mode_rush__selected.webp");
  background-position: -0px -0px;
  width: 148px;
  height: 148px;
  animation: wf-wf-sp-ui_mode_rush--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_mode_rush--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -148px -0px; }
  50.00% { background-position: -296px -0px; }
  75.00% { background-position: -444px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_mode_rush--selected {
  background-image: url("../assets/ui/ui_mode_rush/ui_mode_rush__selected.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_mode_rush--state_selected {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1478px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_rush--state_hover {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1220px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_rush--state_pressed {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1348px -0px;
  width: 130px;
  height: 119px;
}
.wf-sp-ui_mode_rush--state_small {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1606px -0px;
  width: 32px;
  height: 32px;
}
/* ui/mode_icon — ui_mode_survival */
.wf-sp-ui_mode_survival {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1638px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_survival--selected {
  background-image: url("../assets/ui/ui_mode_survival/ui_mode_survival__selected.webp");
  background-position: -0px -0px;
  width: 148px;
  height: 148px;
  animation: wf-wf-sp-ui_mode_survival--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_mode_survival--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -148px -0px; }
  50.00% { background-position: -296px -0px; }
  75.00% { background-position: -444px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_mode_survival--selected {
  background-image: url("../assets/ui/ui_mode_survival/ui_mode_survival__selected.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_mode_survival--state_selected {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -2024px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_survival--state_hover {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1766px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_survival--state_pressed {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1894px -0px;
  width: 130px;
  height: 119px;
}
.wf-sp-ui_mode_survival--state_small {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -2152px -0px;
  width: 32px;
  height: 32px;
}
/* ui/mode_icon — ui_mode_precision */
.wf-sp-ui_mode_precision {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -546px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_precision--selected {
  background-image: url("../assets/ui/ui_mode_precision/ui_mode_precision__selected.webp");
  background-position: -0px -0px;
  width: 148px;
  height: 148px;
  animation: wf-wf-sp-ui_mode_precision--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_mode_precision--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -148px -0px; }
  50.00% { background-position: -296px -0px; }
  75.00% { background-position: -444px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_mode_precision--selected {
  background-image: url("../assets/ui/ui_mode_precision/ui_mode_precision__selected.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_mode_precision--state_selected {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -932px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_precision--state_hover {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -674px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-ui_mode_precision--state_pressed {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -802px -0px;
  width: 130px;
  height: 119px;
}
.wf-sp-ui_mode_precision--state_small {
  background-image: url("../assets/atlas/ui-mode_icon/ui-mode_icon.webp");
  background-position: -1060px -0px;
  width: 32px;
  height: 32px;
}
/* ui/stability — ui_ring_stable */
.wf-sp-ui_ring_stable {
  background-image: url("../assets/atlas/ui-stability/ui-stability.webp");
  background-position: -252px -0px;
  width: 247px;
  height: 256px;
}
.wf-sp-ui_ring_stable--pulse {
  background-image: url("../assets/ui/ui_ring_stable/ui_ring_stable__pulse.webp");
  background-position: -0px -0px;
  width: 268px;
  height: 278px;
  animation: wf-wf-sp-ui_ring_stable--pulse 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_ring_stable--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -268px -0px; }
  33.33% { background-position: -536px -0px; }
  50.00% { background-position: -804px -0px; }
  66.67% { background-position: -1072px -0px; }
  83.33% { background-position: -1340px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_ring_stable--pulse {
  background-image: url("../assets/ui/ui_ring_stable/ui_ring_stable__pulse.webp");
  background-position: -0px -0px;
}
/* ui/stability — ui_ring_warning */
.wf-sp-ui_ring_warning {
  background-image: url("../assets/atlas/ui-stability/ui-stability.webp");
  background-position: -499px -0px;
  width: 256px;
  height: 256px;
}
.wf-sp-ui_ring_warning--pulse {
  background-image: url("../assets/ui/ui_ring_warning/ui_ring_warning__pulse.webp");
  background-position: -0px -0px;
  width: 278px;
  height: 278px;
  animation: wf-wf-sp-ui_ring_warning--pulse 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_ring_warning--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -278px -0px; }
  33.33% { background-position: -556px -0px; }
  50.00% { background-position: -834px -0px; }
  66.67% { background-position: -1112px -0px; }
  83.33% { background-position: -1390px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_ring_warning--pulse {
  background-image: url("../assets/ui/ui_ring_warning/ui_ring_warning__pulse.webp");
  background-position: -0px -0px;
}
/* ui/stability — ui_ring_critical */
.wf-sp-ui_ring_critical {
  background-image: url("../assets/atlas/ui-stability/ui-stability.webp");
  background-position: -0px -0px;
  width: 252px;
  height: 256px;
}
.wf-sp-ui_ring_critical--pulse {
  background-image: url("../assets/ui/ui_ring_critical/ui_ring_critical__pulse.webp");
  background-position: -0px -0px;
  width: 274px;
  height: 278px;
  animation: wf-wf-sp-ui_ring_critical--pulse 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_ring_critical--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -274px -0px; }
  33.33% { background-position: -548px -0px; }
  50.00% { background-position: -822px -0px; }
  66.67% { background-position: -1096px -0px; }
  83.33% { background-position: -1370px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_ring_critical--pulse {
  background-image: url("../assets/ui/ui_ring_critical/ui_ring_critical__pulse.webp");
  background-position: -0px -0px;
}
/* ui/placement — ui_target_zone */
.wf-sp-ui_target_zone {
  background-image: url("../assets/atlas/ui-placement/ui-placement.webp");
  background-position: -125px -0px;
  width: 384px;
  height: 119px;
}
.wf-sp-ui_target_zone--pulse {
  background-image: url("../assets/ui/ui_target_zone/ui_target_zone__pulse.webp");
  background-position: -0px -0px;
  width: 392px;
  height: 128px;
  animation: wf-wf-sp-ui_target_zone--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_target_zone--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -392px -0px; }
  50.00% { background-position: -784px -0px; }
  75.00% { background-position: -1176px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_target_zone--pulse {
  background-image: url("../assets/ui/ui_target_zone/ui_target_zone__pulse.webp");
  background-position: -0px -0px;
}
/* ui/placement — ui_marker_com */
.wf-sp-ui_marker_com {
  background-image: url("../assets/atlas/ui-placement/ui-placement.webp");
  background-position: -0px -0px;
  width: 125px;
  height: 128px;
}
.wf-sp-ui_marker_com--pulse {
  background-image: url("../assets/ui/ui_marker_com/ui_marker_com__pulse.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 158px;
  animation: wf-wf-sp-ui_marker_com--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_com--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -154px -0px; }
  50.00% { background-position: -308px -0px; }
  75.00% { background-position: -462px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_com--pulse {
  background-image: url("../assets/ui/ui_marker_com/ui_marker_com__pulse.webp");
  background-position: -0px -0px;
}
/* ui/timer — ui_timer_ring_normal */
.wf-sp-ui_timer_ring_normal {
  background-image: url("../assets/atlas/ui-timer/ui-timer.webp");
  background-position: -256px -0px;
  width: 256px;
  height: 256px;
}
.wf-sp-ui_timer_ring_normal--pulse {
  background-image: url("../assets/ui/ui_timer_ring_normal/ui_timer_ring_normal__pulse.webp");
  background-position: -0px -0px;
  width: 280px;
  height: 280px;
  animation: wf-wf-sp-ui_timer_ring_normal--pulse 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_timer_ring_normal--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -280px -0px; }
  33.33% { background-position: -560px -0px; }
  50.00% { background-position: -840px -0px; }
  66.67% { background-position: -1120px -0px; }
  83.33% { background-position: -1400px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_timer_ring_normal--pulse {
  background-image: url("../assets/ui/ui_timer_ring_normal/ui_timer_ring_normal__pulse.webp");
  background-position: -0px -0px;
}
/* ui/timer — ui_timer_ring_warning */
.wf-sp-ui_timer_ring_warning {
  background-image: url("../assets/atlas/ui-timer/ui-timer.webp");
  background-position: -512px -0px;
  width: 256px;
  height: 256px;
}
.wf-sp-ui_timer_ring_warning--pulse {
  background-image: url("../assets/ui/ui_timer_ring_warning/ui_timer_ring_warning__pulse.webp");
  background-position: -0px -0px;
  width: 280px;
  height: 280px;
  animation: wf-wf-sp-ui_timer_ring_warning--pulse 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_timer_ring_warning--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -280px -0px; }
  33.33% { background-position: -560px -0px; }
  50.00% { background-position: -840px -0px; }
  66.67% { background-position: -1120px -0px; }
  83.33% { background-position: -1400px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_timer_ring_warning--pulse {
  background-image: url("../assets/ui/ui_timer_ring_warning/ui_timer_ring_warning__pulse.webp");
  background-position: -0px -0px;
}
/* ui/timer — ui_timer_ring_critical */
.wf-sp-ui_timer_ring_critical {
  background-image: url("../assets/atlas/ui-timer/ui-timer.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 256px;
}
.wf-sp-ui_timer_ring_critical--pulse {
  background-image: url("../assets/ui/ui_timer_ring_critical/ui_timer_ring_critical__pulse.webp");
  background-position: -0px -0px;
  width: 280px;
  height: 280px;
  animation: wf-wf-sp-ui_timer_ring_critical--pulse 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_timer_ring_critical--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -280px -0px; }
  33.33% { background-position: -560px -0px; }
  50.00% { background-position: -840px -0px; }
  66.67% { background-position: -1120px -0px; }
  83.33% { background-position: -1400px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_timer_ring_critical--pulse {
  background-image: url("../assets/ui/ui_timer_ring_critical/ui_timer_ring_critical__pulse.webp");
  background-position: -0px -0px;
}
/* ui/orb — ui_orb_stable */
.wf-sp-ui_orb_stable {
  background-image: url("../assets/atlas/ui-orb/ui-orb.webp");
  background-position: -96px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_orb_stable--pulse {
  background-image: url("../assets/ui/ui_orb_stable/ui_orb_stable__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_orb_stable--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_orb_stable--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_orb_stable--pulse {
  background-image: url("../assets/ui/ui_orb_stable/ui_orb_stable__pulse.webp");
  background-position: -0px -0px;
}
/* ui/orb — ui_orb_unstable */
.wf-sp-ui_orb_unstable {
  background-image: url("../assets/atlas/ui-orb/ui-orb.webp");
  background-position: -192px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_orb_unstable--pulse {
  background-image: url("../assets/ui/ui_orb_unstable/ui_orb_unstable__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_orb_unstable--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_orb_unstable--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_orb_unstable--pulse {
  background-image: url("../assets/ui/ui_orb_unstable/ui_orb_unstable__pulse.webp");
  background-position: -0px -0px;
}
/* ui/orb — ui_orb_critical */
.wf-sp-ui_orb_critical {
  background-image: url("../assets/atlas/ui-orb/ui-orb.webp");
  background-position: -0px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_orb_critical--pulse {
  background-image: url("../assets/ui/ui_orb_critical/ui_orb_critical__pulse.webp");
  background-position: -0px -0px;
  width: 114px;
  height: 114px;
  animation: wf-wf-sp-ui_orb_critical--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_orb_critical--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -114px -0px; }
  50.00% { background-position: -228px -0px; }
  75.00% { background-position: -342px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_orb_critical--pulse {
  background-image: url("../assets/ui/ui_orb_critical/ui_orb_critical__pulse.webp");
  background-position: -0px -0px;
}
/* ui/panel — ui_panel */
.wf-sp-ui_panel {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -0px -620px;
  width: 512px;
  height: 328px;
}
.wf-sp-ui_panel--popup_in {
  background-image: url("../assets/ui/ui_panel/ui_panel__popup_in.webp");
  background-position: -0px -0px;
  width: 536px;
  height: 346px;
  animation: wf-wf-sp-ui_panel--popup_in 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_panel--popup_in {
  from { background-position: 0px 0px; }
  20.00% { background-position: -536px -0px; }
  40.00% { background-position: -1072px -0px; }
  60.00% { background-position: -1608px -0px; }
  80.00% { background-position: -2144px -0px; }
}
.wf-sp-ui_panel--popup_in {
  background-image: url("../assets/ui/ui_panel/ui_panel__popup_in.webp");
  background-position: -0px -0px;
}
/* ui/logo — ui_logo */
.wf-sp-ui_logo {
  background-image: url("../assets/atlas/ui-logo/ui-logo.webp");
  background-position: -0px -0px;
  width: 640px;
  height: 291px;
}
.wf-sp-ui_logo--sweep {
  background-image: url("../assets/ui/ui_logo/ui_logo__sweep.webp");
  background-position: -0px -0px;
  width: 640px;
  height: 291px;
  animation: wf-wf-sp-ui_logo--sweep 0.571s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_logo--sweep {
  from { background-position: 0px 0px; }
  12.50% { background-position: -640px -0px; }
  25.00% { background-position: -1280px -0px; }
  37.50% { background-position: -1920px -0px; }
  50.00% { background-position: -2560px -0px; }
  62.50% { background-position: -3200px -0px; }
  75.00% { background-position: -0px -291px; }
  87.50% { background-position: -640px -291px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_logo--sweep {
  background-image: url("../assets/ui/ui_logo/ui_logo__sweep.webp");
  background-position: -0px -0px;
}
/* ui/logo — ui_logo_glow */
.wf-sp-ui_logo_glow {
  background-image: url("../assets/ui/ui_logo_glow/ui_logo_glow__pulse.webp");
  background-position: -0px -0px;
  width: 652px;
  height: 304px;
}
.wf-sp-ui_logo_glow--pulse {
  background-image: url("../assets/ui/ui_logo_glow/ui_logo_glow__pulse.webp");
  background-position: -0px -0px;
  width: 652px;
  height: 304px;
  animation: wf-wf-sp-ui_logo_glow--pulse 0.667s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_logo_glow--pulse {
  from { background-position: 0px 0px; }
  12.50% { background-position: -652px -0px; }
  25.00% { background-position: -1304px -0px; }
  37.50% { background-position: -1956px -0px; }
  50.00% { background-position: -2608px -0px; }
  62.50% { background-position: -3260px -0px; }
  75.00% { background-position: -0px -304px; }
  87.50% { background-position: -652px -304px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_logo_glow--pulse {
  background-image: url("../assets/ui/ui_logo_glow/ui_logo_glow__pulse.webp");
  background-position: -0px -0px;
}
/* environment/sky — bg_sky */
.wf-sp-bg_sky {
  background-image: url("../assets/environment/bg_sky/bg_sky__drift.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
}
.wf-sp-bg_sky--drift {
  background-image: url("../assets/environment/bg_sky/bg_sky__drift.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
  animation: wf-wf-sp-bg_sky--drift 1.333s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-bg_sky--drift {
  from { background-position: 0px 0px; }
  12.50% { background-position: -1920px -0px; }
  25.00% { background-position: -0px -1080px; }
  37.50% { background-position: -1920px -1080px; }
  50.00% { background-position: -0px -2160px; }
  62.50% { background-position: -1920px -2160px; }
  75.00% { background-position: -0px -3240px; }
  87.50% { background-position: -1920px -3240px; }
  to { background-position: 0px 0px; }
}
.wf-sp-bg_sky--drift {
  background-image: url("../assets/environment/bg_sky/bg_sky__drift.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_far_layer */
.wf-sp-bg_far_layer {
  background-image: url("../assets/environment/bg_far_layer/bg_far_layer__drift.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
}
.wf-sp-bg_far_layer--drift {
  background-image: url("../assets/environment/bg_far_layer/bg_far_layer__drift.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
  animation: wf-wf-sp-bg_far_layer--drift 1.333s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-bg_far_layer--drift {
  from { background-position: 0px 0px; }
  12.50% { background-position: -1920px -0px; }
  25.00% { background-position: -0px -1080px; }
  37.50% { background-position: -1920px -1080px; }
  50.00% { background-position: -0px -2160px; }
  62.50% { background-position: -1920px -2160px; }
  75.00% { background-position: -0px -3240px; }
  87.50% { background-position: -1920px -3240px; }
  to { background-position: 0px 0px; }
}
.wf-sp-bg_far_layer--drift {
  background-image: url("../assets/environment/bg_far_layer/bg_far_layer__drift.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_mid_layer */
.wf-sp-bg_mid_layer {
  background-image: url("../assets/environment/bg_mid_layer/bg_mid_layer__drift.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
}
.wf-sp-bg_mid_layer--drift {
  background-image: url("../assets/environment/bg_mid_layer/bg_mid_layer__drift.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
  animation: wf-wf-sp-bg_mid_layer--drift 1.333s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-bg_mid_layer--drift {
  from { background-position: 0px 0px; }
  12.50% { background-position: -1920px -0px; }
  25.00% { background-position: -0px -1080px; }
  37.50% { background-position: -1920px -1080px; }
  50.00% { background-position: -0px -2160px; }
  62.50% { background-position: -1920px -2160px; }
  75.00% { background-position: -0px -3240px; }
  87.50% { background-position: -1920px -3240px; }
  to { background-position: 0px 0px; }
}
.wf-sp-bg_mid_layer--drift {
  background-image: url("../assets/environment/bg_mid_layer/bg_mid_layer__drift.webp");
  background-position: -0px -0px;
}
/* environment/foreground — bg_foreground_layer */
.wf-sp-bg_foreground_layer {
  background-image: url("../assets/atlas/environment-foreground/environment-foreground.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
}
/* environment/decoration — deco_circle */
.wf-sp-deco_circle {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -788px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_circle--float {
  background-image: url("../assets/environment/deco_circle/deco_circle__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_circle--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_circle--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_circle--float {
  background-image: url("../assets/environment/deco_circle/deco_circle__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_square */
.wf-sp-deco_square {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -1428px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_square--float {
  background-image: url("../assets/environment/deco_square/deco_square__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_square--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_square--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_square--float {
  background-image: url("../assets/environment/deco_square/deco_square__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_triangle */
.wf-sp-deco_triangle {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -1684px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_triangle--float {
  background-image: url("../assets/environment/deco_triangle/deco_triangle__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_triangle--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_triangle--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_triangle--float {
  background-image: url("../assets/environment/deco_triangle/deco_triangle__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_plus */
.wf-sp-deco_plus {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -1172px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_plus--float {
  background-image: url("../assets/environment/deco_plus/deco_plus__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_plus--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_plus--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_plus--float {
  background-image: url("../assets/environment/deco_plus/deco_plus__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_ring */
.wf-sp-deco_ring {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -1300px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_ring--float {
  background-image: url("../assets/environment/deco_ring/deco_ring__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_ring--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_ring--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_ring--float {
  background-image: url("../assets/environment/deco_ring/deco_ring__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_diamond */
.wf-sp-deco_diamond {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -916px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_diamond--float {
  background-image: url("../assets/environment/deco_diamond/deco_diamond__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_diamond--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_diamond--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_diamond--float {
  background-image: url("../assets/environment/deco_diamond/deco_diamond__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_bar */
.wf-sp-deco_bar {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -0px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_bar--float {
  background-image: url("../assets/environment/deco_bar/deco_bar__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_bar--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_bar--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_bar--float {
  background-image: url("../assets/environment/deco_bar/deco_bar__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_star */
.wf-sp-deco_star {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -1556px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_star--float {
  background-image: url("../assets/environment/deco_star/deco_star__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_star--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_star--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_star--float {
  background-image: url("../assets/environment/deco_star/deco_star__float.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_dome */
.wf-sp-deco_dome {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -1044px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-deco_dome--float {
  background-image: url("../assets/environment/deco_dome/deco_dome__float.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 180px;
  animation: wf-wf-sp-deco_dome--float 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_dome--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_dome--float {
  background-image: url("../assets/environment/deco_dome/deco_dome__float.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_accent_classic */
.wf-sp-bg_accent_classic {
  background-image: url("../assets/atlas/environment-background/environment-background.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_accent_rush */
.wf-sp-bg_accent_rush {
  background-image: url("../assets/atlas/environment-background/environment-background.webp");
  background-position: -0px -1080px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_accent_survival */
.wf-sp-bg_accent_survival {
  background-image: url("../assets/atlas/environment-background/environment-background.webp");
  background-position: -1920px -1080px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_accent_precision */
.wf-sp-bg_accent_precision {
  background-image: url("../assets/atlas/environment-background/environment-background.webp");
  background-position: -1920px -0px;
  width: 1920px;
  height: 1080px;
}
/* tower/menu — menu_tower_tall */
.wf-sp-menu_tower_tall--idle_still {
  background-image: url("../assets/atlas/tower-menu/tower-menu.webp");
  background-position: -0px -0px;
  width: 298px;
  height: 718px;
}
.wf-sp-menu_tower_tall {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__idle.webp");
  background-position: -0px -0px;
  width: 298px;
  height: 718px;
}
.wf-sp-menu_tower_tall--idle {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__idle.webp");
  background-position: -0px -0px;
  width: 298px;
  height: 718px;
  animation: wf-wf-sp-menu_tower_tall--idle 0.500s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_tall--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -298px -0px; }
  50.00% { background-position: -596px -0px; }
  75.00% { background-position: -894px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_tall--idle {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_tall--wobble_low {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__wobble_low.webp");
  background-position: -0px -0px;
  width: 328px;
  height: 728px;
  animation: wf-wf-sp-menu_tower_tall--wobble_low 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_tall--wobble_low {
  from { background-position: 0px 0px; }
  16.67% { background-position: -328px -0px; }
  33.33% { background-position: -656px -0px; }
  50.00% { background-position: -984px -0px; }
  66.67% { background-position: -1312px -0px; }
  83.33% { background-position: -1640px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_tall--wobble_low {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_tall--wobble_high {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__wobble_high.webp");
  background-position: -0px -0px;
  width: 408px;
  height: 746px;
  animation: wf-wf-sp-menu_tower_tall--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_tall--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -408px -0px; }
  33.33% { background-position: -816px -0px; }
  50.00% { background-position: -1224px -0px; }
  66.67% { background-position: -1632px -0px; }
  83.33% { background-position: -2040px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_tall--wobble_high {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_tall--near_collapse {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__near_collapse.webp");
  background-position: -0px -0px;
  width: 484px;
  height: 754px;
  animation: wf-wf-sp-menu_tower_tall--near_collapse 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_tall--near_collapse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -484px -0px; }
  33.33% { background-position: -968px -0px; }
  50.00% { background-position: -1452px -0px; }
  66.67% { background-position: -1936px -0px; }
  83.33% { background-position: -2420px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_tall--near_collapse {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__near_collapse.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_tall--collapse {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__collapse.webp");
  background-position: -0px -0px;
  width: 764px;
  height: 764px;
  animation: wf-wf-sp-menu_tower_tall--collapse 0.750s steps(12) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-menu_tower_tall--collapse {
  from { background-position: 0px 0px; }
  8.33% { background-position: -764px -0px; }
  16.67% { background-position: -1528px -0px; }
  25.00% { background-position: -2292px -0px; }
  33.33% { background-position: -3056px -0px; }
  41.67% { background-position: -0px -764px; }
  50.00% { background-position: -764px -764px; }
  58.33% { background-position: -1528px -764px; }
  66.67% { background-position: -2292px -764px; }
  75.00% { background-position: -3056px -764px; }
  83.33% { background-position: -0px -1528px; }
  91.67% { background-position: -764px -1528px; }
}
.wf-sp-menu_tower_tall--collapse {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__collapse.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_tall--settle {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__settle.webp");
  background-position: -0px -0px;
  width: 426px;
  height: 754px;
  animation: wf-wf-sp-menu_tower_tall--settle 0.500s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-menu_tower_tall--settle {
  from { background-position: 0px 0px; }
  16.67% { background-position: -426px -0px; }
  33.33% { background-position: -852px -0px; }
  50.00% { background-position: -1278px -0px; }
  66.67% { background-position: -1704px -0px; }
  83.33% { background-position: -2130px -0px; }
}
.wf-sp-menu_tower_tall--settle {
  background-image: url("../assets/tower/menu_tower_tall/menu_tower_tall__settle.webp");
  background-position: -0px -0px;
}
/* tower/stable — menu_tower_small */
.wf-sp-menu_tower_small--idle_still {
  background-image: url("../assets/atlas/tower-stable/tower-stable.webp");
  background-position: -0px -0px;
  width: 246px;
  height: 396px;
}
.wf-sp-menu_tower_small {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__idle.webp");
  background-position: -0px -0px;
  width: 246px;
  height: 396px;
}
.wf-sp-menu_tower_small--idle {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__idle.webp");
  background-position: -0px -0px;
  width: 246px;
  height: 396px;
  animation: wf-wf-sp-menu_tower_small--idle 0.500s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_small--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -246px -0px; }
  50.00% { background-position: -492px -0px; }
  75.00% { background-position: -738px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_small--idle {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_small--wobble_low {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__wobble_low.webp");
  background-position: -0px -0px;
  width: 262px;
  height: 406px;
  animation: wf-wf-sp-menu_tower_small--wobble_low 0.600s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_small--wobble_low {
  from { background-position: 0px 0px; }
  16.67% { background-position: -262px -0px; }
  33.33% { background-position: -524px -0px; }
  50.00% { background-position: -786px -0px; }
  66.67% { background-position: -1048px -0px; }
  83.33% { background-position: -1310px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_small--wobble_low {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_small--wobble_high {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__wobble_high.webp");
  background-position: -0px -0px;
  width: 304px;
  height: 426px;
  animation: wf-wf-sp-menu_tower_small--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-menu_tower_small--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -304px -0px; }
  33.33% { background-position: -608px -0px; }
  50.00% { background-position: -912px -0px; }
  66.67% { background-position: -1216px -0px; }
  83.33% { background-position: -1520px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-menu_tower_small--wobble_high {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_small--collapse {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__collapse.webp");
  background-position: -0px -0px;
  width: 456px;
  height: 456px;
  animation: wf-wf-sp-menu_tower_small--collapse 0.625s steps(10) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-menu_tower_small--collapse {
  from { background-position: 0px 0px; }
  10.00% { background-position: -456px -0px; }
  20.00% { background-position: -912px -0px; }
  30.00% { background-position: -1368px -0px; }
  40.00% { background-position: -1824px -0px; }
  50.00% { background-position: -2280px -0px; }
  60.00% { background-position: -2736px -0px; }
  70.00% { background-position: -3192px -0px; }
  80.00% { background-position: -0px -456px; }
  90.00% { background-position: -456px -456px; }
}
.wf-sp-menu_tower_small--collapse {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__collapse.webp");
  background-position: -0px -0px;
}
.wf-sp-menu_tower_small--settle {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__settle.webp");
  background-position: -0px -0px;
  width: 314px;
  height: 432px;
  animation: wf-wf-sp-menu_tower_small--settle 0.500s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-menu_tower_small--settle {
  from { background-position: 0px 0px; }
  16.67% { background-position: -314px -0px; }
  33.33% { background-position: -628px -0px; }
  50.00% { background-position: -942px -0px; }
  66.67% { background-position: -1256px -0px; }
  83.33% { background-position: -1570px -0px; }
}
.wf-sp-menu_tower_small--settle {
  background-image: url("../assets/tower/menu_tower_small/menu_tower_small__settle.webp");
  background-position: -0px -0px;
}
/* ui/indicator_overlay — block_overlay_selected */
.wf-sp-block_overlay_selected {
  background-image: url("../assets/atlas/ui-indicator_overlay/ui-indicator_overlay.webp");
  background-position: -1280px -0px;
  width: 320px;
  height: 320px;
}
.wf-sp-block_overlay_selected--pulse {
  background-image: url("../assets/ui/block_overlay_selected/block_overlay_selected__pulse.webp");
  background-position: -0px -0px;
  width: 348px;
  height: 348px;
  animation: wf-wf-sp-block_overlay_selected--pulse 0.667s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-block_overlay_selected--pulse {
  from { background-position: 0px 0px; }
  12.50% { background-position: -348px -0px; }
  25.00% { background-position: -696px -0px; }
  37.50% { background-position: -1044px -0px; }
  50.00% { background-position: -1392px -0px; }
  62.50% { background-position: -1740px -0px; }
  75.00% { background-position: -2088px -0px; }
  87.50% { background-position: -2436px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-block_overlay_selected--pulse {
  background-image: url("../assets/ui/block_overlay_selected/block_overlay_selected__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator_overlay — block_overlay_perfect */
.wf-sp-block_overlay_perfect {
  background-image: url("../assets/atlas/ui-indicator_overlay/ui-indicator_overlay.webp");
  background-position: -640px -0px;
  width: 320px;
  height: 320px;
}
.wf-sp-block_overlay_perfect--pulse {
  background-image: url("../assets/ui/block_overlay_perfect/block_overlay_perfect__pulse.webp");
  background-position: -0px -0px;
  width: 348px;
  height: 348px;
  animation: wf-wf-sp-block_overlay_perfect--pulse 0.571s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-block_overlay_perfect--pulse {
  from { background-position: 0px 0px; }
  12.50% { background-position: -348px -0px; }
  25.00% { background-position: -696px -0px; }
  37.50% { background-position: -1044px -0px; }
  50.00% { background-position: -1392px -0px; }
  62.50% { background-position: -1740px -0px; }
  75.00% { background-position: -2088px -0px; }
  87.50% { background-position: -2436px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-block_overlay_perfect--pulse {
  background-image: url("../assets/ui/block_overlay_perfect/block_overlay_perfect__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator_overlay — block_overlay_recovery */
.wf-sp-block_overlay_recovery {
  background-image: url("../assets/atlas/ui-indicator_overlay/ui-indicator_overlay.webp");
  background-position: -960px -0px;
  width: 320px;
  height: 320px;
}
.wf-sp-block_overlay_recovery--pulse {
  background-image: url("../assets/ui/block_overlay_recovery/block_overlay_recovery__pulse.webp");
  background-position: -0px -0px;
  width: 348px;
  height: 348px;
  animation: wf-wf-sp-block_overlay_recovery--pulse 0.667s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-block_overlay_recovery--pulse {
  from { background-position: 0px 0px; }
  12.50% { background-position: -348px -0px; }
  25.00% { background-position: -696px -0px; }
  37.50% { background-position: -1044px -0px; }
  50.00% { background-position: -1392px -0px; }
  62.50% { background-position: -1740px -0px; }
  75.00% { background-position: -2088px -0px; }
  87.50% { background-position: -2436px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-block_overlay_recovery--pulse {
  background-image: url("../assets/ui/block_overlay_recovery/block_overlay_recovery__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator_overlay — block_overlay_danger */
.wf-sp-block_overlay_danger {
  background-image: url("../assets/atlas/ui-indicator_overlay/ui-indicator_overlay.webp");
  background-position: -320px -0px;
  width: 320px;
  height: 320px;
}
.wf-sp-block_overlay_danger--pulse {
  background-image: url("../assets/ui/block_overlay_danger/block_overlay_danger__pulse.webp");
  background-position: -0px -0px;
  width: 348px;
  height: 348px;
  animation: wf-wf-sp-block_overlay_danger--pulse 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-block_overlay_danger--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -348px -0px; }
  33.33% { background-position: -696px -0px; }
  50.00% { background-position: -1044px -0px; }
  66.67% { background-position: -1392px -0px; }
  83.33% { background-position: -1740px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-block_overlay_danger--pulse {
  background-image: url("../assets/ui/block_overlay_danger/block_overlay_danger__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator_overlay — block_overlay_critical */
.wf-sp-block_overlay_critical {
  background-image: url("../assets/atlas/ui-indicator_overlay/ui-indicator_overlay.webp");
  background-position: -0px -0px;
  width: 320px;
  height: 320px;
}
.wf-sp-block_overlay_critical--pulse {
  background-image: url("../assets/ui/block_overlay_critical/block_overlay_critical__pulse.webp");
  background-position: -0px -0px;
  width: 348px;
  height: 348px;
  animation: wf-wf-sp-block_overlay_critical--pulse 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-block_overlay_critical--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -348px -0px; }
  33.33% { background-position: -696px -0px; }
  50.00% { background-position: -1044px -0px; }
  66.67% { background-position: -1392px -0px; }
  83.33% { background-position: -1740px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-block_overlay_critical--pulse {
  background-image: url("../assets/ui/block_overlay_critical/block_overlay_critical__pulse.webp");
  background-position: -0px -0px;
}
/* ui/accent — ui_accent_classic */
.wf-sp-ui_accent_classic {
  background-image: url("../assets/atlas/ui-accent/ui-accent.webp");
  background-position: -0px -0px;
  width: 512px;
  height: 96px;
}
/* ui/accent — ui_accent_rush */
.wf-sp-ui_accent_rush {
  background-image: url("../assets/atlas/ui-accent/ui-accent.webp");
  background-position: -1024px -0px;
  width: 512px;
  height: 96px;
}
/* ui/accent — ui_accent_survival */
.wf-sp-ui_accent_survival {
  background-image: url("../assets/atlas/ui-accent/ui-accent.webp");
  background-position: -1536px -0px;
  width: 512px;
  height: 96px;
}
/* ui/accent — ui_accent_precision */
.wf-sp-ui_accent_precision {
  background-image: url("../assets/atlas/ui-accent/ui-accent.webp");
  background-position: -512px -0px;
  width: 512px;
  height: 96px;
}
/* ui/mode_card — mode_card_classic */
.wf-sp-mode_card_classic {
  background-image: url("../assets/atlas/ui-mode_card/ui-mode_card.webp");
  background-position: -0px -0px;
  width: 420px;
  height: 560px;
}
.wf-sp-mode_card_classic--hover {
  background-image: url("../assets/ui/mode_card_classic/mode_card_classic__hover.webp");
  background-position: -0px -0px;
  width: 448px;
  height: 592px;
  animation: wf-wf-sp-mode_card_classic--hover 0.167s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_classic--hover {
  from { background-position: 0px 0px; }
  50.00% { background-position: -448px -0px; }
}
.wf-sp-mode_card_classic--hover {
  background-image: url("../assets/ui/mode_card_classic/mode_card_classic__hover.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_classic--press {
  background-image: url("../assets/ui/mode_card_classic/mode_card_classic__press.webp");
  background-position: -0px -0px;
  width: 442px;
  height: 544px;
  animation: wf-wf-sp-mode_card_classic--press 0.143s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_classic--press {
  from { background-position: 0px 0px; }
  50.00% { background-position: -442px -0px; }
}
.wf-sp-mode_card_classic--press {
  background-image: url("../assets/ui/mode_card_classic/mode_card_classic__press.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_classic--selected {
  background-image: url("../assets/ui/mode_card_classic/mode_card_classic__selected.webp");
  background-position: -0px -0px;
  width: 476px;
  height: 628px;
  animation: wf-wf-sp-mode_card_classic--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_card_classic--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -476px -0px; }
  50.00% { background-position: -952px -0px; }
  75.00% { background-position: -1428px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_card_classic--selected {
  background-image: url("../assets/ui/mode_card_classic/mode_card_classic__selected.webp");
  background-position: -0px -0px;
}
/* ui/mode_illustration — mode_illustration_classic */
.wf-sp-mode_illustration_classic {
  background-image: url("../assets/atlas/ui-mode_illustration/ui-mode_illustration.webp");
  background-position: -0px -0px;
  width: 420px;
  height: 324px;
}
/* ui/mode_card — mode_card_rush */
.wf-sp-mode_card_rush {
  background-image: url("../assets/atlas/ui-mode_card/ui-mode_card.webp");
  background-position: -1260px -0px;
  width: 420px;
  height: 560px;
}
.wf-sp-mode_card_rush--hover {
  background-image: url("../assets/ui/mode_card_rush/mode_card_rush__hover.webp");
  background-position: -0px -0px;
  width: 448px;
  height: 592px;
  animation: wf-wf-sp-mode_card_rush--hover 0.167s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_rush--hover {
  from { background-position: 0px 0px; }
  50.00% { background-position: -448px -0px; }
}
.wf-sp-mode_card_rush--hover {
  background-image: url("../assets/ui/mode_card_rush/mode_card_rush__hover.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_rush--press {
  background-image: url("../assets/ui/mode_card_rush/mode_card_rush__press.webp");
  background-position: -0px -0px;
  width: 442px;
  height: 544px;
  animation: wf-wf-sp-mode_card_rush--press 0.143s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_rush--press {
  from { background-position: 0px 0px; }
  50.00% { background-position: -442px -0px; }
}
.wf-sp-mode_card_rush--press {
  background-image: url("../assets/ui/mode_card_rush/mode_card_rush__press.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_rush--selected {
  background-image: url("../assets/ui/mode_card_rush/mode_card_rush__selected.webp");
  background-position: -0px -0px;
  width: 476px;
  height: 628px;
  animation: wf-wf-sp-mode_card_rush--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_card_rush--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -476px -0px; }
  50.00% { background-position: -952px -0px; }
  75.00% { background-position: -1428px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_card_rush--selected {
  background-image: url("../assets/ui/mode_card_rush/mode_card_rush__selected.webp");
  background-position: -0px -0px;
}
/* ui/mode_illustration — mode_illustration_rush */
.wf-sp-mode_illustration_rush {
  background-image: url("../assets/atlas/ui-mode_illustration/ui-mode_illustration.webp");
  background-position: -840px -0px;
  width: 420px;
  height: 324px;
}
/* ui/mode_card — mode_card_survival */
.wf-sp-mode_card_survival {
  background-image: url("../assets/atlas/ui-mode_card/ui-mode_card.webp");
  background-position: -1680px -0px;
  width: 420px;
  height: 560px;
}
.wf-sp-mode_card_survival--hover {
  background-image: url("../assets/ui/mode_card_survival/mode_card_survival__hover.webp");
  background-position: -0px -0px;
  width: 448px;
  height: 592px;
  animation: wf-wf-sp-mode_card_survival--hover 0.167s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_survival--hover {
  from { background-position: 0px 0px; }
  50.00% { background-position: -448px -0px; }
}
.wf-sp-mode_card_survival--hover {
  background-image: url("../assets/ui/mode_card_survival/mode_card_survival__hover.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_survival--press {
  background-image: url("../assets/ui/mode_card_survival/mode_card_survival__press.webp");
  background-position: -0px -0px;
  width: 442px;
  height: 544px;
  animation: wf-wf-sp-mode_card_survival--press 0.143s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_survival--press {
  from { background-position: 0px 0px; }
  50.00% { background-position: -442px -0px; }
}
.wf-sp-mode_card_survival--press {
  background-image: url("../assets/ui/mode_card_survival/mode_card_survival__press.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_survival--selected {
  background-image: url("../assets/ui/mode_card_survival/mode_card_survival__selected.webp");
  background-position: -0px -0px;
  width: 476px;
  height: 628px;
  animation: wf-wf-sp-mode_card_survival--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_card_survival--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -476px -0px; }
  50.00% { background-position: -952px -0px; }
  75.00% { background-position: -1428px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_card_survival--selected {
  background-image: url("../assets/ui/mode_card_survival/mode_card_survival__selected.webp");
  background-position: -0px -0px;
}
/* ui/mode_illustration — mode_illustration_survival */
.wf-sp-mode_illustration_survival {
  background-image: url("../assets/atlas/ui-mode_illustration/ui-mode_illustration.webp");
  background-position: -1260px -0px;
  width: 420px;
  height: 324px;
}
/* ui/mode_card — mode_card_precision */
.wf-sp-mode_card_precision {
  background-image: url("../assets/atlas/ui-mode_card/ui-mode_card.webp");
  background-position: -840px -0px;
  width: 420px;
  height: 560px;
}
.wf-sp-mode_card_precision--hover {
  background-image: url("../assets/ui/mode_card_precision/mode_card_precision__hover.webp");
  background-position: -0px -0px;
  width: 448px;
  height: 592px;
  animation: wf-wf-sp-mode_card_precision--hover 0.167s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_precision--hover {
  from { background-position: 0px 0px; }
  50.00% { background-position: -448px -0px; }
}
.wf-sp-mode_card_precision--hover {
  background-image: url("../assets/ui/mode_card_precision/mode_card_precision__hover.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_precision--press {
  background-image: url("../assets/ui/mode_card_precision/mode_card_precision__press.webp");
  background-position: -0px -0px;
  width: 442px;
  height: 544px;
  animation: wf-wf-sp-mode_card_precision--press 0.143s steps(2) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_card_precision--press {
  from { background-position: 0px 0px; }
  50.00% { background-position: -442px -0px; }
}
.wf-sp-mode_card_precision--press {
  background-image: url("../assets/ui/mode_card_precision/mode_card_precision__press.webp");
  background-position: -0px -0px;
}
.wf-sp-mode_card_precision--selected {
  background-image: url("../assets/ui/mode_card_precision/mode_card_precision__selected.webp");
  background-position: -0px -0px;
  width: 476px;
  height: 628px;
  animation: wf-wf-sp-mode_card_precision--selected 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_card_precision--selected {
  from { background-position: 0px 0px; }
  25.00% { background-position: -476px -0px; }
  50.00% { background-position: -952px -0px; }
  75.00% { background-position: -1428px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_card_precision--selected {
  background-image: url("../assets/ui/mode_card_precision/mode_card_precision__selected.webp");
  background-position: -0px -0px;
}
/* ui/mode_illustration — mode_illustration_precision */
.wf-sp-mode_illustration_precision {
  background-image: url("../assets/atlas/ui-mode_illustration/ui-mode_illustration.webp");
  background-position: -420px -0px;
  width: 420px;
  height: 324px;
}
/* ui/mode_card — mode_card_locked */
.wf-sp-mode_card_locked {
  background-image: url("../assets/atlas/ui-mode_card/ui-mode_card.webp");
  background-position: -420px -0px;
  width: 420px;
  height: 560px;
}
/* ui/mode_selection — mode_arrow_right */
.wf-sp-mode_arrow_right {
  background-image: url("../assets/atlas/ui-mode_selection/ui-mode_selection.webp");
  background-position: -200px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-mode_arrow_right--right {
  background-image: url("../assets/ui/mode_arrow_right/mode_arrow_right__right.webp");
  background-position: -0px -0px;
  width: 224px;
  height: 224px;
  animation: wf-wf-sp-mode_arrow_right--right 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_arrow_right--right {
  from { background-position: 0px 0px; }
  25.00% { background-position: -224px -0px; }
  50.00% { background-position: -448px -0px; }
  75.00% { background-position: -672px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_arrow_right--right {
  background-image: url("../assets/ui/mode_arrow_right/mode_arrow_right__right.webp");
  background-position: -0px -0px;
}
/* ui/mode_selection — mode_arrow_left */
.wf-sp-mode_arrow_left {
  background-image: url("../assets/atlas/ui-mode_selection/ui-mode_selection.webp");
  background-position: -0px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-mode_arrow_left--left {
  background-image: url("../assets/ui/mode_arrow_left/mode_arrow_left__left.webp");
  background-position: -0px -0px;
  width: 224px;
  height: 224px;
  animation: wf-wf-sp-mode_arrow_left--left 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_arrow_left--left {
  from { background-position: 0px 0px; }
  25.00% { background-position: -224px -0px; }
  50.00% { background-position: -448px -0px; }
  75.00% { background-position: -672px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_arrow_left--left {
  background-image: url("../assets/ui/mode_arrow_left/mode_arrow_left__left.webp");
  background-position: -0px -0px;
}
/* ui/mode_selection — mode_selected_glow */
.wf-sp-mode_selected_glow {
  background-image: url("../assets/atlas/ui-mode_selection/ui-mode_selection.webp");
  background-position: -600px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-mode_selected_glow--glow {
  background-image: url("../assets/ui/mode_selected_glow/mode_selected_glow__glow.webp");
  background-position: -0px -0px;
  width: 222px;
  height: 222px;
  animation: wf-wf-sp-mode_selected_glow--glow 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_selected_glow--glow {
  from { background-position: 0px 0px; }
  16.67% { background-position: -222px -0px; }
  33.33% { background-position: -444px -0px; }
  50.00% { background-position: -666px -0px; }
  66.67% { background-position: -888px -0px; }
  83.33% { background-position: -1110px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_selected_glow--glow {
  background-image: url("../assets/ui/mode_selected_glow/mode_selected_glow__glow.webp");
  background-position: -0px -0px;
}
/* ui/mode_selection — mode_highlight_sweep */
.wf-sp-mode_highlight_sweep {
  background-image: url("../assets/atlas/ui-mode_selection/ui-mode_selection.webp");
  background-position: -400px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-mode_highlight_sweep--sweep {
  background-image: url("../assets/ui/mode_highlight_sweep/mode_highlight_sweep__sweep.webp");
  background-position: -0px -0px;
  width: 332px;
  height: 212px;
  animation: wf-wf-sp-mode_highlight_sweep--sweep 0.357s steps(5) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-mode_highlight_sweep--sweep {
  from { background-position: 0px 0px; }
  20.00% { background-position: -332px -0px; }
  40.00% { background-position: -664px -0px; }
  60.00% { background-position: -996px -0px; }
  80.00% { background-position: -1328px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-mode_highlight_sweep--sweep {
  background-image: url("../assets/ui/mode_highlight_sweep/mode_highlight_sweep__sweep.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_score_panel */
.wf-sp-hud_score_panel {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1131px -298px;
  width: 320px;
  height: 158px;
}
.wf-sp-hud_score_panel--enter {
  background-image: url("../assets/ui/hud_score_panel/hud_score_panel__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 176px;
  animation: wf-wf-sp-hud_score_panel--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_score_panel--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_score_panel--enter {
  background-image: url("../assets/ui/hud_score_panel/hud_score_panel__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_score_panel--pulse {
  background-image: url("../assets/ui/hud_score_panel/hud_score_panel__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 186px;
  animation: wf-wf-sp-hud_score_panel--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_score_panel--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_score_panel--pulse {
  background-image: url("../assets/ui/hud_score_panel/hud_score_panel__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_score_panel--exit {
  background-image: url("../assets/ui/hud_score_panel/hud_score_panel__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 174px;
  animation: wf-wf-sp-hud_score_panel--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_score_panel--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_score_panel--exit {
  background-image: url("../assets/ui/hud_score_panel/hud_score_panel__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_height_panel */
.wf-sp-hud_height_panel {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1273px -0px;
  width: 320px;
  height: 298px;
}
.wf-sp-hud_height_panel--enter {
  background-image: url("../assets/ui/hud_height_panel/hud_height_panel__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 320px;
  animation: wf-wf-sp-hud_height_panel--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_height_panel--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_height_panel--enter {
  background-image: url("../assets/ui/hud_height_panel/hud_height_panel__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_height_panel--pulse {
  background-image: url("../assets/ui/hud_height_panel/hud_height_panel__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 340px;
  animation: wf-wf-sp-hud_height_panel--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_height_panel--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_height_panel--pulse {
  background-image: url("../assets/ui/hud_height_panel/hud_height_panel__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_height_panel--exit {
  background-image: url("../assets/ui/hud_height_panel/hud_height_panel__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 316px;
  animation: wf-wf-sp-hud_height_panel--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_height_panel--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_height_panel--exit {
  background-image: url("../assets/ui/hud_height_panel/hud_height_panel__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_combo_panel */
.wf-sp-hud_combo_panel {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -320px -0px;
  width: 320px;
  height: 145px;
}
.wf-sp-hud_combo_panel--enter {
  background-image: url("../assets/ui/hud_combo_panel/hud_combo_panel__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 164px;
  animation: wf-wf-sp-hud_combo_panel--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_combo_panel--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_combo_panel--enter {
  background-image: url("../assets/ui/hud_combo_panel/hud_combo_panel__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_combo_panel--pulse {
  background-image: url("../assets/ui/hud_combo_panel/hud_combo_panel__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 172px;
  animation: wf-wf-sp-hud_combo_panel--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_combo_panel--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_combo_panel--pulse {
  background-image: url("../assets/ui/hud_combo_panel/hud_combo_panel__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_combo_panel--exit {
  background-image: url("../assets/ui/hud_combo_panel/hud_combo_panel__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 160px;
  animation: wf-wf-sp-hud_combo_panel--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_combo_panel--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_combo_panel--exit {
  background-image: url("../assets/ui/hud_combo_panel/hud_combo_panel__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_next_block_frame */
.wf-sp-hud_next_block_frame {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -320px -298px;
  width: 320px;
  height: 252px;
}
.wf-sp-hud_next_block_frame--enter {
  background-image: url("../assets/ui/hud_next_block_frame/hud_next_block_frame__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 272px;
  animation: wf-wf-sp-hud_next_block_frame--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_next_block_frame--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_next_block_frame--enter {
  background-image: url("../assets/ui/hud_next_block_frame/hud_next_block_frame__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_next_block_frame--pulse {
  background-image: url("../assets/ui/hud_next_block_frame/hud_next_block_frame__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 290px;
  animation: wf-wf-sp-hud_next_block_frame--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_next_block_frame--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_next_block_frame--pulse {
  background-image: url("../assets/ui/hud_next_block_frame/hud_next_block_frame__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_next_block_frame--exit {
  background-image: url("../assets/ui/hud_next_block_frame/hud_next_block_frame__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 270px;
  animation: wf-wf-sp-hud_next_block_frame--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_next_block_frame--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_next_block_frame--exit {
  background-image: url("../assets/ui/hud_next_block_frame/hud_next_block_frame__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_stability_frame */
.wf-sp-hud_stability_frame {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1451px -298px;
  width: 320px;
  height: 254px;
}
.wf-sp-hud_stability_frame--enter {
  background-image: url("../assets/ui/hud_stability_frame/hud_stability_frame__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 274px;
  animation: wf-wf-sp-hud_stability_frame--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_stability_frame--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_stability_frame--enter {
  background-image: url("../assets/ui/hud_stability_frame/hud_stability_frame__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_stability_frame--pulse {
  background-image: url("../assets/ui/hud_stability_frame/hud_stability_frame__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 292px;
  animation: wf-wf-sp-hud_stability_frame--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_stability_frame--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_stability_frame--pulse {
  background-image: url("../assets/ui/hud_stability_frame/hud_stability_frame__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_stability_frame--exit {
  background-image: url("../assets/ui/hud_stability_frame/hud_stability_frame__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 272px;
  animation: wf-wf-sp-hud_stability_frame--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_stability_frame--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_stability_frame--exit {
  background-image: url("../assets/ui/hud_stability_frame/hud_stability_frame__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_stability_track */
.wf-sp-hud_stability_track {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -0px -618px;
  width: 220px;
  height: 98px;
}
.wf-sp-hud_stability_track--enter {
  background-image: url("../assets/ui/hud_stability_track/hud_stability_track__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 116px;
  animation: wf-wf-sp-hud_stability_track--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_stability_track--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_stability_track--enter {
  background-image: url("../assets/ui/hud_stability_track/hud_stability_track__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_stability_track--pulse {
  background-image: url("../assets/ui/hud_stability_track/hud_stability_track__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 120px;
  animation: wf-wf-sp-hud_stability_track--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_stability_track--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_stability_track--pulse {
  background-image: url("../assets/ui/hud_stability_track/hud_stability_track__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_stability_track--exit {
  background-image: url("../assets/ui/hud_stability_track/hud_stability_track__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 114px;
  animation: wf-wf-sp-hud_stability_track--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_stability_track--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_stability_track--exit {
  background-image: url("../assets/ui/hud_stability_track/hud_stability_track__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_mode_plate */
.wf-sp-hud_mode_plate {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -0px -298px;
  width: 320px;
  height: 170px;
}
.wf-sp-hud_mode_plate--enter {
  background-image: url("../assets/ui/hud_mode_plate/hud_mode_plate__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 188px;
  animation: wf-wf-sp-hud_mode_plate--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_mode_plate--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_mode_plate--enter {
  background-image: url("../assets/ui/hud_mode_plate/hud_mode_plate__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_mode_plate--pulse {
  background-image: url("../assets/ui/hud_mode_plate/hud_mode_plate__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 200px;
  animation: wf-wf-sp-hud_mode_plate--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_mode_plate--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_mode_plate--pulse {
  background-image: url("../assets/ui/hud_mode_plate/hud_mode_plate__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_mode_plate--exit {
  background-image: url("../assets/ui/hud_mode_plate/hud_mode_plate__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 186px;
  animation: wf-wf-sp-hud_mode_plate--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_mode_plate--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_mode_plate--exit {
  background-image: url("../assets/ui/hud_mode_plate/hud_mode_plate__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_hazard_badge */
.wf-sp-hud_hazard_badge {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -860px -0px;
  width: 193px;
  height: 220px;
}
.wf-sp-hud_hazard_badge--enter {
  background-image: url("../assets/ui/hud_hazard_badge/hud_hazard_badge__enter.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 240px;
  animation: wf-wf-sp-hud_hazard_badge--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_hazard_badge--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -212px -0px; }
  40.00% { background-position: -424px -0px; }
  60.00% { background-position: -636px -0px; }
  80.00% { background-position: -848px -0px; }
}
.wf-sp-hud_hazard_badge--enter {
  background-image: url("../assets/ui/hud_hazard_badge/hud_hazard_badge__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_hazard_badge--pulse {
  background-image: url("../assets/ui/hud_hazard_badge/hud_hazard_badge__pulse.webp");
  background-position: -0px -0px;
  width: 226px;
  height: 256px;
  animation: wf-wf-sp-hud_hazard_badge--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_hazard_badge--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -226px -0px; }
  50.00% { background-position: -452px -0px; }
  75.00% { background-position: -678px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_hazard_badge--pulse {
  background-image: url("../assets/ui/hud_hazard_badge/hud_hazard_badge__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_hazard_badge--exit {
  background-image: url("../assets/ui/hud_hazard_badge/hud_hazard_badge__exit.webp");
  background-position: -0px -0px;
  width: 210px;
  height: 238px;
  animation: wf-wf-sp-hud_hazard_badge--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_hazard_badge--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -210px -0px; }
  40.00% { background-position: -420px -0px; }
  60.00% { background-position: -630px -0px; }
  80.00% { background-position: -840px -0px; }
}
.wf-sp-hud_hazard_badge--exit {
  background-image: url("../assets/ui/hud_hazard_badge/hud_hazard_badge__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_risk_badge */
.wf-sp-hud_risk_badge {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -640px -298px;
  width: 217px;
  height: 220px;
}
.wf-sp-hud_risk_badge--enter {
  background-image: url("../assets/ui/hud_risk_badge/hud_risk_badge__enter.webp");
  background-position: -0px -0px;
  width: 236px;
  height: 240px;
  animation: wf-wf-sp-hud_risk_badge--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_risk_badge--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -236px -0px; }
  40.00% { background-position: -472px -0px; }
  60.00% { background-position: -708px -0px; }
  80.00% { background-position: -944px -0px; }
}
.wf-sp-hud_risk_badge--enter {
  background-image: url("../assets/ui/hud_risk_badge/hud_risk_badge__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_risk_badge--pulse {
  background-image: url("../assets/ui/hud_risk_badge/hud_risk_badge__pulse.webp");
  background-position: -0px -0px;
  width: 252px;
  height: 256px;
  animation: wf-wf-sp-hud_risk_badge--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_risk_badge--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -252px -0px; }
  50.00% { background-position: -504px -0px; }
  75.00% { background-position: -756px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_risk_badge--pulse {
  background-image: url("../assets/ui/hud_risk_badge/hud_risk_badge__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_risk_badge--exit {
  background-image: url("../assets/ui/hud_risk_badge/hud_risk_badge__exit.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 238px;
  animation: wf-wf-sp-hud_risk_badge--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_risk_badge--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -234px -0px; }
  40.00% { background-position: -468px -0px; }
  60.00% { background-position: -702px -0px; }
  80.00% { background-position: -936px -0px; }
}
.wf-sp-hud_risk_badge--exit {
  background-image: url("../assets/ui/hud_risk_badge/hud_risk_badge__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_zone_safe */
.wf-sp-hud_zone_safe {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1200px -618px;
  width: 220px;
  height: 79px;
}
.wf-sp-hud_zone_safe--enter {
  background-image: url("../assets/ui/hud_zone_safe/hud_zone_safe__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 98px;
  animation: wf-wf-sp-hud_zone_safe--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_zone_safe--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_zone_safe--enter {
  background-image: url("../assets/ui/hud_zone_safe/hud_zone_safe__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_zone_safe--pulse {
  background-image: url("../assets/ui/hud_zone_safe/hud_zone_safe__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 100px;
  animation: wf-wf-sp-hud_zone_safe--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_zone_safe--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_zone_safe--pulse {
  background-image: url("../assets/ui/hud_zone_safe/hud_zone_safe__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_zone_safe--exit {
  background-image: url("../assets/ui/hud_zone_safe/hud_zone_safe__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 96px;
  animation: wf-wf-sp-hud_zone_safe--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_zone_safe--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_zone_safe--exit {
  background-image: url("../assets/ui/hud_zone_safe/hud_zone_safe__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_zone_danger */
.wf-sp-hud_zone_danger {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -980px -618px;
  width: 220px;
  height: 79px;
}
.wf-sp-hud_zone_danger--enter {
  background-image: url("../assets/ui/hud_zone_danger/hud_zone_danger__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 98px;
  animation: wf-wf-sp-hud_zone_danger--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_zone_danger--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_zone_danger--enter {
  background-image: url("../assets/ui/hud_zone_danger/hud_zone_danger__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_zone_danger--pulse {
  background-image: url("../assets/ui/hud_zone_danger/hud_zone_danger__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 100px;
  animation: wf-wf-sp-hud_zone_danger--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_zone_danger--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_zone_danger--pulse {
  background-image: url("../assets/ui/hud_zone_danger/hud_zone_danger__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_zone_danger--exit {
  background-image: url("../assets/ui/hud_zone_danger/hud_zone_danger__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 96px;
  animation: wf-wf-sp-hud_zone_danger--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_zone_danger--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_zone_danger--exit {
  background-image: url("../assets/ui/hud_zone_danger/hud_zone_danger__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_zone_critical */
.wf-sp-hud_zone_critical {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -760px -618px;
  width: 220px;
  height: 155px;
}
.wf-sp-hud_zone_critical--enter {
  background-image: url("../assets/ui/hud_zone_critical/hud_zone_critical__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 174px;
  animation: wf-wf-sp-hud_zone_critical--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_zone_critical--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_zone_critical--enter {
  background-image: url("../assets/ui/hud_zone_critical/hud_zone_critical__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_zone_critical--pulse {
  background-image: url("../assets/ui/hud_zone_critical/hud_zone_critical__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 184px;
  animation: wf-wf-sp-hud_zone_critical--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_zone_critical--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_zone_critical--pulse {
  background-image: url("../assets/ui/hud_zone_critical/hud_zone_critical__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_zone_critical--exit {
  background-image: url("../assets/ui/hud_zone_critical/hud_zone_critical__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 172px;
  animation: wf-wf-sp-hud_zone_critical--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_zone_critical--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_zone_critical--exit {
  background-image: url("../assets/ui/hud_zone_critical/hud_zone_critical__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_timer_urgent_frame */
.wf-sp-hud_timer_urgent_frame {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -440px -618px;
  width: 320px;
  height: 159px;
}
.wf-sp-hud_timer_urgent_frame--enter {
  background-image: url("../assets/ui/hud_timer_urgent_frame/hud_timer_urgent_frame__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 178px;
  animation: wf-wf-sp-hud_timer_urgent_frame--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_timer_urgent_frame--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_timer_urgent_frame--enter {
  background-image: url("../assets/ui/hud_timer_urgent_frame/hud_timer_urgent_frame__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_timer_urgent_frame--pulse {
  background-image: url("../assets/ui/hud_timer_urgent_frame/hud_timer_urgent_frame__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 188px;
  animation: wf-wf-sp-hud_timer_urgent_frame--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_timer_urgent_frame--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_timer_urgent_frame--pulse {
  background-image: url("../assets/ui/hud_timer_urgent_frame/hud_timer_urgent_frame__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_timer_urgent_frame--exit {
  background-image: url("../assets/ui/hud_timer_urgent_frame/hud_timer_urgent_frame__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 176px;
  animation: wf-wf-sp-hud_timer_urgent_frame--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_timer_urgent_frame--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_timer_urgent_frame--exit {
  background-image: url("../assets/ui/hud_timer_urgent_frame/hud_timer_urgent_frame__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_target_lock_brackets */
.wf-sp-hud_target_lock_brackets {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -220px -618px;
  width: 220px;
  height: 157px;
}
.wf-sp-hud_target_lock_brackets--enter {
  background-image: url("../assets/ui/hud_target_lock_brackets/hud_target_lock_brackets__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 176px;
  animation: wf-wf-sp-hud_target_lock_brackets--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_target_lock_brackets--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_target_lock_brackets--enter {
  background-image: url("../assets/ui/hud_target_lock_brackets/hud_target_lock_brackets__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_target_lock_brackets--pulse {
  background-image: url("../assets/ui/hud_target_lock_brackets/hud_target_lock_brackets__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 186px;
  animation: wf-wf-sp-hud_target_lock_brackets--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_target_lock_brackets--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_target_lock_brackets--pulse {
  background-image: url("../assets/ui/hud_target_lock_brackets/hud_target_lock_brackets__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_target_lock_brackets--exit {
  background-image: url("../assets/ui/hud_target_lock_brackets/hud_target_lock_brackets__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 174px;
  animation: wf-wf-sp-hud_target_lock_brackets--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_target_lock_brackets--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_target_lock_brackets--exit {
  background-image: url("../assets/ui/hud_target_lock_brackets/hud_target_lock_brackets__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_risk_meter */
.wf-sp-hud_risk_meter {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -857px -298px;
  width: 274px;
  height: 320px;
}
.wf-sp-hud_risk_meter--enter {
  background-image: url("../assets/ui/hud_risk_meter/hud_risk_meter__enter.webp");
  background-position: -0px -0px;
  width: 296px;
  height: 342px;
  animation: wf-wf-sp-hud_risk_meter--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_risk_meter--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -296px -0px; }
  40.00% { background-position: -592px -0px; }
  60.00% { background-position: -888px -0px; }
  80.00% { background-position: -1184px -0px; }
}
.wf-sp-hud_risk_meter--enter {
  background-image: url("../assets/ui/hud_risk_meter/hud_risk_meter__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_risk_meter--pulse {
  background-image: url("../assets/ui/hud_risk_meter/hud_risk_meter__pulse.webp");
  background-position: -0px -0px;
  width: 314px;
  height: 364px;
  animation: wf-wf-sp-hud_risk_meter--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_risk_meter--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -314px -0px; }
  50.00% { background-position: -628px -0px; }
  75.00% { background-position: -942px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_risk_meter--pulse {
  background-image: url("../assets/ui/hud_risk_meter/hud_risk_meter__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_risk_meter--exit {
  background-image: url("../assets/ui/hud_risk_meter/hud_risk_meter__exit.webp");
  background-position: -0px -0px;
  width: 292px;
  height: 340px;
  animation: wf-wf-sp-hud_risk_meter--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_risk_meter--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -292px -0px; }
  40.00% { background-position: -584px -0px; }
  60.00% { background-position: -876px -0px; }
  80.00% { background-position: -1168px -0px; }
}
.wf-sp-hud_risk_meter--exit {
  background-image: url("../assets/ui/hud_risk_meter/hud_risk_meter__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_combo_meter */
.wf-sp-hud_combo_meter {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -0px -0px;
  width: 320px;
  height: 103px;
}
.wf-sp-hud_combo_meter--enter {
  background-image: url("../assets/ui/hud_combo_meter/hud_combo_meter__enter.webp");
  background-position: -0px -0px;
  width: 342px;
  height: 122px;
  animation: wf-wf-sp-hud_combo_meter--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_combo_meter--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -342px -0px; }
  40.00% { background-position: -684px -0px; }
  60.00% { background-position: -1026px -0px; }
  80.00% { background-position: -1368px -0px; }
}
.wf-sp-hud_combo_meter--enter {
  background-image: url("../assets/ui/hud_combo_meter/hud_combo_meter__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_combo_meter--pulse {
  background-image: url("../assets/ui/hud_combo_meter/hud_combo_meter__pulse.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 126px;
  animation: wf-wf-sp-hud_combo_meter--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_combo_meter--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -364px -0px; }
  50.00% { background-position: -728px -0px; }
  75.00% { background-position: -1092px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_combo_meter--pulse {
  background-image: url("../assets/ui/hud_combo_meter/hud_combo_meter__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_combo_meter--exit {
  background-image: url("../assets/ui/hud_combo_meter/hud_combo_meter__exit.webp");
  background-position: -0px -0px;
  width: 340px;
  height: 118px;
  animation: wf-wf-sp-hud_combo_meter--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_combo_meter--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -340px -0px; }
  40.00% { background-position: -680px -0px; }
  60.00% { background-position: -1020px -0px; }
  80.00% { background-position: -1360px -0px; }
}
.wf-sp-hud_combo_meter--exit {
  background-image: url("../assets/ui/hud_combo_meter/hud_combo_meter__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_height_marker */
.wf-sp-hud_height_marker {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1053px -0px;
  width: 220px;
  height: 123px;
}
.wf-sp-hud_height_marker--enter {
  background-image: url("../assets/ui/hud_height_marker/hud_height_marker__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 142px;
  animation: wf-wf-sp-hud_height_marker--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_height_marker--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_height_marker--enter {
  background-image: url("../assets/ui/hud_height_marker/hud_height_marker__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_height_marker--pulse {
  background-image: url("../assets/ui/hud_height_marker/hud_height_marker__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 148px;
  animation: wf-wf-sp-hud_height_marker--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_height_marker--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_height_marker--pulse {
  background-image: url("../assets/ui/hud_height_marker/hud_height_marker__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_height_marker--exit {
  background-image: url("../assets/ui/hud_height_marker/hud_height_marker__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 138px;
  animation: wf-wf-sp-hud_height_marker--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_height_marker--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_height_marker--exit {
  background-image: url("../assets/ui/hud_height_marker/hud_height_marker__exit.webp");
  background-position: -0px -0px;
}
/* ui/hud — hud_ghost_record_bar */
.wf-sp-hud_ghost_record_bar {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -640px -0px;
  width: 220px;
  height: 65px;
}
.wf-sp-hud_ghost_record_bar--enter {
  background-image: url("../assets/ui/hud_ghost_record_bar/hud_ghost_record_bar__enter.webp");
  background-position: -0px -0px;
  width: 240px;
  height: 84px;
  animation: wf-wf-sp-hud_ghost_record_bar--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_ghost_record_bar--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -240px -0px; }
  40.00% { background-position: -480px -0px; }
  60.00% { background-position: -720px -0px; }
  80.00% { background-position: -960px -0px; }
}
.wf-sp-hud_ghost_record_bar--enter {
  background-image: url("../assets/ui/hud_ghost_record_bar/hud_ghost_record_bar__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_ghost_record_bar--pulse {
  background-image: url("../assets/ui/hud_ghost_record_bar/hud_ghost_record_bar__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 84px;
  animation: wf-wf-sp-hud_ghost_record_bar--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-hud_ghost_record_bar--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-hud_ghost_record_bar--pulse {
  background-image: url("../assets/ui/hud_ghost_record_bar/hud_ghost_record_bar__pulse.webp");
  background-position: -0px -0px;
}
.wf-sp-hud_ghost_record_bar--exit {
  background-image: url("../assets/ui/hud_ghost_record_bar/hud_ghost_record_bar__exit.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 82px;
  animation: wf-wf-sp-hud_ghost_record_bar--exit 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-hud_ghost_record_bar--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -238px -0px; }
  40.00% { background-position: -476px -0px; }
  60.00% { background-position: -714px -0px; }
  80.00% { background-position: -952px -0px; }
}
.wf-sp-hud_ghost_record_bar--exit {
  background-image: url("../assets/ui/hud_ghost_record_bar/hud_ghost_record_bar__exit.webp");
  background-position: -0px -0px;
}
/* ui/control — control_left */
.wf-sp-control_left {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -319px -0px;
  width: 170px;
  height: 141px;
}
.wf-sp-control_left--press {
  background-image: url("../assets/ui/control_left/control_left__press.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 162px;
  animation: wf-wf-sp-control_left--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_left--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
}
.wf-sp-control_left--press {
  background-image: url("../assets/ui/control_left/control_left__press.webp");
  background-position: -0px -0px;
}
/* ui/control — control_right */
.wf-sp-control_right {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -623px -0px;
  width: 170px;
  height: 142px;
}
.wf-sp-control_right--press {
  background-image: url("../assets/ui/control_right/control_right__press.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 162px;
  animation: wf-wf-sp-control_right--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_right--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
}
.wf-sp-control_right--press {
  background-image: url("../assets/ui/control_right/control_right__press.webp");
  background-position: -0px -0px;
}
/* ui/control — control_drop */
.wf-sp-control_drop {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -149px -0px;
  width: 170px;
  height: 141px;
}
.wf-sp-control_drop--press {
  background-image: url("../assets/ui/control_drop/control_drop__press.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 162px;
  animation: wf-wf-sp-control_drop--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_drop--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
}
.wf-sp-control_drop--press {
  background-image: url("../assets/ui/control_drop/control_drop__press.webp");
  background-position: -0px -0px;
}
/* ui/control — control_rotate */
.wf-sp-control_rotate {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -793px -0px;
  width: 148px;
  height: 170px;
}
.wf-sp-control_rotate--press {
  background-image: url("../assets/ui/control_rotate/control_rotate__press.webp");
  background-position: -0px -0px;
  width: 166px;
  height: 190px;
  animation: wf-wf-sp-control_rotate--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_rotate--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -166px -0px; }
  50.00% { background-position: -332px -0px; }
  75.00% { background-position: -498px -0px; }
}
.wf-sp-control_rotate--press {
  background-image: url("../assets/ui/control_rotate/control_rotate__press.webp");
  background-position: -0px -0px;
}
/* ui/control — control_drag */
.wf-sp-control_drag {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -0px -0px;
  width: 149px;
  height: 170px;
}
.wf-sp-control_drag--press {
  background-image: url("../assets/ui/control_drag/control_drag__press.webp");
  background-position: -0px -0px;
  width: 166px;
  height: 190px;
  animation: wf-wf-sp-control_drag--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_drag--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -166px -0px; }
  50.00% { background-position: -332px -0px; }
  75.00% { background-position: -498px -0px; }
}
.wf-sp-control_drag--press {
  background-image: url("../assets/ui/control_drag/control_drag__press.webp");
  background-position: -0px -0px;
}
/* ui/control — control_touch */
.wf-sp-control_touch {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -941px -0px;
  width: 148px;
  height: 170px;
}
.wf-sp-control_touch--press {
  background-image: url("../assets/ui/control_touch/control_touch__press.webp");
  background-position: -0px -0px;
  width: 166px;
  height: 190px;
  animation: wf-wf-sp-control_touch--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_touch--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -166px -0px; }
  50.00% { background-position: -332px -0px; }
  75.00% { background-position: -498px -0px; }
}
.wf-sp-control_touch--press {
  background-image: url("../assets/ui/control_touch/control_touch__press.webp");
  background-position: -0px -0px;
}
/* ui/control — keycap_blank */
.wf-sp-keycap_blank {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -1259px -0px;
  width: 170px;
  height: 167px;
}
.wf-sp-keycap_blank--press {
  background-image: url("../assets/ui/keycap_blank/keycap_blank__press.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 188px;
  animation: wf-wf-sp-keycap_blank--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-keycap_blank--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
}
.wf-sp-keycap_blank--press {
  background-image: url("../assets/ui/keycap_blank/keycap_blank__press.webp");
  background-position: -0px -0px;
}
/* ui/control — keycap_arrow_left */
.wf-sp-keycap_arrow_left {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -1089px -0px;
  width: 170px;
  height: 167px;
}
.wf-sp-keycap_arrow_left--press {
  background-image: url("../assets/ui/keycap_arrow_left/keycap_arrow_left__press.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 188px;
  animation: wf-wf-sp-keycap_arrow_left--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-keycap_arrow_left--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
}
.wf-sp-keycap_arrow_left--press {
  background-image: url("../assets/ui/keycap_arrow_left/keycap_arrow_left__press.webp");
  background-position: -0px -0px;
}
/* ui/control — control_mouse */
.wf-sp-control_mouse {
  background-image: url("../assets/atlas/ui-control/ui-control.webp");
  background-position: -489px -0px;
  width: 134px;
  height: 170px;
}
.wf-sp-control_mouse--press {
  background-image: url("../assets/ui/control_mouse/control_mouse__press.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 190px;
  animation: wf-wf-sp-control_mouse--press 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-control_mouse--press {
  from { background-position: 0px 0px; }
  25.00% { background-position: -152px -0px; }
  50.00% { background-position: -304px -0px; }
  75.00% { background-position: -456px -0px; }
}
.wf-sp-control_mouse--press {
  background-image: url("../assets/ui/control_mouse/control_mouse__press.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_resume */
.wf-sp-ui_icon_resume {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2016px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_resume--pulse {
  background-image: url("../assets/ui/ui_icon_resume/ui_icon_resume__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_resume--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_resume--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_resume--pulse {
  background-image: url("../assets/ui/ui_icon_resume/ui_icon_resume__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_vfx */
.wf-sp-ui_icon_vfx {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2976px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_vfx--pulse {
  background-image: url("../assets/ui/ui_icon_vfx/ui_icon_vfx__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_vfx--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_vfx--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_vfx--pulse {
  background-image: url("../assets/ui/ui_icon_vfx/ui_icon_vfx__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_unlock */
.wf-sp-ui_icon_unlock {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2880px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_unlock--pulse {
  background-image: url("../assets/ui/ui_icon_unlock/ui_icon_unlock__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_unlock--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_unlock--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_unlock--pulse {
  background-image: url("../assets/ui/ui_icon_unlock/ui_icon_unlock__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_close */
.wf-sp-ui_icon_close {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -288px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_close--pulse {
  background-image: url("../assets/ui/ui_icon_close/ui_icon_close__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_close--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_close--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_close--pulse {
  background-image: url("../assets/ui/ui_icon_close/ui_icon_close__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_info */
.wf-sp-ui_icon_info {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1152px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_info--pulse {
  background-image: url("../assets/ui/ui_icon_info/ui_icon_info__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_info--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_info--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_info--pulse {
  background-image: url("../assets/ui/ui_icon_info/ui_icon_info__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_trophy */
.wf-sp-ui_icon_trophy {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2784px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_trophy--pulse {
  background-image: url("../assets/ui/ui_icon_trophy/ui_icon_trophy__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_trophy--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_trophy--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_trophy--pulse {
  background-image: url("../assets/ui/ui_icon_trophy/ui_icon_trophy__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_record */
.wf-sp-ui_icon_record {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1728px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_record--pulse {
  background-image: url("../assets/ui/ui_icon_record/ui_icon_record__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_record--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_record--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_record--pulse {
  background-image: url("../assets/ui/ui_icon_record/ui_icon_record__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_rotate */
.wf-sp-ui_icon_rotate {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2112px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_rotate--pulse {
  background-image: url("../assets/ui/ui_icon_rotate/ui_icon_rotate__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_rotate--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_rotate--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_rotate--pulse {
  background-image: url("../assets/ui/ui_icon_rotate/ui_icon_rotate__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_drop */
.wf-sp-ui_icon_drop {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -768px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_drop--pulse {
  background-image: url("../assets/ui/ui_icon_drop/ui_icon_drop__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_drop--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_drop--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_drop--pulse {
  background-image: url("../assets/ui/ui_icon_drop/ui_icon_drop__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_warning */
.wf-sp-ui_icon_warning {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -3072px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_warning--pulse {
  background-image: url("../assets/ui/ui_icon_warning/ui_icon_warning__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_warning--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_warning--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_warning--pulse {
  background-image: url("../assets/ui/ui_icon_warning/ui_icon_warning__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_danger */
.wf-sp-ui_icon_danger {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -672px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_danger--pulse {
  background-image: url("../assets/ui/ui_icon_danger/ui_icon_danger__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_danger--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_danger--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_danger--pulse {
  background-image: url("../assets/ui/ui_icon_danger/ui_icon_danger__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_stability */
.wf-sp-ui_icon_stability {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2496px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_stability--pulse {
  background-image: url("../assets/ui/ui_icon_stability/ui_icon_stability__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_stability--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_stability--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_stability--pulse {
  background-image: url("../assets/ui/ui_icon_stability/ui_icon_stability__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_height */
.wf-sp-ui_icon_height {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -960px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_height--pulse {
  background-image: url("../assets/ui/ui_icon_height/ui_icon_height__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_height--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_height--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_height--pulse {
  background-image: url("../assets/ui/ui_icon_height/ui_icon_height__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_score */
.wf-sp-ui_icon_score {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2208px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_score--pulse {
  background-image: url("../assets/ui/ui_icon_score/ui_icon_score__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_score--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_score--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_score--pulse {
  background-image: url("../assets/ui/ui_icon_score/ui_icon_score__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_combo */
.wf-sp-ui_icon_combo {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -480px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_combo--pulse {
  background-image: url("../assets/ui/ui_icon_combo/ui_icon_combo__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_combo--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_combo--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_combo--pulse {
  background-image: url("../assets/ui/ui_icon_combo/ui_icon_combo__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_precision */
.wf-sp-ui_icon_precision {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -1632px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_precision--pulse {
  background-image: url("../assets/ui/ui_icon_precision/ui_icon_precision__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_precision--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_precision--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_precision--pulse {
  background-image: url("../assets/ui/ui_icon_precision/ui_icon_precision__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_timer */
.wf-sp-ui_icon_timer {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -2688px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_timer--pulse {
  background-image: url("../assets/ui/ui_icon_timer/ui_icon_timer__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_timer--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_timer--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_timer--pulse {
  background-image: url("../assets/ui/ui_icon_timer/ui_icon_timer__pulse.webp");
  background-position: -0px -0px;
}
/* ui/icon — ui_icon_classic */
.wf-sp-ui_icon_classic {
  background-image: url("../assets/atlas/ui-icon/ui-icon.webp");
  background-position: -192px -0px;
  width: 96px;
  height: 96px;
}
.wf-sp-ui_icon_classic--pulse {
  background-image: url("../assets/ui/ui_icon_classic/ui_icon_classic__pulse.webp");
  background-position: -0px -0px;
  width: 118px;
  height: 118px;
  animation: wf-wf-sp-ui_icon_classic--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_icon_classic--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -118px -0px; }
  50.00% { background-position: -236px -0px; }
  75.00% { background-position: -354px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_icon_classic--pulse {
  background-image: url("../assets/ui/ui_icon_classic/ui_icon_classic__pulse.webp");
  background-position: -0px -0px;
}
/* ui/stat_icon — stat_perfect */
.wf-sp-stat_perfect {
  background-image: url("../assets/atlas/ui-stat_icon/ui-stat_icon.webp");
  background-position: -330px -0px;
  width: 110px;
  height: 110px;
}
.wf-sp-stat_perfect--pop {
  background-image: url("../assets/ui/stat_perfect/stat_perfect__pop.webp");
  background-position: -0px -0px;
  width: 132px;
  height: 132px;
  animation: wf-wf-sp-stat_perfect--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-stat_perfect--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -132px -0px; }
  40.00% { background-position: -264px -0px; }
  60.00% { background-position: -396px -0px; }
  80.00% { background-position: -528px -0px; }
}
.wf-sp-stat_perfect--pop {
  background-image: url("../assets/ui/stat_perfect/stat_perfect__pop.webp");
  background-position: -0px -0px;
}
/* ui/stat_icon — stat_near_miss */
.wf-sp-stat_near_miss {
  background-image: url("../assets/atlas/ui-stat_icon/ui-stat_icon.webp");
  background-position: -220px -0px;
  width: 110px;
  height: 110px;
}
.wf-sp-stat_near_miss--pop {
  background-image: url("../assets/ui/stat_near_miss/stat_near_miss__pop.webp");
  background-position: -0px -0px;
  width: 132px;
  height: 132px;
  animation: wf-wf-sp-stat_near_miss--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-stat_near_miss--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -132px -0px; }
  40.00% { background-position: -264px -0px; }
  60.00% { background-position: -396px -0px; }
  80.00% { background-position: -528px -0px; }
}
.wf-sp-stat_near_miss--pop {
  background-image: url("../assets/ui/stat_near_miss/stat_near_miss__pop.webp");
  background-position: -0px -0px;
}
/* ui/stat_icon — stat_risk */
.wf-sp-stat_risk {
  background-image: url("../assets/atlas/ui-stat_icon/ui-stat_icon.webp");
  background-position: -550px -0px;
  width: 110px;
  height: 110px;
}
.wf-sp-stat_risk--pop {
  background-image: url("../assets/ui/stat_risk/stat_risk__pop.webp");
  background-position: -0px -0px;
  width: 132px;
  height: 132px;
  animation: wf-wf-sp-stat_risk--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-stat_risk--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -132px -0px; }
  40.00% { background-position: -264px -0px; }
  60.00% { background-position: -396px -0px; }
  80.00% { background-position: -528px -0px; }
}
.wf-sp-stat_risk--pop {
  background-image: url("../assets/ui/stat_risk/stat_risk__pop.webp");
  background-position: -0px -0px;
}
/* ui/stat_icon — stat_recovery */
.wf-sp-stat_recovery {
  background-image: url("../assets/atlas/ui-stat_icon/ui-stat_icon.webp");
  background-position: -440px -0px;
  width: 110px;
  height: 110px;
}
.wf-sp-stat_recovery--pop {
  background-image: url("../assets/ui/stat_recovery/stat_recovery__pop.webp");
  background-position: -0px -0px;
  width: 132px;
  height: 132px;
  animation: wf-wf-sp-stat_recovery--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-stat_recovery--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -132px -0px; }
  40.00% { background-position: -264px -0px; }
  60.00% { background-position: -396px -0px; }
  80.00% { background-position: -528px -0px; }
}
.wf-sp-stat_recovery--pop {
  background-image: url("../assets/ui/stat_recovery/stat_recovery__pop.webp");
  background-position: -0px -0px;
}
/* ui/stat_icon — stat_combo */
.wf-sp-stat_combo {
  background-image: url("../assets/atlas/ui-stat_icon/ui-stat_icon.webp");
  background-position: -0px -0px;
  width: 110px;
  height: 110px;
}
.wf-sp-stat_combo--pop {
  background-image: url("../assets/ui/stat_combo/stat_combo__pop.webp");
  background-position: -0px -0px;
  width: 132px;
  height: 132px;
  animation: wf-wf-sp-stat_combo--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-stat_combo--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -132px -0px; }
  40.00% { background-position: -264px -0px; }
  60.00% { background-position: -396px -0px; }
  80.00% { background-position: -528px -0px; }
}
.wf-sp-stat_combo--pop {
  background-image: url("../assets/ui/stat_combo/stat_combo__pop.webp");
  background-position: -0px -0px;
}
/* ui/stat_icon — stat_height */
.wf-sp-stat_height {
  background-image: url("../assets/atlas/ui-stat_icon/ui-stat_icon.webp");
  background-position: -110px -0px;
  width: 110px;
  height: 110px;
}
.wf-sp-stat_height--pop {
  background-image: url("../assets/ui/stat_height/stat_height__pop.webp");
  background-position: -0px -0px;
  width: 132px;
  height: 132px;
  animation: wf-wf-sp-stat_height--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-stat_height--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -132px -0px; }
  40.00% { background-position: -264px -0px; }
  60.00% { background-position: -396px -0px; }
  80.00% { background-position: -528px -0px; }
}
.wf-sp-stat_height--pop {
  background-image: url("../assets/ui/stat_height/stat_height__pop.webp");
  background-position: -0px -0px;
}
/* ui/badge — badge_owned */
.wf-sp-badge_owned {
  background-image: url("../assets/atlas/ui-badge/ui-badge.webp");
  background-position: -512px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-badge_owned--pop {
  background-image: url("../assets/ui/badge_owned/badge_owned__pop.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 152px;
  animation: wf-wf-sp-badge_owned--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-badge_owned--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-badge_owned--pop {
  background-image: url("../assets/ui/badge_owned/badge_owned__pop.webp");
  background-position: -0px -0px;
}
/* ui/badge — badge_locked */
.wf-sp-badge_locked {
  background-image: url("../assets/atlas/ui-badge/ui-badge.webp");
  background-position: -256px -0px;
  width: 128px;
  height: 128px;
}
/* ui/badge — badge_equipped */
.wf-sp-badge_equipped {
  background-image: url("../assets/atlas/ui-badge/ui-badge.webp");
  background-position: -0px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-badge_equipped--pop {
  background-image: url("../assets/ui/badge_equipped/badge_equipped__pop.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 152px;
  animation: wf-wf-sp-badge_equipped--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-badge_equipped--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-badge_equipped--pop {
  background-image: url("../assets/ui/badge_equipped/badge_equipped__pop.webp");
  background-position: -0px -0px;
}
/* ui/badge — badge_personal_best */
.wf-sp-badge_personal_best {
  background-image: url("../assets/atlas/ui-badge/ui-badge.webp");
  background-position: -640px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-badge_personal_best--pop {
  background-image: url("../assets/ui/badge_personal_best/badge_personal_best__pop.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 152px;
  animation: wf-wf-sp-badge_personal_best--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-badge_personal_best--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-badge_personal_best--pop {
  background-image: url("../assets/ui/badge_personal_best/badge_personal_best__pop.webp");
  background-position: -0px -0px;
}
/* ui/badge — badge_new_record */
.wf-sp-badge_new_record {
  background-image: url("../assets/atlas/ui-badge/ui-badge.webp");
  background-position: -384px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-badge_new_record--pop {
  background-image: url("../assets/ui/badge_new_record/badge_new_record__pop.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 152px;
  animation: wf-wf-sp-badge_new_record--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-badge_new_record--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-badge_new_record--pop {
  background-image: url("../assets/ui/badge_new_record/badge_new_record__pop.webp");
  background-position: -0px -0px;
}
/* ui/badge — badge_ghost_replay */
.wf-sp-badge_ghost_replay {
  background-image: url("../assets/atlas/ui-badge/ui-badge.webp");
  background-position: -128px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-badge_ghost_replay--pop {
  background-image: url("../assets/ui/badge_ghost_replay/badge_ghost_replay__pop.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 152px;
  animation: wf-wf-sp-badge_ghost_replay--pop 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-badge_ghost_replay--pop {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-badge_ghost_replay--pop {
  background-image: url("../assets/ui/badge_ghost_replay/badge_ghost_replay__pop.webp");
  background-position: -0px -0px;
}
/* ui/error_icon — err_generic */
.wf-sp-err_generic {
  background-image: url("../assets/atlas/ui-error_icon/ui-error_icon.webp");
  background-position: -256px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-err_generic--shake {
  background-image: url("../assets/ui/err_generic/err_generic__shake.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 140px;
  animation: wf-wf-sp-err_generic--shake 0.278s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-err_generic--shake {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-err_generic--shake {
  background-image: url("../assets/ui/err_generic/err_generic__shake.webp");
  background-position: -0px -0px;
}
/* ui/error_icon — err_save */
.wf-sp-err_save {
  background-image: url("../assets/atlas/ui-error_icon/ui-error_icon.webp");
  background-position: -512px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-err_save--shake {
  background-image: url("../assets/ui/err_save/err_save__shake.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 140px;
  animation: wf-wf-sp-err_save--shake 0.278s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-err_save--shake {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-err_save--shake {
  background-image: url("../assets/ui/err_save/err_save__shake.webp");
  background-position: -0px -0px;
}
/* ui/error_icon — err_sdk */
.wf-sp-err_sdk {
  background-image: url("../assets/atlas/ui-error_icon/ui-error_icon.webp");
  background-position: -640px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-err_sdk--shake {
  background-image: url("../assets/ui/err_sdk/err_sdk__shake.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 140px;
  animation: wf-wf-sp-err_sdk--shake 0.278s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-err_sdk--shake {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-err_sdk--shake {
  background-image: url("../assets/ui/err_sdk/err_sdk__shake.webp");
  background-position: -0px -0px;
}
/* ui/error_icon — err_asset */
.wf-sp-err_asset {
  background-image: url("../assets/atlas/ui-error_icon/ui-error_icon.webp");
  background-position: -0px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-err_asset--shake {
  background-image: url("../assets/ui/err_asset/err_asset__shake.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 140px;
  animation: wf-wf-sp-err_asset--shake 0.278s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-err_asset--shake {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-err_asset--shake {
  background-image: url("../assets/ui/err_asset/err_asset__shake.webp");
  background-position: -0px -0px;
}
/* ui/error_icon — err_retry */
.wf-sp-err_retry {
  background-image: url("../assets/atlas/ui-error_icon/ui-error_icon.webp");
  background-position: -384px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-err_retry--shake {
  background-image: url("../assets/ui/err_retry/err_retry__shake.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 140px;
  animation: wf-wf-sp-err_retry--shake 0.278s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-err_retry--shake {
  from { background-position: 0px 0px; }
  20.00% { background-position: -152px -0px; }
  40.00% { background-position: -304px -0px; }
  60.00% { background-position: -456px -0px; }
  80.00% { background-position: -608px -0px; }
}
.wf-sp-err_retry--shake {
  background-image: url("../assets/ui/err_retry/err_retry__shake.webp");
  background-position: -0px -0px;
}
/* ui/error_icon — err_empty */
.wf-sp-err_empty {
  background-image: url("../assets/atlas/ui-error_icon/ui-error_icon.webp");
  background-position: -128px -0px;
  width: 128px;
  height: 128px;
}
.wf-sp-err_empty--float {
  background-image: url("../assets/ui/err_empty/err_empty__float.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 154px;
  animation: wf-wf-sp-err_empty--float 0.500s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-err_empty--float {
  from { background-position: 0px 0px; }
  25.00% { background-position: -154px -0px; }
  50.00% { background-position: -308px -0px; }
  75.00% { background-position: -462px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-err_empty--float {
  background-image: url("../assets/ui/err_empty/err_empty__float.webp");
  background-position: -0px -0px;
}
/* ui/feedback — fx_ripple */
.wf-sp-fx_ripple {
  background-image: url("../assets/atlas/ui-feedback/ui-feedback.webp");
  background-position: -800px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-fx_ripple--ripple {
  background-image: url("../assets/ui/fx_ripple/fx_ripple__ripple.webp");
  background-position: -0px -0px;
  width: 272px;
  height: 272px;
  animation: wf-wf-sp-fx_ripple--ripple 0.375s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-fx_ripple--ripple {
  from { background-position: 0px 0px; }
  16.67% { background-position: -272px -0px; }
  33.33% { background-position: -544px -0px; }
  50.00% { background-position: -816px -0px; }
  66.67% { background-position: -1088px -0px; }
  83.33% { background-position: -1360px -0px; }
}
.wf-sp-fx_ripple--ripple {
  background-image: url("../assets/ui/fx_ripple/fx_ripple__ripple.webp");
  background-position: -0px -0px;
}
/* ui/feedback — fx_hover_glow */
.wf-sp-fx_hover_glow {
  background-image: url("../assets/atlas/ui-feedback/ui-feedback.webp");
  background-position: -600px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-fx_hover_glow--hover_glow {
  background-image: url("../assets/ui/fx_hover_glow/fx_hover_glow__hover_glow.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 220px;
  animation: wf-wf-sp-fx_hover_glow--hover_glow 0.250s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-fx_hover_glow--hover_glow {
  from { background-position: 0px 0px; }
  25.00% { background-position: -220px -0px; }
  50.00% { background-position: -440px -0px; }
  75.00% { background-position: -660px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-fx_hover_glow--hover_glow {
  background-image: url("../assets/ui/fx_hover_glow/fx_hover_glow__hover_glow.webp");
  background-position: -0px -0px;
}
/* ui/feedback — fx_selection_burst */
.wf-sp-fx_selection_burst {
  background-image: url("../assets/atlas/ui-feedback/ui-feedback.webp");
  background-position: -1000px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-fx_selection_burst--selection_burst {
  background-image: url("../assets/ui/fx_selection_burst/fx_selection_burst__selection_burst.webp");
  background-position: -0px -0px;
  width: 272px;
  height: 272px;
  animation: wf-wf-sp-fx_selection_burst--selection_burst 0.375s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-fx_selection_burst--selection_burst {
  from { background-position: 0px 0px; }
  16.67% { background-position: -272px -0px; }
  33.33% { background-position: -544px -0px; }
  50.00% { background-position: -816px -0px; }
  66.67% { background-position: -1088px -0px; }
  83.33% { background-position: -1360px -0px; }
}
.wf-sp-fx_selection_burst--selection_burst {
  background-image: url("../assets/ui/fx_selection_burst/fx_selection_burst__selection_burst.webp");
  background-position: -0px -0px;
}
/* ui/feedback — fx_count_up */
.wf-sp-fx_count_up {
  background-image: url("../assets/atlas/ui-feedback/ui-feedback.webp");
  background-position: -400px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-fx_count_up--count_up {
  background-image: url("../assets/ui/fx_count_up/fx_count_up__count_up.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 234px;
  animation: wf-wf-sp-fx_count_up--count_up 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-fx_count_up--count_up {
  from { background-position: 0px 0px; }
  25.00% { background-position: -234px -0px; }
  50.00% { background-position: -468px -0px; }
  75.00% { background-position: -702px -0px; }
}
.wf-sp-fx_count_up--count_up {
  background-image: url("../assets/ui/fx_count_up/fx_count_up__count_up.webp");
  background-position: -0px -0px;
}
/* ui/feedback — fx_count_down */
.wf-sp-fx_count_down {
  background-image: url("../assets/atlas/ui-feedback/ui-feedback.webp");
  background-position: -200px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-fx_count_down--count_down {
  background-image: url("../assets/ui/fx_count_down/fx_count_down__count_down.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 234px;
  animation: wf-wf-sp-fx_count_down--count_down 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-fx_count_down--count_down {
  from { background-position: 0px 0px; }
  25.00% { background-position: -234px -0px; }
  50.00% { background-position: -468px -0px; }
  75.00% { background-position: -702px -0px; }
}
.wf-sp-fx_count_down--count_down {
  background-image: url("../assets/ui/fx_count_down/fx_count_down__count_down.webp");
  background-position: -0px -0px;
}
/* ui/feedback — fx_confirm_pulse */
.wf-sp-fx_confirm_pulse {
  background-image: url("../assets/atlas/ui-feedback/ui-feedback.webp");
  background-position: -0px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-fx_confirm_pulse--confirm_pulse {
  background-image: url("../assets/ui/fx_confirm_pulse/fx_confirm_pulse__confirm_pulse.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 234px;
  animation: wf-wf-sp-fx_confirm_pulse--confirm_pulse 0.250s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-fx_confirm_pulse--confirm_pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -234px -0px; }
  50.00% { background-position: -468px -0px; }
  75.00% { background-position: -702px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-fx_confirm_pulse--confirm_pulse {
  background-image: url("../assets/ui/fx_confirm_pulse/fx_confirm_pulse__confirm_pulse.webp");
  background-position: -0px -0px;
}
/* ui/transition — transition_classic */
.wf-sp-transition_classic {
  background-image: url("../assets/atlas/ui-transition/ui-transition.webp");
  background-position: -0px -0px;
  width: 620px;
  height: 562px;
}
.wf-sp-transition_classic--play {
  background-image: url("../assets/ui/transition_classic/transition_classic__play.webp");
  background-position: -0px -0px;
  width: 954px;
  height: 604px;
  animation: wf-wf-sp-transition_classic--play 0.389s steps(7) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-transition_classic--play {
  from { background-position: 0px 0px; }
  14.29% { background-position: -954px -0px; }
  28.57% { background-position: -1908px -0px; }
  42.86% { background-position: -2862px -0px; }
  57.14% { background-position: -0px -604px; }
  71.43% { background-position: -954px -604px; }
  85.71% { background-position: -1908px -604px; }
}
.wf-sp-transition_classic--play {
  background-image: url("../assets/ui/transition_classic/transition_classic__play.webp");
  background-position: -0px -0px;
}
/* ui/transition — transition_rush */
.wf-sp-transition_rush {
  background-image: url("../assets/atlas/ui-transition/ui-transition.webp");
  background-position: -1240px -0px;
  width: 620px;
  height: 562px;
}
.wf-sp-transition_rush--play {
  background-image: url("../assets/ui/transition_rush/transition_rush__play.webp");
  background-position: -0px -0px;
  width: 954px;
  height: 604px;
  animation: wf-wf-sp-transition_rush--play 0.389s steps(7) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-transition_rush--play {
  from { background-position: 0px 0px; }
  14.29% { background-position: -954px -0px; }
  28.57% { background-position: -1908px -0px; }
  42.86% { background-position: -2862px -0px; }
  57.14% { background-position: -0px -604px; }
  71.43% { background-position: -954px -604px; }
  85.71% { background-position: -1908px -604px; }
}
.wf-sp-transition_rush--play {
  background-image: url("../assets/ui/transition_rush/transition_rush__play.webp");
  background-position: -0px -0px;
}
/* ui/transition — transition_survival */
.wf-sp-transition_survival {
  background-image: url("../assets/atlas/ui-transition/ui-transition.webp");
  background-position: -1860px -0px;
  width: 620px;
  height: 564px;
}
.wf-sp-transition_survival--play {
  background-image: url("../assets/ui/transition_survival/transition_survival__play.webp");
  background-position: -0px -0px;
  width: 954px;
  height: 606px;
  animation: wf-wf-sp-transition_survival--play 0.389s steps(7) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-transition_survival--play {
  from { background-position: 0px 0px; }
  14.29% { background-position: -954px -0px; }
  28.57% { background-position: -1908px -0px; }
  42.86% { background-position: -2862px -0px; }
  57.14% { background-position: -0px -606px; }
  71.43% { background-position: -954px -606px; }
  85.71% { background-position: -1908px -606px; }
}
.wf-sp-transition_survival--play {
  background-image: url("../assets/ui/transition_survival/transition_survival__play.webp");
  background-position: -0px -0px;
}
/* ui/transition — transition_precision */
.wf-sp-transition_precision {
  background-image: url("../assets/atlas/ui-transition/ui-transition.webp");
  background-position: -620px -0px;
  width: 620px;
  height: 564px;
}
.wf-sp-transition_precision--play {
  background-image: url("../assets/ui/transition_precision/transition_precision__play.webp");
  background-position: -0px -0px;
  width: 954px;
  height: 606px;
  animation: wf-wf-sp-transition_precision--play 0.389s steps(7) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-transition_precision--play {
  from { background-position: 0px 0px; }
  14.29% { background-position: -954px -0px; }
  28.57% { background-position: -1908px -0px; }
  42.86% { background-position: -2862px -0px; }
  57.14% { background-position: -0px -606px; }
  71.43% { background-position: -954px -606px; }
  85.71% { background-position: -1908px -606px; }
}
.wf-sp-transition_precision--play {
  background-image: url("../assets/ui/transition_precision/transition_precision__play.webp");
  background-position: -0px -0px;
}
/* ui/toggle — ui_toggle_on */
.wf-sp-ui_toggle_on {
  background-image: url("../assets/atlas/ui-toggle/ui-toggle.webp");
  background-position: -220px -0px;
  width: 220px;
  height: 98px;
}
.wf-sp-ui_toggle_on--slide {
  background-image: url("../assets/ui/ui_toggle_on/ui_toggle_on__slide.webp");
  background-position: -0px -0px;
  width: 252px;
  height: 108px;
  animation: wf-wf-sp-ui_toggle_on--slide 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_toggle_on--slide {
  from { background-position: 0px 0px; }
  20.00% { background-position: -252px -0px; }
  40.00% { background-position: -504px -0px; }
  60.00% { background-position: -756px -0px; }
  80.00% { background-position: -1008px -0px; }
}
.wf-sp-ui_toggle_on--slide {
  background-image: url("../assets/ui/ui_toggle_on/ui_toggle_on__slide.webp");
  background-position: -0px -0px;
}
/* ui/toggle — ui_toggle_off */
.wf-sp-ui_toggle_off {
  background-image: url("../assets/atlas/ui-toggle/ui-toggle.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 98px;
}
.wf-sp-ui_toggle_off--slide {
  background-image: url("../assets/ui/ui_toggle_off/ui_toggle_off__slide.webp");
  background-position: -0px -0px;
  width: 252px;
  height: 108px;
  animation: wf-wf-sp-ui_toggle_off--slide 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_toggle_off--slide {
  from { background-position: 0px 0px; }
  20.00% { background-position: -252px -0px; }
  40.00% { background-position: -504px -0px; }
  60.00% { background-position: -756px -0px; }
  80.00% { background-position: -1008px -0px; }
}
.wf-sp-ui_toggle_off--slide {
  background-image: url("../assets/ui/ui_toggle_off/ui_toggle_off__slide.webp");
  background-position: -0px -0px;
}
/* ui/panel — results_panel */
.wf-sp-results_panel {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -1320px -0px;
  width: 445px;
  height: 620px;
}
.wf-sp-results_panel--enter {
  background-image: url("../assets/ui/results_panel/results_panel__enter.webp");
  background-position: -0px -0px;
  width: 472px;
  height: 652px;
  animation: wf-wf-sp-results_panel--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-results_panel--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -472px -0px; }
  40.00% { background-position: -944px -0px; }
  60.00% { background-position: -1416px -0px; }
  80.00% { background-position: -1888px -0px; }
}
.wf-sp-results_panel--enter {
  background-image: url("../assets/ui/results_panel/results_panel__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-results_panel--exit {
  background-image: url("../assets/ui/results_panel/results_panel__exit.webp");
  background-position: -0px -0px;
  width: 466px;
  height: 646px;
  animation: wf-wf-sp-results_panel--exit 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-results_panel--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -466px -0px; }
  40.00% { background-position: -932px -0px; }
  60.00% { background-position: -1398px -0px; }
  80.00% { background-position: -1864px -0px; }
}
.wf-sp-results_panel--exit {
  background-image: url("../assets/ui/results_panel/results_panel__exit.webp");
  background-position: -0px -0px;
}
/* ui/panel — settings_panel */
.wf-sp-settings_panel {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -1765px -0px;
  width: 449px;
  height: 620px;
}
.wf-sp-settings_panel--enter {
  background-image: url("../assets/ui/settings_panel/settings_panel__enter.webp");
  background-position: -0px -0px;
  width: 476px;
  height: 652px;
  animation: wf-wf-sp-settings_panel--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-settings_panel--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -476px -0px; }
  40.00% { background-position: -952px -0px; }
  60.00% { background-position: -1428px -0px; }
  80.00% { background-position: -1904px -0px; }
}
.wf-sp-settings_panel--enter {
  background-image: url("../assets/ui/settings_panel/settings_panel__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-settings_panel--exit {
  background-image: url("../assets/ui/settings_panel/settings_panel__exit.webp");
  background-position: -0px -0px;
  width: 470px;
  height: 646px;
  animation: wf-wf-sp-settings_panel--exit 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-settings_panel--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -470px -0px; }
  40.00% { background-position: -940px -0px; }
  60.00% { background-position: -1410px -0px; }
  80.00% { background-position: -1880px -0px; }
}
.wf-sp-settings_panel--exit {
  background-image: url("../assets/ui/settings_panel/settings_panel__exit.webp");
  background-position: -0px -0px;
}
/* ui/panel — confirm_dialog */
.wf-sp-confirm_dialog {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -0px -0px;
  width: 620px;
  height: 524px;
}
.wf-sp-confirm_dialog--enter {
  background-image: url("../assets/ui/confirm_dialog/confirm_dialog__enter.webp");
  background-position: -0px -0px;
  width: 652px;
  height: 552px;
  animation: wf-wf-sp-confirm_dialog--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-confirm_dialog--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -652px -0px; }
  40.00% { background-position: -1304px -0px; }
  60.00% { background-position: -1956px -0px; }
  80.00% { background-position: -2608px -0px; }
}
.wf-sp-confirm_dialog--enter {
  background-image: url("../assets/ui/confirm_dialog/confirm_dialog__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-confirm_dialog--exit {
  background-image: url("../assets/ui/confirm_dialog/confirm_dialog__exit.webp");
  background-position: -0px -0px;
  width: 646px;
  height: 548px;
  animation: wf-wf-sp-confirm_dialog--exit 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-confirm_dialog--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -646px -0px; }
  40.00% { background-position: -1292px -0px; }
  60.00% { background-position: -1938px -0px; }
  80.00% { background-position: -2584px -0px; }
}
.wf-sp-confirm_dialog--exit {
  background-image: url("../assets/ui/confirm_dialog/confirm_dialog__exit.webp");
  background-position: -0px -0px;
}
/* ui/panel — record_banner */
.wf-sp-record_banner {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -620px -0px;
  width: 700px;
  height: 195px;
}
.wf-sp-record_banner--enter {
  background-image: url("../assets/ui/record_banner/record_banner__enter.webp");
  background-position: -0px -0px;
  width: 734px;
  height: 214px;
  animation: wf-wf-sp-record_banner--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-record_banner--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -734px -0px; }
  40.00% { background-position: -1468px -0px; }
  60.00% { background-position: -2202px -0px; }
  80.00% { background-position: -2936px -0px; }
}
.wf-sp-record_banner--enter {
  background-image: url("../assets/ui/record_banner/record_banner__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-record_banner--exit {
  background-image: url("../assets/ui/record_banner/record_banner__exit.webp");
  background-position: -0px -0px;
  width: 726px;
  height: 212px;
  animation: wf-wf-sp-record_banner--exit 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-record_banner--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -726px -0px; }
  40.00% { background-position: -1452px -0px; }
  60.00% { background-position: -2178px -0px; }
  80.00% { background-position: -2904px -0px; }
}
.wf-sp-record_banner--exit {
  background-image: url("../assets/ui/record_banner/record_banner__exit.webp");
  background-position: -0px -0px;
}
/* ui/panel — skin_card_frame */
.wf-sp-skin_card_frame {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -2214px -0px;
  width: 290px;
  height: 420px;
}
.wf-sp-skin_card_frame--enter {
  background-image: url("../assets/ui/skin_card_frame/skin_card_frame__enter.webp");
  background-position: -0px -0px;
  width: 312px;
  height: 446px;
  animation: wf-wf-sp-skin_card_frame--enter 0.357s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_card_frame--enter {
  from { background-position: 0px 0px; }
  20.00% { background-position: -312px -0px; }
  40.00% { background-position: -624px -0px; }
  60.00% { background-position: -936px -0px; }
  80.00% { background-position: -1248px -0px; }
}
.wf-sp-skin_card_frame--enter {
  background-image: url("../assets/ui/skin_card_frame/skin_card_frame__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_card_frame--exit {
  background-image: url("../assets/ui/skin_card_frame/skin_card_frame__exit.webp");
  background-position: -0px -0px;
  width: 308px;
  height: 442px;
  animation: wf-wf-sp-skin_card_frame--exit 0.313s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_card_frame--exit {
  from { background-position: 0px 0px; }
  20.00% { background-position: -308px -0px; }
  40.00% { background-position: -616px -0px; }
  60.00% { background-position: -924px -0px; }
  80.00% { background-position: -1232px -0px; }
}
.wf-sp-skin_card_frame--exit {
  background-image: url("../assets/ui/skin_card_frame/skin_card_frame__exit.webp");
  background-position: -0px -0px;
}
/* environment/boot — loading_spinner */
.wf-sp-loading_spinner {
  background-image: url("../assets/atlas/environment-boot/environment-boot.webp");
  background-position: -0px -0px;
  width: 217px;
  height: 220px;
}
.wf-sp-loading_spinner--spin {
  background-image: url("../assets/environment/loading_spinner/loading_spinner__spin.webp");
  background-position: -0px -0px;
  width: 322px;
  height: 322px;
  animation: wf-wf-sp-loading_spinner--spin 0.571s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-loading_spinner--spin {
  from { background-position: 0px 0px; }
  12.50% { background-position: -322px -0px; }
  25.00% { background-position: -644px -0px; }
  37.50% { background-position: -966px -0px; }
  50.00% { background-position: -1288px -0px; }
  62.50% { background-position: -1610px -0px; }
  75.00% { background-position: -1932px -0px; }
  87.50% { background-position: -2254px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-loading_spinner--spin {
  background-image: url("../assets/environment/loading_spinner/loading_spinner__spin.webp");
  background-position: -0px -0px;
}
/* environment/empty_state — empty_no_records */
.wf-sp-empty_no_records {
  background-image: url("../assets/atlas/environment-empty_state/environment-empty_state.webp");
  background-position: -460px -0px;
  width: 460px;
  height: 365px;
}
.wf-sp-empty_no_records--float {
  background-image: url("../assets/environment/empty_no_records/empty_no_records__float.webp");
  background-position: -0px -0px;
  width: 472px;
  height: 390px;
  animation: wf-wf-sp-empty_no_records--float 0.500s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-empty_no_records--float {
  from { background-position: 0px 0px; }
  25.00% { background-position: -472px -0px; }
  50.00% { background-position: -944px -0px; }
  75.00% { background-position: -1416px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-empty_no_records--float {
  background-image: url("../assets/environment/empty_no_records/empty_no_records__float.webp");
  background-position: -0px -0px;
}
/* environment/empty_state — empty_no_collection */
.wf-sp-empty_no_collection {
  background-image: url("../assets/atlas/environment-empty_state/environment-empty_state.webp");
  background-position: -0px -0px;
  width: 460px;
  height: 312px;
}
.wf-sp-empty_no_collection--float {
  background-image: url("../assets/environment/empty_no_collection/empty_no_collection__float.webp");
  background-position: -0px -0px;
  width: 472px;
  height: 336px;
  animation: wf-wf-sp-empty_no_collection--float 0.500s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-empty_no_collection--float {
  from { background-position: 0px 0px; }
  25.00% { background-position: -472px -0px; }
  50.00% { background-position: -944px -0px; }
  75.00% { background-position: -1416px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-empty_no_collection--float {
  background-image: url("../assets/environment/empty_no_collection/empty_no_collection__float.webp");
  background-position: -0px -0px;
}
/* environment/platform — platform_moving */
.wf-sp-platform_moving {
  background-image: url("../assets/atlas/environment-platform/environment-platform.webp");
  background-position: -900px -0px;
  width: 800px;
  height: 213px;
}
.wf-sp-platform_moving--slide {
  background-image: url("../assets/environment/platform_moving/platform_moving__slide.webp");
  background-position: -0px -0px;
  width: 892px;
  height: 226px;
  animation: wf-wf-sp-platform_moving--slide 0.571s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-platform_moving--slide {
  from { background-position: 0px 0px; }
  12.50% { background-position: -892px -0px; }
  25.00% { background-position: -1784px -0px; }
  37.50% { background-position: -2676px -0px; }
  50.00% { background-position: -0px -226px; }
  62.50% { background-position: -892px -226px; }
  75.00% { background-position: -1784px -226px; }
  87.50% { background-position: -2676px -226px; }
  to { background-position: 0px 0px; }
}
.wf-sp-platform_moving--slide {
  background-image: url("../assets/environment/platform_moving/platform_moving__slide.webp");
  background-position: -0px -0px;
}
.wf-sp-platform_moving--stop {
  background-image: url("../assets/environment/platform_moving/platform_moving__stop.webp");
  background-position: -0px -0px;
  width: 840px;
  height: 234px;
  animation: wf-wf-sp-platform_moving--stop 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-platform_moving--stop {
  from { background-position: 0px 0px; }
  25.00% { background-position: -840px -0px; }
  50.00% { background-position: -1680px -0px; }
  75.00% { background-position: -2520px -0px; }
}
.wf-sp-platform_moving--stop {
  background-image: url("../assets/environment/platform_moving/platform_moving__stop.webp");
  background-position: -0px -0px;
}
/* environment/platform — platform_unstable */
.wf-sp-platform_unstable {
  background-image: url("../assets/atlas/environment-platform/environment-platform.webp");
  background-position: -1700px -0px;
  width: 800px;
  height: 316px;
}
.wf-sp-platform_unstable--wobble {
  background-image: url("../assets/environment/platform_unstable/platform_unstable__wobble.webp");
  background-position: -0px -0px;
  width: 826px;
  height: 362px;
  animation: wf-wf-sp-platform_unstable--wobble 0.500s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-platform_unstable--wobble {
  from { background-position: 0px 0px; }
  16.67% { background-position: -826px -0px; }
  33.33% { background-position: -1652px -0px; }
  50.00% { background-position: -2478px -0px; }
  66.67% { background-position: -0px -362px; }
  83.33% { background-position: -826px -362px; }
  to { background-position: 0px 0px; }
}
.wf-sp-platform_unstable--wobble {
  background-image: url("../assets/environment/platform_unstable/platform_unstable__wobble.webp");
  background-position: -0px -0px;
}
/* environment/platform — platform_damage_overlay */
.wf-sp-platform_damage_overlay {
  background-image: url("../assets/atlas/environment-platform/environment-platform.webp");
  background-position: -0px -0px;
  width: 900px;
  height: 115px;
}
.wf-sp-platform_damage_overlay--appear {
  background-image: url("../assets/environment/platform_damage_overlay/platform_damage_overlay__appear.webp");
  background-position: -0px -0px;
  width: 930px;
  height: 130px;
  animation: wf-wf-sp-platform_damage_overlay--appear 0.150s steps(3) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-platform_damage_overlay--appear {
  from { background-position: 0px 0px; }
  33.33% { background-position: -930px -0px; }
  66.67% { background-position: -1860px -0px; }
}
.wf-sp-platform_damage_overlay--appear {
  background-image: url("../assets/environment/platform_damage_overlay/platform_damage_overlay__appear.webp");
  background-position: -0px -0px;
}
/* environment/cosmetic — tower_aura */
.wf-sp-tower_aura {
  background-image: url("../assets/atlas/environment-cosmetic/environment-cosmetic.webp");
  background-position: -0px -0px;
  width: 357px;
  height: 620px;
}
.wf-sp-tower_aura--pulse {
  background-image: url("../assets/environment/tower_aura/tower_aura__pulse.webp");
  background-position: -0px -0px;
  width: 388px;
  height: 664px;
  animation: wf-wf-sp-tower_aura--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-tower_aura--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -388px -0px; }
  50.00% { background-position: -776px -0px; }
  75.00% { background-position: -1164px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-tower_aura--pulse {
  background-image: url("../assets/environment/tower_aura/tower_aura__pulse.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_mode_classic */
.wf-sp-bg_mode_classic {
  background-image: url("../assets/atlas/environment-background/environment-background-2.webp");
  background-position: -1920px -0px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_mode_rush */
.wf-sp-bg_mode_rush {
  background-image: url("../assets/atlas/environment-background/environment-background-2.webp");
  background-position: -1920px -1080px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_mode_survival */
.wf-sp-bg_mode_survival {
  background-image: url("../assets/atlas/environment-background/environment-background-2.webp");
  background-position: -0px -2160px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_mode_precision */
.wf-sp-bg_mode_precision {
  background-image: url("../assets/atlas/environment-background/environment-background-2.webp");
  background-position: -0px -1080px;
  width: 1920px;
  height: 1080px;
}
/* collection/block_skin — skin_classic_wood_square */
.wf-sp-skin_classic_wood_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -166px -224px;
  width: 125px;
  height: 121px;
}
.wf-sp-skin_classic_wood_square {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 132px;
}
.wf-sp-skin_classic_wood_square--idle {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 132px;
  animation: wf-wf-sp-skin_classic_wood_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_square--idle {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_square--land {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 142px;
  animation: wf-wf-sp-skin_classic_wood_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_classic_wood_square--land {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_square--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 136px;
  animation: wf-wf-sp-skin_classic_wood_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_square--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_square--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 148px;
  animation: wf-wf-sp-skin_classic_wood_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_square--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_square--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 194px;
  height: 154px;
  animation: wf-wf-sp-skin_classic_wood_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -194px -0px; }
  33.33% { background-position: -388px -0px; }
  50.00% { background-position: -582px -0px; }
  66.67% { background-position: -776px -0px; }
  83.33% { background-position: -970px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_square--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_square--break {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__break.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 152px;
  animation: wf-wf-sp-skin_classic_wood_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
}
.wf-sp-skin_classic_wood_square--break {
  background-image: url("../assets/collection/skin_classic_wood_square/skin_classic_wood_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_classic_wood_rectangle */
.wf-sp-skin_classic_wood_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -0px -224px;
  width: 166px;
  height: 143px;
}
.wf-sp-skin_classic_wood_rectangle {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 154px;
}
.wf-sp-skin_classic_wood_rectangle--idle {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 154px;
  animation: wf-wf-sp-skin_classic_wood_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -178px -0px; }
  50.00% { background-position: -356px -0px; }
  75.00% { background-position: -534px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_rectangle--idle {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_rectangle--land {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 166px;
  animation: wf-wf-sp-skin_classic_wood_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_classic_wood_rectangle--land {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 186px;
  height: 158px;
  animation: wf-wf-sp-skin_classic_wood_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -186px -0px; }
  50.00% { background-position: -372px -0px; }
  75.00% { background-position: -558px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 176px;
  animation: wf-wf-sp-skin_classic_wood_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -220px -0px; }
  33.33% { background-position: -440px -0px; }
  50.00% { background-position: -660px -0px; }
  66.67% { background-position: -880px -0px; }
  83.33% { background-position: -1100px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 246px;
  height: 186px;
  animation: wf-wf-sp-skin_classic_wood_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -246px -0px; }
  33.33% { background-position: -492px -0px; }
  50.00% { background-position: -738px -0px; }
  66.67% { background-position: -984px -0px; }
  83.33% { background-position: -1230px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_rectangle--break {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__break.webp");
  background-position: -0px -0px;
  width: 254px;
  height: 180px;
  animation: wf-wf-sp-skin_classic_wood_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -254px -0px; }
  33.33% { background-position: -508px -0px; }
  50.00% { background-position: -762px -0px; }
  66.67% { background-position: -1016px -0px; }
  83.33% { background-position: -1270px -0px; }
}
.wf-sp-skin_classic_wood_rectangle--break {
  background-image: url("../assets/collection/skin_classic_wood_rectangle/skin_classic_wood_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_classic_wood_plank */
.wf-sp-skin_classic_wood_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1364px -0px;
  width: 416px;
  height: 224px;
}
.wf-sp-skin_classic_wood_plank {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 236px;
}
.wf-sp-skin_classic_wood_plank--idle {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 236px;
  animation: wf-wf-sp-skin_classic_wood_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_plank--idle {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_plank--land {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 256px;
  animation: wf-wf-sp-skin_classic_wood_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_classic_wood_plank--land {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_plank--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 444px;
  height: 250px;
  animation: wf-wf-sp-skin_classic_wood_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -444px -0px; }
  50.00% { background-position: -888px -0px; }
  75.00% { background-position: -1332px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_plank--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_plank--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 298px;
  animation: wf-wf-sp-skin_classic_wood_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -492px -0px; }
  33.33% { background-position: -984px -0px; }
  50.00% { background-position: -1476px -0px; }
  66.67% { background-position: -1968px -0px; }
  83.33% { background-position: -2460px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_plank--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_plank--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 530px;
  height: 322px;
  animation: wf-wf-sp-skin_classic_wood_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -530px -0px; }
  33.33% { background-position: -1060px -0px; }
  50.00% { background-position: -1590px -0px; }
  66.67% { background-position: -2120px -0px; }
  83.33% { background-position: -2650px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_plank--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_plank--break {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__break.webp");
  background-position: -0px -0px;
  width: 432px;
  height: 304px;
  animation: wf-wf-sp-skin_classic_wood_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -432px -0px; }
  33.33% { background-position: -864px -0px; }
  50.00% { background-position: -1296px -0px; }
  66.67% { background-position: -1728px -0px; }
  83.33% { background-position: -2160px -0px; }
}
.wf-sp-skin_classic_wood_plank--break {
  background-image: url("../assets/collection/skin_classic_wood_plank/skin_classic_wood_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_classic_wood_triangle */
.wf-sp-skin_classic_wood_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -291px -224px;
  width: 125px;
  height: 118px;
}
.wf-sp-skin_classic_wood_triangle {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 128px;
}
.wf-sp-skin_classic_wood_triangle--idle {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 128px;
  animation: wf-wf-sp-skin_classic_wood_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_triangle--idle {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_triangle--land {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 138px;
  animation: wf-wf-sp-skin_classic_wood_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_classic_wood_triangle--land {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_triangle--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 132px;
  animation: wf-wf-sp-skin_classic_wood_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_triangle--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_triangle--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 146px;
  animation: wf-wf-sp-skin_classic_wood_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_triangle--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 194px;
  height: 152px;
  animation: wf-wf-sp-skin_classic_wood_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -194px -0px; }
  33.33% { background-position: -388px -0px; }
  50.00% { background-position: -582px -0px; }
  66.67% { background-position: -776px -0px; }
  83.33% { background-position: -970px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_triangle--break {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__break.webp");
  background-position: -0px -0px;
  width: 216px;
  height: 150px;
  animation: wf-wf-sp-skin_classic_wood_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -216px -0px; }
  33.33% { background-position: -432px -0px; }
  50.00% { background-position: -648px -0px; }
  66.67% { background-position: -864px -0px; }
  83.33% { background-position: -1080px -0px; }
}
.wf-sp-skin_classic_wood_triangle--break {
  background-image: url("../assets/collection/skin_classic_wood_triangle/skin_classic_wood_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_classic_wood_circle */
.wf-sp-skin_classic_wood_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1098px -0px;
  width: 133px;
  height: 117px;
}
.wf-sp-skin_classic_wood_circle {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
}
.wf-sp-skin_classic_wood_circle--idle {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
  animation: wf-wf-sp-skin_classic_wood_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_circle--idle {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_circle--land {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 138px;
  animation: wf-wf-sp-skin_classic_wood_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_classic_wood_circle--land {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_circle--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 132px;
  animation: wf-wf-sp-skin_classic_wood_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -152px -0px; }
  50.00% { background-position: -304px -0px; }
  75.00% { background-position: -456px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_circle--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_circle--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 146px;
  animation: wf-wf-sp-skin_classic_wood_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -178px -0px; }
  33.33% { background-position: -356px -0px; }
  50.00% { background-position: -534px -0px; }
  66.67% { background-position: -712px -0px; }
  83.33% { background-position: -890px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_circle--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_circle--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 200px;
  height: 152px;
  animation: wf-wf-sp-skin_classic_wood_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -200px -0px; }
  33.33% { background-position: -400px -0px; }
  50.00% { background-position: -600px -0px; }
  66.67% { background-position: -800px -0px; }
  83.33% { background-position: -1000px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_circle--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_circle--break {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__break.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 150px;
  animation: wf-wf-sp-skin_classic_wood_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
}
.wf-sp-skin_classic_wood_circle--break {
  background-image: url("../assets/collection/skin_classic_wood_circle/skin_classic_wood_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_classic_wood_diamond */
.wf-sp-skin_classic_wood_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1231px -0px;
  width: 133px;
  height: 168px;
}
.wf-sp-skin_classic_wood_diamond {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 178px;
}
.wf-sp-skin_classic_wood_diamond--idle {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 178px;
  animation: wf-wf-sp-skin_classic_wood_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_diamond--idle {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_diamond--land {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 194px;
  animation: wf-wf-sp-skin_classic_wood_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_classic_wood_diamond--land {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_diamond--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 156px;
  height: 182px;
  animation: wf-wf-sp-skin_classic_wood_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -156px -0px; }
  50.00% { background-position: -312px -0px; }
  75.00% { background-position: -468px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_diamond--wobble_low {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_diamond--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 196px;
  animation: wf-wf-sp-skin_classic_wood_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -196px -0px; }
  33.33% { background-position: -392px -0px; }
  50.00% { background-position: -588px -0px; }
  66.67% { background-position: -784px -0px; }
  83.33% { background-position: -980px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_diamond--wobble_high {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 224px;
  height: 202px;
  animation: wf-wf-sp-skin_classic_wood_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_classic_wood_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -224px -0px; }
  33.33% { background-position: -448px -0px; }
  50.00% { background-position: -672px -0px; }
  66.67% { background-position: -896px -0px; }
  83.33% { background-position: -1120px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_classic_wood_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_classic_wood_diamond--break {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__break.webp");
  background-position: -0px -0px;
  width: 258px;
  height: 198px;
  animation: wf-wf-sp-skin_classic_wood_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_classic_wood_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -258px -0px; }
  33.33% { background-position: -516px -0px; }
  50.00% { background-position: -774px -0px; }
  66.67% { background-position: -1032px -0px; }
  83.33% { background-position: -1290px -0px; }
}
.wf-sp-skin_classic_wood_diamond--break {
  background-image: url("../assets/collection/skin_classic_wood_diamond/skin_classic_wood_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_candy_square */
.wf-sp-skin_candy_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -848px -0px;
  width: 125px;
  height: 136px;
}
.wf-sp-skin_candy_square {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 146px;
}
.wf-sp-skin_candy_square--idle {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 146px;
  animation: wf-wf-sp-skin_candy_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_square--idle {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_square--land {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 158px;
  animation: wf-wf-sp-skin_candy_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_candy_square--land {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_square--wobble_low {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 146px;
  height: 150px;
  animation: wf-wf-sp-skin_candy_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -146px -0px; }
  50.00% { background-position: -292px -0px; }
  75.00% { background-position: -438px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_square--wobble_low {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_square--wobble_high {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 164px;
  animation: wf-wf-sp-skin_candy_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_square--wobble_high {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_square--wobble_critical {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 170px;
  animation: wf-wf-sp-skin_candy_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -202px -0px; }
  33.33% { background-position: -404px -0px; }
  50.00% { background-position: -606px -0px; }
  66.67% { background-position: -808px -0px; }
  83.33% { background-position: -1010px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_square--wobble_critical {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_square--break {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__break.webp");
  background-position: -0px -0px;
  width: 228px;
  height: 166px;
  animation: wf-wf-sp-skin_candy_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -228px -0px; }
  33.33% { background-position: -456px -0px; }
  50.00% { background-position: -684px -0px; }
  66.67% { background-position: -912px -0px; }
  83.33% { background-position: -1140px -0px; }
}
.wf-sp-skin_candy_square--break {
  background-image: url("../assets/collection/skin_candy_square/skin_candy_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_candy_rectangle */
.wf-sp-skin_candy_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -682px -0px;
  width: 166px;
  height: 115px;
}
.wf-sp-skin_candy_rectangle {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 126px;
}
.wf-sp-skin_candy_rectangle--idle {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 126px;
  animation: wf-wf-sp-skin_candy_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -176px -0px; }
  50.00% { background-position: -352px -0px; }
  75.00% { background-position: -528px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_rectangle--idle {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_rectangle--land {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 136px;
  animation: wf-wf-sp-skin_candy_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_candy_rectangle--land {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 184px;
  height: 130px;
  animation: wf-wf-sp-skin_candy_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -184px -0px; }
  50.00% { background-position: -368px -0px; }
  75.00% { background-position: -552px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 210px;
  height: 150px;
  animation: wf-wf-sp-skin_candy_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -210px -0px; }
  33.33% { background-position: -420px -0px; }
  50.00% { background-position: -630px -0px; }
  66.67% { background-position: -840px -0px; }
  83.33% { background-position: -1050px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 232px;
  height: 158px;
  animation: wf-wf-sp-skin_candy_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -232px -0px; }
  33.33% { background-position: -464px -0px; }
  50.00% { background-position: -696px -0px; }
  66.67% { background-position: -928px -0px; }
  83.33% { background-position: -1160px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_rectangle--break {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__break.webp");
  background-position: -0px -0px;
  width: 232px;
  height: 154px;
  animation: wf-wf-sp-skin_candy_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -232px -0px; }
  33.33% { background-position: -464px -0px; }
  50.00% { background-position: -696px -0px; }
  66.67% { background-position: -928px -0px; }
  83.33% { background-position: -1160px -0px; }
}
.wf-sp-skin_candy_rectangle--break {
  background-image: url("../assets/collection/skin_candy_rectangle/skin_candy_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_candy_plank */
.wf-sp-skin_candy_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -266px -0px;
  width: 416px;
  height: 157px;
}
.wf-sp-skin_candy_plank {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 168px;
}
.wf-sp-skin_candy_plank--idle {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 168px;
  animation: wf-wf-sp-skin_candy_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_plank--idle {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_plank--land {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 182px;
  animation: wf-wf-sp-skin_candy_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_candy_plank--land {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_plank--wobble_low {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 438px;
  height: 184px;
  animation: wf-wf-sp-skin_candy_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -438px -0px; }
  50.00% { background-position: -876px -0px; }
  75.00% { background-position: -1314px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_plank--wobble_low {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_plank--wobble_high {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 470px;
  height: 232px;
  animation: wf-wf-sp-skin_candy_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -470px -0px; }
  33.33% { background-position: -940px -0px; }
  50.00% { background-position: -1410px -0px; }
  66.67% { background-position: -1880px -0px; }
  83.33% { background-position: -2350px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_plank--wobble_high {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_plank--wobble_critical {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 500px;
  height: 258px;
  animation: wf-wf-sp-skin_candy_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -500px -0px; }
  33.33% { background-position: -1000px -0px; }
  50.00% { background-position: -1500px -0px; }
  66.67% { background-position: -2000px -0px; }
  83.33% { background-position: -2500px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_plank--wobble_critical {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_plank--break {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__break.webp");
  background-position: -0px -0px;
  width: 380px;
  height: 242px;
  animation: wf-wf-sp-skin_candy_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -380px -0px; }
  33.33% { background-position: -760px -0px; }
  50.00% { background-position: -1140px -0px; }
  66.67% { background-position: -1520px -0px; }
  83.33% { background-position: -1900px -0px; }
}
.wf-sp-skin_candy_plank--break {
  background-image: url("../assets/collection/skin_candy_plank/skin_candy_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_candy_triangle */
.wf-sp-skin_candy_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -973px -0px;
  width: 125px;
  height: 106px;
}
.wf-sp-skin_candy_triangle {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 116px;
}
.wf-sp-skin_candy_triangle--idle {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 116px;
  animation: wf-wf-sp-skin_candy_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_triangle--idle {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_triangle--land {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 126px;
  animation: wf-wf-sp-skin_candy_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_candy_triangle--land {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_triangle--wobble_low {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 120px;
  animation: wf-wf-sp-skin_candy_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -142px -0px; }
  50.00% { background-position: -284px -0px; }
  75.00% { background-position: -426px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_triangle--wobble_low {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_triangle--wobble_high {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 168px;
  height: 134px;
  animation: wf-wf-sp-skin_candy_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -168px -0px; }
  33.33% { background-position: -336px -0px; }
  50.00% { background-position: -504px -0px; }
  66.67% { background-position: -672px -0px; }
  83.33% { background-position: -840px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_triangle--wobble_high {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 140px;
  animation: wf-wf-sp-skin_candy_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -188px -0px; }
  33.33% { background-position: -376px -0px; }
  50.00% { background-position: -564px -0px; }
  66.67% { background-position: -752px -0px; }
  83.33% { background-position: -940px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_triangle--break {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__break.webp");
  background-position: -0px -0px;
  width: 206px;
  height: 138px;
  animation: wf-wf-sp-skin_candy_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -206px -0px; }
  33.33% { background-position: -412px -0px; }
  50.00% { background-position: -618px -0px; }
  66.67% { background-position: -824px -0px; }
  83.33% { background-position: -1030px -0px; }
}
.wf-sp-skin_candy_triangle--break {
  background-image: url("../assets/collection/skin_candy_triangle/skin_candy_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_candy_circle */
.wf-sp-skin_candy_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -0px -0px;
  width: 133px;
  height: 110px;
}
.wf-sp-skin_candy_circle {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 120px;
}
.wf-sp-skin_candy_circle--idle {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 120px;
  animation: wf-wf-sp-skin_candy_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_circle--idle {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_circle--land {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 130px;
  animation: wf-wf-sp-skin_candy_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_candy_circle--land {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_circle--wobble_low {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 124px;
  animation: wf-wf-sp-skin_candy_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -152px -0px; }
  50.00% { background-position: -304px -0px; }
  75.00% { background-position: -456px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_circle--wobble_low {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_circle--wobble_high {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 138px;
  animation: wf-wf-sp-skin_candy_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -176px -0px; }
  33.33% { background-position: -352px -0px; }
  50.00% { background-position: -528px -0px; }
  66.67% { background-position: -704px -0px; }
  83.33% { background-position: -880px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_circle--wobble_high {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_circle--wobble_critical {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 198px;
  height: 146px;
  animation: wf-wf-sp-skin_candy_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -198px -0px; }
  33.33% { background-position: -396px -0px; }
  50.00% { background-position: -594px -0px; }
  66.67% { background-position: -792px -0px; }
  83.33% { background-position: -990px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_circle--wobble_critical {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_circle--break {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__break.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 144px;
  animation: wf-wf-sp-skin_candy_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -212px -0px; }
  33.33% { background-position: -424px -0px; }
  50.00% { background-position: -636px -0px; }
  66.67% { background-position: -848px -0px; }
  83.33% { background-position: -1060px -0px; }
}
.wf-sp-skin_candy_circle--break {
  background-image: url("../assets/collection/skin_candy_circle/skin_candy_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_candy_diamond */
.wf-sp-skin_candy_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -133px -0px;
  width: 133px;
  height: 157px;
}
.wf-sp-skin_candy_diamond {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 168px;
}
.wf-sp-skin_candy_diamond--idle {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 168px;
  animation: wf-wf-sp-skin_candy_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_diamond--idle {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_diamond--land {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 182px;
  animation: wf-wf-sp-skin_candy_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_candy_diamond--land {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_diamond--wobble_low {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 156px;
  height: 172px;
  animation: wf-wf-sp-skin_candy_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -156px -0px; }
  50.00% { background-position: -312px -0px; }
  75.00% { background-position: -468px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_diamond--wobble_low {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_diamond--wobble_high {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 186px;
  animation: wf-wf-sp-skin_candy_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_diamond--wobble_high {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 192px;
  animation: wf-wf-sp-skin_candy_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_candy_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -220px -0px; }
  33.33% { background-position: -440px -0px; }
  50.00% { background-position: -660px -0px; }
  66.67% { background-position: -880px -0px; }
  83.33% { background-position: -1100px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_candy_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_candy_diamond--break {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__break.webp");
  background-position: -0px -0px;
  width: 248px;
  height: 188px;
  animation: wf-wf-sp-skin_candy_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_candy_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -248px -0px; }
  33.33% { background-position: -496px -0px; }
  50.00% { background-position: -744px -0px; }
  66.67% { background-position: -992px -0px; }
  83.33% { background-position: -1240px -0px; }
}
.wf-sp-skin_candy_diamond--break {
  background-image: url("../assets/collection/skin_candy_diamond/skin_candy_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_neon_square */
.wf-sp-skin_neon_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1264px -676px;
  width: 125px;
  height: 143px;
}
.wf-sp-skin_neon_square {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 154px;
}
.wf-sp-skin_neon_square--idle {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 154px;
  animation: wf-wf-sp-skin_neon_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_square--idle {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_square--land {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 166px;
  animation: wf-wf-sp-skin_neon_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_neon_square--land {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_square--wobble_low {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 146px;
  height: 158px;
  animation: wf-wf-sp-skin_neon_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -146px -0px; }
  50.00% { background-position: -292px -0px; }
  75.00% { background-position: -438px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_square--wobble_low {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_square--wobble_high {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 180px;
  height: 170px;
  animation: wf-wf-sp-skin_neon_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -180px -0px; }
  33.33% { background-position: -360px -0px; }
  50.00% { background-position: -540px -0px; }
  66.67% { background-position: -720px -0px; }
  83.33% { background-position: -900px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_square--wobble_high {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_square--wobble_critical {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 204px;
  height: 176px;
  animation: wf-wf-sp-skin_neon_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -204px -0px; }
  33.33% { background-position: -408px -0px; }
  50.00% { background-position: -612px -0px; }
  66.67% { background-position: -816px -0px; }
  83.33% { background-position: -1020px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_square--wobble_critical {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_square--break {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__break.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 174px;
  animation: wf-wf-sp-skin_neon_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -234px -0px; }
  33.33% { background-position: -468px -0px; }
  50.00% { background-position: -702px -0px; }
  66.67% { background-position: -936px -0px; }
  83.33% { background-position: -1170px -0px; }
}
.wf-sp-skin_neon_square--break {
  background-image: url("../assets/collection/skin_neon_square/skin_neon_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_neon_rectangle */
.wf-sp-skin_neon_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1098px -676px;
  width: 166px;
  height: 147px;
}
.wf-sp-skin_neon_rectangle {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 158px;
}
.wf-sp-skin_neon_rectangle--idle {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 158px;
  animation: wf-wf-sp-skin_neon_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -178px -0px; }
  50.00% { background-position: -356px -0px; }
  75.00% { background-position: -534px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_rectangle--idle {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_rectangle--land {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 170px;
  animation: wf-wf-sp-skin_neon_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_neon_rectangle--land {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 162px;
  animation: wf-wf-sp-skin_neon_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 222px;
  height: 180px;
  animation: wf-wf-sp-skin_neon_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -222px -0px; }
  33.33% { background-position: -444px -0px; }
  50.00% { background-position: -666px -0px; }
  66.67% { background-position: -888px -0px; }
  83.33% { background-position: -1110px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 248px;
  height: 190px;
  animation: wf-wf-sp-skin_neon_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -248px -0px; }
  33.33% { background-position: -496px -0px; }
  50.00% { background-position: -744px -0px; }
  66.67% { background-position: -992px -0px; }
  83.33% { background-position: -1240px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_rectangle--break {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__break.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 184px;
  animation: wf-wf-sp-skin_neon_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -256px -0px; }
  33.33% { background-position: -512px -0px; }
  50.00% { background-position: -768px -0px; }
  66.67% { background-position: -1024px -0px; }
  83.33% { background-position: -1280px -0px; }
}
.wf-sp-skin_neon_rectangle--break {
  background-image: url("../assets/collection/skin_neon_rectangle/skin_neon_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_neon_plank */
.wf-sp-skin_neon_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -682px -676px;
  width: 416px;
  height: 167px;
}
.wf-sp-skin_neon_plank {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 178px;
}
.wf-sp-skin_neon_plank--idle {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 178px;
  animation: wf-wf-sp-skin_neon_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_plank--idle {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_plank--land {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 192px;
  animation: wf-wf-sp-skin_neon_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_neon_plank--land {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_plank--wobble_low {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 438px;
  height: 194px;
  animation: wf-wf-sp-skin_neon_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -438px -0px; }
  50.00% { background-position: -876px -0px; }
  75.00% { background-position: -1314px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_plank--wobble_low {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_plank--wobble_high {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 474px;
  height: 242px;
  animation: wf-wf-sp-skin_neon_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -474px -0px; }
  33.33% { background-position: -948px -0px; }
  50.00% { background-position: -1422px -0px; }
  66.67% { background-position: -1896px -0px; }
  83.33% { background-position: -2370px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_plank--wobble_high {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_plank--wobble_critical {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 504px;
  height: 268px;
  animation: wf-wf-sp-skin_neon_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -504px -0px; }
  33.33% { background-position: -1008px -0px; }
  50.00% { background-position: -1512px -0px; }
  66.67% { background-position: -2016px -0px; }
  83.33% { background-position: -2520px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_plank--wobble_critical {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_plank--break {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__break.webp");
  background-position: -0px -0px;
  width: 388px;
  height: 252px;
  animation: wf-wf-sp-skin_neon_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -388px -0px; }
  33.33% { background-position: -776px -0px; }
  50.00% { background-position: -1164px -0px; }
  66.67% { background-position: -1552px -0px; }
  83.33% { background-position: -1940px -0px; }
}
.wf-sp-skin_neon_plank--break {
  background-image: url("../assets/collection/skin_neon_plank/skin_neon_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_neon_triangle */
.wf-sp-skin_neon_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1389px -676px;
  width: 125px;
  height: 111px;
}
.wf-sp-skin_neon_triangle {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 122px;
}
.wf-sp-skin_neon_triangle--idle {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 122px;
  animation: wf-wf-sp-skin_neon_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_triangle--idle {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_triangle--land {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 132px;
  animation: wf-wf-sp-skin_neon_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_neon_triangle--land {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_triangle--wobble_low {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 126px;
  animation: wf-wf-sp-skin_neon_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_triangle--wobble_low {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_triangle--wobble_high {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 168px;
  height: 138px;
  animation: wf-wf-sp-skin_neon_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -168px -0px; }
  33.33% { background-position: -336px -0px; }
  50.00% { background-position: -504px -0px; }
  66.67% { background-position: -672px -0px; }
  83.33% { background-position: -840px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_triangle--wobble_high {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 146px;
  animation: wf-wf-sp-skin_neon_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -190px -0px; }
  33.33% { background-position: -380px -0px; }
  50.00% { background-position: -570px -0px; }
  66.67% { background-position: -760px -0px; }
  83.33% { background-position: -950px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_triangle--break {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__break.webp");
  background-position: -0px -0px;
  width: 210px;
  height: 144px;
  animation: wf-wf-sp-skin_neon_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -210px -0px; }
  33.33% { background-position: -420px -0px; }
  50.00% { background-position: -630px -0px; }
  66.67% { background-position: -840px -0px; }
  83.33% { background-position: -1050px -0px; }
}
.wf-sp-skin_neon_triangle--break {
  background-image: url("../assets/collection/skin_neon_triangle/skin_neon_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_neon_circle */
.wf-sp-skin_neon_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -416px -676px;
  width: 133px;
  height: 115px;
}
.wf-sp-skin_neon_circle {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 126px;
}
.wf-sp-skin_neon_circle--idle {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 126px;
  animation: wf-wf-sp-skin_neon_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_circle--idle {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_circle--land {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 136px;
  animation: wf-wf-sp-skin_neon_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_neon_circle--land {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_circle--wobble_low {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 130px;
  animation: wf-wf-sp-skin_neon_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -152px -0px; }
  50.00% { background-position: -304px -0px; }
  75.00% { background-position: -456px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_circle--wobble_low {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_circle--wobble_high {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 144px;
  animation: wf-wf-sp-skin_neon_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -178px -0px; }
  33.33% { background-position: -356px -0px; }
  50.00% { background-position: -534px -0px; }
  66.67% { background-position: -712px -0px; }
  83.33% { background-position: -890px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_circle--wobble_high {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_circle--wobble_critical {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 200px;
  height: 150px;
  animation: wf-wf-sp-skin_neon_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -200px -0px; }
  33.33% { background-position: -400px -0px; }
  50.00% { background-position: -600px -0px; }
  66.67% { background-position: -800px -0px; }
  83.33% { background-position: -1000px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_circle--wobble_critical {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_circle--break {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__break.webp");
  background-position: -0px -0px;
  width: 216px;
  height: 148px;
  animation: wf-wf-sp-skin_neon_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -216px -0px; }
  33.33% { background-position: -432px -0px; }
  50.00% { background-position: -648px -0px; }
  66.67% { background-position: -864px -0px; }
  83.33% { background-position: -1080px -0px; }
}
.wf-sp-skin_neon_circle--break {
  background-image: url("../assets/collection/skin_neon_circle/skin_neon_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_neon_diamond */
.wf-sp-skin_neon_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -549px -676px;
  width: 133px;
  height: 156px;
}
.wf-sp-skin_neon_diamond {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 166px;
}
.wf-sp-skin_neon_diamond--idle {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 166px;
  animation: wf-wf-sp-skin_neon_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_diamond--idle {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_diamond--land {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 180px;
  animation: wf-wf-sp-skin_neon_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_neon_diamond--land {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_diamond--wobble_low {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 170px;
  animation: wf-wf-sp-skin_neon_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -154px -0px; }
  50.00% { background-position: -308px -0px; }
  75.00% { background-position: -462px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_diamond--wobble_low {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_diamond--wobble_high {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 184px;
  animation: wf-wf-sp-skin_neon_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_diamond--wobble_high {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 190px;
  animation: wf-wf-sp-skin_neon_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_neon_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_neon_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_neon_diamond--break {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__break.webp");
  background-position: -0px -0px;
  width: 248px;
  height: 186px;
  animation: wf-wf-sp-skin_neon_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_neon_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -248px -0px; }
  33.33% { background-position: -496px -0px; }
  50.00% { background-position: -744px -0px; }
  66.67% { background-position: -992px -0px; }
  83.33% { background-position: -1240px -0px; }
}
.wf-sp-skin_neon_diamond--break {
  background-image: url("../assets/collection/skin_neon_diamond/skin_neon_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_ice_square */
.wf-sp-skin_ice_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1264px -224px;
  width: 125px;
  height: 125px;
}
.wf-sp-skin_ice_square {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 136px;
}
.wf-sp-skin_ice_square--idle {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 136px;
  animation: wf-wf-sp-skin_ice_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_square--idle {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_square--land {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 146px;
  animation: wf-wf-sp-skin_ice_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_ice_square--land {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_square--wobble_low {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 140px;
  animation: wf-wf-sp-skin_ice_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_square--wobble_low {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_square--wobble_high {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 174px;
  height: 152px;
  animation: wf-wf-sp-skin_ice_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -174px -0px; }
  33.33% { background-position: -348px -0px; }
  50.00% { background-position: -522px -0px; }
  66.67% { background-position: -696px -0px; }
  83.33% { background-position: -870px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_square--wobble_high {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_square--wobble_critical {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 158px;
  animation: wf-wf-sp-skin_ice_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -196px -0px; }
  33.33% { background-position: -392px -0px; }
  50.00% { background-position: -588px -0px; }
  66.67% { background-position: -784px -0px; }
  83.33% { background-position: -980px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_square--wobble_critical {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_square--break {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__break.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 156px;
  animation: wf-wf-sp-skin_ice_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -220px -0px; }
  33.33% { background-position: -440px -0px; }
  50.00% { background-position: -660px -0px; }
  66.67% { background-position: -880px -0px; }
  83.33% { background-position: -1100px -0px; }
}
.wf-sp-skin_ice_square--break {
  background-image: url("../assets/collection/skin_ice_square/skin_ice_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_ice_rectangle */
.wf-sp-skin_ice_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1098px -224px;
  width: 166px;
  height: 122px;
}
.wf-sp-skin_ice_rectangle {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 132px;
}
.wf-sp-skin_ice_rectangle--idle {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 132px;
  animation: wf-wf-sp-skin_ice_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -178px -0px; }
  50.00% { background-position: -356px -0px; }
  75.00% { background-position: -534px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_rectangle--idle {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_rectangle--land {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 144px;
  animation: wf-wf-sp-skin_ice_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_ice_rectangle--land {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 186px;
  height: 138px;
  animation: wf-wf-sp-skin_ice_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -186px -0px; }
  50.00% { background-position: -372px -0px; }
  75.00% { background-position: -558px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 156px;
  animation: wf-wf-sp-skin_ice_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -212px -0px; }
  33.33% { background-position: -424px -0px; }
  50.00% { background-position: -636px -0px; }
  66.67% { background-position: -848px -0px; }
  83.33% { background-position: -1060px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 236px;
  height: 166px;
  animation: wf-wf-sp-skin_ice_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -236px -0px; }
  33.33% { background-position: -472px -0px; }
  50.00% { background-position: -708px -0px; }
  66.67% { background-position: -944px -0px; }
  83.33% { background-position: -1180px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_rectangle--break {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__break.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 160px;
  animation: wf-wf-sp-skin_ice_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -238px -0px; }
  33.33% { background-position: -476px -0px; }
  50.00% { background-position: -714px -0px; }
  66.67% { background-position: -952px -0px; }
  83.33% { background-position: -1190px -0px; }
}
.wf-sp-skin_ice_rectangle--break {
  background-image: url("../assets/collection/skin_ice_rectangle/skin_ice_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_ice_plank */
.wf-sp-skin_ice_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -682px -224px;
  width: 416px;
  height: 192px;
}
.wf-sp-skin_ice_plank {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 204px;
}
.wf-sp-skin_ice_plank--idle {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 204px;
  animation: wf-wf-sp-skin_ice_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_plank--idle {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_plank--land {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 220px;
  animation: wf-wf-sp-skin_ice_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_ice_plank--land {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_plank--wobble_low {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 440px;
  height: 218px;
  animation: wf-wf-sp-skin_ice_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -440px -0px; }
  50.00% { background-position: -880px -0px; }
  75.00% { background-position: -1320px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_plank--wobble_low {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_plank--wobble_high {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 482px;
  height: 266px;
  animation: wf-wf-sp-skin_ice_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -482px -0px; }
  33.33% { background-position: -964px -0px; }
  50.00% { background-position: -1446px -0px; }
  66.67% { background-position: -1928px -0px; }
  83.33% { background-position: -2410px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_plank--wobble_high {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_plank--wobble_critical {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 516px;
  height: 292px;
  animation: wf-wf-sp-skin_ice_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -516px -0px; }
  33.33% { background-position: -1032px -0px; }
  50.00% { background-position: -1548px -0px; }
  66.67% { background-position: -2064px -0px; }
  83.33% { background-position: -2580px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_plank--wobble_critical {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_plank--break {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__break.webp");
  background-position: -0px -0px;
  width: 406px;
  height: 274px;
  animation: wf-wf-sp-skin_ice_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -406px -0px; }
  33.33% { background-position: -812px -0px; }
  50.00% { background-position: -1218px -0px; }
  66.67% { background-position: -1624px -0px; }
  83.33% { background-position: -2030px -0px; }
}
.wf-sp-skin_ice_plank--break {
  background-image: url("../assets/collection/skin_ice_plank/skin_ice_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_ice_triangle */
.wf-sp-skin_ice_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1389px -224px;
  width: 125px;
  height: 111px;
}
.wf-sp-skin_ice_triangle {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 122px;
}
.wf-sp-skin_ice_triangle--idle {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 122px;
  animation: wf-wf-sp-skin_ice_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_triangle--idle {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_triangle--land {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 132px;
  animation: wf-wf-sp-skin_ice_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_ice_triangle--land {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_triangle--wobble_low {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 126px;
  animation: wf-wf-sp-skin_ice_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_triangle--wobble_low {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_triangle--wobble_high {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 168px;
  height: 138px;
  animation: wf-wf-sp-skin_ice_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -168px -0px; }
  33.33% { background-position: -336px -0px; }
  50.00% { background-position: -504px -0px; }
  66.67% { background-position: -672px -0px; }
  83.33% { background-position: -840px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_triangle--wobble_high {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 146px;
  animation: wf-wf-sp-skin_ice_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -190px -0px; }
  33.33% { background-position: -380px -0px; }
  50.00% { background-position: -570px -0px; }
  66.67% { background-position: -760px -0px; }
  83.33% { background-position: -950px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_triangle--break {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__break.webp");
  background-position: -0px -0px;
  width: 210px;
  height: 144px;
  animation: wf-wf-sp-skin_ice_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -210px -0px; }
  33.33% { background-position: -420px -0px; }
  50.00% { background-position: -630px -0px; }
  66.67% { background-position: -840px -0px; }
  83.33% { background-position: -1050px -0px; }
}
.wf-sp-skin_ice_triangle--break {
  background-image: url("../assets/collection/skin_ice_triangle/skin_ice_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_ice_circle */
.wf-sp-skin_ice_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -416px -224px;
  width: 133px;
  height: 98px;
}
.wf-sp-skin_ice_circle {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 108px;
}
.wf-sp-skin_ice_circle--idle {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 108px;
  animation: wf-wf-sp-skin_ice_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_circle--idle {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_circle--land {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 116px;
  animation: wf-wf-sp-skin_ice_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_ice_circle--land {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_circle--wobble_low {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 150px;
  height: 112px;
  animation: wf-wf-sp-skin_ice_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -150px -0px; }
  50.00% { background-position: -300px -0px; }
  75.00% { background-position: -450px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_circle--wobble_low {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_circle--wobble_high {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 128px;
  animation: wf-wf-sp-skin_ice_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_circle--wobble_high {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_circle--wobble_critical {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 134px;
  animation: wf-wf-sp-skin_ice_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_circle--wobble_critical {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_circle--break {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__break.webp");
  background-position: -0px -0px;
  width: 204px;
  height: 132px;
  animation: wf-wf-sp-skin_ice_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -204px -0px; }
  33.33% { background-position: -408px -0px; }
  50.00% { background-position: -612px -0px; }
  66.67% { background-position: -816px -0px; }
  83.33% { background-position: -1020px -0px; }
}
.wf-sp-skin_ice_circle--break {
  background-image: url("../assets/collection/skin_ice_circle/skin_ice_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_ice_diamond */
.wf-sp-skin_ice_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -549px -224px;
  width: 133px;
  height: 182px;
}
.wf-sp-skin_ice_diamond {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__idle.webp");
  background-position: -0px -0px;
  width: 146px;
  height: 192px;
}
.wf-sp-skin_ice_diamond--idle {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__idle.webp");
  background-position: -0px -0px;
  width: 146px;
  height: 192px;
  animation: wf-wf-sp-skin_ice_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -146px -0px; }
  50.00% { background-position: -292px -0px; }
  75.00% { background-position: -438px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_diamond--idle {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_diamond--land {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 210px;
  animation: wf-wf-sp-skin_ice_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_ice_diamond--land {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_diamond--wobble_low {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 158px;
  height: 196px;
  animation: wf-wf-sp-skin_ice_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -158px -0px; }
  50.00% { background-position: -316px -0px; }
  75.00% { background-position: -474px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_diamond--wobble_low {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_diamond--wobble_high {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 200px;
  height: 210px;
  animation: wf-wf-sp-skin_ice_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -200px -0px; }
  33.33% { background-position: -400px -0px; }
  50.00% { background-position: -600px -0px; }
  66.67% { background-position: -800px -0px; }
  83.33% { background-position: -1000px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_diamond--wobble_high {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 230px;
  height: 214px;
  animation: wf-wf-sp-skin_ice_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_ice_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -230px -0px; }
  33.33% { background-position: -460px -0px; }
  50.00% { background-position: -690px -0px; }
  66.67% { background-position: -920px -0px; }
  83.33% { background-position: -1150px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_ice_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_ice_diamond--break {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__break.webp");
  background-position: -0px -0px;
  width: 268px;
  height: 210px;
  animation: wf-wf-sp-skin_ice_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_ice_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -268px -0px; }
  33.33% { background-position: -536px -0px; }
  50.00% { background-position: -804px -0px; }
  66.67% { background-position: -1072px -0px; }
  83.33% { background-position: -1340px -0px; }
}
.wf-sp-skin_ice_diamond--break {
  background-image: url("../assets/collection/skin_ice_diamond/skin_ice_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_metal_square */
.wf-sp-skin_metal_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -848px -416px;
  width: 125px;
  height: 120px;
}
.wf-sp-skin_metal_square {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 130px;
}
.wf-sp-skin_metal_square--idle {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 130px;
  animation: wf-wf-sp-skin_metal_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_square--idle {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_square--land {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 140px;
  animation: wf-wf-sp-skin_metal_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_metal_square--land {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_square--wobble_low {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 134px;
  animation: wf-wf-sp-skin_metal_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_square--wobble_low {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_square--wobble_high {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 148px;
  animation: wf-wf-sp-skin_metal_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_square--wobble_high {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_square--wobble_critical {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 194px;
  height: 154px;
  animation: wf-wf-sp-skin_metal_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -194px -0px; }
  33.33% { background-position: -388px -0px; }
  50.00% { background-position: -582px -0px; }
  66.67% { background-position: -776px -0px; }
  83.33% { background-position: -970px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_square--wobble_critical {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_square--break {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__break.webp");
  background-position: -0px -0px;
  width: 216px;
  height: 152px;
  animation: wf-wf-sp-skin_metal_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -216px -0px; }
  33.33% { background-position: -432px -0px; }
  50.00% { background-position: -648px -0px; }
  66.67% { background-position: -864px -0px; }
  83.33% { background-position: -1080px -0px; }
}
.wf-sp-skin_metal_square--break {
  background-image: url("../assets/collection/skin_metal_square/skin_metal_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_metal_rectangle */
.wf-sp-skin_metal_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -682px -416px;
  width: 166px;
  height: 96px;
}
.wf-sp-skin_metal_rectangle {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 106px;
}
.wf-sp-skin_metal_rectangle--idle {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 106px;
  animation: wf-wf-sp-skin_metal_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -176px -0px; }
  50.00% { background-position: -352px -0px; }
  75.00% { background-position: -528px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_rectangle--idle {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_rectangle--land {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 114px;
  animation: wf-wf-sp-skin_metal_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_metal_rectangle--land {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 182px;
  height: 112px;
  animation: wf-wf-sp-skin_metal_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -182px -0px; }
  50.00% { background-position: -364px -0px; }
  75.00% { background-position: -546px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 204px;
  height: 130px;
  animation: wf-wf-sp-skin_metal_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -204px -0px; }
  33.33% { background-position: -408px -0px; }
  50.00% { background-position: -612px -0px; }
  66.67% { background-position: -816px -0px; }
  83.33% { background-position: -1020px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 224px;
  height: 140px;
  animation: wf-wf-sp-skin_metal_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -224px -0px; }
  33.33% { background-position: -448px -0px; }
  50.00% { background-position: -672px -0px; }
  66.67% { background-position: -896px -0px; }
  83.33% { background-position: -1120px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_rectangle--break {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__break.webp");
  background-position: -0px -0px;
  width: 216px;
  height: 136px;
  animation: wf-wf-sp-skin_metal_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -216px -0px; }
  33.33% { background-position: -432px -0px; }
  50.00% { background-position: -648px -0px; }
  66.67% { background-position: -864px -0px; }
  83.33% { background-position: -1080px -0px; }
}
.wf-sp-skin_metal_rectangle--break {
  background-image: url("../assets/collection/skin_metal_rectangle/skin_metal_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_metal_plank */
.wf-sp-skin_metal_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -266px -416px;
  width: 416px;
  height: 237px;
}
.wf-sp-skin_metal_plank {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__idle.webp");
  background-position: -0px -0px;
  width: 430px;
  height: 248px;
}
.wf-sp-skin_metal_plank--idle {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__idle.webp");
  background-position: -0px -0px;
  width: 430px;
  height: 248px;
  animation: wf-wf-sp-skin_metal_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -430px -0px; }
  50.00% { background-position: -860px -0px; }
  75.00% { background-position: -1290px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_plank--idle {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_plank--land {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 270px;
  animation: wf-wf-sp-skin_metal_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_metal_plank--land {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_plank--wobble_low {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 444px;
  height: 264px;
  animation: wf-wf-sp-skin_metal_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -444px -0px; }
  50.00% { background-position: -888px -0px; }
  75.00% { background-position: -1332px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_plank--wobble_low {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_plank--wobble_high {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 498px;
  height: 310px;
  animation: wf-wf-sp-skin_metal_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -498px -0px; }
  33.33% { background-position: -996px -0px; }
  50.00% { background-position: -1494px -0px; }
  66.67% { background-position: -1992px -0px; }
  83.33% { background-position: -2490px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_plank--wobble_high {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_plank--wobble_critical {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 536px;
  height: 336px;
  animation: wf-wf-sp-skin_metal_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -536px -0px; }
  33.33% { background-position: -1072px -0px; }
  50.00% { background-position: -1608px -0px; }
  66.67% { background-position: -2144px -0px; }
  83.33% { background-position: -2680px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_plank--wobble_critical {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_plank--break {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__break.webp");
  background-position: -0px -0px;
  width: 442px;
  height: 316px;
  animation: wf-wf-sp-skin_metal_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -442px -0px; }
  33.33% { background-position: -884px -0px; }
  50.00% { background-position: -1326px -0px; }
  66.67% { background-position: -1768px -0px; }
  83.33% { background-position: -2210px -0px; }
}
.wf-sp-skin_metal_plank--break {
  background-image: url("../assets/collection/skin_metal_plank/skin_metal_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_metal_triangle */
.wf-sp-skin_metal_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -973px -416px;
  width: 125px;
  height: 105px;
}
.wf-sp-skin_metal_triangle {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 116px;
}
.wf-sp-skin_metal_triangle--idle {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 116px;
  animation: wf-wf-sp-skin_metal_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_triangle--idle {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_triangle--land {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 124px;
  animation: wf-wf-sp-skin_metal_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_metal_triangle--land {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_triangle--wobble_low {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 120px;
  animation: wf-wf-sp-skin_metal_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -142px -0px; }
  50.00% { background-position: -284px -0px; }
  75.00% { background-position: -426px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_triangle--wobble_low {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_triangle--wobble_high {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 166px;
  height: 132px;
  animation: wf-wf-sp-skin_metal_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -166px -0px; }
  33.33% { background-position: -332px -0px; }
  50.00% { background-position: -498px -0px; }
  66.67% { background-position: -664px -0px; }
  83.33% { background-position: -830px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_triangle--wobble_high {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 140px;
  animation: wf-wf-sp-skin_metal_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -188px -0px; }
  33.33% { background-position: -376px -0px; }
  50.00% { background-position: -564px -0px; }
  66.67% { background-position: -752px -0px; }
  83.33% { background-position: -940px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_triangle--break {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__break.webp");
  background-position: -0px -0px;
  width: 204px;
  height: 138px;
  animation: wf-wf-sp-skin_metal_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -204px -0px; }
  33.33% { background-position: -408px -0px; }
  50.00% { background-position: -612px -0px; }
  66.67% { background-position: -816px -0px; }
  83.33% { background-position: -1020px -0px; }
}
.wf-sp-skin_metal_triangle--break {
  background-image: url("../assets/collection/skin_metal_triangle/skin_metal_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_metal_circle */
.wf-sp-skin_metal_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -0px -416px;
  width: 133px;
  height: 96px;
}
.wf-sp-skin_metal_circle {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 106px;
}
.wf-sp-skin_metal_circle--idle {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 106px;
  animation: wf-wf-sp-skin_metal_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_circle--idle {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_circle--land {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 114px;
  animation: wf-wf-sp-skin_metal_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_metal_circle--land {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_circle--wobble_low {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 150px;
  height: 110px;
  animation: wf-wf-sp-skin_metal_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -150px -0px; }
  50.00% { background-position: -300px -0px; }
  75.00% { background-position: -450px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_circle--wobble_low {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_circle--wobble_high {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 126px;
  animation: wf-wf-sp-skin_metal_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_circle--wobble_high {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_circle--wobble_critical {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 132px;
  animation: wf-wf-sp-skin_metal_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_circle--wobble_critical {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_circle--break {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__break.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 130px;
  animation: wf-wf-sp-skin_metal_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -202px -0px; }
  33.33% { background-position: -404px -0px; }
  50.00% { background-position: -606px -0px; }
  66.67% { background-position: -808px -0px; }
  83.33% { background-position: -1010px -0px; }
}
.wf-sp-skin_metal_circle--break {
  background-image: url("../assets/collection/skin_metal_circle/skin_metal_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_metal_diamond */
.wf-sp-skin_metal_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -133px -416px;
  width: 133px;
  height: 144px;
}
.wf-sp-skin_metal_diamond {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 154px;
}
.wf-sp-skin_metal_diamond--idle {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 154px;
  animation: wf-wf-sp-skin_metal_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_diamond--idle {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_diamond--land {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 168px;
  animation: wf-wf-sp-skin_metal_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_metal_diamond--land {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_diamond--wobble_low {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 158px;
  animation: wf-wf-sp-skin_metal_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -154px -0px; }
  50.00% { background-position: -308px -0px; }
  75.00% { background-position: -462px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_diamond--wobble_low {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_diamond--wobble_high {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 172px;
  animation: wf-wf-sp-skin_metal_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -188px -0px; }
  33.33% { background-position: -376px -0px; }
  50.00% { background-position: -564px -0px; }
  66.67% { background-position: -752px -0px; }
  83.33% { background-position: -940px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_diamond--wobble_high {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 214px;
  height: 178px;
  animation: wf-wf-sp-skin_metal_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_metal_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -214px -0px; }
  33.33% { background-position: -428px -0px; }
  50.00% { background-position: -642px -0px; }
  66.67% { background-position: -856px -0px; }
  83.33% { background-position: -1070px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_metal_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_metal_diamond--break {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__break.webp");
  background-position: -0px -0px;
  width: 238px;
  height: 176px;
  animation: wf-wf-sp-skin_metal_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_metal_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -238px -0px; }
  33.33% { background-position: -476px -0px; }
  50.00% { background-position: -714px -0px; }
  66.67% { background-position: -952px -0px; }
  83.33% { background-position: -1190px -0px; }
}
.wf-sp-skin_metal_diamond--break {
  background-image: url("../assets/collection/skin_metal_diamond/skin_metal_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_stone_square */
.wf-sp-skin_stone_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1264px -1067px;
  width: 125px;
  height: 123px;
}
.wf-sp-skin_stone_square {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 134px;
}
.wf-sp-skin_stone_square--idle {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 134px;
  animation: wf-wf-sp-skin_stone_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_square--idle {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_square--land {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 144px;
  animation: wf-wf-sp-skin_stone_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_stone_square--land {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_square--wobble_low {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 138px;
  animation: wf-wf-sp-skin_stone_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_square--wobble_low {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_square--wobble_high {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 150px;
  animation: wf-wf-sp-skin_stone_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_square--wobble_high {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_square--wobble_critical {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 156px;
  animation: wf-wf-sp-skin_stone_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -196px -0px; }
  33.33% { background-position: -392px -0px; }
  50.00% { background-position: -588px -0px; }
  66.67% { background-position: -784px -0px; }
  83.33% { background-position: -980px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_square--wobble_critical {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_square--break {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__break.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 154px;
  animation: wf-wf-sp-skin_stone_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
}
.wf-sp-skin_stone_square--break {
  background-image: url("../assets/collection/skin_stone_square/skin_stone_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_stone_rectangle */
.wf-sp-skin_stone_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1098px -1067px;
  width: 166px;
  height: 107px;
}
.wf-sp-skin_stone_rectangle {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 118px;
}
.wf-sp-skin_stone_rectangle--idle {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 118px;
  animation: wf-wf-sp-skin_stone_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -176px -0px; }
  50.00% { background-position: -352px -0px; }
  75.00% { background-position: -528px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_rectangle--idle {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_rectangle--land {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 126px;
  animation: wf-wf-sp-skin_stone_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_stone_rectangle--land {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 184px;
  height: 122px;
  animation: wf-wf-sp-skin_stone_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -184px -0px; }
  50.00% { background-position: -368px -0px; }
  75.00% { background-position: -552px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 208px;
  height: 142px;
  animation: wf-wf-sp-skin_stone_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -208px -0px; }
  33.33% { background-position: -416px -0px; }
  50.00% { background-position: -624px -0px; }
  66.67% { background-position: -832px -0px; }
  83.33% { background-position: -1040px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 228px;
  height: 152px;
  animation: wf-wf-sp-skin_stone_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -228px -0px; }
  33.33% { background-position: -456px -0px; }
  50.00% { background-position: -684px -0px; }
  66.67% { background-position: -912px -0px; }
  83.33% { background-position: -1140px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_rectangle--break {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__break.webp");
  background-position: -0px -0px;
  width: 226px;
  height: 146px;
  animation: wf-wf-sp-skin_stone_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -226px -0px; }
  33.33% { background-position: -452px -0px; }
  50.00% { background-position: -678px -0px; }
  66.67% { background-position: -904px -0px; }
  83.33% { background-position: -1130px -0px; }
}
.wf-sp-skin_stone_rectangle--break {
  background-image: url("../assets/collection/skin_stone_rectangle/skin_stone_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_stone_plank */
.wf-sp-skin_stone_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -682px -1067px;
  width: 416px;
  height: 124px;
}
.wf-sp-skin_stone_plank {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 136px;
}
.wf-sp-skin_stone_plank--idle {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 136px;
  animation: wf-wf-sp-skin_stone_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_plank--idle {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_plank--land {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 146px;
  animation: wf-wf-sp-skin_stone_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_stone_plank--land {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_plank--wobble_low {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 436px;
  height: 150px;
  animation: wf-wf-sp-skin_stone_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -436px -0px; }
  50.00% { background-position: -872px -0px; }
  75.00% { background-position: -1308px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_plank--wobble_low {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_plank--wobble_high {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 460px;
  height: 200px;
  animation: wf-wf-sp-skin_stone_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -460px -0px; }
  33.33% { background-position: -920px -0px; }
  50.00% { background-position: -1380px -0px; }
  66.67% { background-position: -1840px -0px; }
  83.33% { background-position: -2300px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_plank--wobble_high {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_plank--wobble_critical {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 484px;
  height: 226px;
  animation: wf-wf-sp-skin_stone_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -484px -0px; }
  33.33% { background-position: -968px -0px; }
  50.00% { background-position: -1452px -0px; }
  66.67% { background-position: -1936px -0px; }
  83.33% { background-position: -2420px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_plank--wobble_critical {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_plank--break {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__break.webp");
  background-position: -0px -0px;
  width: 354px;
  height: 212px;
  animation: wf-wf-sp-skin_stone_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -354px -0px; }
  33.33% { background-position: -708px -0px; }
  50.00% { background-position: -1062px -0px; }
  66.67% { background-position: -1416px -0px; }
  83.33% { background-position: -1770px -0px; }
}
.wf-sp-skin_stone_plank--break {
  background-image: url("../assets/collection/skin_stone_plank/skin_stone_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_stone_triangle */
.wf-sp-skin_stone_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1389px -1067px;
  width: 125px;
  height: 106px;
}
.wf-sp-skin_stone_triangle {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 116px;
}
.wf-sp-skin_stone_triangle--idle {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 116px;
  animation: wf-wf-sp-skin_stone_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_triangle--idle {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_triangle--land {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 126px;
  animation: wf-wf-sp-skin_stone_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_stone_triangle--land {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_triangle--wobble_low {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 142px;
  height: 120px;
  animation: wf-wf-sp-skin_stone_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -142px -0px; }
  50.00% { background-position: -284px -0px; }
  75.00% { background-position: -426px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_triangle--wobble_low {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_triangle--wobble_high {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 168px;
  height: 134px;
  animation: wf-wf-sp-skin_stone_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -168px -0px; }
  33.33% { background-position: -336px -0px; }
  50.00% { background-position: -504px -0px; }
  66.67% { background-position: -672px -0px; }
  83.33% { background-position: -840px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_triangle--wobble_high {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 140px;
  animation: wf-wf-sp-skin_stone_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -188px -0px; }
  33.33% { background-position: -376px -0px; }
  50.00% { background-position: -564px -0px; }
  66.67% { background-position: -752px -0px; }
  83.33% { background-position: -940px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_triangle--break {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__break.webp");
  background-position: -0px -0px;
  width: 206px;
  height: 138px;
  animation: wf-wf-sp-skin_stone_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -206px -0px; }
  33.33% { background-position: -412px -0px; }
  50.00% { background-position: -618px -0px; }
  66.67% { background-position: -824px -0px; }
  83.33% { background-position: -1030px -0px; }
}
.wf-sp-skin_stone_triangle--break {
  background-image: url("../assets/collection/skin_stone_triangle/skin_stone_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_stone_circle */
.wf-sp-skin_stone_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -416px -1067px;
  width: 133px;
  height: 96px;
}
.wf-sp-skin_stone_circle {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 106px;
}
.wf-sp-skin_stone_circle--idle {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 106px;
  animation: wf-wf-sp-skin_stone_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_circle--idle {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_circle--land {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 114px;
  animation: wf-wf-sp-skin_stone_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_stone_circle--land {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_circle--wobble_low {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 150px;
  height: 110px;
  animation: wf-wf-sp-skin_stone_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -150px -0px; }
  50.00% { background-position: -300px -0px; }
  75.00% { background-position: -450px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_circle--wobble_low {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_circle--wobble_high {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 126px;
  animation: wf-wf-sp-skin_stone_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_circle--wobble_high {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_circle--wobble_critical {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 132px;
  animation: wf-wf-sp-skin_stone_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_circle--wobble_critical {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_circle--break {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__break.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 130px;
  animation: wf-wf-sp-skin_stone_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -202px -0px; }
  33.33% { background-position: -404px -0px; }
  50.00% { background-position: -606px -0px; }
  66.67% { background-position: -808px -0px; }
  83.33% { background-position: -1010px -0px; }
}
.wf-sp-skin_stone_circle--break {
  background-image: url("../assets/collection/skin_stone_circle/skin_stone_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_stone_diamond */
.wf-sp-skin_stone_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -549px -1067px;
  width: 133px;
  height: 149px;
}
.wf-sp-skin_stone_diamond {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 160px;
}
.wf-sp-skin_stone_diamond--idle {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 160px;
  animation: wf-wf-sp-skin_stone_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_diamond--idle {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_diamond--land {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 172px;
  animation: wf-wf-sp-skin_stone_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_stone_diamond--land {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_diamond--wobble_low {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 164px;
  animation: wf-wf-sp-skin_stone_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -154px -0px; }
  50.00% { background-position: -308px -0px; }
  75.00% { background-position: -462px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_diamond--wobble_low {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_diamond--wobble_high {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 178px;
  animation: wf-wf-sp-skin_stone_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -190px -0px; }
  33.33% { background-position: -380px -0px; }
  50.00% { background-position: -570px -0px; }
  66.67% { background-position: -760px -0px; }
  83.33% { background-position: -950px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_diamond--wobble_high {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 216px;
  height: 184px;
  animation: wf-wf-sp-skin_stone_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_stone_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -216px -0px; }
  33.33% { background-position: -432px -0px; }
  50.00% { background-position: -648px -0px; }
  66.67% { background-position: -864px -0px; }
  83.33% { background-position: -1080px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_stone_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_stone_diamond--break {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__break.webp");
  background-position: -0px -0px;
  width: 242px;
  height: 180px;
  animation: wf-wf-sp-skin_stone_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_stone_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -242px -0px; }
  33.33% { background-position: -484px -0px; }
  50.00% { background-position: -726px -0px; }
  66.67% { background-position: -968px -0px; }
  83.33% { background-position: -1210px -0px; }
}
.wf-sp-skin_stone_diamond--break {
  background-image: url("../assets/collection/skin_stone_diamond/skin_stone_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_space_square */
.wf-sp-skin_space_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -166px -1067px;
  width: 125px;
  height: 117px;
}
.wf-sp-skin_space_square {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 128px;
}
.wf-sp-skin_space_square--idle {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 128px;
  animation: wf-wf-sp-skin_space_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_square--idle {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_square--land {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 138px;
  animation: wf-wf-sp-skin_space_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_space_square--land {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_square--wobble_low {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 132px;
  animation: wf-wf-sp-skin_space_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_square--wobble_low {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_square--wobble_high {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 170px;
  height: 144px;
  animation: wf-wf-sp-skin_space_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -170px -0px; }
  33.33% { background-position: -340px -0px; }
  50.00% { background-position: -510px -0px; }
  66.67% { background-position: -680px -0px; }
  83.33% { background-position: -850px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_square--wobble_high {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_square--wobble_critical {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 150px;
  animation: wf-wf-sp-skin_space_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_square--wobble_critical {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_square--break {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__break.webp");
  background-position: -0px -0px;
  width: 214px;
  height: 148px;
  animation: wf-wf-sp-skin_space_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -214px -0px; }
  33.33% { background-position: -428px -0px; }
  50.00% { background-position: -642px -0px; }
  66.67% { background-position: -856px -0px; }
  83.33% { background-position: -1070px -0px; }
}
.wf-sp-skin_space_square--break {
  background-image: url("../assets/collection/skin_space_square/skin_space_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_space_rectangle */
.wf-sp-skin_space_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -0px -1067px;
  width: 166px;
  height: 109px;
}
.wf-sp-skin_space_rectangle {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 120px;
}
.wf-sp-skin_space_rectangle--idle {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 176px;
  height: 120px;
  animation: wf-wf-sp-skin_space_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -176px -0px; }
  50.00% { background-position: -352px -0px; }
  75.00% { background-position: -528px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_rectangle--idle {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_rectangle--land {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 128px;
  animation: wf-wf-sp-skin_space_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_space_rectangle--land {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 184px;
  height: 124px;
  animation: wf-wf-sp-skin_space_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -184px -0px; }
  50.00% { background-position: -368px -0px; }
  75.00% { background-position: -552px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 208px;
  height: 144px;
  animation: wf-wf-sp-skin_space_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -208px -0px; }
  33.33% { background-position: -416px -0px; }
  50.00% { background-position: -624px -0px; }
  66.67% { background-position: -832px -0px; }
  83.33% { background-position: -1040px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 230px;
  height: 152px;
  animation: wf-wf-sp-skin_space_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -230px -0px; }
  33.33% { background-position: -460px -0px; }
  50.00% { background-position: -690px -0px; }
  66.67% { background-position: -920px -0px; }
  83.33% { background-position: -1150px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_rectangle--break {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__break.webp");
  background-position: -0px -0px;
  width: 226px;
  height: 148px;
  animation: wf-wf-sp-skin_space_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -226px -0px; }
  33.33% { background-position: -452px -0px; }
  50.00% { background-position: -678px -0px; }
  66.67% { background-position: -904px -0px; }
  83.33% { background-position: -1130px -0px; }
}
.wf-sp-skin_space_rectangle--break {
  background-image: url("../assets/collection/skin_space_rectangle/skin_space_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_space_plank */
.wf-sp-skin_space_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1364px -843px;
  width: 416px;
  height: 136px;
}
.wf-sp-skin_space_plank {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 148px;
}
.wf-sp-skin_space_plank--idle {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 148px;
  animation: wf-wf-sp-skin_space_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_plank--idle {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_plank--land {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 158px;
  animation: wf-wf-sp-skin_space_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_space_plank--land {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_plank--wobble_low {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 436px;
  height: 162px;
  animation: wf-wf-sp-skin_space_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -436px -0px; }
  50.00% { background-position: -872px -0px; }
  75.00% { background-position: -1308px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_plank--wobble_low {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_plank--wobble_high {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 464px;
  height: 212px;
  animation: wf-wf-sp-skin_space_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -464px -0px; }
  33.33% { background-position: -928px -0px; }
  50.00% { background-position: -1392px -0px; }
  66.67% { background-position: -1856px -0px; }
  83.33% { background-position: -2320px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_plank--wobble_high {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_plank--wobble_critical {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 490px;
  height: 238px;
  animation: wf-wf-sp-skin_space_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -490px -0px; }
  33.33% { background-position: -980px -0px; }
  50.00% { background-position: -1470px -0px; }
  66.67% { background-position: -1960px -0px; }
  83.33% { background-position: -2450px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_plank--wobble_critical {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_plank--break {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__break.webp");
  background-position: -0px -0px;
  width: 364px;
  height: 222px;
  animation: wf-wf-sp-skin_space_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -364px -0px; }
  33.33% { background-position: -728px -0px; }
  50.00% { background-position: -1092px -0px; }
  66.67% { background-position: -1456px -0px; }
  83.33% { background-position: -1820px -0px; }
}
.wf-sp-skin_space_plank--break {
  background-image: url("../assets/collection/skin_space_plank/skin_space_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_space_triangle */
.wf-sp-skin_space_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -291px -1067px;
  width: 125px;
  height: 112px;
}
.wf-sp-skin_space_triangle {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 122px;
}
.wf-sp-skin_space_triangle--idle {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 122px;
  animation: wf-wf-sp-skin_space_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_triangle--idle {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_triangle--land {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 132px;
  animation: wf-wf-sp-skin_space_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_space_triangle--land {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_triangle--wobble_low {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 126px;
  animation: wf-wf-sp-skin_space_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_triangle--wobble_low {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_triangle--wobble_high {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 170px;
  height: 140px;
  animation: wf-wf-sp-skin_space_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -170px -0px; }
  33.33% { background-position: -340px -0px; }
  50.00% { background-position: -510px -0px; }
  66.67% { background-position: -680px -0px; }
  83.33% { background-position: -850px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_triangle--wobble_high {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 146px;
  animation: wf-wf-sp-skin_space_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -190px -0px; }
  33.33% { background-position: -380px -0px; }
  50.00% { background-position: -570px -0px; }
  66.67% { background-position: -760px -0px; }
  83.33% { background-position: -950px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_triangle--break {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__break.webp");
  background-position: -0px -0px;
  width: 210px;
  height: 144px;
  animation: wf-wf-sp-skin_space_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -210px -0px; }
  33.33% { background-position: -420px -0px; }
  50.00% { background-position: -630px -0px; }
  66.67% { background-position: -840px -0px; }
  83.33% { background-position: -1050px -0px; }
}
.wf-sp-skin_space_triangle--break {
  background-image: url("../assets/collection/skin_space_triangle/skin_space_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_space_circle */
.wf-sp-skin_space_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1098px -843px;
  width: 133px;
  height: 118px;
}
.wf-sp-skin_space_circle {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
}
.wf-sp-skin_space_circle--idle {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
  animation: wf-wf-sp-skin_space_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_circle--idle {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_circle--land {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 138px;
  animation: wf-wf-sp-skin_space_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_space_circle--land {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_circle--wobble_low {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 132px;
  animation: wf-wf-sp-skin_space_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -152px -0px; }
  50.00% { background-position: -304px -0px; }
  75.00% { background-position: -456px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_circle--wobble_low {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_circle--wobble_high {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 146px;
  animation: wf-wf-sp-skin_space_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -178px -0px; }
  33.33% { background-position: -356px -0px; }
  50.00% { background-position: -534px -0px; }
  66.67% { background-position: -712px -0px; }
  83.33% { background-position: -890px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_circle--wobble_high {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_circle--wobble_critical {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 154px;
  animation: wf-wf-sp-skin_space_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -202px -0px; }
  33.33% { background-position: -404px -0px; }
  50.00% { background-position: -606px -0px; }
  66.67% { background-position: -808px -0px; }
  83.33% { background-position: -1010px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_circle--wobble_critical {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_circle--break {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__break.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 152px;
  animation: wf-wf-sp-skin_space_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
}
.wf-sp-skin_space_circle--break {
  background-image: url("../assets/collection/skin_space_circle/skin_space_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_space_diamond */
.wf-sp-skin_space_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1231px -843px;
  width: 133px;
  height: 164px;
}
.wf-sp-skin_space_diamond {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 174px;
}
.wf-sp-skin_space_diamond--idle {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 174px;
  animation: wf-wf-sp-skin_space_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_diamond--idle {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_diamond--land {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 190px;
  animation: wf-wf-sp-skin_space_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_space_diamond--land {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_diamond--wobble_low {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 156px;
  height: 178px;
  animation: wf-wf-sp-skin_space_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -156px -0px; }
  50.00% { background-position: -312px -0px; }
  75.00% { background-position: -468px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_diamond--wobble_low {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_diamond--wobble_high {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 194px;
  height: 192px;
  animation: wf-wf-sp-skin_space_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -194px -0px; }
  33.33% { background-position: -388px -0px; }
  50.00% { background-position: -582px -0px; }
  66.67% { background-position: -776px -0px; }
  83.33% { background-position: -970px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_diamond--wobble_high {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 222px;
  height: 198px;
  animation: wf-wf-sp-skin_space_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_space_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -222px -0px; }
  33.33% { background-position: -444px -0px; }
  50.00% { background-position: -666px -0px; }
  66.67% { background-position: -888px -0px; }
  83.33% { background-position: -1110px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_space_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_space_diamond--break {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__break.webp");
  background-position: -0px -0px;
  width: 254px;
  height: 194px;
  animation: wf-wf-sp-skin_space_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_space_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -254px -0px; }
  33.33% { background-position: -508px -0px; }
  50.00% { background-position: -762px -0px; }
  66.67% { background-position: -1016px -0px; }
  83.33% { background-position: -1270px -0px; }
}
.wf-sp-skin_space_diamond--break {
  background-image: url("../assets/collection/skin_space_diamond/skin_space_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_nature_square */
.wf-sp-skin_nature_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -166px -676px;
  width: 125px;
  height: 123px;
}
.wf-sp-skin_nature_square {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 134px;
}
.wf-sp-skin_nature_square--idle {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 134px;
  animation: wf-wf-sp-skin_nature_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_square--idle {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_square--land {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 144px;
  animation: wf-wf-sp-skin_nature_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_nature_square--land {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_square--wobble_low {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 138px;
  animation: wf-wf-sp-skin_nature_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_square--wobble_low {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_square--wobble_high {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 150px;
  animation: wf-wf-sp-skin_nature_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_square--wobble_high {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_square--wobble_critical {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 156px;
  animation: wf-wf-sp-skin_nature_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -196px -0px; }
  33.33% { background-position: -392px -0px; }
  50.00% { background-position: -588px -0px; }
  66.67% { background-position: -784px -0px; }
  83.33% { background-position: -980px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_square--wobble_critical {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_square--break {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__break.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 154px;
  animation: wf-wf-sp-skin_nature_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
}
.wf-sp-skin_nature_square--break {
  background-image: url("../assets/collection/skin_nature_square/skin_nature_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_nature_rectangle */
.wf-sp-skin_nature_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -0px -676px;
  width: 166px;
  height: 121px;
}
.wf-sp-skin_nature_rectangle {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 132px;
}
.wf-sp-skin_nature_rectangle--idle {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 132px;
  animation: wf-wf-sp-skin_nature_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -178px -0px; }
  50.00% { background-position: -356px -0px; }
  75.00% { background-position: -534px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_rectangle--idle {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_rectangle--land {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 142px;
  animation: wf-wf-sp-skin_nature_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_nature_rectangle--land {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 184px;
  height: 136px;
  animation: wf-wf-sp-skin_nature_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -184px -0px; }
  50.00% { background-position: -368px -0px; }
  75.00% { background-position: -552px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 156px;
  animation: wf-wf-sp-skin_nature_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -212px -0px; }
  33.33% { background-position: -424px -0px; }
  50.00% { background-position: -636px -0px; }
  66.67% { background-position: -848px -0px; }
  83.33% { background-position: -1060px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 236px;
  height: 164px;
  animation: wf-wf-sp-skin_nature_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -236px -0px; }
  33.33% { background-position: -472px -0px; }
  50.00% { background-position: -708px -0px; }
  66.67% { background-position: -944px -0px; }
  83.33% { background-position: -1180px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_rectangle--break {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__break.webp");
  background-position: -0px -0px;
  width: 236px;
  height: 160px;
  animation: wf-wf-sp-skin_nature_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -236px -0px; }
  33.33% { background-position: -472px -0px; }
  50.00% { background-position: -708px -0px; }
  66.67% { background-position: -944px -0px; }
  83.33% { background-position: -1180px -0px; }
}
.wf-sp-skin_nature_rectangle--break {
  background-image: url("../assets/collection/skin_nature_rectangle/skin_nature_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_nature_plank */
.wf-sp-skin_nature_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1364px -416px;
  width: 416px;
  height: 260px;
}
.wf-sp-skin_nature_plank {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__idle.webp");
  background-position: -0px -0px;
  width: 430px;
  height: 272px;
}
.wf-sp-skin_nature_plank--idle {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__idle.webp");
  background-position: -0px -0px;
  width: 430px;
  height: 272px;
  animation: wf-wf-sp-skin_nature_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -430px -0px; }
  50.00% { background-position: -860px -0px; }
  75.00% { background-position: -1290px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_plank--idle {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_plank--land {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 294px;
  animation: wf-wf-sp-skin_nature_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_nature_plank--land {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_plank--wobble_low {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 446px;
  height: 286px;
  animation: wf-wf-sp-skin_nature_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -446px -0px; }
  50.00% { background-position: -892px -0px; }
  75.00% { background-position: -1338px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_plank--wobble_low {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_plank--wobble_high {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 504px;
  height: 332px;
  animation: wf-wf-sp-skin_nature_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -504px -0px; }
  33.33% { background-position: -1008px -0px; }
  50.00% { background-position: -1512px -0px; }
  66.67% { background-position: -2016px -0px; }
  83.33% { background-position: -2520px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_plank--wobble_high {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_plank--wobble_critical {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 548px;
  height: 358px;
  animation: wf-wf-sp-skin_nature_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -548px -0px; }
  33.33% { background-position: -1096px -0px; }
  50.00% { background-position: -1644px -0px; }
  66.67% { background-position: -2192px -0px; }
  83.33% { background-position: -2740px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_plank--wobble_critical {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_plank--break {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__break.webp");
  background-position: -0px -0px;
  width: 460px;
  height: 338px;
  animation: wf-wf-sp-skin_nature_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -460px -0px; }
  33.33% { background-position: -920px -0px; }
  50.00% { background-position: -1380px -0px; }
  66.67% { background-position: -1840px -0px; }
  83.33% { background-position: -2300px -0px; }
}
.wf-sp-skin_nature_plank--break {
  background-image: url("../assets/collection/skin_nature_plank/skin_nature_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_nature_triangle */
.wf-sp-skin_nature_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -291px -676px;
  width: 125px;
  height: 113px;
}
.wf-sp-skin_nature_triangle {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 124px;
}
.wf-sp-skin_nature_triangle--idle {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 124px;
  animation: wf-wf-sp-skin_nature_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_triangle--idle {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_triangle--land {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 134px;
  animation: wf-wf-sp-skin_nature_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_nature_triangle--land {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_triangle--wobble_low {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
  animation: wf-wf-sp-skin_nature_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_triangle--wobble_low {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_triangle--wobble_high {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 170px;
  height: 140px;
  animation: wf-wf-sp-skin_nature_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -170px -0px; }
  33.33% { background-position: -340px -0px; }
  50.00% { background-position: -510px -0px; }
  66.67% { background-position: -680px -0px; }
  83.33% { background-position: -850px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_triangle--wobble_high {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 146px;
  animation: wf-wf-sp-skin_nature_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -190px -0px; }
  33.33% { background-position: -380px -0px; }
  50.00% { background-position: -570px -0px; }
  66.67% { background-position: -760px -0px; }
  83.33% { background-position: -950px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_triangle--break {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__break.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 146px;
  animation: wf-wf-sp-skin_nature_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -212px -0px; }
  33.33% { background-position: -424px -0px; }
  50.00% { background-position: -636px -0px; }
  66.67% { background-position: -848px -0px; }
  83.33% { background-position: -1060px -0px; }
}
.wf-sp-skin_nature_triangle--break {
  background-image: url("../assets/collection/skin_nature_triangle/skin_nature_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_nature_circle */
.wf-sp-skin_nature_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1098px -416px;
  width: 133px;
  height: 118px;
}
.wf-sp-skin_nature_circle {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
}
.wf-sp-skin_nature_circle--idle {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 128px;
  animation: wf-wf-sp-skin_nature_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_circle--idle {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_circle--land {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 138px;
  animation: wf-wf-sp-skin_nature_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_nature_circle--land {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_circle--wobble_low {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 152px;
  height: 132px;
  animation: wf-wf-sp-skin_nature_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -152px -0px; }
  50.00% { background-position: -304px -0px; }
  75.00% { background-position: -456px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_circle--wobble_low {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_circle--wobble_high {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 146px;
  animation: wf-wf-sp-skin_nature_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -178px -0px; }
  33.33% { background-position: -356px -0px; }
  50.00% { background-position: -534px -0px; }
  66.67% { background-position: -712px -0px; }
  83.33% { background-position: -890px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_circle--wobble_high {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_circle--wobble_critical {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 154px;
  animation: wf-wf-sp-skin_nature_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -202px -0px; }
  33.33% { background-position: -404px -0px; }
  50.00% { background-position: -606px -0px; }
  66.67% { background-position: -808px -0px; }
  83.33% { background-position: -1010px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_circle--wobble_critical {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_circle--break {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__break.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 152px;
  animation: wf-wf-sp-skin_nature_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -218px -0px; }
  33.33% { background-position: -436px -0px; }
  50.00% { background-position: -654px -0px; }
  66.67% { background-position: -872px -0px; }
  83.33% { background-position: -1090px -0px; }
}
.wf-sp-skin_nature_circle--break {
  background-image: url("../assets/collection/skin_nature_circle/skin_nature_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_nature_diamond */
.wf-sp-skin_nature_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -1231px -416px;
  width: 133px;
  height: 159px;
}
.wf-sp-skin_nature_diamond {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 170px;
}
.wf-sp-skin_nature_diamond--idle {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 170px;
  animation: wf-wf-sp-skin_nature_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_diamond--idle {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_diamond--land {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 184px;
  animation: wf-wf-sp-skin_nature_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_nature_diamond--land {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_diamond--wobble_low {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 156px;
  height: 174px;
  animation: wf-wf-sp-skin_nature_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -156px -0px; }
  50.00% { background-position: -312px -0px; }
  75.00% { background-position: -468px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_diamond--wobble_low {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_diamond--wobble_high {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 186px;
  animation: wf-wf-sp-skin_nature_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_diamond--wobble_high {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 192px;
  animation: wf-wf-sp-skin_nature_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_nature_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -220px -0px; }
  33.33% { background-position: -440px -0px; }
  50.00% { background-position: -660px -0px; }
  66.67% { background-position: -880px -0px; }
  83.33% { background-position: -1100px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_nature_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_nature_diamond--break {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__break.webp");
  background-position: -0px -0px;
  width: 250px;
  height: 190px;
  animation: wf-wf-sp-skin_nature_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_nature_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -250px -0px; }
  33.33% { background-position: -500px -0px; }
  50.00% { background-position: -750px -0px; }
  66.67% { background-position: -1000px -0px; }
  83.33% { background-position: -1250px -0px; }
}
.wf-sp-skin_nature_diamond--break {
  background-image: url("../assets/collection/skin_nature_diamond/skin_nature_diamond__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_retro_square */
.wf-sp-skin_retro_square--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -848px -843px;
  width: 125px;
  height: 125px;
}
.wf-sp-skin_retro_square {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 136px;
}
.wf-sp-skin_retro_square--idle {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 136px;
  animation: wf-wf-sp-skin_retro_square--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_square--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_square--idle {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_square--land {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 146px;
  animation: wf-wf-sp-skin_retro_square--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_square--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_retro_square--land {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_square--wobble_low {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 140px;
  animation: wf-wf-sp-skin_retro_square--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_square--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_square--wobble_low {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_square--wobble_high {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__wobble_high.webp");
  background-position: -0px -0px;
  width: 174px;
  height: 152px;
  animation: wf-wf-sp-skin_retro_square--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_square--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -174px -0px; }
  33.33% { background-position: -348px -0px; }
  50.00% { background-position: -522px -0px; }
  66.67% { background-position: -696px -0px; }
  83.33% { background-position: -870px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_square--wobble_high {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_square--wobble_critical {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__wobble_critical.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 158px;
  animation: wf-wf-sp-skin_retro_square--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_square--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -196px -0px; }
  33.33% { background-position: -392px -0px; }
  50.00% { background-position: -588px -0px; }
  66.67% { background-position: -784px -0px; }
  83.33% { background-position: -980px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_square--wobble_critical {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_square--break {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__break.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 156px;
  animation: wf-wf-sp-skin_retro_square--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_square--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -220px -0px; }
  33.33% { background-position: -440px -0px; }
  50.00% { background-position: -660px -0px; }
  66.67% { background-position: -880px -0px; }
  83.33% { background-position: -1100px -0px; }
}
.wf-sp-skin_retro_square--break {
  background-image: url("../assets/collection/skin_retro_square/skin_retro_square__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_retro_rectangle */
.wf-sp-skin_retro_rectangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -682px -843px;
  width: 166px;
  height: 119px;
}
.wf-sp-skin_retro_rectangle {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 130px;
}
.wf-sp-skin_retro_rectangle--idle {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__idle.webp");
  background-position: -0px -0px;
  width: 178px;
  height: 130px;
  animation: wf-wf-sp-skin_retro_rectangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_rectangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -178px -0px; }
  50.00% { background-position: -356px -0px; }
  75.00% { background-position: -534px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_rectangle--idle {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_rectangle--land {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__land.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 140px;
  animation: wf-wf-sp-skin_retro_rectangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_rectangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -202px -0px; }
  40.00% { background-position: -404px -0px; }
  60.00% { background-position: -606px -0px; }
  80.00% { background-position: -808px -0px; }
}
.wf-sp-skin_retro_rectangle--land {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 184px;
  height: 134px;
  animation: wf-wf-sp-skin_retro_rectangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_rectangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -184px -0px; }
  50.00% { background-position: -368px -0px; }
  75.00% { background-position: -552px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_rectangle--wobble_low {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 154px;
  animation: wf-wf-sp-skin_retro_rectangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_rectangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -212px -0px; }
  33.33% { background-position: -424px -0px; }
  50.00% { background-position: -636px -0px; }
  66.67% { background-position: -848px -0px; }
  83.33% { background-position: -1060px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_rectangle--wobble_high {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 162px;
  animation: wf-wf-sp-skin_retro_rectangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_rectangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -234px -0px; }
  33.33% { background-position: -468px -0px; }
  50.00% { background-position: -702px -0px; }
  66.67% { background-position: -936px -0px; }
  83.33% { background-position: -1170px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_rectangle--wobble_critical {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_rectangle--break {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__break.webp");
  background-position: -0px -0px;
  width: 234px;
  height: 158px;
  animation: wf-wf-sp-skin_retro_rectangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_rectangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -234px -0px; }
  33.33% { background-position: -468px -0px; }
  50.00% { background-position: -702px -0px; }
  66.67% { background-position: -936px -0px; }
  83.33% { background-position: -1170px -0px; }
}
.wf-sp-skin_retro_rectangle--break {
  background-image: url("../assets/collection/skin_retro_rectangle/skin_retro_rectangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_retro_plank */
.wf-sp-skin_retro_plank--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -266px -843px;
  width: 416px;
  height: 224px;
}
.wf-sp-skin_retro_plank {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 236px;
}
.wf-sp-skin_retro_plank--idle {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__idle.webp");
  background-position: -0px -0px;
  width: 428px;
  height: 236px;
  animation: wf-wf-sp-skin_retro_plank--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_plank--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -428px -0px; }
  50.00% { background-position: -856px -0px; }
  75.00% { background-position: -1284px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_plank--idle {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_plank--land {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__land.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 256px;
  animation: wf-wf-sp-skin_retro_plank--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_plank--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -492px -0px; }
  40.00% { background-position: -984px -0px; }
  60.00% { background-position: -1476px -0px; }
  80.00% { background-position: -1968px -0px; }
}
.wf-sp-skin_retro_plank--land {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_plank--wobble_low {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__wobble_low.webp");
  background-position: -0px -0px;
  width: 444px;
  height: 250px;
  animation: wf-wf-sp-skin_retro_plank--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_plank--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -444px -0px; }
  50.00% { background-position: -888px -0px; }
  75.00% { background-position: -1332px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_plank--wobble_low {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_plank--wobble_high {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__wobble_high.webp");
  background-position: -0px -0px;
  width: 492px;
  height: 298px;
  animation: wf-wf-sp-skin_retro_plank--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_plank--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -492px -0px; }
  33.33% { background-position: -984px -0px; }
  50.00% { background-position: -1476px -0px; }
  66.67% { background-position: -1968px -0px; }
  83.33% { background-position: -2460px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_plank--wobble_high {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_plank--wobble_critical {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__wobble_critical.webp");
  background-position: -0px -0px;
  width: 530px;
  height: 322px;
  animation: wf-wf-sp-skin_retro_plank--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_plank--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -530px -0px; }
  33.33% { background-position: -1060px -0px; }
  50.00% { background-position: -1590px -0px; }
  66.67% { background-position: -2120px -0px; }
  83.33% { background-position: -2650px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_plank--wobble_critical {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_plank--break {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__break.webp");
  background-position: -0px -0px;
  width: 432px;
  height: 304px;
  animation: wf-wf-sp-skin_retro_plank--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_plank--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -432px -0px; }
  33.33% { background-position: -864px -0px; }
  50.00% { background-position: -1296px -0px; }
  66.67% { background-position: -1728px -0px; }
  83.33% { background-position: -2160px -0px; }
}
.wf-sp-skin_retro_plank--break {
  background-image: url("../assets/collection/skin_retro_plank/skin_retro_plank__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_retro_triangle */
.wf-sp-skin_retro_triangle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -973px -843px;
  width: 125px;
  height: 115px;
}
.wf-sp-skin_retro_triangle {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 126px;
}
.wf-sp-skin_retro_triangle--idle {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__idle.webp");
  background-position: -0px -0px;
  width: 136px;
  height: 126px;
  animation: wf-wf-sp-skin_retro_triangle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_triangle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -136px -0px; }
  50.00% { background-position: -272px -0px; }
  75.00% { background-position: -408px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_triangle--idle {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_triangle--land {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__land.webp");
  background-position: -0px -0px;
  width: 154px;
  height: 136px;
  animation: wf-wf-sp-skin_retro_triangle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_triangle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -154px -0px; }
  40.00% { background-position: -308px -0px; }
  60.00% { background-position: -462px -0px; }
  80.00% { background-position: -616px -0px; }
}
.wf-sp-skin_retro_triangle--land {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_triangle--wobble_low {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__wobble_low.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 130px;
  animation: wf-wf-sp-skin_retro_triangle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_triangle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_triangle--wobble_low {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_triangle--wobble_high {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__wobble_high.webp");
  background-position: -0px -0px;
  width: 170px;
  height: 142px;
  animation: wf-wf-sp-skin_retro_triangle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_triangle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -170px -0px; }
  33.33% { background-position: -340px -0px; }
  50.00% { background-position: -510px -0px; }
  66.67% { background-position: -680px -0px; }
  83.33% { background-position: -850px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_triangle--wobble_high {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 148px;
  animation: wf-wf-sp-skin_retro_triangle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_triangle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_triangle--wobble_critical {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_triangle--break {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__break.webp");
  background-position: -0px -0px;
  width: 212px;
  height: 146px;
  animation: wf-wf-sp-skin_retro_triangle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_triangle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -212px -0px; }
  33.33% { background-position: -424px -0px; }
  50.00% { background-position: -636px -0px; }
  66.67% { background-position: -848px -0px; }
  83.33% { background-position: -1060px -0px; }
}
.wf-sp-skin_retro_triangle--break {
  background-image: url("../assets/collection/skin_retro_triangle/skin_retro_triangle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_retro_circle */
.wf-sp-skin_retro_circle--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -0px -843px;
  width: 133px;
  height: 97px;
}
.wf-sp-skin_retro_circle {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 108px;
}
.wf-sp-skin_retro_circle--idle {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 108px;
  animation: wf-wf-sp-skin_retro_circle--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_circle--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_circle--idle {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_circle--land {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 116px;
  animation: wf-wf-sp-skin_retro_circle--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_circle--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_retro_circle--land {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_circle--wobble_low {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__wobble_low.webp");
  background-position: -0px -0px;
  width: 150px;
  height: 112px;
  animation: wf-wf-sp-skin_retro_circle--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_circle--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -150px -0px; }
  50.00% { background-position: -300px -0px; }
  75.00% { background-position: -450px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_circle--wobble_low {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_circle--wobble_high {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__wobble_high.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 126px;
  animation: wf-wf-sp-skin_retro_circle--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_circle--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -172px -0px; }
  33.33% { background-position: -344px -0px; }
  50.00% { background-position: -516px -0px; }
  66.67% { background-position: -688px -0px; }
  83.33% { background-position: -860px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_circle--wobble_high {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_circle--wobble_critical {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__wobble_critical.webp");
  background-position: -0px -0px;
  width: 192px;
  height: 134px;
  animation: wf-wf-sp-skin_retro_circle--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_circle--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -192px -0px; }
  33.33% { background-position: -384px -0px; }
  50.00% { background-position: -576px -0px; }
  66.67% { background-position: -768px -0px; }
  83.33% { background-position: -960px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_circle--wobble_critical {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_circle--break {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__break.webp");
  background-position: -0px -0px;
  width: 202px;
  height: 132px;
  animation: wf-wf-sp-skin_retro_circle--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_circle--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -202px -0px; }
  33.33% { background-position: -404px -0px; }
  50.00% { background-position: -606px -0px; }
  66.67% { background-position: -808px -0px; }
  83.33% { background-position: -1010px -0px; }
}
.wf-sp-skin_retro_circle--break {
  background-image: url("../assets/collection/skin_retro_circle/skin_retro_circle__break.webp");
  background-position: -0px -0px;
}
/* collection/block_skin — skin_retro_diamond */
.wf-sp-skin_retro_diamond--idle_still {
  background-image: url("../assets/atlas/collection-block_skin/collection-block_skin.webp");
  background-position: -133px -843px;
  width: 133px;
  height: 171px;
}
.wf-sp-skin_retro_diamond {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 182px;
}
.wf-sp-skin_retro_diamond--idle {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__idle.webp");
  background-position: -0px -0px;
  width: 144px;
  height: 182px;
  animation: wf-wf-sp-skin_retro_diamond--idle 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_diamond--idle {
  from { background-position: 0px 0px; }
  25.00% { background-position: -144px -0px; }
  50.00% { background-position: -288px -0px; }
  75.00% { background-position: -432px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_diamond--idle {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__idle.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_diamond--land {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__land.webp");
  background-position: -0px -0px;
  width: 164px;
  height: 198px;
  animation: wf-wf-sp-skin_retro_diamond--land 0.250s steps(5) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_diamond--land {
  from { background-position: 0px 0px; }
  20.00% { background-position: -164px -0px; }
  40.00% { background-position: -328px -0px; }
  60.00% { background-position: -492px -0px; }
  80.00% { background-position: -656px -0px; }
}
.wf-sp-skin_retro_diamond--land {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__land.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_diamond--wobble_low {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__wobble_low.webp");
  background-position: -0px -0px;
  width: 156px;
  height: 186px;
  animation: wf-wf-sp-skin_retro_diamond--wobble_low 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_diamond--wobble_low {
  from { background-position: 0px 0px; }
  25.00% { background-position: -156px -0px; }
  50.00% { background-position: -312px -0px; }
  75.00% { background-position: -468px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_diamond--wobble_low {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__wobble_low.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_diamond--wobble_high {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__wobble_high.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 198px;
  animation: wf-wf-sp-skin_retro_diamond--wobble_high 0.429s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_diamond--wobble_high {
  from { background-position: 0px 0px; }
  16.67% { background-position: -196px -0px; }
  33.33% { background-position: -392px -0px; }
  50.00% { background-position: -588px -0px; }
  66.67% { background-position: -784px -0px; }
  83.33% { background-position: -980px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_diamond--wobble_high {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__wobble_high.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__wobble_critical.webp");
  background-position: -0px -0px;
  width: 226px;
  height: 204px;
  animation: wf-wf-sp-skin_retro_diamond--wobble_critical 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-skin_retro_diamond--wobble_critical {
  from { background-position: 0px 0px; }
  16.67% { background-position: -226px -0px; }
  33.33% { background-position: -452px -0px; }
  50.00% { background-position: -678px -0px; }
  66.67% { background-position: -904px -0px; }
  83.33% { background-position: -1130px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-skin_retro_diamond--wobble_critical {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__wobble_critical.webp");
  background-position: -0px -0px;
}
.wf-sp-skin_retro_diamond--break {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__break.webp");
  background-position: -0px -0px;
  width: 260px;
  height: 200px;
  animation: wf-wf-sp-skin_retro_diamond--break 0.429s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-skin_retro_diamond--break {
  from { background-position: 0px 0px; }
  16.67% { background-position: -260px -0px; }
  33.33% { background-position: -520px -0px; }
  50.00% { background-position: -780px -0px; }
  66.67% { background-position: -1040px -0px; }
  83.33% { background-position: -1300px -0px; }
}
.wf-sp-skin_retro_diamond--break {
  background-image: url("../assets/collection/skin_retro_diamond/skin_retro_diamond__break.webp");
  background-position: -0px -0px;
}
/* ui/ghost — ghost_marker_personal_best */
.wf-sp-ghost_marker_personal_best {
  background-image: url("../assets/atlas/ui-ghost/ui-ghost.webp");
  background-position: -0px -0px;
  width: 310px;
  height: 64px;
}
/* ui/ghost — ghost_marker_record_height */
.wf-sp-ghost_marker_record_height {
  background-image: url("../assets/atlas/ui-ghost/ui-ghost.webp");
  background-position: -310px -0px;
  width: 310px;
  height: 64px;
}
/* collection/cosmetic_effect — cosmetic_trail_classic */
.wf-sp-cosmetic_trail_classic {
  background-image: url("../assets/collection/cosmetic_trail_classic/cosmetic_trail_classic__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
}
.wf-sp-cosmetic_trail_classic--trail {
  background-image: url("../assets/collection/cosmetic_trail_classic/cosmetic_trail_classic__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
  animation: wf-wf-sp-cosmetic_trail_classic--trail 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-cosmetic_trail_classic--trail {
  from { background-position: 0px 0px; }
  16.67% { background-position: -528px -0px; }
  33.33% { background-position: -1056px -0px; }
  50.00% { background-position: -1584px -0px; }
  66.67% { background-position: -2112px -0px; }
  83.33% { background-position: -2640px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-cosmetic_trail_classic--trail {
  background-image: url("../assets/collection/cosmetic_trail_classic/cosmetic_trail_classic__trail.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_trail_candy */
.wf-sp-cosmetic_trail_candy {
  background-image: url("../assets/collection/cosmetic_trail_candy/cosmetic_trail_candy__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
}
.wf-sp-cosmetic_trail_candy--trail {
  background-image: url("../assets/collection/cosmetic_trail_candy/cosmetic_trail_candy__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
  animation: wf-wf-sp-cosmetic_trail_candy--trail 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-cosmetic_trail_candy--trail {
  from { background-position: 0px 0px; }
  16.67% { background-position: -528px -0px; }
  33.33% { background-position: -1056px -0px; }
  50.00% { background-position: -1584px -0px; }
  66.67% { background-position: -2112px -0px; }
  83.33% { background-position: -2640px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-cosmetic_trail_candy--trail {
  background-image: url("../assets/collection/cosmetic_trail_candy/cosmetic_trail_candy__trail.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_trail_neon */
.wf-sp-cosmetic_trail_neon {
  background-image: url("../assets/collection/cosmetic_trail_neon/cosmetic_trail_neon__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
}
.wf-sp-cosmetic_trail_neon--trail {
  background-image: url("../assets/collection/cosmetic_trail_neon/cosmetic_trail_neon__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
  animation: wf-wf-sp-cosmetic_trail_neon--trail 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-cosmetic_trail_neon--trail {
  from { background-position: 0px 0px; }
  16.67% { background-position: -528px -0px; }
  33.33% { background-position: -1056px -0px; }
  50.00% { background-position: -1584px -0px; }
  66.67% { background-position: -2112px -0px; }
  83.33% { background-position: -2640px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-cosmetic_trail_neon--trail {
  background-image: url("../assets/collection/cosmetic_trail_neon/cosmetic_trail_neon__trail.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_trail_ice */
.wf-sp-cosmetic_trail_ice {
  background-image: url("../assets/collection/cosmetic_trail_ice/cosmetic_trail_ice__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
}
.wf-sp-cosmetic_trail_ice--trail {
  background-image: url("../assets/collection/cosmetic_trail_ice/cosmetic_trail_ice__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
  animation: wf-wf-sp-cosmetic_trail_ice--trail 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-cosmetic_trail_ice--trail {
  from { background-position: 0px 0px; }
  16.67% { background-position: -528px -0px; }
  33.33% { background-position: -1056px -0px; }
  50.00% { background-position: -1584px -0px; }
  66.67% { background-position: -2112px -0px; }
  83.33% { background-position: -2640px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-cosmetic_trail_ice--trail {
  background-image: url("../assets/collection/cosmetic_trail_ice/cosmetic_trail_ice__trail.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_trail_space */
.wf-sp-cosmetic_trail_space {
  background-image: url("../assets/collection/cosmetic_trail_space/cosmetic_trail_space__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
}
.wf-sp-cosmetic_trail_space--trail {
  background-image: url("../assets/collection/cosmetic_trail_space/cosmetic_trail_space__trail.webp");
  background-position: -0px -0px;
  width: 528px;
  height: 18px;
  animation: wf-wf-sp-cosmetic_trail_space--trail 0.375s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-cosmetic_trail_space--trail {
  from { background-position: 0px 0px; }
  16.67% { background-position: -528px -0px; }
  33.33% { background-position: -1056px -0px; }
  50.00% { background-position: -1584px -0px; }
  66.67% { background-position: -2112px -0px; }
  83.33% { background-position: -2640px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-cosmetic_trail_space--trail {
  background-image: url("../assets/collection/cosmetic_trail_space/cosmetic_trail_space__trail.webp");
  background-position: -0px -0px;
}
/* environment/background — rush_speed_lines */
.wf-sp-rush_speed_lines {
  background-image: url("../assets/environment/rush_speed_lines/rush_speed_lines__flow.webp");
  background-position: -0px -0px;
  width: 848px;
  height: 18px;
}
.wf-sp-rush_speed_lines--flow {
  background-image: url("../assets/environment/rush_speed_lines/rush_speed_lines__flow.webp");
  background-position: -0px -0px;
  width: 848px;
  height: 18px;
  animation: wf-wf-sp-rush_speed_lines--flow 0.357s steps(5) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-rush_speed_lines--flow {
  from { background-position: 0px 0px; }
  20.00% { background-position: -848px -0px; }
  40.00% { background-position: -1696px -0px; }
  60.00% { background-position: -2544px -0px; }
  80.00% { background-position: -0px -18px; }
  to { background-position: 0px 0px; }
}
.wf-sp-rush_speed_lines--flow {
  background-image: url("../assets/environment/rush_speed_lines/rush_speed_lines__flow.webp");
  background-position: -0px -0px;
}
/* environment/background — precision_grid_accents */
.wf-sp-precision_grid_accents {
  background-image: url("../assets/environment/precision_grid_accents/precision_grid_accents__drift.webp");
  background-position: -0px -0px;
  width: 1624px;
  height: 900px;
}
.wf-sp-precision_grid_accents--drift {
  background-image: url("../assets/environment/precision_grid_accents/precision_grid_accents__drift.webp");
  background-position: -0px -0px;
  width: 1624px;
  height: 900px;
  animation: wf-wf-sp-precision_grid_accents--drift 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-precision_grid_accents--drift {
  from { background-position: 0px 0px; }
  25.00% { background-position: -1624px -0px; }
  50.00% { background-position: -0px -900px; }
  75.00% { background-position: -1624px -900px; }
  to { background-position: 0px 0px; }
}
.wf-sp-precision_grid_accents--drift {
  background-image: url("../assets/environment/precision_grid_accents/precision_grid_accents__drift.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_zone_perfect */
.wf-sp-ui_zone_perfect {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -1073px -200px;
  width: 420px;
  height: 303px;
}
.wf-sp-ui_zone_perfect--pulse {
  background-image: url("../assets/ui/ui_zone_perfect/ui_zone_perfect__pulse.webp");
  background-position: -0px -0px;
  width: 446px;
  height: 324px;
  animation: wf-wf-sp-ui_zone_perfect--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_zone_perfect--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -446px -0px; }
  50.00% { background-position: -892px -0px; }
  75.00% { background-position: -1338px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_zone_perfect--pulse {
  background-image: url("../assets/ui/ui_zone_perfect/ui_zone_perfect__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_zone_good */
.wf-sp-ui_zone_good {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -653px -200px;
  width: 420px;
  height: 304px;
}
.wf-sp-ui_zone_good--pulse {
  background-image: url("../assets/ui/ui_zone_good/ui_zone_good__pulse.webp");
  background-position: -0px -0px;
  width: 446px;
  height: 326px;
  animation: wf-wf-sp-ui_zone_good--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_zone_good--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -446px -0px; }
  50.00% { background-position: -892px -0px; }
  75.00% { background-position: -1338px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_zone_good--pulse {
  background-image: url("../assets/ui/ui_zone_good/ui_zone_good__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_zone_danger */
.wf-sp-ui_zone_danger {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -233px -200px;
  width: 420px;
  height: 228px;
}
.wf-sp-ui_zone_danger--pulse {
  background-image: url("../assets/ui/ui_zone_danger/ui_zone_danger__pulse.webp");
  background-position: -0px -0px;
  width: 446px;
  height: 246px;
  animation: wf-wf-sp-ui_zone_danger--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_zone_danger--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -446px -0px; }
  50.00% { background-position: -892px -0px; }
  75.00% { background-position: -1338px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_zone_danger--pulse {
  background-image: url("../assets/ui/ui_zone_danger/ui_zone_danger__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_target_rotation_guide */
.wf-sp-ui_target_rotation_guide {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -0px -200px;
  width: 233px;
  height: 260px;
}
.wf-sp-ui_target_rotation_guide--rotate {
  background-image: url("../assets/ui/ui_target_rotation_guide/ui_target_rotation_guide__rotate.webp");
  background-position: -0px -0px;
  width: 362px;
  height: 362px;
  animation: wf-wf-sp-ui_target_rotation_guide--rotate 0.667s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_target_rotation_guide--rotate {
  from { background-position: 0px 0px; }
  12.50% { background-position: -362px -0px; }
  25.00% { background-position: -724px -0px; }
  37.50% { background-position: -1086px -0px; }
  50.00% { background-position: -1448px -0px; }
  62.50% { background-position: -1810px -0px; }
  75.00% { background-position: -2172px -0px; }
  87.50% { background-position: -2534px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_target_rotation_guide--rotate {
  background-image: url("../assets/ui/ui_target_rotation_guide/ui_target_rotation_guide__rotate.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_support_area */
.wf-sp-ui_marker_support_area {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -1158px -0px;
  width: 200px;
  height: 65px;
}
.wf-sp-ui_marker_support_area--pulse {
  background-image: url("../assets/ui/ui_marker_support_area/ui_marker_support_area__pulse.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 80px;
  animation: wf-wf-sp-ui_marker_support_area--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_support_area--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -218px -0px; }
  50.00% { background-position: -436px -0px; }
  75.00% { background-position: -654px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_support_area--pulse {
  background-image: url("../assets/ui/ui_marker_support_area/ui_marker_support_area__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_overhang */
.wf-sp-ui_marker_overhang {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -758px -0px;
  width: 200px;
  height: 60px;
}
.wf-sp-ui_marker_overhang--pulse {
  background-image: url("../assets/ui/ui_marker_overhang/ui_marker_overhang__pulse.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 74px;
  animation: wf-wf-sp-ui_marker_overhang--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_overhang--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -218px -0px; }
  50.00% { background-position: -436px -0px; }
  75.00% { background-position: -654px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_overhang--pulse {
  background-image: url("../assets/ui/ui_marker_overhang/ui_marker_overhang__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_unstable_contact */
.wf-sp-ui_marker_unstable_contact {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -1358px -0px;
  width: 200px;
  height: 71px;
}
.wf-sp-ui_marker_unstable_contact--pulse {
  background-image: url("../assets/ui/ui_marker_unstable_contact/ui_marker_unstable_contact__pulse.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 86px;
  animation: wf-wf-sp-ui_marker_unstable_contact--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_unstable_contact--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -218px -0px; }
  50.00% { background-position: -436px -0px; }
  75.00% { background-position: -654px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_unstable_contact--pulse {
  background-image: url("../assets/ui/ui_marker_unstable_contact/ui_marker_unstable_contact__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_alignment_guide */
.wf-sp-ui_marker_alignment_guide {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -0px -0px;
  width: 170px;
  height: 200px;
}
.wf-sp-ui_marker_alignment_guide--pulse {
  background-image: url("../assets/ui/ui_marker_alignment_guide/ui_marker_alignment_guide__pulse.webp");
  background-position: -0px -0px;
  width: 188px;
  height: 218px;
  animation: wf-wf-sp-ui_marker_alignment_guide--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_alignment_guide--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -188px -0px; }
  50.00% { background-position: -376px -0px; }
  75.00% { background-position: -564px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_alignment_guide--pulse {
  background-image: url("../assets/ui/ui_marker_alignment_guide/ui_marker_alignment_guide__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_placement_guide */
.wf-sp-ui_marker_placement_guide {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -958px -0px;
  width: 200px;
  height: 197px;
}
.wf-sp-ui_marker_placement_guide--pulse {
  background-image: url("../assets/ui/ui_marker_placement_guide/ui_marker_placement_guide__pulse.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 216px;
  animation: wf-wf-sp-ui_marker_placement_guide--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_placement_guide--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -218px -0px; }
  50.00% { background-position: -436px -0px; }
  75.00% { background-position: -654px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_placement_guide--pulse {
  background-image: url("../assets/ui/ui_marker_placement_guide/ui_marker_placement_guide__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_movement */
.wf-sp-ui_marker_movement {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -370px -0px;
  width: 188px;
  height: 200px;
}
.wf-sp-ui_marker_movement--pulse {
  background-image: url("../assets/ui/ui_marker_movement/ui_marker_movement__pulse.webp");
  background-position: -0px -0px;
  width: 206px;
  height: 218px;
  animation: wf-wf-sp-ui_marker_movement--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_movement--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -206px -0px; }
  50.00% { background-position: -412px -0px; }
  75.00% { background-position: -618px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_movement--pulse {
  background-image: url("../assets/ui/ui_marker_movement/ui_marker_movement__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_warning */
.wf-sp-ui_marker_warning {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -1558px -0px;
  width: 198px;
  height: 200px;
}
.wf-sp-ui_marker_warning--pulse {
  background-image: url("../assets/ui/ui_marker_warning/ui_marker_warning__pulse.webp");
  background-position: -0px -0px;
  width: 216px;
  height: 218px;
  animation: wf-wf-sp-ui_marker_warning--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_warning--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -216px -0px; }
  50.00% { background-position: -432px -0px; }
  75.00% { background-position: -648px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_warning--pulse {
  background-image: url("../assets/ui/ui_marker_warning/ui_marker_warning__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_narrow_warning */
.wf-sp-ui_marker_narrow_warning {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -558px -0px;
  width: 200px;
  height: 199px;
}
.wf-sp-ui_marker_narrow_warning--pulse {
  background-image: url("../assets/ui/ui_marker_narrow_warning/ui_marker_narrow_warning__pulse.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 218px;
  animation: wf-wf-sp-ui_marker_narrow_warning--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_narrow_warning--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -218px -0px; }
  50.00% { background-position: -436px -0px; }
  75.00% { background-position: -654px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_narrow_warning--pulse {
  background-image: url("../assets/ui/ui_marker_narrow_warning/ui_marker_narrow_warning__pulse.webp");
  background-position: -0px -0px;
}
/* ui/indicator — ui_marker_heavy_block */
.wf-sp-ui_marker_heavy_block {
  background-image: url("../assets/atlas/ui-indicator/ui-indicator.webp");
  background-position: -170px -0px;
  width: 200px;
  height: 200px;
}
.wf-sp-ui_marker_heavy_block--pulse {
  background-image: url("../assets/ui/ui_marker_heavy_block/ui_marker_heavy_block__pulse.webp");
  background-position: -0px -0px;
  width: 218px;
  height: 218px;
  animation: wf-wf-sp-ui_marker_heavy_block--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_marker_heavy_block--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -218px -0px; }
  50.00% { background-position: -436px -0px; }
  75.00% { background-position: -654px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_marker_heavy_block--pulse {
  background-image: url("../assets/ui/ui_marker_heavy_block/ui_marker_heavy_block__pulse.webp");
  background-position: -0px -0px;
}
/* ui/rush — ui_bonus_speed */
.wf-sp-ui_bonus_speed {
  background-image: url("../assets/ui/ui_bonus_speed/ui_bonus_speed__pulse.webp");
  background-position: -0px -0px;
  width: 278px;
  height: 324px;
}
.wf-sp-ui_bonus_speed--pulse {
  background-image: url("../assets/ui/ui_bonus_speed/ui_bonus_speed__pulse.webp");
  background-position: -0px -0px;
  width: 278px;
  height: 324px;
  animation: wf-wf-sp-ui_bonus_speed--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_bonus_speed--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -278px -0px; }
  50.00% { background-position: -556px -0px; }
  75.00% { background-position: -834px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_bonus_speed--pulse {
  background-image: url("../assets/ui/ui_bonus_speed/ui_bonus_speed__pulse.webp");
  background-position: -0px -0px;
}
/* environment/rush — rush_ambient_accent */
.wf-sp-rush_ambient_accent {
  background-image: url("../assets/environment/rush_ambient_accent/rush_ambient_accent__pulse.webp");
  background-position: -0px -0px;
  width: 324px;
  height: 54px;
}
.wf-sp-rush_ambient_accent--pulse {
  background-image: url("../assets/environment/rush_ambient_accent/rush_ambient_accent__pulse.webp");
  background-position: -0px -0px;
  width: 324px;
  height: 54px;
  animation: wf-wf-sp-rush_ambient_accent--pulse 0.333s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-rush_ambient_accent--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -324px -0px; }
  50.00% { background-position: -648px -0px; }
  75.00% { background-position: -972px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-rush_ambient_accent--pulse {
  background-image: url("../assets/environment/rush_ambient_accent/rush_ambient_accent__pulse.webp");
  background-position: -0px -0px;
}
/* ui/reward — ui_precision_streak */
.wf-sp-ui_precision_streak {
  background-image: url("../assets/ui/ui_precision_streak/ui_precision_streak__pop.webp");
  background-position: -0px -0px;
  width: 314px;
  height: 342px;
}
.wf-sp-ui_precision_streak--pop {
  background-image: url("../assets/ui/ui_precision_streak/ui_precision_streak__pop.webp");
  background-position: -0px -0px;
  width: 314px;
  height: 342px;
  animation: wf-wf-sp-ui_precision_streak--pop 0.444s steps(8) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_precision_streak--pop {
  from { background-position: 0px 0px; }
  12.50% { background-position: -314px -0px; }
  25.00% { background-position: -628px -0px; }
  37.50% { background-position: -942px -0px; }
  50.00% { background-position: -1256px -0px; }
  62.50% { background-position: -1570px -0px; }
  75.00% { background-position: -1884px -0px; }
  87.50% { background-position: -2198px -0px; }
}
.wf-sp-ui_precision_streak--pop {
  background-image: url("../assets/ui/ui_precision_streak/ui_precision_streak__pop.webp");
  background-position: -0px -0px;
}
/* ui/reward — ui_height_increase */
.wf-sp-ui_height_increase {
  background-image: url("../assets/ui/ui_height_increase/ui_height_increase__pop.webp");
  background-position: -0px -0px;
  width: 278px;
  height: 342px;
}
.wf-sp-ui_height_increase--pop {
  background-image: url("../assets/ui/ui_height_increase/ui_height_increase__pop.webp");
  background-position: -0px -0px;
  width: 278px;
  height: 342px;
  animation: wf-wf-sp-ui_height_increase--pop 0.444s steps(8) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_height_increase--pop {
  from { background-position: 0px 0px; }
  12.50% { background-position: -278px -0px; }
  25.00% { background-position: -556px -0px; }
  37.50% { background-position: -834px -0px; }
  50.00% { background-position: -1112px -0px; }
  62.50% { background-position: -1390px -0px; }
  75.00% { background-position: -1668px -0px; }
  87.50% { background-position: -1946px -0px; }
}
.wf-sp-ui_height_increase--pop {
  background-image: url("../assets/ui/ui_height_increase/ui_height_increase__pop.webp");
  background-position: -0px -0px;
}
/* ui/reward — ui_score_float_plate */
.wf-sp-ui_score_float_plate {
  background-image: url("../assets/ui/ui_score_float_plate/ui_score_float_plate__pop.webp");
  background-position: -0px -0px;
  width: 338px;
  height: 202px;
}
.wf-sp-ui_score_float_plate--pop {
  background-image: url("../assets/ui/ui_score_float_plate/ui_score_float_plate__pop.webp");
  background-position: -0px -0px;
  width: 338px;
  height: 202px;
  animation: wf-wf-sp-ui_score_float_plate--pop 0.444s steps(8) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_score_float_plate--pop {
  from { background-position: 0px 0px; }
  12.50% { background-position: -338px -0px; }
  25.00% { background-position: -676px -0px; }
  37.50% { background-position: -1014px -0px; }
  50.00% { background-position: -1352px -0px; }
  62.50% { background-position: -1690px -0px; }
  75.00% { background-position: -2028px -0px; }
  87.50% { background-position: -2366px -0px; }
}
.wf-sp-ui_score_float_plate--pop {
  background-image: url("../assets/ui/ui_score_float_plate/ui_score_float_plate__pop.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_landing_gold */
.wf-sp-cosmetic_landing_gold {
  background-image: url("../assets/collection/cosmetic_landing_gold/cosmetic_landing_gold__play.webp");
  background-position: -0px -0px;
  width: 354px;
  height: 174px;
}
.wf-sp-cosmetic_landing_gold--play {
  background-image: url("../assets/collection/cosmetic_landing_gold/cosmetic_landing_gold__play.webp");
  background-position: -0px -0px;
  width: 354px;
  height: 174px;
  animation: wf-wf-sp-cosmetic_landing_gold--play 0.563s steps(9) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-cosmetic_landing_gold--play {
  from { background-position: 0px 0px; }
  11.11% { background-position: -354px -0px; }
  22.22% { background-position: -708px -0px; }
  33.33% { background-position: -1062px -0px; }
  44.44% { background-position: -1416px -0px; }
  55.56% { background-position: -1770px -0px; }
  66.67% { background-position: -2124px -0px; }
  77.78% { background-position: -2478px -0px; }
  88.89% { background-position: -2832px -0px; }
}
.wf-sp-cosmetic_landing_gold--play {
  background-image: url("../assets/collection/cosmetic_landing_gold/cosmetic_landing_gold__play.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_landing_candy */
.wf-sp-cosmetic_landing_candy {
  background-image: url("../assets/collection/cosmetic_landing_candy/cosmetic_landing_candy__play.webp");
  background-position: -0px -0px;
  width: 354px;
  height: 176px;
}
.wf-sp-cosmetic_landing_candy--play {
  background-image: url("../assets/collection/cosmetic_landing_candy/cosmetic_landing_candy__play.webp");
  background-position: -0px -0px;
  width: 354px;
  height: 176px;
  animation: wf-wf-sp-cosmetic_landing_candy--play 0.563s steps(9) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-cosmetic_landing_candy--play {
  from { background-position: 0px 0px; }
  11.11% { background-position: -354px -0px; }
  22.22% { background-position: -708px -0px; }
  33.33% { background-position: -1062px -0px; }
  44.44% { background-position: -1416px -0px; }
  55.56% { background-position: -1770px -0px; }
  66.67% { background-position: -2124px -0px; }
  77.78% { background-position: -2478px -0px; }
  88.89% { background-position: -2832px -0px; }
}
.wf-sp-cosmetic_landing_candy--play {
  background-image: url("../assets/collection/cosmetic_landing_candy/cosmetic_landing_candy__play.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_perfect_prism */
.wf-sp-cosmetic_perfect_prism {
  background-image: url("../assets/collection/cosmetic_perfect_prism/cosmetic_perfect_prism__play.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 364px;
}
.wf-sp-cosmetic_perfect_prism--play {
  background-image: url("../assets/collection/cosmetic_perfect_prism/cosmetic_perfect_prism__play.webp");
  background-position: -0px -0px;
  width: 190px;
  height: 364px;
  animation: wf-wf-sp-cosmetic_perfect_prism--play 0.563s steps(9) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-cosmetic_perfect_prism--play {
  from { background-position: 0px 0px; }
  11.11% { background-position: -190px -0px; }
  22.22% { background-position: -380px -0px; }
  33.33% { background-position: -570px -0px; }
  44.44% { background-position: -760px -0px; }
  55.56% { background-position: -950px -0px; }
  66.67% { background-position: -1140px -0px; }
  77.78% { background-position: -1330px -0px; }
  88.89% { background-position: -1520px -0px; }
}
.wf-sp-cosmetic_perfect_prism--play {
  background-image: url("../assets/collection/cosmetic_perfect_prism/cosmetic_perfect_prism__play.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_collapse_confetti */
.wf-sp-cosmetic_collapse_confetti {
  background-image: url("../assets/collection/cosmetic_collapse_confetti/cosmetic_collapse_confetti__play.webp");
  background-position: -0px -0px;
  width: 370px;
  height: 386px;
}
.wf-sp-cosmetic_collapse_confetti--play {
  background-image: url("../assets/collection/cosmetic_collapse_confetti/cosmetic_collapse_confetti__play.webp");
  background-position: -0px -0px;
  width: 370px;
  height: 386px;
  animation: wf-wf-sp-cosmetic_collapse_confetti--play 0.563s steps(9) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-cosmetic_collapse_confetti--play {
  from { background-position: 0px 0px; }
  11.11% { background-position: -370px -0px; }
  22.22% { background-position: -740px -0px; }
  33.33% { background-position: -1110px -0px; }
  44.44% { background-position: -1480px -0px; }
  55.56% { background-position: -1850px -0px; }
  66.67% { background-position: -2220px -0px; }
  77.78% { background-position: -2590px -0px; }
  88.89% { background-position: -2960px -0px; }
}
.wf-sp-cosmetic_collapse_confetti--play {
  background-image: url("../assets/collection/cosmetic_collapse_confetti/cosmetic_collapse_confetti__play.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_combo_burst */
.wf-sp-cosmetic_combo_burst {
  background-image: url("../assets/collection/cosmetic_combo_burst/cosmetic_combo_burst__play.webp");
  background-position: -0px -0px;
  width: 290px;
  height: 364px;
}
.wf-sp-cosmetic_combo_burst--play {
  background-image: url("../assets/collection/cosmetic_combo_burst/cosmetic_combo_burst__play.webp");
  background-position: -0px -0px;
  width: 290px;
  height: 364px;
  animation: wf-wf-sp-cosmetic_combo_burst--play 0.563s steps(9) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-cosmetic_combo_burst--play {
  from { background-position: 0px 0px; }
  11.11% { background-position: -290px -0px; }
  22.22% { background-position: -580px -0px; }
  33.33% { background-position: -870px -0px; }
  44.44% { background-position: -1160px -0px; }
  55.56% { background-position: -1450px -0px; }
  66.67% { background-position: -1740px -0px; }
  77.78% { background-position: -2030px -0px; }
  88.89% { background-position: -2320px -0px; }
}
.wf-sp-cosmetic_combo_burst--play {
  background-image: url("../assets/collection/cosmetic_combo_burst/cosmetic_combo_burst__play.webp");
  background-position: -0px -0px;
}
/* collection/cosmetic_effect — cosmetic_tower_aura */
.wf-sp-cosmetic_tower_aura {
  background-image: url("../assets/collection/cosmetic_tower_aura/cosmetic_tower_aura__play.webp");
  background-position: -0px -0px;
  width: 194px;
  height: 386px;
}
.wf-sp-cosmetic_tower_aura--play {
  background-image: url("../assets/collection/cosmetic_tower_aura/cosmetic_tower_aura__play.webp");
  background-position: -0px -0px;
  width: 194px;
  height: 386px;
  animation: wf-wf-sp-cosmetic_tower_aura--play 0.563s steps(9) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-cosmetic_tower_aura--play {
  from { background-position: 0px 0px; }
  11.11% { background-position: -194px -0px; }
  22.22% { background-position: -388px -0px; }
  33.33% { background-position: -582px -0px; }
  44.44% { background-position: -776px -0px; }
  55.56% { background-position: -970px -0px; }
  66.67% { background-position: -1164px -0px; }
  77.78% { background-position: -1358px -0px; }
  88.89% { background-position: -1552px -0px; }
}
.wf-sp-cosmetic_tower_aura--play {
  background-image: url("../assets/collection/cosmetic_tower_aura/cosmetic_tower_aura__play.webp");
  background-position: -0px -0px;
}
/* ui/panel — ui_stat_card */
.wf-sp-ui_stat_card {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -1212px -620px;
  width: 179px;
  height: 300px;
}
.wf-sp-ui_stat_card--enter {
  background-image: url("../assets/ui/ui_stat_card/ui_stat_card__enter.webp");
  background-position: -0px -0px;
  width: 196px;
  height: 320px;
  animation: wf-wf-sp-ui_stat_card--enter 0.214s steps(3) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_stat_card--enter {
  from { background-position: 0px 0px; }
  33.33% { background-position: -196px -0px; }
  66.67% { background-position: -392px -0px; }
}
.wf-sp-ui_stat_card--enter {
  background-image: url("../assets/ui/ui_stat_card/ui_stat_card__enter.webp");
  background-position: -0px -0px;
}
/* ui/hud — ui_tab_normal */
.wf-sp-ui_tab_normal {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1580px -777px;
  width: 46px;
  height: 240px;
}
.wf-sp-ui_tab_normal--pulse {
  background-image: url("../assets/ui/ui_tab_normal/ui_tab_normal__pulse.webp");
  background-position: -0px -0px;
  width: 58px;
  height: 256px;
  animation: wf-wf-sp-ui_tab_normal--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_tab_normal--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -58px -0px; }
  50.00% { background-position: -116px -0px; }
  75.00% { background-position: -174px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_tab_normal--pulse {
  background-image: url("../assets/ui/ui_tab_normal/ui_tab_normal__pulse.webp");
  background-position: -0px -0px;
}
/* ui/hud — ui_tab_selected */
.wf-sp-ui_tab_selected {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -1626px -777px;
  width: 240px;
  height: 146px;
}
.wf-sp-ui_tab_selected--pulse {
  background-image: url("../assets/ui/ui_tab_selected/ui_tab_selected__pulse.webp");
  background-position: -0px -0px;
  width: 256px;
  height: 160px;
  animation: wf-wf-sp-ui_tab_selected--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_tab_selected--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -256px -0px; }
  50.00% { background-position: -512px -0px; }
  75.00% { background-position: -768px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_tab_selected--pulse {
  background-image: url("../assets/ui/ui_tab_selected/ui_tab_selected__pulse.webp");
  background-position: -0px -0px;
}
/* ui/hud — ui_loading_bar_frame */
.wf-sp-ui_loading_bar_frame {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -480px -777px;
  width: 480px;
  height: 435px;
}
.wf-sp-ui_loading_bar_frame--enter {
  background-image: url("../assets/ui/ui_loading_bar_frame/ui_loading_bar_frame__enter.webp");
  background-position: -0px -0px;
  width: 506px;
  height: 460px;
  animation: wf-wf-sp-ui_loading_bar_frame--enter 0.214s steps(3) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_loading_bar_frame--enter {
  from { background-position: 0px 0px; }
  33.33% { background-position: -506px -0px; }
  66.67% { background-position: -1012px -0px; }
}
.wf-sp-ui_loading_bar_frame--enter {
  background-image: url("../assets/ui/ui_loading_bar_frame/ui_loading_bar_frame__enter.webp");
  background-position: -0px -0px;
}
/* ui/hud — ui_loading_bar_fill */
.wf-sp-ui_loading_bar_fill {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -0px -777px;
  width: 480px;
  height: 315px;
}
.wf-sp-ui_loading_bar_fill--enter {
  background-image: url("../assets/ui/ui_loading_bar_fill/ui_loading_bar_fill__enter.webp");
  background-position: -0px -0px;
  width: 506px;
  height: 336px;
  animation: wf-wf-sp-ui_loading_bar_fill--enter 0.214s steps(3) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_loading_bar_fill--enter {
  from { background-position: 0px 0px; }
  33.33% { background-position: -506px -0px; }
  66.67% { background-position: -1012px -0px; }
}
.wf-sp-ui_loading_bar_fill--enter {
  background-image: url("../assets/ui/ui_loading_bar_fill/ui_loading_bar_fill__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_loading_bar_fill--fill {
  background-image: url("../assets/ui/ui_loading_bar_fill/ui_loading_bar_fill__fill.webp");
  background-position: -0px -0px;
  width: 488px;
  height: 324px;
  animation: wf-wf-sp-ui_loading_bar_fill--fill 0.500s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_loading_bar_fill--fill {
  from { background-position: 0px 0px; }
  16.67% { background-position: -488px -0px; }
  33.33% { background-position: -976px -0px; }
  50.00% { background-position: -1464px -0px; }
  66.67% { background-position: -1952px -0px; }
  83.33% { background-position: -2440px -0px; }
}
.wf-sp-ui_loading_bar_fill--fill {
  background-image: url("../assets/ui/ui_loading_bar_fill/ui_loading_bar_fill__fill.webp");
  background-position: -0px -0px;
}
/* ui/hud — ui_logo_backdrop */
.wf-sp-ui_logo_backdrop {
  background-image: url("../assets/atlas/ui-hud/ui-hud.webp");
  background-position: -960px -777px;
  width: 620px;
  height: 558px;
}
.wf-sp-ui_logo_backdrop--pulse {
  background-image: url("../assets/ui/ui_logo_backdrop/ui_logo_backdrop__pulse.webp");
  background-position: -0px -0px;
  width: 644px;
  height: 582px;
  animation: wf-wf-sp-ui_logo_backdrop--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ui_logo_backdrop--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -644px -0px; }
  50.00% { background-position: -1288px -0px; }
  75.00% { background-position: -1932px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ui_logo_backdrop--pulse {
  background-image: url("../assets/ui/ui_logo_backdrop/ui_logo_backdrop__pulse.webp");
  background-position: -0px -0px;
}
/* ui/logo_decor — logo_decor_ribbon_left */
.wf-sp-logo_decor_ribbon_left {
  background-image: url("../assets/atlas/ui-logo_decor/ui-logo_decor.webp");
  background-position: -0px -0px;
  width: 200px;
  height: 134px;
}
.wf-sp-logo_decor_ribbon_left--pulse {
  background-image: url("../assets/ui/logo_decor_ribbon_left/logo_decor_ribbon_left__pulse.webp");
  background-position: -0px -0px;
  width: 224px;
  height: 154px;
  animation: wf-wf-sp-logo_decor_ribbon_left--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-logo_decor_ribbon_left--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -224px -0px; }
  50.00% { background-position: -448px -0px; }
  75.00% { background-position: -672px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-logo_decor_ribbon_left--pulse {
  background-image: url("../assets/ui/logo_decor_ribbon_left/logo_decor_ribbon_left__pulse.webp");
  background-position: -0px -0px;
}
/* ui/logo_decor — logo_decor_star */
.wf-sp-logo_decor_star {
  background-image: url("../assets/atlas/ui-logo_decor/ui-logo_decor.webp");
  background-position: -595px -0px;
  width: 182px;
  height: 200px;
}
.wf-sp-logo_decor_star--pulse {
  background-image: url("../assets/ui/logo_decor_star/logo_decor_star__pulse.webp");
  background-position: -0px -0px;
  width: 206px;
  height: 224px;
  animation: wf-wf-sp-logo_decor_star--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-logo_decor_star--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -206px -0px; }
  50.00% { background-position: -412px -0px; }
  75.00% { background-position: -618px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-logo_decor_star--pulse {
  background-image: url("../assets/ui/logo_decor_star/logo_decor_star__pulse.webp");
  background-position: -0px -0px;
}
/* ui/logo_decor — logo_decor_sparkles */
.wf-sp-logo_decor_sparkles {
  background-image: url("../assets/atlas/ui-logo_decor/ui-logo_decor.webp");
  background-position: -400px -0px;
  width: 195px;
  height: 200px;
}
.wf-sp-logo_decor_sparkles--pulse {
  background-image: url("../assets/ui/logo_decor_sparkles/logo_decor_sparkles__pulse.webp");
  background-position: -0px -0px;
  width: 220px;
  height: 224px;
  animation: wf-wf-sp-logo_decor_sparkles--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-logo_decor_sparkles--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -220px -0px; }
  50.00% { background-position: -440px -0px; }
  75.00% { background-position: -660px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-logo_decor_sparkles--pulse {
  background-image: url("../assets/ui/logo_decor_sparkles/logo_decor_sparkles__pulse.webp");
  background-position: -0px -0px;
}
/* ui/logo_decor — logo_decor_ribbon_right */
.wf-sp-logo_decor_ribbon_right {
  background-image: url("../assets/atlas/ui-logo_decor/ui-logo_decor.webp");
  background-position: -200px -0px;
  width: 200px;
  height: 133px;
}
.wf-sp-logo_decor_ribbon_right--pulse {
  background-image: url("../assets/ui/logo_decor_ribbon_right/logo_decor_ribbon_right__pulse.webp");
  background-position: -0px -0px;
  width: 224px;
  height: 154px;
  animation: wf-wf-sp-logo_decor_ribbon_right--pulse 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-logo_decor_ribbon_right--pulse {
  from { background-position: 0px 0px; }
  25.00% { background-position: -224px -0px; }
  50.00% { background-position: -448px -0px; }
  75.00% { background-position: -672px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-logo_decor_ribbon_right--pulse {
  background-image: url("../assets/ui/logo_decor_ribbon_right/logo_decor_ribbon_right__pulse.webp");
  background-position: -0px -0px;
}
/* ui/transition — mode_entering */
.wf-sp-mode_entering {
  background-image: url("../assets/ui/mode_entering/mode_entering__play.webp");
  background-position: -0px -0px;
  width: 1040px;
  height: 354px;
}
.wf-sp-mode_entering--play {
  background-image: url("../assets/ui/mode_entering/mode_entering__play.webp");
  background-position: -0px -0px;
  width: 1040px;
  height: 354px;
  animation: wf-wf-sp-mode_entering--play 0.375s steps(6) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-mode_entering--play {
  from { background-position: 0px 0px; }
  16.67% { background-position: -1040px -0px; }
  33.33% { background-position: -2080px -0px; }
  50.00% { background-position: -0px -354px; }
  66.67% { background-position: -1040px -354px; }
  83.33% { background-position: -2080px -354px; }
}
.wf-sp-mode_entering--play {
  background-image: url("../assets/ui/mode_entering/mode_entering__play.webp");
  background-position: -0px -0px;
}
/* ui/panel — ui_pause_panel */
.wf-sp-ui_pause_panel {
  background-image: url("../assets/atlas/ui-panel/ui-panel.webp");
  background-position: -512px -620px;
  width: 700px;
  height: 656px;
}
.wf-sp-ui_pause_panel--enter {
  background-image: url("../assets/ui/ui_pause_panel/ui_pause_panel__enter.webp");
  background-position: -0px -0px;
  width: 732px;
  height: 686px;
  animation: wf-wf-sp-ui_pause_panel--enter 0.214s steps(3) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_pause_panel--enter {
  from { background-position: 0px 0px; }
  33.33% { background-position: -732px -0px; }
  66.67% { background-position: -1464px -0px; }
}
.wf-sp-ui_pause_panel--enter {
  background-image: url("../assets/ui/ui_pause_panel/ui_pause_panel__enter.webp");
  background-position: -0px -0px;
}
.wf-sp-ui_pause_panel--exit {
  background-image: url("../assets/ui/ui_pause_panel/ui_pause_panel__exit.webp");
  background-position: -0px -0px;
  width: 710px;
  height: 666px;
  animation: wf-wf-sp-ui_pause_panel--exit 0.250s steps(4) 1 forwards;
  animation-fill-mode: forwards;
}
@keyframes wf-wf-sp-ui_pause_panel--exit {
  from { background-position: 0px 0px; }
  25.00% { background-position: -710px -0px; }
  50.00% { background-position: -1420px -0px; }
  75.00% { background-position: -2130px -0px; }
}
.wf-sp-ui_pause_panel--exit {
  background-image: url("../assets/ui/ui_pause_panel/ui_pause_panel__exit.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_collection */
.wf-sp-bg_collection {
  background-image: url("../assets/atlas/environment-background/environment-background.webp");
  background-position: -0px -2160px;
  width: 1920px;
  height: 1080px;
}
/* environment/ambient — ambient_particles_classic */
.wf-sp-ambient_particles_classic {
  background-image: url("../assets/environment/ambient_particles_classic/ambient_particles_classic__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
}
.wf-sp-ambient_particles_classic--drift {
  background-image: url("../assets/environment/ambient_particles_classic/ambient_particles_classic__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
  animation: wf-wf-sp-ambient_particles_classic--drift 0.750s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ambient_particles_classic--drift {
  from { background-position: 0px 0px; }
  16.67% { background-position: -116px -0px; }
  33.33% { background-position: -232px -0px; }
  50.00% { background-position: -348px -0px; }
  66.67% { background-position: -464px -0px; }
  83.33% { background-position: -580px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ambient_particles_classic--drift {
  background-image: url("../assets/environment/ambient_particles_classic/ambient_particles_classic__drift.webp");
  background-position: -0px -0px;
}
/* environment/ambient — ambient_particles_rush */
.wf-sp-ambient_particles_rush {
  background-image: url("../assets/environment/ambient_particles_rush/ambient_particles_rush__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
}
.wf-sp-ambient_particles_rush--drift {
  background-image: url("../assets/environment/ambient_particles_rush/ambient_particles_rush__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
  animation: wf-wf-sp-ambient_particles_rush--drift 0.750s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ambient_particles_rush--drift {
  from { background-position: 0px 0px; }
  16.67% { background-position: -116px -0px; }
  33.33% { background-position: -232px -0px; }
  50.00% { background-position: -348px -0px; }
  66.67% { background-position: -464px -0px; }
  83.33% { background-position: -580px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ambient_particles_rush--drift {
  background-image: url("../assets/environment/ambient_particles_rush/ambient_particles_rush__drift.webp");
  background-position: -0px -0px;
}
/* environment/ambient — ambient_particles_survival */
.wf-sp-ambient_particles_survival {
  background-image: url("../assets/environment/ambient_particles_survival/ambient_particles_survival__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
}
.wf-sp-ambient_particles_survival--drift {
  background-image: url("../assets/environment/ambient_particles_survival/ambient_particles_survival__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
  animation: wf-wf-sp-ambient_particles_survival--drift 0.750s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ambient_particles_survival--drift {
  from { background-position: 0px 0px; }
  16.67% { background-position: -116px -0px; }
  33.33% { background-position: -232px -0px; }
  50.00% { background-position: -348px -0px; }
  66.67% { background-position: -464px -0px; }
  83.33% { background-position: -580px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ambient_particles_survival--drift {
  background-image: url("../assets/environment/ambient_particles_survival/ambient_particles_survival__drift.webp");
  background-position: -0px -0px;
}
/* environment/ambient — ambient_particles_precision */
.wf-sp-ambient_particles_precision {
  background-image: url("../assets/environment/ambient_particles_precision/ambient_particles_precision__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
}
.wf-sp-ambient_particles_precision--drift {
  background-image: url("../assets/environment/ambient_particles_precision/ambient_particles_precision__drift.webp");
  background-position: -0px -0px;
  width: 116px;
  height: 66px;
  animation: wf-wf-sp-ambient_particles_precision--drift 0.750s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-ambient_particles_precision--drift {
  from { background-position: 0px 0px; }
  16.67% { background-position: -116px -0px; }
  33.33% { background-position: -232px -0px; }
  50.00% { background-position: -348px -0px; }
  66.67% { background-position: -464px -0px; }
  83.33% { background-position: -580px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-ambient_particles_precision--drift {
  background-image: url("../assets/environment/ambient_particles_precision/ambient_particles_precision__drift.webp");
  background-position: -0px -0px;
}
/* environment/background — classic_bg_geometry */
.wf-sp-classic_bg_geometry {
  background-image: url("../assets/environment/classic_bg_geometry/classic_bg_geometry__float.webp");
  background-position: -0px -0px;
  width: 1560px;
  height: 528px;
}
.wf-sp-classic_bg_geometry--float {
  background-image: url("../assets/environment/classic_bg_geometry/classic_bg_geometry__float.webp");
  background-position: -0px -0px;
  width: 1560px;
  height: 528px;
  animation: wf-wf-sp-classic_bg_geometry--float 1.000s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-classic_bg_geometry--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -1560px -0px; }
  33.33% { background-position: -0px -528px; }
  50.00% { background-position: -1560px -528px; }
  66.67% { background-position: -0px -1056px; }
  83.33% { background-position: -1560px -1056px; }
  to { background-position: 0px 0px; }
}
.wf-sp-classic_bg_geometry--float {
  background-image: url("../assets/environment/classic_bg_geometry/classic_bg_geometry__float.webp");
  background-position: -0px -0px;
}
/* environment/background — rush_geometric_accents */
.wf-sp-rush_geometric_accents {
  background-image: url("../assets/environment/rush_geometric_accents/rush_geometric_accents__float.webp");
  background-position: -0px -0px;
  width: 1560px;
  height: 528px;
}
.wf-sp-rush_geometric_accents--float {
  background-image: url("../assets/environment/rush_geometric_accents/rush_geometric_accents__float.webp");
  background-position: -0px -0px;
  width: 1560px;
  height: 528px;
  animation: wf-wf-sp-rush_geometric_accents--float 1.000s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-rush_geometric_accents--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -1560px -0px; }
  33.33% { background-position: -0px -528px; }
  50.00% { background-position: -1560px -528px; }
  66.67% { background-position: -0px -1056px; }
  83.33% { background-position: -1560px -1056px; }
  to { background-position: 0px 0px; }
}
.wf-sp-rush_geometric_accents--float {
  background-image: url("../assets/environment/rush_geometric_accents/rush_geometric_accents__float.webp");
  background-position: -0px -0px;
}
/* environment/background — precision_geometric_bg */
.wf-sp-precision_geometric_bg {
  background-image: url("../assets/environment/precision_geometric_bg/precision_geometric_bg__float.webp");
  background-position: -0px -0px;
  width: 1560px;
  height: 528px;
}
.wf-sp-precision_geometric_bg--float {
  background-image: url("../assets/environment/precision_geometric_bg/precision_geometric_bg__float.webp");
  background-position: -0px -0px;
  width: 1560px;
  height: 528px;
  animation: wf-wf-sp-precision_geometric_bg--float 1.000s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-precision_geometric_bg--float {
  from { background-position: 0px 0px; }
  16.67% { background-position: -1560px -0px; }
  33.33% { background-position: -0px -528px; }
  50.00% { background-position: -1560px -528px; }
  66.67% { background-position: -0px -1056px; }
  83.33% { background-position: -1560px -1056px; }
  to { background-position: 0px 0px; }
}
.wf-sp-precision_geometric_bg--float {
  background-image: url("../assets/environment/precision_geometric_bg/precision_geometric_bg__float.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_decorative_lines */
.wf-sp-bg_decorative_lines {
  background-image: url("../assets/environment/bg_decorative_lines/bg_decorative_lines__drift.webp");
  background-position: -0px -0px;
  width: 1644px;
  height: 900px;
}
.wf-sp-bg_decorative_lines--drift {
  background-image: url("../assets/environment/bg_decorative_lines/bg_decorative_lines__drift.webp");
  background-position: -0px -0px;
  width: 1644px;
  height: 900px;
  animation: wf-wf-sp-bg_decorative_lines--drift 0.500s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-bg_decorative_lines--drift {
  from { background-position: 0px 0px; }
  25.00% { background-position: -1644px -0px; }
  50.00% { background-position: -0px -900px; }
  75.00% { background-position: -1644px -900px; }
  to { background-position: 0px 0px; }
}
.wf-sp-bg_decorative_lines--drift {
  background-image: url("../assets/environment/bg_decorative_lines/bg_decorative_lines__drift.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_block_wood */
.wf-sp-deco_block_wood {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -678px -0px;
  width: 110px;
  height: 114px;
}
.wf-sp-deco_block_wood--float {
  background-image: url("../assets/environment/deco_block_wood/deco_block_wood__float.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 174px;
  animation: wf-wf-sp-deco_block_wood--float 1.000s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_wood--float {
  from { background-position: 0px 0px; }
  12.50% { background-position: -172px -0px; }
  25.00% { background-position: -344px -0px; }
  37.50% { background-position: -516px -0px; }
  50.00% { background-position: -688px -0px; }
  62.50% { background-position: -860px -0px; }
  75.00% { background-position: -1032px -0px; }
  87.50% { background-position: -1204px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_wood--float {
  background-image: url("../assets/environment/deco_block_wood/deco_block_wood__float.webp");
  background-position: -0px -0px;
}
.wf-sp-deco_block_wood--bounce {
  background-image: url("../assets/environment/deco_block_wood/deco_block_wood__bounce.webp");
  background-position: -0px -0px;
  width: 122px;
  height: 150px;
  animation: wf-wf-sp-deco_block_wood--bounce 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_wood--bounce {
  from { background-position: 0px 0px; }
  25.00% { background-position: -122px -0px; }
  50.00% { background-position: -244px -0px; }
  75.00% { background-position: -366px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_wood--bounce {
  background-image: url("../assets/environment/deco_block_wood/deco_block_wood__bounce.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_block_rubber */
.wf-sp-deco_block_rubber {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -348px -0px;
  width: 110px;
  height: 113px;
}
.wf-sp-deco_block_rubber--float {
  background-image: url("../assets/environment/deco_block_rubber/deco_block_rubber__float.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 174px;
  animation: wf-wf-sp-deco_block_rubber--float 1.000s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_rubber--float {
  from { background-position: 0px 0px; }
  12.50% { background-position: -172px -0px; }
  25.00% { background-position: -344px -0px; }
  37.50% { background-position: -516px -0px; }
  50.00% { background-position: -688px -0px; }
  62.50% { background-position: -860px -0px; }
  75.00% { background-position: -1032px -0px; }
  87.50% { background-position: -1204px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_rubber--float {
  background-image: url("../assets/environment/deco_block_rubber/deco_block_rubber__float.webp");
  background-position: -0px -0px;
}
.wf-sp-deco_block_rubber--bounce {
  background-image: url("../assets/environment/deco_block_rubber/deco_block_rubber__bounce.webp");
  background-position: -0px -0px;
  width: 122px;
  height: 150px;
  animation: wf-wf-sp-deco_block_rubber--bounce 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_rubber--bounce {
  from { background-position: 0px 0px; }
  25.00% { background-position: -122px -0px; }
  50.00% { background-position: -244px -0px; }
  75.00% { background-position: -366px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_rubber--bounce {
  background-image: url("../assets/environment/deco_block_rubber/deco_block_rubber__bounce.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_block_ice */
.wf-sp-deco_block_ice {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -128px -0px;
  width: 110px;
  height: 115px;
}
.wf-sp-deco_block_ice--float {
  background-image: url("../assets/environment/deco_block_ice/deco_block_ice__float.webp");
  background-position: -0px -0px;
  width: 172px;
  height: 176px;
  animation: wf-wf-sp-deco_block_ice--float 1.000s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_ice--float {
  from { background-position: 0px 0px; }
  12.50% { background-position: -172px -0px; }
  25.00% { background-position: -344px -0px; }
  37.50% { background-position: -516px -0px; }
  50.00% { background-position: -688px -0px; }
  62.50% { background-position: -860px -0px; }
  75.00% { background-position: -1032px -0px; }
  87.50% { background-position: -1204px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_ice--float {
  background-image: url("../assets/environment/deco_block_ice/deco_block_ice__float.webp");
  background-position: -0px -0px;
}
.wf-sp-deco_block_ice--bounce {
  background-image: url("../assets/environment/deco_block_ice/deco_block_ice__bounce.webp");
  background-position: -0px -0px;
  width: 122px;
  height: 152px;
  animation: wf-wf-sp-deco_block_ice--bounce 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_ice--bounce {
  from { background-position: 0px 0px; }
  25.00% { background-position: -122px -0px; }
  50.00% { background-position: -244px -0px; }
  75.00% { background-position: -366px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_ice--bounce {
  background-image: url("../assets/environment/deco_block_ice/deco_block_ice__bounce.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_block_neon */
.wf-sp-deco_block_neon {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -238px -0px;
  width: 110px;
  height: 116px;
}
.wf-sp-deco_block_neon--float {
  background-image: url("../assets/environment/deco_block_neon/deco_block_neon__float.webp");
  background-position: -0px -0px;
  width: 174px;
  height: 176px;
  animation: wf-wf-sp-deco_block_neon--float 1.000s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_neon--float {
  from { background-position: 0px 0px; }
  12.50% { background-position: -174px -0px; }
  25.00% { background-position: -348px -0px; }
  37.50% { background-position: -522px -0px; }
  50.00% { background-position: -696px -0px; }
  62.50% { background-position: -870px -0px; }
  75.00% { background-position: -1044px -0px; }
  87.50% { background-position: -1218px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_neon--float {
  background-image: url("../assets/environment/deco_block_neon/deco_block_neon__float.webp");
  background-position: -0px -0px;
}
.wf-sp-deco_block_neon--bounce {
  background-image: url("../assets/environment/deco_block_neon/deco_block_neon__bounce.webp");
  background-position: -0px -0px;
  width: 122px;
  height: 152px;
  animation: wf-wf-sp-deco_block_neon--bounce 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_neon--bounce {
  from { background-position: 0px 0px; }
  25.00% { background-position: -122px -0px; }
  50.00% { background-position: -244px -0px; }
  75.00% { background-position: -366px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_neon--bounce {
  background-image: url("../assets/environment/deco_block_neon/deco_block_neon__bounce.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_block_stone */
.wf-sp-deco_block_stone {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -568px -0px;
  width: 110px;
  height: 84px;
}
.wf-sp-deco_block_stone--float {
  background-image: url("../assets/environment/deco_block_stone/deco_block_stone__float.webp");
  background-position: -0px -0px;
  width: 160px;
  height: 148px;
  animation: wf-wf-sp-deco_block_stone--float 1.000s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_stone--float {
  from { background-position: 0px 0px; }
  12.50% { background-position: -160px -0px; }
  25.00% { background-position: -320px -0px; }
  37.50% { background-position: -480px -0px; }
  50.00% { background-position: -640px -0px; }
  62.50% { background-position: -800px -0px; }
  75.00% { background-position: -960px -0px; }
  87.50% { background-position: -1120px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_stone--float {
  background-image: url("../assets/environment/deco_block_stone/deco_block_stone__float.webp");
  background-position: -0px -0px;
}
.wf-sp-deco_block_stone--bounce {
  background-image: url("../assets/environment/deco_block_stone/deco_block_stone__bounce.webp");
  background-position: -0px -0px;
  width: 122px;
  height: 120px;
  animation: wf-wf-sp-deco_block_stone--bounce 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_stone--bounce {
  from { background-position: 0px 0px; }
  25.00% { background-position: -122px -0px; }
  50.00% { background-position: -244px -0px; }
  75.00% { background-position: -366px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_stone--bounce {
  background-image: url("../assets/environment/deco_block_stone/deco_block_stone__bounce.webp");
  background-position: -0px -0px;
}
/* environment/decoration — deco_block_star */
.wf-sp-deco_block_star {
  background-image: url("../assets/atlas/environment-decoration/environment-decoration.webp");
  background-position: -458px -0px;
  width: 110px;
  height: 116px;
}
.wf-sp-deco_block_star--float {
  background-image: url("../assets/environment/deco_block_star/deco_block_star__float.webp");
  background-position: -0px -0px;
  width: 174px;
  height: 176px;
  animation: wf-wf-sp-deco_block_star--float 1.000s steps(8) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_star--float {
  from { background-position: 0px 0px; }
  12.50% { background-position: -174px -0px; }
  25.00% { background-position: -348px -0px; }
  37.50% { background-position: -522px -0px; }
  50.00% { background-position: -696px -0px; }
  62.50% { background-position: -870px -0px; }
  75.00% { background-position: -1044px -0px; }
  87.50% { background-position: -1218px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_star--float {
  background-image: url("../assets/environment/deco_block_star/deco_block_star__float.webp");
  background-position: -0px -0px;
}
.wf-sp-deco_block_star--bounce {
  background-image: url("../assets/environment/deco_block_star/deco_block_star__bounce.webp");
  background-position: -0px -0px;
  width: 122px;
  height: 152px;
  animation: wf-wf-sp-deco_block_star--bounce 0.400s steps(4) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-deco_block_star--bounce {
  from { background-position: 0px 0px; }
  25.00% { background-position: -122px -0px; }
  50.00% { background-position: -244px -0px; }
  75.00% { background-position: -366px -0px; }
  to { background-position: 0px 0px; }
}
.wf-sp-deco_block_star--bounce {
  background-image: url("../assets/environment/deco_block_star/deco_block_star__bounce.webp");
  background-position: -0px -0px;
}
/* environment/background — bg_core_gameplay */
.wf-sp-bg_core_gameplay {
  background-image: url("../assets/atlas/environment-background/environment-background.webp");
  background-position: -1920px -2160px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — bg_menu_main */
.wf-sp-bg_menu_main {
  background-image: url("../assets/atlas/environment-background/environment-background-2.webp");
  background-position: -0px -0px;
  width: 1920px;
  height: 1080px;
}
/* environment/background — survival_ambient_environment */
.wf-sp-survival_ambient_environment {
  background-image: url("../assets/environment/survival_ambient_environment/survival_ambient_environment__drift.webp");
  background-position: -0px -0px;
  width: 1486px;
  height: 878px;
}
.wf-sp-survival_ambient_environment--drift {
  background-image: url("../assets/environment/survival_ambient_environment/survival_ambient_environment__drift.webp");
  background-position: -0px -0px;
  width: 1486px;
  height: 878px;
  animation: wf-wf-sp-survival_ambient_environment--drift 1.000s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-survival_ambient_environment--drift {
  from { background-position: 0px 0px; }
  16.67% { background-position: -1486px -0px; }
  33.33% { background-position: -0px -878px; }
  50.00% { background-position: -1486px -878px; }
  66.67% { background-position: -0px -1756px; }
  83.33% { background-position: -1486px -1756px; }
  to { background-position: 0px 0px; }
}
.wf-sp-survival_ambient_environment--drift {
  background-image: url("../assets/environment/survival_ambient_environment/survival_ambient_environment__drift.webp");
  background-position: -0px -0px;
}
/* environment/background — wind_direction_particles */
.wf-sp-wind_direction_particles {
  background-image: url("../assets/environment/wind_direction_particles/wind_direction_particles__flow.webp");
  background-position: -0px -0px;
  width: 1440px;
  height: 274px;
}
.wf-sp-wind_direction_particles--flow {
  background-image: url("../assets/environment/wind_direction_particles/wind_direction_particles__flow.webp");
  background-position: -0px -0px;
  width: 1440px;
  height: 274px;
  animation: wf-wf-sp-wind_direction_particles--flow 0.625s steps(5) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-wind_direction_particles--flow {
  from { background-position: 0px 0px; }
  20.00% { background-position: -1440px -0px; }
  40.00% { background-position: -0px -274px; }
  60.00% { background-position: -1440px -274px; }
  80.00% { background-position: -0px -548px; }
  to { background-position: 0px 0px; }
}
.wf-sp-wind_direction_particles--flow {
  background-image: url("../assets/environment/wind_direction_particles/wind_direction_particles__flow.webp");
  background-position: -0px -0px;
}
/* environment/background — precision_target_atmosphere */
.wf-sp-precision_target_atmosphere {
  background-image: url("../assets/environment/precision_target_atmosphere/precision_target_atmosphere__pulse.webp");
  background-position: -0px -0px;
  width: 864px;
  height: 874px;
}
.wf-sp-precision_target_atmosphere--pulse {
  background-image: url("../assets/environment/precision_target_atmosphere/precision_target_atmosphere__pulse.webp");
  background-position: -0px -0px;
  width: 864px;
  height: 874px;
  animation: wf-wf-sp-precision_target_atmosphere--pulse 1.000s steps(6) infinite forwards;
  animation-fill-mode: none;
}
@keyframes wf-wf-sp-precision_target_atmosphere--pulse {
  from { background-position: 0px 0px; }
  16.67% { background-position: -864px -0px; }
  33.33% { background-position: -1728px -0px; }
  50.00% { background-position: -2592px -0px; }
  66.67% { background-position: -0px -874px; }
  83.33% { background-position: -864px -874px; }
  to { background-position: 0px 0px; }
}
.wf-sp-precision_target_atmosphere--pulse {
  background-image: url("../assets/environment/precision_target_atmosphere/precision_target_atmosphere__pulse.webp");
  background-position: -0px -0px;
}