dot-asset-drop-zone .dot-asset-drop-zone__indicators {
  --mdc-dialog-scrim-color: transparent;
  --mdc-dialog-max-width: 400px;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border: 3px solid transparent;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 250ms ease-in;
  z-index: 1002;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators.drag-enter, dot-asset-drop-zone .dot-asset-drop-zone__indicators.active {
  pointer-events: all;
  border: 3px dashed var(--color-sec);
  opacity: 1;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators.drag-enter .dot-asset-drop-zone__icon, dot-asset-drop-zone .dot-asset-drop-zone__indicators.active .dot-asset-drop-zone__icon {
  display: block;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators.drop {
  pointer-events: all;
  border: 3px dashed #7e7a86;
  opacity: 1;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators.drop dot-progress-bar {
  display: block;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators .dot-asset-drop-zone__icon {
  display: none;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators .dot-asset-drop-zone__icon span {
  display: block;
  color: var(--color-sec);
  margin-top: -20px;
  font-size: 20px;
  text-align: center;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators dot-progress-bar {
  width: 200px;
  display: none;
}
dot-asset-drop-zone .dot-asset-drop-zone__indicators dot-progress-bar span {
  font-size: 16px;
}
dot-asset-drop-zone .dot-asset-drop-zone__error-list {
  list-style-position: inside;
  padding: 0;
  margin-left: 0;
}
dot-asset-drop-zone mwc-icon {
  color: var(--color-sec);
  --mdc-icon-size: 200px;
}
dot-asset-drop-zone mwc-button {
  --mdc-theme-primary: var(--color-main);
  --mdc-theme-secondary: var(--color-sec);
}