/* stylelint-disable-next-line plugin/no-unsupported-browser-features */
/* Do not use this */
/* Use this */
go-datepicker {
  --duet-color-overlay: rgba(var(--go-token-darkest), 0.8);
  --duet-color-surface: var(--go-color-bg);
  --duet-z-index: var(--layer-important);
  --duet-color-primary: var(--go-color-primary-800);
  --duet-color-text-active: var(--go-color-lightest);
  --duet-font-bold: 700;
  display: block;
}
go-datepicker .go-field .control {
  display: block;
  overflow: visible;
}
go-datepicker .go-field.disabled .duet-date__toggle, go-datepicker .go-field.readonly .duet-date__toggle {
  pointer-events: none;
}
go-datepicker duet-date-picker button {
  cursor: pointer;
  transition: background-color var(--go-duration-normal) var(--go-timing-function), color var(--go-duration-normal) var(--go-timing-function), outline-offset var(--go-duration-fast) var(--go-timing-function);
}
@media (prefers-reduced-motion: reduce) {
  go-datepicker duet-date-picker button {
    transition-duration: 0s;
  }
}
go-datepicker duet-date-picker button:focus-visible {
  outline: var(--go-focus-outline-width, 2px) solid var(--go-focus-outline-color, #000);
  outline-offset: var(--go-focus-outline-offset);
}
go-datepicker duet-date-picker button:active {
  --go-focus-outline-offset: 0;
  box-shadow: var(--inner-shadow-3);
}
go-datepicker duet-date-picker button:hover {
  --duet-color-button: var(--input-presuf-bg);
}
go-datepicker duet-date-picker .duet-date__day {
  padding: 0;
  width: var(--field-icon-button-size);
  height: var(--field-icon-button-size);
  border-radius: 50%;
}
go-datepicker duet-date-picker .duet-date__toggle {
  box-shadow: none;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--field-icon-button-size);
  height: var(--field-icon-button-size);
}
go-datepicker duet-date-picker .duet-date__input {
  --duet-color-surface: transparent;
  padding: 0;
}
go-datepicker duet-date-picker .duet-date__input:focus {
  box-shadow: none;
}
go-datepicker duet-date-picker .duet-date__input:focus-visible {
  outline: none;
}
go-datepicker duet-date-picker .duet-date__dialog-content {
  box-shadow: var(--dropdown-shadow);
  border-color: var(--input-border-color);
  border-radius: var(--input-radius);
}
go-datepicker duet-date-picker table th,
go-datepicker duet-date-picker table td {
  padding: 0;
  text-align: center;
}
go-datepicker duet-date-picker table tr.duet-date__row,
go-datepicker duet-date-picker table thead {
  border: none;
}
@media (min-width: 36em) {
  go-datepicker duet-date-picker .duet-date__mobile {
    display: none;
  }
}