Mini Kabibi Habibi

Current Path : C:/Program Files/Adobe/Adobe Creative Cloud/Components/Stock/resources/
Upload File :
Current File : C:/Program Files/Adobe/Adobe Creative Cloud/Components/Stock/resources/visualSearchModal.chunk.css

.spectrum-Dropzone {
  text-align: center;
  border-width: 2px;
  border-radius: 4px;
  padding: 72px;
  border-style: dashed;
}
.spectrum-Dropzone.is-dragged {
    border-style: solid;
  }
.spectrum-Dropzone:focus {
    outline: 0;
    border-style: dashed;
  }
.spectrum-Dropzone:focus.focus-ring {
      border-style: solid;
    }

.spectrum--light .spectrum-Dropzone {
  border-color: rgb(225, 225, 225);
}
.spectrum--light .spectrum-Dropzone.is-dragged {
    border-color: rgb(38, 128, 235);
    background-color: rgba(20,115,230,0.1);
  }
.spectrum--light .spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
      color: rgb(38, 128, 235);
    }
.spectrum--light .spectrum-Dropzone:focus {
    border-color: rgb(225, 225, 225);
  }
.spectrum--light .spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
      color: rgb(188, 188, 188);
    }
.spectrum--light .spectrum-Dropzone:focus.focus-ring {
      border-color: rgb(38, 128, 235);
    }
.spectrum--light .spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
        color: rgb(38, 128, 235);
      }

.spectrum--darkest .spectrum-Dropzone {
  border-color: rgb(57, 57, 57);
}
.spectrum--darkest .spectrum-Dropzone.is-dragged {
    border-color: rgb(20, 115, 230);
    background-color: rgba(38,128,235,0.2);
  }
.spectrum--darkest .spectrum-Dropzone.is-dragged .spectrum-IllustratedMessage-illustration {
      color: rgb(20, 115, 230);
    }
.spectrum--darkest .spectrum-Dropzone:focus {
    border-color: rgb(57, 57, 57);
  }
.spectrum--darkest .spectrum-Dropzone:focus .spectrum-IllustratedMessage-illustration {
      color: rgb(188, 188, 188);
    }
.spectrum--darkest .spectrum-Dropzone:focus.focus-ring {
      border-color: rgb(20, 115, 230);
    }
.spectrum--darkest .spectrum-Dropzone:focus.is-dragged.focus-ring .spectrum-IllustratedMessage-illustration {
        color: rgb(20, 115, 230);
      }

.spectrum-IllustratedMessage {
  height: 100%;

  display: -ms-flexbox;

  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;

  text-align: center;
}
.spectrum-IllustratedMessage-illustration {
  margin-bottom: 24px;
}
.spectrum-IllustratedMessage-heading {
  max-width: 500px;
  margin: 0;
}
.spectrum-IllustratedMessage-description {
  max-width: 500px;
  margin: 4px 0 0 0;

  font-style: italic;
}
.spectrum-IllustratedMessage--cta .spectrum-IllustratedMessage-description {
    font-style: normal;
  }

.spectrum--light .spectrum-IllustratedMessage-illustration {
  color: rgb(179, 179, 179);
  fill: currentColor;
  stroke: currentColor;
}

.spectrum--darkest .spectrum-IllustratedMessage-illustration {
  color: rgb(92, 92, 92);
  fill: currentColor;
  stroke: currentColor;
}

.spectrum-Toast {
  box-sizing: border-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: stretch;
      align-items: stretch;

  border-radius: 4px;

  padding: 8px 8px 8px 16px;

  font-size: 14px;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}
.spectrum-Toast-typeIcon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 0;
      flex-grow: 0;

  margin: 7px 12px 7px 0;
}
.spectrum-Toast-content {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  display: inline-block;
  box-sizing: border-box;
  padding: 5px 16px 5px 0;
  text-align: left;
}
.spectrum-Toast-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  -ms-flex-align: start;
      align-items: flex-start;
}
.spectrum-Toast-buttons .spectrum-Button + .spectrum-Button,
    .spectrum-Toast-buttons .spectrum-Button + .spectrum-ClearButton,
    .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-Button,
    .spectrum-Toast-buttons .spectrum-ClearButton + .spectrum-ClearButton {
      margin-left: 8px;
    }
.spectrum-Toast-body {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.spectrum-Toast-body .spectrum-Button {
    float: right;
    margin-right: 11px;
  }
.spectrum-Toast-body + .spectrum-Toast-buttons {
    padding-left: 8px;

    border-left-width: 1px;
    border-left-style: solid;
  }

.spectrum--light .spectrum-Toast {
  background-color: rgb(116, 116, 116);
  color: rgb(116, 116, 116);
}
.spectrum--light .spectrum-Toast-content {
  color: rgb(255, 255, 255);
}
.spectrum--light .spectrum-Toast-typeIcon {
  color: white;
}
.spectrum--light .spectrum-Toast-buttons {
  border-left-color: rgba(255, 255, 255, 0.2);
}
.spectrum--light .spectrum-Toast--warning {
  background-color: rgb(203, 111, 16);
  color: rgb(203, 111, 16);
}
.spectrum--light .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(203, 111, 16);
    }
.spectrum--light .spectrum-Toast--negative,
.spectrum--light .spectrum-Toast--error {
  background-color: rgb(201, 37, 45);
  color: rgb(201, 37, 45);
}
.spectrum--light .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--light .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(201, 37, 45);
    }
.spectrum--light .spectrum-Toast--info {
  background-color: rgb(13, 102, 208);
  color: rgb(13, 102, 208);
}
.spectrum--light .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(13, 102, 208);
    }
.spectrum--light .spectrum-Toast--positive,
.spectrum--light .spectrum-Toast--success {
  background-color: rgb(18, 128, 92);
  color: rgb(18, 128, 92);
}
.spectrum--light .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--light .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(18, 128, 92);
    }


.spectrum--darkest .spectrum-Toast {
  background-color: rgb(116, 116, 116);
  color: rgb(116, 116, 116);
}
.spectrum--darkest .spectrum-Toast-content {
  color: rgb(255, 255, 255);
}
.spectrum--darkest .spectrum-Toast-typeIcon {
  color: white;
}
.spectrum--darkest .spectrum-Toast-buttons {
  border-left-color: rgba(255, 255, 255, 0.2);
}
.spectrum--darkest .spectrum-Toast--warning {
  background-color: rgb(203, 111, 16);
  color: rgb(203, 111, 16);
}
.spectrum--darkest .spectrum-Toast--warning .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(203, 111, 16);
    }
.spectrum--darkest .spectrum-Toast--negative,
.spectrum--darkest .spectrum-Toast--error {
  background-color: rgb(201, 37, 45);
  color: rgb(201, 37, 45);
}
.spectrum--darkest .spectrum-Toast--negative .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--darkest .spectrum-Toast--error .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(201, 37, 45);
    }
.spectrum--darkest .spectrum-Toast--info {
  background-color: rgb(13, 102, 208);
  color: rgb(13, 102, 208);
}
.spectrum--darkest .spectrum-Toast--info .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(13, 102, 208);
    }
.spectrum--darkest .spectrum-Toast--positive,
.spectrum--darkest .spectrum-Toast--success {
  background-color: rgb(18, 128, 92);
  color: rgb(18, 128, 92);
}
.spectrum--darkest .spectrum-Toast--positive .spectrum-Toast-closeButton.focus-ring:not(:active),
.spectrum--darkest .spectrum-Toast--success .spectrum-Toast-closeButton.focus-ring:not(:active) {
      color: rgb(18, 128, 92);
    }