/* MagicOps V6 sidebar SVG sharing icons */

.mo-inline-share-icon {
  font-size: 0 !important;
}

.mo-inline-share-icon svg {
  width: 14px;
  height: 14px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.mo-inline-share-icon.is-private {
  color: #cbd5e1;
}

.mo-inline-share-icon.is-shared {
  color: #c4b5fd;
}

.mo-inline-share-icon.is-public {
  color: #86efac;
}

.mo-sharing-confirm-icon {
  font-size: 0 !important;
}

.mo-sharing-confirm-icon svg {
  width: 23px;
  height: 23px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mo-sharing-confirm-modal.is-team
.mo-sharing-confirm-icon {
  color: #86efac;
}

.mo-sharing-confirm-modal.is-private
.mo-sharing-confirm-icon {
  color: #fbbf24;
}

html[data-mo-theme="light"]
.mo-inline-share-icon.is-private {
  color: #475569;
  border-color: rgba(71, 85, 105, 0.24);
  background: rgba(71, 85, 105, 0.08);
}

html[data-mo-theme="light"]
.mo-inline-share-icon.is-shared {
  color: #6d28d9;
  border-color: rgba(109, 40, 217, 0.24);
  background: rgba(109, 40, 217, 0.09);
}

html[data-mo-theme="light"]
.mo-inline-share-icon.is-public {
  color: #15803d;
  border-color: rgba(21, 128, 61, 0.24);
  background: rgba(21, 128, 61, 0.09);
}