.date-section{max-width:616px;padding:20px;border-radius:10px;margin:0 auto}@media (max-width:768px){.date-section{max-width:100%!important;padding-left:8px!important;padding-right:8px!important;box-sizing:border-box;width:100%!important}}.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);max-width:100%;min-width:0}.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(--calendar-disabled)!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(--calendar-disabled);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(--calender-disabled)!important;color:var(--secondary-text)!important}@media (max-width:768px){.flexible-options{padding-left:10px;padding-right:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:8px}.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)}@media (max-width:768px){.circular-calendar-container{width:100%;max-width:360px;box-sizing:border-box;padding-inline:8px;margin:0 auto}.circular-calendar-container svg{width:100%;height:auto;display:block;margin:0 auto}}.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%;max-width:637px;box-sizing:border-box}.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:space-between;padding-inline:8px;width:100%;box-sizing:border-box;flex-wrap:nowrap}.timeframe-btn{padding:8px 10px;border-radius:20px;border:1.5px solid var(--border-color);background:var(--calender-disabled);cursor:pointer;transition:all .18s ease;color:var(--primary-text);flex:1 1;min-width:0;text-align:center;display:inline-flex;align-items:center;justify-content:center}.timeframe-btn.active,.timeframe-btn.active:hover{border-color:#ffa9a9}:root[data-theme=dark] .timeframe-btn.active,:root[data-theme=dark] .timeframe-btn.active:hover{border-color:rgba(239,59,77,.65)}.timeframe-btn:hover{border-color:#b6b6b6}.months-container{display:flex;align-items:center;width:100%;gap:8px;box-sizing:border-box}.months-grid{overflow-x:auto;overflow-y:hidden;white-space:nowrap;display:flex;width:100%;flex:1 1 auto;min-width:0;padding:0 0 10px}.months-grid::-webkit-scrollbar{display:none}.month-btn{background-color:var(--calender-disabled);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}:root[data-theme=dark] .month-btn.active,:root[data-theme=dark] .month-btn.active:hover{border-color:rgba(239,59,77,.65)}.flexible-calendar-icon{font-size:33px;margin-bottom:5px;color:var(--primary-text)}.flexible-month-name{font-size:13px;color:var(--primary-text);-webkit-overflow-scrolling:touch}.flexible-year{font-size:11px;color:var(--primary-text);margin-top:0}.scroll-btn{background-color:var(--card-bg);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);color:var(--primary-text)}.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}}@media (max-width:600px){.timeframe-options{overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:center;gap:5px;padding-inline:4px;margin-bottom:14px}.timeframe-btn{flex:0 0 auto;padding:7px 10px;font-size:11px;border-radius:999px;min-height:30px;line-height:1}.flexible-section{max-width:calc(100vw - 24px);margin:0 auto;padding-inline:8px}.timeframe-options{gap:6px;padding-inline:6px;overflow-x:auto}.months-container{gap:6px;padding-inline:4px}.months-grid{padding:6px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.month-btn{width:84px;height:100px;margin:4px;padding:8px}.flexible-calendar-icon{font-size:28px}.flexible-months-heading,.flexible-timeframe-heading{font-size:15px}}