:root {
  --duet-color-primary: $color-red;
  --duet-color-text: #333;
  --duet-color-text-active: #fff;
  --duet-color-placeholder: $color-grey-border-1;
  --duet-color-button: $color-grey-bg-1;
  --duet-color-surface: #fff;
  --duet-color-border: $color-red;
  --duet-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --duet-font-normal: 400;
  --duet-font-bold: 600;
  --duet-z-index: 5;
}

duet-date-picker {
  width: 100%;
  border: 1px solid #dbdbdb;
}

.duet-date thead tr {
  border-bottom: 1px solid #c1c1c1;
}
.duet-date tbody::before {
  content: "";
  display: block;
  height: 20px;
}
.duet-date__cell > button:hover, .duet-date__cell > button:active {
  transition: none;
  border: 2px solid #EC0928;
  color: initial;
}
.duet-date__nav button {
  border: 1px solid #dbdbdb;
}
.duet-date__nav button:hover, .duet-date__nav button:active {
  border: 2px solid #EC0928;
}
.duet-date__input {
  padding: 15px 60px 15px 40px;
  border: none;
  font-weight: 600;
}
.duet-date__input::placeholder {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #c4c4c4;
}
.duet-date__toggle {
  position: initial;
  max-width: 100%;
}
.duet-date__toggle::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.duet-date__toggle:focus {
  box-shadow: none;
}
.duet-date__toggle-icon {
  display: none;
}
.duet-date__dialog {
  left: -1px;
  min-width: 328px;
  transform: none;
  border-top: 3px solid #EC0928;
}
.duet-date__dialog-content {
  max-width: 100%;
  margin-top: 0;
  border-radius: 0;
}
.duet-date__day[aria-pressed=true] {
  background-color: #EC0928;
}
.duet-date__day.is-today {
  box-shadow: none;
}
.duet-date__day.is-today::before {
  background-color: transparent;
}
.duet-date__day.is-today span {
  font-weight: 700;
}
.duet-date__day.is-outside {
  opacity: 0;
}
.duet-date__day.is-outside.is-month {
  background-color: transparent;
  opacity: 0.2;
}
.duet-date__day.is-disabled:hover {
  border: none;
}
.duet-date__day:not(.is-month) {
  opacity: 0;
}
.duet-date__select {
  margin-top: 0;
  border: 1px solid #c1c1c1;
  border-radius: 8px;
}
.duet-date__select:first-of-type {
  margin-right: 15px;
}
.duet-date__select-label {
  padding: 5px;
  font-size: 16px;
}
.duet-date__mobile label {
  display: none;
}

input[type=date] {
  visibility: hidden;
  position: absolute;
}

.form-item.form-type-date .border-wrapper::after {
  right: auto;
  bottom: 17px;
  left: 10px;
}
.form-item.form-type-date .border-wrapper::before {
  position: absolute;
  z-index: 1;
  content: "";
  right: 15px;
  bottom: 20px;
  width: 5px;
  height: 5px;
  border: solid #606060;
  border-width: 0 1.5px 1.5px 0;
  transition: all 400ms ease;
  transform: rotate(45deg);
  transform-origin: center;
}
.form-item.form-type-date .border-wrapper:has(.duet-date__dialog.is-active)::before {
  bottom: 17px;
  transform: rotate(225deg);
}

/*# sourceMappingURL=datepicker.css.map */