.popelup-configurator__direct-image-toolbar__remove-background {
  align-items: center;
  color: var(--popelup-app-accent-strong) !important;
  display: inline-flex;
  justify-content: center;
  position: relative;
}

.popelup-configurator__direct-image-toolbar__remove-background[hidden] {
  display: none !important;
}

.popelup-configurator__direct-image-toolbar__remove-background.is-processing .popelup-configurator__ui-icon {
  opacity: 0.3;
}

.popelup-configurator__direct-image-toolbar__remove-background.is-processing::after {
  animation: popelup-background-removal-spin 0.75s linear infinite;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  content: "";
  height: 18px;
  position: absolute;
  width: 18px;
}

@keyframes popelup-background-removal-spin {
  to { transform: rotate(360deg); }
}

@media (max-width: 720px) {
  .popelup-configurator__direct-image-toolbar[data-popelup-background-removal="available"] {
    grid-template-columns: repeat(6, minmax(0, 38px)) 38px 38px;
    width: 304px;
  }

  .popelup-configurator__direct-image-toolbar[data-popelup-background-removal="available"]
  :is(.popelup-configurator__direct-image-toolbar__remove-background, .popelup-configurator__direct-image-toolbar__delete) {
    flex: none !important;
    min-width: 0 !important;
    width: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .popelup-configurator__direct-image-toolbar__remove-background.is-processing::after {
    animation-duration: 1.5s;
  }
}