hr[data-v-4506df78]{width:100%}span[data-v-4506df78]{font-size:22px}.timer[data-v-4506df78]{width:225px;height:120px;display:flex;flex-direction:column;align-items:center;background-color:#696969;opacity:.5}.timer-started[data-v-4506df78]{opacity:1}.timer-finished[data-v-4506df78]{background-color:#445e43;border:1px solid #4e6c4d;opacity:1}.timer--wrapper[data-v-4506df78]{width:100%;height:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.timer-time[data-v-4506df78]{font-size:22px;color:#fff}.timer-controls[data-v-4506df78]{display:flex;gap:5px;max-width:100%}.timer-controls__input[data-v-4506df78]{max-width:50px}.timer-controls__input input[data-v-4506df78]{font-size:22px;width:100%;margin:0;padding:0;outline:0;border:0;background:none;border-bottom:2px solid #acacac;padding-bottom:2px;color:#fff;text-align:center}.timer-buttons[data-v-4506df78]{display:flex;align-items:center;justify-content:space-evenly;width:100%;height:50%}.timer-buttons__button[data-v-4506df78]{cursor:pointer;border:none;outline:none;background:none}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%}@font-face{font-family:GothamPro;src:url(/timer-vue3/fonts/GothamPro.ceab32a3.woff) format("woff");font-weight:100;font-style:normal}body{font-size:14px;background-color:#353638;color:#fff}body,button,input{font-family:GothamPro}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#app{width:100%;height:100%}.timers{display:grid;max-width:775px;margin:72px auto;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));grid-gap:45px}.add-timer{cursor:pointer;width:225px;height:120px;display:flex;align-items:center;justify-content:center;border:none;outline:none;background-color:#696969}