.container{display:flex;width:100%;background:inherit;padding:20px 0}.button,.container{justify-content:center}.button{cursor:pointer;align-items:flex-start;outline:none;border:none;background-color:transparent;position:relative}.button svg{fill:#6d6d6d;margin-top:40px}.button:after{position:absolute;content:"";height:100%;width:40px;z-index:3}.buttonPrev.blurred:after{left:18px;background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.5),hsla(0,0%,100%,0))}.buttonDisabled{opacity:.5;transition:all .3s ease;pointer-events:none}.buttonNext:after{right:24px;background:linear-gradient(270deg,#fff,hsla(0,0%,100%,.5) 70%,hsla(0,0%,100%,0))}.dateListScrollable::-webkit-scrollbar{display:none;-webkit-appearance:none}.monthContainer{display:flex;flex-direction:column;cursor:pointer}.monthLabel{align-self:flex-start;z-index:3;font-size:15px;font-weight:700;position:sticky;top:0;left:0;margin-left:8px;width:max-content}.dateDayItem{cursor:pointer;font-size:12px;line-height:16px;user-select:none;letter-spacing:.002em;min-height:56px;min-width:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}.datePlanning.dateDayItem{align-items:flex-start;justify-content:flex-start;min-width:140px}.dateDayItemMarked{display:flex;flex-direction:column;align-items:center;cursor:pointer;margin:0 0 0 5px}.daysContainer{z-index:1;margin-top:10px}.dayLabel{font-size:14px;margin-bottom:5px;color:#777}.datePicker .dayLabel{font-size:12px;text-align:center;margin-bottom:4px}.datePlanning .dateLabel,.datePlanning .dayLabel{padding-left:5px}.dateLabel{font-weight:600;font-size:18px}.datePicker .dateLabel{font-size:16px;text-align:center}.markedLabel{margin-top:10px}.datesContainer{display:flex;overflow:hidden;overflow-x:auto}.isWeekend{color:#8f8f8f}.isWeekend .dayLabel{color:#a1a1a1}.dateDayLabelSelected{color:#9333ea;font-weight:600}.datePicker.dateDayItemSelected{background-color:#9333ea;font-weight:700}.datePicker.dateDayItemSelected .dateLabel,.datePicker.dateDayItemSelected .dayLabel{color:#fff}.datePlanning.dateDayItemSelected .dayDateLabelContainer{border-left:3px solid #9333ea}.inRange:not(.dateDayItemSelected){background-color:#f2f2f2}.dateDayItem[aria-disabled=true]{cursor:not-allowed;opacity:.3}.dateDayItem[aria-disabled=true]:active{pointer-events:none}.eventContainer{text-align:left;align-items:flex-start;justify-content:flex-start}.emptyColumn{height:100%;margin-top:16px;background-color:#f0f0f0;border-radius:8px}.emptyColumn,.fullHeightColumn{flex:1;width:100%}