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