.wtotem_ready {
  background: #e5e5e5; }

.wtotem_unit__first {
  display: flex;
  justify-content: space-between; }

.wtotem_unit__wrapper {
  display: flex;
  justify-content: space-between;
  background: #fff; }

.wtotem_unit__block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 30px;
  border-right: 1px solid #f3f5f6; }

.wtotem_unit__contain {
  display: flex;
  justify-content: space-between;
  align-items: center; }

.wtotem_unit__circle {
  margin-right: 16px;
  width: 45px;
  height: 45px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .wtotem_unit__circle_loading {
    background: #f3f5f6; }
  .wtotem_unit__circle_success {
    background: #4bc374; }
  .wtotem_unit__circle_error {
    background: #ee3f3f;
    position: relative; }
    .wtotem_unit__circle_error:before {
      content: "";
      position: absolute;
      width: 19px;
      height: 3px;
      background: #fff;
      border-radius: 1px;
      display: block;
      transform: rotate(45deg); }
    .wtotem_unit__circle_error:after {
      content: "";
      position: absolute;
      width: 19px;
      height: 3px;
      background: #fff;
      border-radius: 1px;
      display: block;
      transform: rotate(-45deg); }

.wtotem_unit__img_spinner {
  animation: 1s linear 0s normal none infinite running rot;
  -webkit-animation: 1s linear 0s normal none infinite running rot; }

@keyframes rot {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.wtotem_unit__expectation {
  font-size: 16px;
  font-weight: 500; }
  .wtotem_unit__expectation_loading {
    color: #7c8087; }
  .wtotem_unit__expectation_success {
    color: #bace3d; }
  .wtotem_unit__expectation_error {
    color: #d56c6a; }

.wtotem_unit__repeat {
  color: #3d50df;
  cursor: pointer; }

/*# sourceMappingURL=state.css.map */