@appannie/react-infinite-calendar/styles.css

Infinite scrolling date-picker built with React, with localization, themes, keyboard support, and more.

.Today_root__2ANUX {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 6px;
  box-sizing: border-box;
  transform: translate3d(0, -100%, 0);
  font-weight: 500;
  line-height: 0;
  z-index: 10;
  cursor: pointer;
  transition: transform 0.3s ease;
  transition-delay: 0.3s; }
  .Today_root__2ANUX.Today_show__20no2 {
    transform: translate3d(0, 0, 0);
    transition-delay: 0s; }
    .Today_root__2ANUX.Today_show__20no2 .Today_chevron__2OLSG {
      transition: transform 0.3s ease; }
  .Today_root__2ANUX .Today_chevron__2OLSG {
    margin-top: 2px;
    margin-left: 5px;
    transform: rotate(270deg);
    transition: transform 0.3s ease; }
  .Today_root__2ANUX.Today_chevronUp__3_9I4 .Today_chevron__2OLSG {
    transform: rotate(180deg); }
  .Today_root__2ANUX.Today_chevronDown__1LdAB .Today_chevron__2OLSG {
    transform: rotate(360deg); }

.CurrentMonth_root__JUjQs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  padding: 6px;
  box-sizing: border-box;
  font-weight: 500;
  line-height: 0;
  z-index: 10; }

.Header_root__VQJBt {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  min-height: 98px;
  padding: 20px;
  line-height: 1.3;
  font-weight: 400;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .Header_root__VQJBt.Header_landscape__1h97E {
    align-items: flex-start;
    min-width: 200px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 3px; }
    .Header_root__VQJBt.Header_landscape__1h97E .Header_dateWrapper__2H5ir.Header_day__3Yl1b {
      flex-grow: 1;
      height: 76px; }

.Header_wrapper__14CGB {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  cursor: pointer; }
  .Header_wrapper__14CGB.Header_blank__3hje1 {
    height: 58px;
    line-height: 58px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    cursor: default; }

.Header_dateWrapper__2H5ir {
  position: relative;
  display: block;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s ease; }
  .Header_dateWrapper__2H5ir.Header_active__nfkku {
    color: white; }
  .Header_dateWrapper__2H5ir.Header_day__3Yl1b {
    height: 38px;
    font-size: 36px;
    line-height: 36px;
    text-transform: capitalize; }
  .Header_dateWrapper__2H5ir.Header_year__3YOb_ {
    height: 20px;
    font-size: 18px;
    line-height: 18px; }

.Header_date__3JLwu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.Header_range__3jO9j {
  display: flex;
  flex-grow: 1; }
  .Header_range__3jO9j .Header_dateWrapper__2H5ir {
    overflow: visible; }
  .Header_range__3jO9j .Header_wrapper__14CGB:first-child:before, .Header_range__3jO9j .Header_wrapper__14CGB:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-top: -50px;
    margin-left: -50px;
    border-top: 100px solid transparent;
    border-bottom: 100px solid transparent;
    border-left: 60px solid; }
  .Header_range__3jO9j .Header_wrapper__14CGB:first-child:before {
    color: rgba(255, 255, 255, 0.15);
    transform: translateX(1px); }
  .Header_range__3jO9j .Header_wrapper__14CGB:last-child {
    margin-left: 60px; }
  .Header_range__3jO9j .Header_wrapper__14CGB .Header_date__3JLwu {
    white-space: nowrap;
    z-index: 1; }

.Animation_enter__iHD6F {
  opacity: 0;
  transform: translate3d(0, -100%, 0);
  transition: 0.25s ease; }

.Animation_enter__iHD6F.Animation_enterActive__17iPW {
  opacity: 1;
  transform: translate3d(0, 0, 0); }

.Animation_exit__3qPEy {
  transform: translate3d(0, 0, 0);
  transition: 0.25s ease; }

.Animation_exit__3qPEy.Animation_exitActive__2WFSY {
  opacity: 0;
  transform: translate3d(0, 100%, 0); }

.Month_root__1f9k1.Month_even__2e0iu .Month_row__3-dFQ li {
  background-color: #fff; }

.Month_root__1f9k1.Month_odd__2rBip .Month_row__3-dFQ li {
  background-color: #f3f4f6; }

.Month_rows__2Ua4M {
  position: relative; }

.Month_row__3-dFQ {
  padding: 0;
  margin: 0 auto;
  width: 280px; }
  .Month_row__3-dFQ:first-child {
    text-align: right; }
  .Month_row__3-dFQ.Month_partial__8DLi9:last-of-type li {
    position: relative;
    z-index: 1; }

.Month_label__3pTPM {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  font-size: 24px;
  font-weight: bold;
  z-index: 3;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.85);
  opacity: 0;
  transition: opacity 0.3s ease; }
  .Month_label__3pTPM > span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize; }
  .Month_label__3pTPM.Month_partialFirstRow__3liz2 {
    top: 40px; }

.Day_root__t6e32 {
  display: inline-block;
  box-sizing: border-box;
  width: 40px;
  list-style: none;
  font-size: 12px;
  text-align: center;
  z-index: 1;
  cursor: pointer;
  user-select: none; }
  .Day_root__t6e32.Day_hovered__2kt6R {
    position: relative; }
    .Day_root__t6e32.Day_hovered__2kt6R:after {
      content: '';
      display: block;
      width: 100%;
      height: 40px;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      background-color: #e7e8ec;
      z-index: -1; }
    .Day_root__t6e32.Day_hovered__2kt6R.Day_startOfWeek__cXg53, .Day_root__t6e32.Day_hovered__2kt6R.Day_endOfWeek__2OIa- {
      position: relative;
      background-color: transparent; }
      .Day_root__t6e32.Day_hovered__2kt6R.Day_startOfWeek__cXg53:before, .Day_root__t6e32.Day_hovered__2kt6R.Day_endOfWeek__2OIa-:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px;
        border-radius: 50%;
        background-color: #e7e8ec;
        z-index: -1; }
      .Day_root__t6e32.Day_hovered__2kt6R.Day_startOfWeek__cXg53:after, .Day_root__t6e32.Day_hovered__2kt6R.Day_endOfWeek__2OIa-:after {
        width: 50%; }
    .Day_root__t6e32.Day_hovered__2kt6R.Day_startOfWeek__cXg53:after {
      right: 0; }
    .Day_root__t6e32.Day_hovered__2kt6R.Day_endOfWeek__2OIa-:after {
      left: 0; }
    .Day_root__t6e32.Day_hovered__2kt6R.Day_startOfEvenMonth__3nOay:before, .Day_root__t6e32.Day_hovered__2kt6R.Day_startOfOddMonth__1YCxT:before, .Day_root__t6e32.Day_hovered__2kt6R.Day_endOfEvenMonth__20Stu:before, .Day_root__t6e32.Day_hovered__2kt6R.Day_endOfOddMonth__215K_:before {
      background-color: #e7e8ec !important; }
  .Day_root__t6e32.Day_enabled__JNrEz.Day_highlighted__nrT7e, .Day_root__t6e32.Day_enabled__JNrEz:active, .Day_root__t6e32.Day_enabled__JNrEz:hover {
    position: relative;
    z-index: 1; }
    .Day_root__t6e32.Day_enabled__JNrEz.Day_highlighted__nrT7e:before, .Day_root__t6e32.Day_enabled__JNrEz:active:before, .Day_root__t6e32.Day_enabled__JNrEz:hover:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #e7e8ec;
      z-index: -1; }
  .Day_root__t6e32.Day_enabled__JNrEz.Day_highlighted__nrT7e:before, .Day_root__t6e32.Day_enabled__JNrEz:active:before {
    opacity: 1; }
  .Day_root__t6e32:first-child {
    position: relative; }
  .Day_root__t6e32.Day_today__2_9PP {
    position: relative;
    z-index: 2; }
    .Day_root__t6e32.Day_today__2_9PP > span {
      color: #0f2346; }
    .Day_root__t6e32.Day_today__2_9PP.Day_disabled__30iYO > span {
      color: #cfd3da; }
    .Day_root__t6e32.Day_today__2_9PP:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      margin-left: -20px;
      border-radius: 50%;
      box-shadow: inset 0 0 0 1px;
      z-index: -1; }
    .Day_root__t6e32.Day_today__2_9PP.Day_disabled__30iYO:before {
      box-shadow: inset 0 0 0 1px #c3c8d1; }
  .Day_root__t6e32.Day_selected__1kQB_ {
    position: relative; }
    .Day_root__t6e32.Day_selected__1kQB_ > .Day_month__36oh8,
    .Day_root__t6e32.Day_selected__1kQB_ > .Day_year__3pvii {
      display: none; }
    .Day_root__t6e32.Day_selected__1kQB_:before {
      display: none; }
    .Day_root__t6e32.Day_selected__1kQB_ .Day_selection__1gwtP {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      margin-left: -20px;
      border-radius: 50%;
      line-height: 40px;
      z-index: 2; }
      .Day_root__t6e32.Day_selected__1kQB_ .Day_selection__1gwtP .Day_month__36oh8 {
        color: #fff;
        top: 7px; }
      .Day_root__t6e32.Day_selected__1kQB_ .Day_selection__1gwtP .Day_day__3XJ2W {
        position: relative;
        top: 7px;
        font-size: 12px;
        font-weight: bold; }
  .Day_root__t6e32.Day_disabled__30iYO {
    color: #cfd3da;
    cursor: not-allowed; }

.Day_month__36oh8,
.Day_year__3pvii {
  position: absolute;
  left: 0;
  right: 0;
  font-size: 10px;
  line-height: 12px;
  text-transform: capitalize; }

.Day_month__36oh8 {
  color: #647188;
  top: 2px; }

.Day_year__3pvii {
  color: #647188;
  bottom: 3px; }

/*
 * Range selection styles
 */
.Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB .Day_day__3XJ2W, .Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_ .Day_day__3XJ2W {
  font-weight: bold; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB:after, .Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 50%;
  height: 40px;
  transform: translateY(-50%);
  background-color: #c3c8d1; }
  .Day_edge__EBz3x .Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB:after, .Day_edge__EBz3x .Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_:after {
    background-color: #0f2346; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB.Day_endOfWeek__2OIa-:after, .Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_.Day_startOfWeek__cXg53:after {
  display: none; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_disabled__30iYO .Day_selection__1gwtP.Day_selection__1gwtP {
  background-color: #c3c8d1 !important; }
  .Day_range__2TqFp.Day_selected__1kQB_.Day_disabled__30iYO .Day_selection__1gwtP.Day_selection__1gwtP .Day_day__3XJ2W,
  .Day_range__2TqFp.Day_selected__1kQB_.Day_disabled__30iYO .Day_selection__1gwtP.Day_selection__1gwtP .Day_month__36oh8 {
    color: #fff;
    font-weight: normal; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB .Day_selection__1gwtP {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB:after {
  right: 0; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_start__1CzYB.Day_end__3uVL_:after {
  display: none; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_:after {
  left: 0; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_ .Day_selection__1gwtP {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  box-sizing: border-box; }
  .Day_range__2TqFp.Day_selected__1kQB_.Day_end__3uVL_ .Day_selection__1gwtP .Day_day__3XJ2W {
    top: 7px; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW .Day_selection__1gwtP {
  left: 0;
  right: 0;
  width: 100%;
  margin-left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0;
  color: #0f2346 !important;
  background-color: #c3c8d1 !important; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_startOfWeek__cXg53 .Day_selection__1gwtP, .Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_endOfWeek__2OIa- .Day_selection__1gwtP {
  width: 40px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%); }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_startOfWeek__cXg53:after, .Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_endOfWeek__2OIa-:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  width: 50%;
  height: 40px;
  transform: translateY(-50%);
  background-color: #c3c8d1; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_startOfWeek__cXg53 .Day_selection__1gwtP {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_startOfWeek__cXg53:after {
  right: 0; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_endOfWeek__2OIa- .Day_selection__1gwtP {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW.Day_endOfWeek__2OIa-:after {
  left: 0; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW .Day_day__3XJ2W {
  top: 0;
  font-size: 12px;
  font-weight: normal; }

.Day_range__2TqFp.Day_selected__1kQB_.Day_betweenRange__2QceW .Day_month__36oh8 {
  display: none; }

.Day_edge__EBz3x .Day_range__2TqFp.Day_selected__1kQB_.Day_selected__1kQB_ .Day_selection__1gwtP {
  color: #fff !important;
  background-color: #0f2346 !important; }

.Day_startOfMonth__3Bw_- {
  position: relative;
  border-radius: 50% 0 0 0; }
  .Day_startOfMonth__3Bw_-:before {
    border-radius: 50% 0 0 0;
    content: attr(data-value);
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px; }

.Day_startOfEvenMonth__3nOay {
  background-color: #f3f4f6 !important;
  border-radius: 0; }
  .Day_startOfEvenMonth__3nOay:before {
    background-color: #fff; }
  .Day_startOfEvenMonth__3nOay:hover {
    background-color: #f3f4f6 !important;
    border-radius: 0 50% 50% 50%; }
  .Day_startOfEvenMonth__3nOay.Day_selected__1kQB_ {
    background-color: #fff !important; }

.Day_startOfOddMonth__1YCxT {
  background-color: #fff !important; }
  .Day_startOfOddMonth__1YCxT.Day_enabled__JNrEz {
    background-color: #f3f4f6 !important; }
  .Day_startOfOddMonth__1YCxT:before {
    background-color: #f3f4f6; }
  .Day_startOfOddMonth__1YCxT:hover {
    background-color: #f3f4f6 !important;
    border-radius: 50% 0 0 0; }

.Day_endOfMonth__2iWY9 {
  position: relative;
  border-radius: 0 0 50% 0; }
  .Day_endOfMonth__2iWY9:before {
    content: attr(data-value);
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 0 0 50% 0; }

.Day_endOfOddMonth__215K_ {
  background-color: #f3f4f6 !important;
  border-radius: 0; }
  .Day_endOfOddMonth__215K_:before {
    background-color: #fff; }
  .Day_endOfOddMonth__215K_:hover {
    background-color: #f3f4f6 !important;
    border-radius: 50% 50% 0 50%; }
  .Day_endOfOddMonth__215K_.Day_selected__1kQB_ {
    background-color: #f3f4f6 !important;
    border-radius: 50% 50% 0 50%; }

.Day_endOfEvenMonth__20Stu {
  background-color: #fff !important;
  border-radius: 0 0 50% 0; }
  .Day_endOfEvenMonth__20Stu.Day_enabled__JNrEz {
    background-color: #f3f4f6 !important; }
  .Day_endOfEvenMonth__20Stu:before {
    background-color: #f3f4f6; }
  .Day_endOfEvenMonth__20Stu:hover {
    background-color: #f3f4f6 !important;
    border-radius: 0 0 50% 0; }

.MonthList_root__3BNZC {
  width: 100% !important;
  -webkit-overflow-scrolling: touch; }
  .MonthList_root__3BNZC.MonthList_scrolling__2ZkEu > div {
    pointer-events: none; }
  .MonthList_root__3BNZC.MonthList_scrolling__2ZkEu label {
    opacity: 1; }

.Weekdays_root__BFsVa {
  position: relative;
  z-index: 5;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  box-shadow: 0 3px 3px 0 rgba(15, 30, 70, 0.12);
  justify-content: center; }

.Weekdays_day__Vk6fu {
  line-height: 40px;
  flex-basis: 40px;
  flex-grow: 0;
  font-weight: normal;
  text-align: center;
  color: #647188; }

.quarters_root__NOPHK {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff; }

.quarters_year__18P9F {
  display: flex;
  padding: 0 20px;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  box-sizing: border-box; }
  .quarters_year__18P9F.quarters_withQuarters__1wcb2 {
    border-bottom: 1px solid #dbdee4; }
    .quarters_year__18P9F.quarters_withQuarters__1wcb2 > label {
      box-sizing: border-box;
      height: 100%;
      line-height: 40px; }
  .quarters_year__18P9F article {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: space-around;
    width: 200px;
    height: 100%; }
    .quarters_year__18P9F article > label {
      padding: 12px; }
    .quarters_year__18P9F article div:not(:last-child) {
      border-bottom: 1px solid #dbdee4; }
    .quarters_year__18P9F article div ol {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0px;
      padding: 0;
      min-width: 200px;
      font-size: 12px; }
      .quarters_year__18P9F article div ol > label {
        width: 10px; }
      .quarters_year__18P9F article div ol.quarters_disabled__VEEFU {
        cursor: not-allowed; }
        .quarters_year__18P9F article div ol.quarters_disabled__VEEFU > li {
          color: #c3c8d1; }
      .quarters_year__18P9F article div ol li.quarters_selected__2DTub {
        background: #0f2346;
        border-radius: 100%;
        color: #fff; }
      .quarters_year__18P9F article div ol:hover:not(.quarters_disabled__VEEFU):not(.quarters_selected__2DTub) {
        background-color: #e7e8ec;
        border-radius: 20px; }
      .quarters_year__18P9F article div ol.quarters_selected__2DTub {
        background-color: #c3c8d1;
        border-radius: 20px; }
      .quarters_year__18P9F article div ol li {
        display: flex;
        width: 40px;
        height: 40px;
        flex-shrink: 0;
        align-items: center;
        justify-content: center;
        list-style: none;
        border-radius: 50%;
        box-sizing: border-box;
        color: #0f2346;
        font-weight: normal;
        text-transform: capitalize; }
      .quarters_year__18P9F article div ol li:nth-child(2) {
        flex: 1; }
    .quarters_year__18P9F article div ol.quarters_disabled__VEEFU li.quarters_selected__2DTub {
      background: transparent;
      color: #c3c8d1; }
    .quarters_year__18P9F article div:hover, .quarters_year__18P9F article div.quarters_active__iK0bh {
      position: relative; }
    .quarters_year__18P9F article div.quarters_active__iK0bh {
      font-size: 32px; }
    .quarters_year__18P9F article div.quarters_first__EK0fJ {
      padding-top: 0; }
    .quarters_year__18P9F article div.quarters_last__XJIMs {
      padding-bottom: 0;
      border-bottom: none; }

.Years_root__1E6eR {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, rgba(15, 30, 70, 0.12) 0, #fff 3px);
  background-color: #fff; }

.Years_list__VtL18 {
  box-sizing: border-box; }
  .Years_list__VtL18.Years_center__YHFyM {
    display: flex;
    align-items: center;
    justify-content: center; }

.Years_year__k9HJk {
  display: flex;
  padding: 0 20px;
  height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  box-sizing: border-box; }
  .Years_year__k9HJk.Years_withMonths__2PNZS {
    border-bottom: 1px solid #dbdee4; }
    .Years_year__k9HJk.Years_withMonths__2PNZS label {
      height: 80px;
      line-height: 40px;
      box-sizing: border-box; }
  .Years_year__k9HJk label {
    flex-basis: 42%; }
    .Years_year__k9HJk label span {
      flex-shrink: 0;
      color: #0f2346; }
  .Years_year__k9HJk ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    min-width: 240px;
    font-size: 12px; }
    .Years_year__k9HJk ol li {
      display: flex;
      width: 40px;
      height: 40px;
      flex-shrink: 0;
      align-items: center;
      justify-content: center;
      list-style: none;
      border-radius: 50%;
      box-sizing: border-box;
      color: #0f2346;
      font-weight: normal;
      text-transform: capitalize; }
      .Years_year__k9HJk ol li.Years_currentMonth__1riir {
        border: 1px solid; }
      .Years_year__k9HJk ol li.Years_selected__2buzM {
        position: relative;
        z-index: 1;
        color: #fff;
        border: 0; }
        .Years_year__k9HJk ol li.Years_selected__2buzM .Years_selection__7Sol1 {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          width: 40px;
          height: 40px;
          margin-top: -20px;
          margin-left: -20px;
          border-radius: 50%;
          line-height: 40px;
          z-index: 2; }
      .Years_year__k9HJk ol li.Years_disabled__2ynxV {
        cursor: not-allowed;
        color: #c3c8d1; }
        .Years_year__k9HJk ol li.Years_disabled__2ynxV:hover {
          background-color: inherit; }
      .Years_year__k9HJk ol li:hover {
        background-color: #e7e8ec; }
  .Years_year__k9HJk:hover label > span, .Years_year__k9HJk.Years_active__BFLVs label > span {
    color: #fd1f6d; }
  .Years_year__k9HJk:hover, .Years_year__k9HJk.Years_active__BFLVs {
    position: relative; }
  .Years_year__k9HJk.Years_active__BFLVs {
    font-size: 32px; }
  .Years_year__k9HJk.Years_currentYear__2_nP_ {
    position: relative; }
    .Years_year__k9HJk.Years_currentYear__2_nP_ label > span {
      min-width: 50px;
      padding-bottom: 5px;
      border-bottom: 3px solid; }
    .Years_year__k9HJk.Years_currentYear__2_nP_.Years_active__BFLVs label > span {
      min-width: 85px; }
  .Years_year__k9HJk.Years_first__2JFai {
    padding-top: 0; }
  .Years_year__k9HJk.Years_last__2D2hJ {
    padding-bottom: 0;
    border-bottom: none; }

/*
 * Range selection styles
 */
.Years_range__3Wmt6.Years_selected__2buzM.Years_start__33w8f:after, .Years_range__3Wmt6.Years_selected__2buzM.Years_end__1x8M3:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 50%;
  height: 40px;
  margin-top: -20px;
  background-color: #c3c8d1; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_start__33w8f .Years_selection__7Sol1, .Years_range__3Wmt6.Years_selected__2buzM.Years_end__1x8M3 .Years_selection__7Sol1 {
  font-weight: bold;
  color: #fff;
  background-color: #0f2346;
  box-sizing: border-box; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_disabled__2ynxV {
  background-color: #c3c8d1 !important; }
  .Years_range__3Wmt6.Years_selected__2buzM.Years_disabled__2ynxV .Years_selection__7Sol1.Years_selection__7Sol1 {
    background-color: #c3c8d1 !important;
    color: #fff; }
  .Years_range__3Wmt6.Years_selected__2buzM.Years_disabled__2ynxV:after {
    background-color: #c3c8d1 !important; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_start__33w8f .Years_selection__7Sol1 {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_start__33w8f:after {
  right: 0; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_start__33w8f.Years_end__1x8M3:after {
  display: none; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_end__1x8M3:after {
  left: 0; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_end__1x8M3 .Years_selection__7Sol1 {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%; }

.Years_range__3Wmt6.Years_selected__2buzM:nth-child(6n).Years_start__33w8f:after {
  display: none; }

.Years_range__3Wmt6.Years_selected__2buzM:nth-child(6n + 1).Years_end__1x8M3:after {
  display: none; }

.Years_range__3Wmt6.Years_selected__2buzM.Years_betweenRange__3W1Ls {
  border-radius: 0;
  background-color: #c3c8d1 !important; }
  .Years_range__3Wmt6.Years_selected__2buzM.Years_betweenRange__3W1Ls .Years_selection__7Sol1 {
    left: 0;
    right: 0;
    width: 100%;
    margin-left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0f2346; }

.Years_range__3Wmt6.Years_selected__2buzM:nth-child(6n + 1).Years_betweenRange__3W1Ls {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%; }

.Years_range__3Wmt6.Years_selected__2buzM:nth-child(6n).Years_betweenRange__3W1Ls {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%; }

.Container_root__3qsfu {
  position: relative;
  display: table;
  z-index: 1;
  font: 12px 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.4em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  outline: none;
  text-align: left; }
  .Container_root__3qsfu.Container_landscape__3TdyH {
    display: flex;
    flex-direction: row; }
    .Container_root__3qsfu.Container_landscape__3TdyH .Container_wrapper__cZarY {
      position: relative;
      flex-grow: 1;
      overflow: hidden;
      z-index: 1;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }

.Container_listWrapper__3FKpA {
  position: relative;
  overflow: hidden;
  background-color: #fff; }

.Slider_root__1XNXm, .Slider_slide__1eUuz {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.Slider_root__1XNXm {
  overflow: hidden; }

.Slider_slide__1eUuz {
  padding: 20px 65px; }
  .Slider_slide__1eUuz:first-child {
    padding-left: 20px; }

.Slider_wrapper__2xX-0 {
  height: 100%;
  transition: transform 0.3s ease; }

.Slider_arrow__2KEmO {
  position: absolute;
  top: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 100%;
  opacity: 0.7;
  cursor: pointer;
  border-left: 1px solid rgba(255, 255, 255, 0.1); }
  .Slider_arrow__2KEmO svg {
    width: 15px; }
  .Slider_arrow__2KEmO:hover {
    opacity: 1; }

.Slider_arrowRight__2tj72 {
  right: 0; }

.Slider_arrowLeft__1-_OC {
  left: 0;
  transform: scaleX(-1); }

.transition_enter__3eFAn {
  opacity: 0; }

.transition_enterActive__1i5rP {
  opacity: 1;
  transition: opacity 0.3s ease; }

.transition_leave__2mcaw {
  opacity: 1; }

.transition_leaveActive__3KerM {
  opacity: 0;
  transition: opacity 0.3s ease; }