@media screen and (max-width:768px){.modal-overlay{position:absolute;top:25%}}@media screen and (min-width:768px){.modal-overlay{position:absolute;top:25%;left:25%}}label{width:150px}.bottom-up-enter-active{-webkit-animation:slide-bottom-up .5s ease-in;animation:slide-bottom-up .5s ease-in}.bottom-up-leave-active{-webkit-animation:slide-top-down .5s ease-in;animation:slide-top-down .5s ease-in}@-webkit-keyframes slide-bottom-up{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-bottom-up{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-top-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slide-top-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.right-in-enter-active{-webkit-animation:slide-right-in .5s ease-in;animation:slide-right-in .5s ease-in}.right-in-leave-active{-webkit-animation:slide-right-out .5s ease-in;animation:slide-right-out .5s ease-in}@-webkit-keyframes slide-right-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-right-in{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-right-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slide-right-out{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}