@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{background-color:#a5a5a51a}50%{background-color:#a5a5a566}to{background-color:#a5a5a51a}}.date-picker__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding:var(--space-8) 0;color:var(--color-gray-superdark)}.date-picker__nav-group{display:flex}.date-picker__nav-button{display:flex;padding:var(--space-4)}.date-picker__nav-value{margin:auto var(--space-12)}.date-picker__weekdays-row{border-style:none}.date-picker__weekday{border-style:none;padding:var(--space-12);text-align:center}@media screen and (min-width: 640px){.date-picker__weekday{font-size:1.8rem}}.date-picker__day-cell{border-style:none;padding:0;text-align:center}@media screen and (min-width: 640px){.date-picker__day-cell{font-size:1.8rem}}.date-picker__day{position:relative;width:var(--space-40);height:var(--space-40)}@media screen and (min-width: 640px){.date-picker__day{width:var(--space-48);height:var(--space-48)}}.date-picker__day--selected{border-radius:9999px;background:var(--color-black);color:var(--color-white)}.date-picker__day--muted{color:var(--color-gray-superdark)}.date-picker__day-inner{padding:var(--space-20);text-align:center}.date-picker__today-dot{position:absolute;bottom:var(--space-4);left:25%;opacity:.6;border-radius:9999px;background:var(--color-black);width:50%;height:var(--space-4)}.date-picker__heading{margin-top:var(--space-4);margin-bottom:var(--space-12);font-weight:700;font-size:1.8rem;font-family:var(--typography-bodytextfont)}@media screen and (min-width: 640px){.date-picker__heading{margin-top:0}}.date-picker .date-picker__field{margin-bottom:var(--space-32)}.date-picker__calendar{display:flex;flex-direction:column;justify-content:space-between;border-radius:1.6rem;background:var(--color-gray-light);padding:var(--space-8);height:47rem}.date-picker__loading{display:flex;justify-content:center;align-items:center;height:47rem}.date-picker__actions{display:flex;flex-direction:column;gap:var(--space-8);margin-top:auto;padding:0 var(--space-4) var(--space-8)}@media screen and (min-width: 640px){.date-picker__actions{flex-direction:row}}.date-picker__action.button,.date-picker__action.button__secondary{width:100%}@media screen and (min-width: 640px){.date-picker__action.button,.date-picker__action.button__secondary{flex:1 1 0%}}.date-picker--inline{background:var(--color-white);padding:var(--space-16)}@media screen and (min-width: 640px){.date-picker--inline{padding:var(--space-24)}}.date-picker--floating{position:absolute;top:calc(var(--space-32) * -1);z-index:50;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border-radius:1.6rem;background:var(--color-white);padding:var(--space-8)}@media screen and (min-width: 640px){.date-picker--floating{padding:var(--space-24)}}@media screen and (max-width: 360px){.date-picker--open-left{left:calc(var(--space-16) * -1)}}@media screen and (min-width: 640px){.date-picker--open-left{right:0}.date-picker--open-right{left:0}}.date-picker-input{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 768px){.date-picker-input{width:50%}}.date-picker-input__label{position:absolute;top:var(--space-12);left:var(--space-16);font-size:1.2rem}.date-picker-input__field{border:1px solid var(--color-gray-superdark);border-radius:1.2rem;background:var(--color-white);padding:var(--space-24) var(--space-16) var(--space-8);width:100%}.date-picker-input__icon{position:absolute;top:var(--space-16);right:var(--space-16);z-index:0;pointer-events:none}