.calendar{visibility:hidden;opacity:0;position:absolute;transform:translateY(-25px);top:44px;left:0;z-index:10;background-color:#fff;border:1px solid #d2d2d2}.calendar.active{visibility:visible;opacity:1;transform:translateY(0) translateX(-45%);transition:transform .25s,opacity .25s}.rdp-day.rdp-selected button{background-color:var(--color-primary);color:var(--color-primary);border:none;color:#fff}