.responsive-calendar{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:50;background:white;border-radius:.5rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);border:1px solid #e2e8f0;padding:1rem}.Calendar__header{padding:.5rem;text-align:center}.Calendar__day{color:#1a202c;font-size:.875rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.Calendar__day:hover{background-color:#e5edff}.Calendar__day.-selected{background-color:#3b82f6!important;color:white!important}.Calendar__day.-today{border:1px solid #3b82f6}.Calendar__weekDays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.5rem}.Calendar__weekDay{color:#64748b;font-size:.875rem;font-weight:500;padding:.5rem;text-align:center}.Calendar__monthArrowWrapper{padding:.5rem;cursor:pointer;transition:background-color .2s;border-radius:.375rem}.Calendar__monthArrowWrapper:hover{background-color:#e5edff}.Calendar__monthYear{padding:.5rem;font-weight:500}@media (max-width:768px){.responsive-calendar{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:1rem 1rem 0 0;padding:1rem;animation:slideUp .3s ease-out}.Calendar__day{width:2.5rem;height:2.5rem;font-size:.875rem}.Calendar__weekDay{font-size:.75rem}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}