.token_list-item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  align-items: center;
  max-width: 18.25rem;
  height: 100%;
  display: flex;
  position: absolute;
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
  bottom: 0;
  left: 50%;
  margin-left: -9.125rem; /* Половина от max-width (18.25rem / 2) для центрирования */
}

/* Начальные позиции (по окружности радиусом 20rem) */
.token_list-item:nth-child(1) {
  /* Верхняя позиция (0°) */
  transform: translateX(0) translateY(-20rem) rotateZ(0deg);
  transform-origin: center 20rem; /* Точка вращения = центр окружности */
  opacity: 1;
  z-index: 3;
}

.token_list-item:nth-child(2) {
  /* Правая позиция (90°) */
  transform: translateX(20rem) translateY(0) rotateZ(90deg);
  transform-origin: -20rem center;
  opacity: 0;
  z-index: 1;
}

.token_list-item:nth-child(3) {
  /* Левая позиция (-90° или 270°) */
  transform: translateX(-20rem) translateY(0) rotateZ(-90deg);
  transform-origin: 20rem center;
  opacity: 0;
  z-index: 1;
}

/* State 0: Карточка 1 наверху */
.token_list_el-wrap.state-0 .token_list-item:nth-child(1) {
  transform: translateX(0) translateY(-20rem) rotateZ(0deg);
  opacity: 1;
  z-index: 3;
}
.token_list_el-wrap.state-0 .token_list-item:nth-child(2) {
  transform: translateX(20rem) translateY(0) rotateZ(90deg);
  opacity: 0;
  z-index: 1;
}
.token_list_el-wrap.state-0 .token_list-item:nth-child(3) {
  transform: translateX(-20rem) translateY(0) rotateZ(-90deg);
  opacity: 0;
  z-index: 1;
}

/* State 1: Карточка 2 наверху */
.token_list_el-wrap.state-1 .token_list-item:nth-child(1) {
  transform: translateX(-20rem) translateY(0) rotateZ(-90deg);
  opacity: 0;
  z-index: 1;
}
.token_list_el-wrap.state-1 .token_list-item:nth-child(2) {
  transform: translateX(0) translateY(-20rem) rotateZ(0deg);
  opacity: 1;
  z-index: 3;
}
.token_list_el-wrap.state-1 .token_list-item:nth-child(3) {
  transform: translateX(20rem) translateY(0) rotateZ(90deg);
  opacity: 0;
  z-index: 1;
}

/* State 2: Карточка 3 наверху */
.token_list_el-wrap.state-2 .token_list-item:nth-child(1) {
  transform: translateX(20rem) translateY(0) rotateZ(90deg);
  opacity: 0;
  z-index: 1;
}
.token_list_el-wrap.state-2 .token_list-item:nth-child(2) {
  transform: translateX(-20rem) translateY(0) rotateZ(-90deg);
  opacity: 0;
  z-index: 1;
}
.token_list_el-wrap.state-2 .token_list-item:nth-child(3) {
  transform: translateX(0) translateY(-20rem) rotateZ(0deg);
  opacity: 1;
  z-index: 3;
}

.token_pagination-item.active {
  background-color: black;
  width: 1.5rem;
}

.token_pagination-item {
  transition: all 1s cubic-bezier(0.4, 0, 0.2, 1);
}

:is(.wf-design-mode, .w-editor) .token_list-item {
  transform: translateX(0) translateY(0) rotateZ(0deg) !important;
  position: static !important;
  opacity: 1 !important;
}

:is(.wf-design-mode, .w-editor) .token_list_info-wrap {
  opacity: 1 !important;
}

.token_list_info-wrap {
  transition: opacity 0.3s ease;
}

.token_list_el-wrap.state-0 .token_list-item:nth-child(1) .token_list_info-wrap,
.token_list_el-wrap.state-1 .token_list-item:nth-child(2) .token_list_info-wrap,
.token_list_el-wrap.state-2
  .token_list-item:nth-child(3)
  .token_list_info-wrap {
  opacity: 1;
  transition-delay: 0.75s;
}