.drag-service-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100 * var(--window-inner-height));
  background-color: rgba(var(--color-alpha-black));
  color: rgba(var(--font-color-invert));
  backdrop-filter: blur(10px);
  pointer-events: none;
  z-index: 99999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.drag-service-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.drag-service-content md-icon {
  margin: 0;
  width: 100px;
  height: 100px;
  color: rgba(var(--font-color-invert));
}

.drag-service-support-tags {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.drag-service-support-tags .drag-service-support-tag {
  border: 1px solid rgba(var(--font-color-invert));
  border-radius: var(--default-radius);
  padding: 2px;
  margin: 2px;
}