:root {
  --duet-color-primary: #3c4ee0;
  --duet-color-text: #333;
  --duet-color-text-active: #fff;
  --duet-color-placeholder: #666;
  --duet-color-button: #f5f5f5;
  --duet-color-surface: #fff;
  --duet-color-overlay: rgba(0, 0, 0, 0.8);
  --duet-color-border: #d6d6e7;

  --duet-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,
    Arial, sans-serif;
  --duet-font-normal: 400;
  --duet-font-bold: 600;

  --duet-radius: 3px;
  --duet-z-index: 600;
}

duet-date-picker .duet-date__input {
  background-color: #fff;
  box-shadow: inset 0 1px 4px 0 rgba(119, 122, 175, 0.3);
  color: #23263b;
}

.date-range-picker duet-date-picker {
  flex-grow: 1;
}

.date-range-picker{
  margin: 0 20px 10px 20px;
}

.date-range-picker .first_picker{
  margin-bottom: 4px;
}

.ais-Hits-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
}

.ais-Hits-item {
  display: inline-block;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
}

.ais-Hits-item .hit .pictures-wrapper {
  position: relative;
}

.ais-Hits-item .hit .pictures-wrapper .picture {
  width: 100%;
}

.ais-Hits-item .hit .pictures-wrapper .profile {
  position: absolute;
  bottom: -16px;
  right: 12px;
  width: 60px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 100%;
}

.ais-Hits-item .hit .infos {
  height: 90px;
  padding: 16px 20px;
  line-height: 1rem;
}

.ais-Hits-item .hit .infos .media-heading {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
}

.ais-Hits-item .hit .infos p {
  font-size: 0.8em;
  color: #949697;
}

.ais-Hits-item .hit .infos em {
  font-style: normal;
  color: #ff585b;
}