.rt-date_picker-input > [role="input"] {
  cursor: pointer; }

.rt-date_picker-header {
  padding: 1.6rem 2rem;
  color: white;
  cursor: pointer;
  background-color: #3f51b5; }

.rt-date_picker-year {
  display: inline-block;
  font-size: 1.4rem;
  -webkit-transition: opacity, font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity, font-size 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.rt-date_picker-date {
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.rt-date_picker-wrapper {
  padding: 1rem 0.5rem 0; }

.rt-date_picker-display-years .rt-date_picker-date {
  opacity: 0.6; }

.rt-date_picker-display-years .rt-date_picker-year {
  font-size: 1.6rem; }

.rt-date_picker-display-months .rt-date_picker-year {
  opacity: 0.6; }

.rt-date_picker-dialog {
  width: 33rem; }
  .rt-date_picker-dialog > [role="body"] {
    padding: 0; }
  .rt-date_picker-dialog > [role="navigation"] > .rt-date_picker-button {
    color: #3f51b5; }
    .rt-date_picker-dialog > [role="navigation"] > .rt-date_picker-button:hover {
      background: rgba(63, 81, 181, 0.2); }
    .rt-date_picker-dialog > [role="navigation"] > .rt-date_picker-button:focus:not(:active) {
      background: rgba(63, 81, 181, 0.2); }