.vuecal__now-line{color:#06c}vuecal__event-title{font-size:1.2em;font-weight:700;margin:4px 0 8px}.vuecal__event.sport{background-color:hsla(0,100%,70%,.9);border:1px solid #eb5252;color:#fff}.vuecal__event.health{background-color:rgba(58,132,216,.9);border:1px solid #eb5252;color:#fff}.vuecal__event.leisure{background-color:rgba(54,228,147,.9);border:1px solid #eb5252;color:#fff}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%)}}@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%}}