:root{--date-selected:#000}.calendar-container{background:#fff;width:25rem;border-radius:.5rem;box-shadow:0 15px 40px rgba(0,0,0,.12)}.calendar-container .calendar-header{padding:.85em 1em;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f3f3f3}.calendar-container .calendar-body{padding:.5rem}.calendar-current-date{font-weight:500;font-size:1.25rem}.calendar-container .calendar-current-date{margin:0;white-space:nowrap;min-width:11em}.calendar-month-year{display:flex;align-items:center;gap:.4em;min-width:11em}.calendar-current-month{font-weight:500;font-size:1.25rem;white-space:nowrap;min-width:7.5em}.calendar-year-select{appearance:none;-webkit-appearance:none;font-weight:500;font-size:1.25rem;line-height:1.2;color:#1c1c1c;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231c1c1c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .45em center;background-size:.65em;border:1px solid #e2e2e2;border-radius:.4em;padding:.2em 1.5em .2em .55em;cursor:pointer}.calendar-year-select:hover,.calendar-year-select:focus{border-color:#1c1c1c;outline:none}.calendar-top-nav>div:first-child{display:flex;align-items:center;gap:.5em}.calendar-top-nav .calendar-current-date{display:inline-block;min-width:12.5em;white-space:nowrap}.calendar-body .calendar-weekdays,.calendar-body .calendar-dates{list-style:none;flex-wrap:wrap;text-align:center;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-body li{font-weight:500}.calendar-body li,.calendar-body button{color:#414141;background:transparent;border:none;outline:none;padding:.65em .5em}.calendar-body .calendar-weekdays button{cursor:default;font-weight:500}.calendar-body .calendar-dates button{position:relative;z-index:1;cursor:pointer}.calendar-dates button.inactive{color:#aaa}.calendar-dates button::before{position:absolute;content:"";z-index:-1;top:50%;inset-inline-start:50%;width:40px;height:40px;border-radius:50%;transform:translate(-50%,-50%)}.calendar-dates button.today{color:var(--date-today)}.calendar-dates button.today::before{border:1px solid currentColor}.calendar-dates button.selected{color:#fff}.calendar-dates button.selected::before{background:var(--date-selected)}.calendar-carousel--date-container{display:flex;width:100%;max-width:1000px;overflow:hidden;list-style:none;text-align:center}.calendar-carousel--date-container .swiper-slide{width:45px}.calendar-carousel--date-container .day span{width:3em;height:3em;display:block;margin:0 auto 10px;background:#fff;border:1px solid #bdbdbd;border-radius:40px;font-size:1.25rem;font-weight:600;line-height:3}.calendar-carousel--date-container .day.today{color:var(--date-today)}.calendar-carousel--date-container .day.today span{border-color:currentColor}.calendar-carousel--date-container .day.selected{color:var(--date-selected)}.calendar-carousel--date-container .day.selected span{background:var(--date-selected);color:#fff;border-color:var(--date-selected)}.calendar-carousel button{background:transparent;border:none;outline:none}.swiper-nav{width:100%;text-align:center;--swiper-navigation-size:30px}#calendar-prev,#calendar-next,.swiper_calendar_prev,.swiper_calendar_next{display:inline-block;width:2em;height:2em;color:#1C1C1C;border:1px solid #D8D8D8;border-radius:50%;margin-inline-start:.25em;text-align:center;cursor:pointer}#calendar-next,.swiper_calendar_next{background-color:#1C1C1C;color:#fff;border-color:#1C1C1C}#calendar-prev.is-disabled,#calendar-next.is-disabled,.swiper_calendar_prev.is-disabled,.swiper_calendar_next.is-disabled{opacity:.4;pointer-events:none;cursor:default}
