/* /public_html/assets/css/ui-safe-delete-button.css */

.ui-safe-delete {
  position: relative;
  isolation: isolate;
}

.ui-safe-delete.is-delete-arming::before {
  content: '';
  position: absolute;
  inset: -5px;
  border-radius: inherit;
  background: conic-gradient(
    from -90deg,
    rgba(251, 191, 36, 1) 0deg,
    rgba(239, 68, 68, 1) calc(var(--delete-progress, 1) * 1turn),
    rgba(255, 255, 255, 0) calc(var(--delete-progress, 1) * 1turn),
    rgba(255, 255, 255, 0) 1turn
  );
  z-index: -1;
  pointer-events: none;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  padding: 4px;
}

.ui-safe-delete.is-delete-arming[disabled],
.ui-safe-delete.is-delete-arming.is-disabled {
  opacity: .68;
  pointer-events: none;
  filter: saturate(.85);
}

.ui-safe-delete.is-busy {
  opacity: .85;
  pointer-events: none;
}