.date-section{max-width:616px;padding:20px;border-radius:10px;margin:0 auto}.nav-icon{cursor:pointer;font-size:20px}.flexible-options{display:flex;gap:10px;margin-top:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%;align-self:flex-start}.flexible-options::-webkit-scrollbar{display:none}.flexible-btn{padding:5px 15px;border-radius:20px;border:1px solid #ddd;background:var(--background);cursor:pointer;transition:all .3s;box-sizing:border-box;border:1.5px solid var(--border-color);white-space:nowrap;color:var(--primary-text)}.flexible-btn:hover{border:1.5px solid #c6c6c6}.flexible-btn.active{border:1.5px solid #fc5e6e}.calendar-grid .react-calendar{width:100%;border:none;background:var(--searchbar-bg)}.calendar-grid .react-calendar__tile--active{border-radius:50px}.calendar-grid .react-calendar__tile{max-width:100%;padding:14px 12.6667px;background:none;text-align:center;font:inherit;font-size:.93em;border-radius:18px;color:var(--primary-text)}.calendar-grid .react-calendar__month-view__days__day--weekend{color:var(--primary-text)}.calendar-grid .react-calendar__tile--now{background-color:var(--calender-selected)!important}.calendar-grid .react-calendar__tile--now:hover,.calendar-grid .react-calendar__tile:hover{background:var(--secondary-text)!important;color:var(--background)!important}.calendar-grid .react-calendar__navigation{gap:14px}.calendar-grid .react-calendar__navigation button{font-size:21px;border-radius:30px;color:var(--primary-text)!important;background:var(--searchbar-bg)!important}.calendar-grid .react-calendar__navigation__arrow .react-calendar__navigation__next-button{border-radius:30px!important}.calendar-grid .react-calendar__navigation button:disabled{background-color:var(--searchbar-bg);color:var(--secondary-text)}.calendar-grid .react-calendar__century-view__decades__decade--neighboringCentury:disabled,.calendar-grid .react-calendar__decade-view__years__year--neighboringDecade:disabled,.calendar-grid .react-calendar__month-view__days__day--neighboringMonth:disabled,.calendar-grid .react-calendar__tile:disabled{background-color:var(--primary-text)}.calendar-grid .react-calendar__tile--active{background:#ef3b4d;color:#fff;border-radius:18px}.calendar-grid .react-calendar__tile--active:enabled:focus,.calendar-grid .react-calendar__tile--active:enabled:hover{background:#ef3b4d}.calendar-grid .react-calendar__navigation button:hover{background:var(--searchbar-bg)!important}.calendar-grid .react-calendar__navigation__next2-button,.calendar-grid .react-calendar__navigation__prev2-button{display:none!important}.calendar-grid .react-calendar__tile:disabled{background-color:var(--searchbar-bg)!important;color:var(--secondary-text)!important}@media (max-width:768px){.flexible-options{padding-left:10px;padding-right:10px}.flexible-btn{font-size:14px}}.months-section-main{display:flex;align-items:center;justify-content:center;flex-direction:column}.months-section-heading{align-self:center;font-size:17px;font-weight:600;color:var(--secondary-text)}.circular-calendar-container{width:auto;height:auto;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.circular-calendar-container svg{display:block;margin:-27px auto -9px}.selected-range{text-align:center;font-size:16px}.date-text{text-decoration:underline;color:var(--primary-text)}.to-text{color:var(--secondary-text);font-weight:400;margin-inline:2px}.month-slice{transition:transform .2s ease-in-out;transform-origin:center;cursor:pointer}.month-slice.hovered,.month-slice.selected{transform:scale(1.05);filter:drop-shadow(0 0 10px rgba(255,255,255,.8))}.flexible-section{display:flex;flex-direction:column;width:100%}.flexible-months-heading,.flexible-timeframe-heading{align-self:center;font-size:17px;font-weight:600;color:var(--primary-text)}.timeframe-options{display:flex;gap:8px;margin-bottom:24px;align-items:center;justify-content:center;padding-inline:11px}.timeframe-btn{padding:10px 15px;border-radius:24px;border:1.5px solid var(--border-color);background:var(--background);cursor:pointer;transition:all .2s ease;color:var(--primary-text)}.timeframe-btn.active,.timeframe-btn.active:hover{border-color:#ffa9a9}.timeframe-btn:hover{border-color:#b6b6b6}.months-container{display:flex;align-items:center}.months-grid{overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;width:100%;padding:0 0 10px}.months-grid::-webkit-scrollbar{display:none}.month-btn{background-color:var(--background);border:1.5px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:10px;width:100px;height:120px;margin:5px;cursor:pointer;transition:all .3s;box-sizing:border-box;flex-shrink:0;justify-content:center;gap:5px;border-radius:14px}.month-btn.active{border-color:#ffa9a9}.flexible-calendar-icon{font-size:33px;margin-bottom:5px;color:var(--primary-text)}.flexible-month-name{font-size:13px;color:var(--primary-text)}.flexible-year{font-size:11px;color:var(--primary-text);margin-top:0}.scroll-btn{background-color:#fff;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s;padding-inline:8px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.scroll-btn:hover{box-shadow:0 4px 10px rgba(0,0,0,.4)}.scroll-btn.left{border-radius:50%;margin-right:12px}.scroll-btn.right{border-radius:50%;margin-left:12px}@media (max-width:768px){.timeframe-btn{font-size:12px}.scroll-btn{display:none}}