.date-picker-wrapper{width:100%;max-width:100%}.date-picker-calendars{display:flex;justify-content:center;align-items:center;gap:16px}.date-picker-input{width:100%;font-size:16px;font-weight:500;color:#212a33;cursor:pointer;transition:border-color .2s ease}.date-picker-input:focus{outline:none}.date-picker-input::-moz-placeholder{color:#adb7c0}.date-picker-input::placeholder{color:#adb7c0}.date-picker-dropdown{position:absolute;top:100%;left:-100%;margin-top:8px;width:630px;background:#fff;border:1px solid #e8edf2;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden;z-index:1000;animation:fadeIn .2s ease}.calendar-header{display:flex;align-items:center;justify-content:center;padding:12px}.month-year{font-size:14px;color:#212A33}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.date-picker-header{width:100%;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e8edf2}.date-picker-header,.nav-btn{display:flex;align-items:center}.nav-btn{width:32px;height:32px;justify-content:center;background:transparent;border:none;color:#adb7c0;font-size:18px;cursor:pointer;transition:color .2s ease}.nav-btn:hover{color:#062A66}.month-year-btn{background:transparent;border:none;color:#212a33;font-weight:500;font-size:15px;cursor:pointer;transition:color .2s ease}.month-year-btn:hover{color:#585780}.weekdays{padding:8px 12px;font-size:12px;font-weight:600;color:#adb7c0;text-align:center}.days-grid,.weekdays{display:grid;grid-template-columns:repeat(7,1fr)}.days-grid{gap:4px;padding:0 12px 12px}.date-picker-day{width:36px;height:36px;display:flex;align-items:center;justify-content:center;justify-self:center;font-size:14px;font-weight:500;color:#212a33;border-radius:50%;background:transparent;transition:all .2s ease;cursor:pointer}.date-picker-day:hover{background-color:rgba(187,187,187,.6)}.date-picker-day.other-month{color:#adb7c0;opacity:.6}.date-picker-day.today{border:2px solid #585780;color:#585780}.date-picker-day.in-range{background:rgba(0,213,255,.15)}.date-picker-day.selected{background:var(--blue-gr);color:white;font-weight:700}.months-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}.month-btn{padding:10px 0;background:transparent;border:none;color:#212a33;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.month-btn:hover{background:#f3f7fa}.month-btn.active{color:#585780;font-weight:900}.years-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px}.year-btn{padding:10px 0;background:transparent;border:none;color:#212a33;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.year-btn:hover{background:#f3f7fa}.year-btn.active{color:#585780;font-weight:900}.expired{pointer-events:none;cursor:none}@media (max-width:1200px){.date-picker-dropdown{left:0;width:630px}.home{right:0;left:auto}}@media (max-width:992px){.date-picker-dropdown{width:630px}.home{right:0;left:auto}}@media (max-width:768px){.date-picker-dropdown{left:unset;right:0;width:200%}.nav-btn{width:40px;height:40px;font-size:40px;font-weight:500}.home{left:0}.date-picker-calendars{flex-direction:column}}@media (max-width:576px){.home{width:100%}}