.cont_3w_calendar{width:100%;height:100%;padding:1rem}.cont_3w_calendar header{display:flex;justify-content:center}.cont_3w_calendar header .ctrls{flex:0 0 auto;width:25rem;display:flex;padding:0 .5rem;justify-content:space-between;align-items:center;font-size:calc(16px + 10*(100vw - 300px)/1300);background:none;color:var(--gray-700);text-align:center}.cont_3w_calendar header .ctrls .year_month{display:flex;gap:1rem;align-items:center}.cont_3w_calendar header .ctrls .year_month .curr_year{cursor:pointer}.cont_3w_calendar header .ctrls .year_month .curr_year:hover{color:#000}.cont_3w_calendar header .ctrls .year_month .curr_month{cursor:pointer}.cont_3w_calendar header .ctrls .year_month .curr_month:hover{color:#000}.cont_3w_calendar header .ctrls .arrow.svg{width:2rem;height:2rem;opacity:.7;cursor:pointer}.cont_3w_calendar header .ctrls .arrow.svg svg{width:100%;height:100%;transition:all .25s}.cont_3w_calendar header .ctrls .arrow.svg svg:hover{opacity:1;transform:scale(1.2, 1.2)}.cont_3w_calendar ul,.cont_3w_calendar ol{display:grid;grid-template-columns:repeat(7, 1fr);grid-gap:1em;margin:0 auto;padding:0}.cont_3w_calendar li{list-style:none;margin-left:0}.cont_3w_calendar ul.weekdays li{display:flex;align-items:center;justify-content:center;font-size:calc(12px + 5*(100vw - 300px)/1300)}.cont_3w_calendar ul.weekdays abbr[title]{border:none;text-decoration:none}.cont_3w_calendar ol.day-grid li{background-color:#fff;border:1px solid silver;border-radius:.3rem;cursor:pointer;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .2s}.cont_3w_calendar ol.day-grid li:hover{box-shadow:none;background-color:#ddf}.cont_3w_calendar ol.day-grid li.saturday{color:var(--orange-500)}.cont_3w_calendar ol.day-grid li.sunday{color:var(--red-500)}.cont_3w_calendar ol.day-grid li.current{background-color:#babafe}.cont_3w_calendar ol.day-grid li.today{background-color:#baf5fe}.cont_3w_calendar ol.day-grid li.month-prev{background-color:var(--gray-100)}.cont_3w_calendar ol.day-grid li.month-next{background-color:var(--gray-100)}@media all and (max-width: 800px){.cont_3w_calendar ul,.cont_3w_calendar ol{grid-gap:.25em}.cont_3w_calendar ul.weekdays li{font-size:0}.cont_3w_calendar ul.weekdays>li abbr:after{content:attr(title);font-size:calc(12px + 10*(100vw - 300px)/1300);text-align:center}}/*# sourceMappingURL=3w_calendar.css.map */