body,div{margin:0}canvas{display:block;position:absolute;left:0;top:0;z-index:0;margin:0}#timerWrapper{flex-direction:column;margin:0;padding:0;background:#000;background-color:#333;color:#fff;display:flex;align-items:center}#startTimer,#resetTimer{max-width:50px}#startTimer,#resetTimer,#inputTime{flex-grow:1}#startTimer:disabled,#resetTimer:disabled{background-color:#999;cursor:not-allowed}#timerContainer{position:relative;display:inline-flex;width:100%;z-index:1;justify-content:center;align-items:center}.on-enter-active[data-v-8521342c]{animation:onEnterActive-8521342c .8s}.on-leave-active[data-v-8521342c]{animation:onLeaveActive-8521342c .8s}@keyframes onEnterActive-8521342c{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes onLeaveActive-8521342c{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.off-enter-active[data-v-8521342c]{animation:offEnterActive-8521342c .8s}.off-leave-active[data-v-8521342c]{animation:offLeaveActive-8521342c .8s}@keyframes offEnterActive-8521342c{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes offLeaveActive-8521342c{0%{opacity:1;transform:scale(1)}to{opacity:0}}.button-image[data-v-8521342c]{position:absolute;top:7px;left:7px;height:70%;max-width:100%;max-height:100%;object-fit:contain}