.selectable{display:flex}.selectable.selected .daySpan{color:#fff;background-color:#3c4596;margin:0;padding:5px 2px 2px}.selectable.selected:hover .daySpan{color:#fff;background-color:#1c2b6e;margin:0;padding:5px 2px 2px;animation:none}.selectable{cursor:pointer}.selectable:hover .daySpan{margin:0;padding:5px 2px 2px;animation-name:hoverEffect;animation-fill-mode:forwards}@keyframes hoverEffect{0%{background-color:initial;margin:5px;padding:0}5%{background-color:#e4e9f6;margin:4px;padding:1px}10%{background-color:#e4e9f6;margin:3px;padding:2px}25%{background-color:#e4e9f6;margin:2.5px;padding:2.5px}50%{background-color:#e4e9f6;margin:1px;padding:4px}to{background-color:#e4e9f6;margin:0;padding:5px}}.daySpan{border-radius:50%;width:30px;margin:5px;padding:0;animation-duration:.2s}.unselectable{-webkit-user-select:none;user-select:none;color:#000;opacity:.4}@media only screen and (width>=640px){.daySpan{width:34px}}@media only screen and (width>=1024px){.daySpan{width:38px}}.duration-checkbox:checked+label{color:#fff;background-color:#3c4596;border-color:#3c4596}.selectionActive>div{background-color:#cdd7ef}.step{transition:background-color .5s ease-in-out;position:relative}.step.activeStep{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.step.activeStep .stepSelection{opacity:1;z-index:10;height:auto;left:0;overflow:visible}.step.activeStep .stepSelection.-left-50{left:-50px}.step.activeStep .stepSelection.-left-120{left:-120px}.step.activeStep .stepSelection.-left-450{left:-450px}.step.activeStep.next .stepSelection{opacity:1;height:auto;left:0;overflow:visible}.step.activeStep.next .stepSelection.-left-50{left:-50px}.step.activeStep.next .stepSelection.-left-120{left:-120px}.step.activeStep.next .stepSelection.-left-450{left:-450px}.step.next .stepSelection{left:-50px;overflow:hidden}.step.next .stepSelection.-left-50{left:-100px}.step.next .stepSelection.-left-120{left:-170px}.step.next .stepSelection.-left-450{left:-500px}.step .stepSelection{opacity:0;height:0;transition:all 1s;position:absolute;top:120%;left:50px;overflow:hidden}.step .stepSelection.-left-50{left:0}.step .stepSelection.-left-120{left:-70px}.step .stepSelection.-left-450{left:-400px}.visuallyHidden{display:none}