.vanilla-calendar{width:260px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;grid-template-areas:"header header""column content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;background-color:#fff;padding:12px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:stretch;flex:1}
.vanilla-calendar-header{grid-area:header;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}
.vanilla-calendar-header__content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:flex;grid-gap:5px;gap:5px;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:stretch;flex:1}
.vanilla-calendar-column{grid-area:column;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:5px}
.vanilla-calendar-column__title{font-size:12px;line-height:16px;font-weight:700;color:#20b2aa;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.vanilla-calendar-column__content{display:grid;grid-auto-flow:row;grid-column-gap:5px;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:flex;flex-direction:column;align-items:stretch;flex:1}
.vanilla-calendar-content{grid-area:content;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;flex:1}
.vanilla-calendar-arrow{position:relative;display:block;font-size:0;width:14px;height:14px;padding:0;outline:0;border:0;background-color:rgba(0,0,0,0);cursor:pointer}
.vanilla-calendar-arrow::before{content:"";position:absolute;left:0;top:3px;width:10px;height:1px;background-color:#000;-webkit-transform:rotateZ(45deg);-ms-transform:rotate(45deg);transform:rotateZ(45deg)}
.vanilla-calendar-arrow::after{content:"";position:absolute;left:0;bottom:3px;width:10px;height:1px;background-color:#000;-webkit-transform:rotateZ(-45deg);-ms-transform:rotate(-45deg);transform:rotateZ(-45deg)}
.vanilla-calendar-arrow:hover::after,.vanilla-calendar-arrow:hover::before{background-color:#20b2aa}
.vanilla-calendar-arrow_prev{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}
.vanilla-calendar-month{font-size:16px;line-height:20px;font-weight:700;color:#000;cursor:pointer}
.vanilla-calendar-month:hover{color:#20b2aa}
.vanilla-calendar-month_not-active{color:silver}
.vanilla-calendar-month_disabled{pointer-events:none;color:silver}
.vanilla-calendar-year{font-size:16px;line-height:20px;font-weight:700;color:#000;cursor:pointer}
.vanilla-calendar-year:hover{color:#20b2aa}
.vanilla-calendar-year_not-active{color:silver}
.vanilla-calendar-year_disabled{pointer-events:none;color:silver}
.vanilla-calendar-week{display:-webkit-flex;display:flex;justify-content:space-between;grid-template-columns:repeat(7,1fr);grid-column-gap:5px;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;justify-items:center}
.vanilla-calendar-week__day{font-size:12px;line-height:16px;font-weight:700;color:#20b2aa;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 calc((14.285% - 25px)/ 2)}
.vanilla-calendar-week__day_weekend{color:coral}
.vanilla-calendar-week-number{font-size:12px;line-height:16px;font-weight:700;color:#20b2aa;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.vanilla-calendar-days{flex-wrap:wrap;display:-webkit-flex;display:flex;grid-template-columns:repeat(7,1fr);justify-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.vanilla-calendar-days_selecting .vanilla-calendar-day{cursor:pointer}
.vanilla-calendar-days_selecting .vanilla-calendar-day_disabled,.vanilla-calendar-days_selecting .vanilla-calendar-day_next,.vanilla-calendar-days_selecting .vanilla-calendar-day_prev{cursor:default}
.vanilla-calendar-day{font-size:12px;line-height:16px;font-weight:400;width:25px;height:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background-color:#fff;cursor:default;margin:0 calc((14.285% - 25px)/ 2)}
.vanilla-calendar-day:hover{background-color:#f0f8ff}
.vanilla-calendar-day_today{background-color:#f0f8ff;font-weight:600}
.vanilla-calendar-day_today:hover{background-color:#f0f8ff}
.vanilla-calendar-day_today.vanilla-calendar-day_next,.vanilla-calendar-day_today.vanilla-calendar-day_prev{background-color:#f5f5f5;color:#d3d3d3}
.vanilla-calendar-day_selected,.vanilla-calendar-day_selected:hover{background-color:#20b2aa;color:#fff}
.vanilla-calendar-day_selected.vanilla-calendar-day_next,.vanilla-calendar-day_selected.vanilla-calendar-day_prev{background-color:#f5f5f5;color:gray}
.vanilla-calendar-day_holiday,.vanilla-calendar-day_weekend{color:coral}
.vanilla-calendar-day_holiday:hover,.vanilla-calendar-day_weekend:hover{background-color:#fff5ee}
.vanilla-calendar-day_holiday.vanilla-calendar-day_today,.vanilla-calendar-day_weekend.vanilla-calendar-day_today{color:coral;background-color:#fff5ee}
.vanilla-calendar-day_holiday.vanilla-calendar-day_today.vanilla-calendar-day_disabled,.vanilla-calendar-day_weekend.vanilla-calendar-day_today.vanilla-calendar-day_disabled{color:#d3d3d3;background-color:#f5f5f5}
.vanilla-calendar-day_holiday.vanilla-calendar-day_today.vanilla-calendar-day_next,.vanilla-calendar-day_holiday.vanilla-calendar-day_today.vanilla-calendar-day_prev,.vanilla-calendar-day_weekend.vanilla-calendar-day_today.vanilla-calendar-day_next,.vanilla-calendar-day_weekend.vanilla-calendar-day_today.vanilla-calendar-day_prev{background-color:#f5f5f5;color:#d3d3d3}
.vanilla-calendar-day_holiday.vanilla-calendar-day_selected,.vanilla-calendar-day_weekend.vanilla-calendar-day_selected{background-color:coral;color:#fff}
.vanilla-calendar-day_holiday.vanilla-calendar-day_selected:hover,.vanilla-calendar-day_weekend.vanilla-calendar-day_selected:hover{background-color:coral}
.vanilla-calendar-day_holiday.vanilla-calendar-day_selected.vanilla-calendar-day_next,.vanilla-calendar-day_holiday.vanilla-calendar-day_selected.vanilla-calendar-day_prev,.vanilla-calendar-day_weekend.vanilla-calendar-day_selected.vanilla-calendar-day_next,.vanilla-calendar-day_weekend.vanilla-calendar-day_selected.vanilla-calendar-day_prev{background-color:#f5f5f5;color:gray}
.vanilla-calendar-day_holiday.vanilla-calendar-day_next,.vanilla-calendar-day_holiday.vanilla-calendar-day_prev,.vanilla-calendar-day_weekend.vanilla-calendar-day_next,.vanilla-calendar-day_weekend.vanilla-calendar-day_prev{color:#d3d3d3}
.vanilla-calendar-day_disabled,.vanilla-calendar-day_next,.vanilla-calendar-day_prev{background-color:#fff;color:#d3d3d3;pointer-events:none}
.vanilla-calendar-day_disabled:hover,.vanilla-calendar-day_next:hover,.vanilla-calendar-day_prev:hover{background-color:#fff;color:#d3d3d3}
.vanilla-calendar-months{border-radius:4px;overflow:hidden;display:grid;grid-column-gap:6px;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;grid-row-gap:12px;row-gap:12px;grid-template-columns:repeat(4,1fr);background-color:#fff}
.vanilla-calendar-months_selecting .vanilla-calendar-months__month{cursor:pointer}
.vanilla-calendar-months_selecting .vanilla-calendar-months__month_disabled{cursor:default}
.vanilla-calendar-months__month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:40px;font-size:12px;line-height:16px;font-weight:700;background-color:#ec6616;padding:2px;border-radius:4px;word-break:break-all}
.vanilla-calendar-months__month:hover{background-color:#f0f8ff}
.vanilla-calendar-months__month_selected,.vanilla-calendar-months__month_selected:hover{background-color:#20b2aa;color:#fff}
.vanilla-calendar-months__month_disabled{pointer-events:none;background-color:#fff;color:silver}
.vanilla-calendar-months__month_disabled:hover{background-color:#fff;color:silver}
.vanilla-calendar-years{border-radius:4px;overflow:hidden;display:grid;grid-column-gap:6px;-webkit-column-gap:6px;-moz-column-gap:6px;column-gap:6px;grid-row-gap:12px;row-gap:12px;grid-template-columns:repeat(5,1fr);background-color:#fff}
.vanilla-calendar-years_selecting .vanilla-calendar-years__year{cursor:pointer}
.vanilla-calendar-years_selecting .vanilla-calendar-years__year_disabled{cursor:default}
.vanilla-calendar-years__year{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;height:40px;font-size:12px;line-height:20px;font-weight:700;background-color:#fff;color:#20b2aa;padding:2px;border-radius:4px;word-break:break-all}
.vanilla-calendar-years__year:hover{background-color:#f0f8ff}
.vanilla-calendar-years__year_selected,.vanilla-calendar-years__year_selected:hover{background-color:#20b2aa;color:#fff}
.vanilla-calendar-years__year_disabled{pointer-events:none;background-color:#fff;color:silver}
.vanilla-calendar-years__year_disabled:hover{background-color:#fff;color:silver}