.px-spin {
  position: relative;
  display: inline-block;
  min-height: 28px;
  min-width: 28px;
  transition: 0.25s;
}
.px-spin__small {
  min-height: 20px;
  min-width: 20px;
}
.px-spin__large {
  min-height: 36px;
  min-width: 36px;
}
.px-spin-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.px-spin-content,
.px-spin-cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.px-spin-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--px-primary-6);
  font-size: 15px;
}
.px-spin-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
  font-size: 28px;
}
.px-spin-icon-wrapper__last {
  margin-bottom: 0;
}
.px-spin-icon-wrapper .px-spin-icon {
  height: 28px;
  width: 28px;
  fill: var(--px-primary-6);
}
.px-spin-icon-wrapper__small {
  font-size: 20px;
}
.px-spin-icon-wrapper__small .px-spin-icon {
  height: 20px;
  width: 20px;
}
.px-spin-icon-wrapper__large {
  font-size: 36px;
}
.px-spin-icon-wrapper__large .px-spin-icon {
  height: 36px;
  width: 36px;
}