pr-date-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
pr-date-input .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  border: 0.0625rem solid var(--c-border);
}
pr-date-input .control input {
  max-width: 2rem;
  height: 2rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0);
  padding: 0.25rem 0 0.25rem 0;
  text-align: center;
}
pr-date-input .control input[name=year] {
  min-width: 2.6rem;
}
pr-date-input pragma-icon-button {
  max-width: 2rem;
  min-width: 2rem;
  max-height: 2.13rem;
  min-height: 2.13rem;
}
pr-date-input input:focus,
pr-date-input input:hover {
  border: 0.0625rem solid var(--c-focus);
}
pr-date-input input:focus:read-only,
pr-date-input input:read-only:hover {
  border: 0.0625rem solid rgba(255, 255, 255, 0);
}
pr-date-input[readonly=true] {
  background: var(--c-input-disabled-bg);
}
pr-date-input[readonly=true] .control {
  background: var(--c-input-disabled-bg);
}