.photo-workflow__success {
  margin: 0 0 16px;
  padding: 16px;
  border: 1px solid rgba(79, 190, 128, 0.55);
  border-radius: 10px;
  background: rgba(24, 94, 56, 0.24);
  color: #e8fff1;
}

.photo-workflow__success[hidden] {
  display: none;
}

.photo-workflow__success strong {
  display: block;
  margin-bottom: 5px;
  color: #8ee0ae;
  font-size: 16px;
}

.photo-workflow__success p {
  margin: 0;
  color: #d1e8da;
  line-height: 1.45;
}

.photo-workflow__success-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 14px;
  flex-wrap: wrap;
}

@media (max-width: 700px) {
  .photo-workflow__success-actions button {
    flex: 1 1 100%;
  }
}

.photo-workflow__preview.is-transparent {
  background-color: #f4f4f4;
  background-image:
    linear-gradient(45deg, #c8c8c8 25%, transparent 25%),
    linear-gradient(-45deg, #c8c8c8 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #c8c8c8 75%),
    linear-gradient(-45deg, transparent 75%, #c8c8c8 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0;
  background-size: 20px 20px;
}

.photo-workflow__tools .photo-workflow__remove-background {
  border-color: #5f9f7a;
  background: #18392a;
  color: #d9ffea;
}

.photo-workflow__tools .photo-workflow__remove-background:disabled {
  opacity: 0.48;
}