:root {
  --duet-color-primary: #003366;
  --duet-color-text: #171717;
  --duet-color-text-active: #ffffff;
  --duet-color-placeholder: #737373;
  --duet-color-button: #e5e5e5;
  --duet-color-surface: #ffffff;
  --duet-color-overlay: rgba(0, 0, 0, 0.8);
  --duet-color-border: #404040;
  --duet-font: 'bliss';
  --duet-font-normal: 300;
  --duet-font-bold: 300;
  --duet-radius: 0px;
  --duet-z-index: 600;
}

.duet-date__input {
  -webkit-appearance: none;
  appearance: none;
  background: var(--duet-color-surface);
  border: 2px solid var(--duet-color-border, var(--duet-color-text));
  border-radius: var(--duet-radius);
  color: var(--duet-color-text);
  float: none;
  font-family: var(--duet-font);
  font-size: 100%;
  line-height: normal;
  padding: 14px 60px 14px 14px;
  width: 100%;
}

.duet-date__toggle {
  box-shadow: none;
  background-color: #000000;
  background-blend-mode: normal;
}

.duet-date__toggle-icon:nth-child(1) > svg:nth-child(1) {
  color: rgb(255, 255, 255);
}

.duet-date__day {
  font-size: 13px;
  padding-left: 11px;
  padding-right: 11px;
  padding-top: 11px;
  padding-bottom: 11px;

}

.duet-date__toggle:focus {
    box-shadow: 0 0 0 3px var(--duet-color-primary);
    outline: 0;
}

#date {
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
  padding-bottom: 12px;
  padding-left: 12px;
  padding-top: 12px;

}