:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}.app .pageTitleContainer{display:flex;justify-content:center;text-align:center}.app .contentContainer{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;padding:16px}.app .contentContainer .addOrRemoveBtn{display:flex;justify-content:center;align-items:center;border:1px solid gray;padding:2px 10px;border-radius:8px;text-align:center;height:fit-content}.app .contentContainer .sectionBox{display:flex;flex-direction:column;align-items:center;gap:20px;width:fit-content;padding:10px;border-radius:16px;border:1px solid black}.app .contentContainer .sectionBox .valueContainer{font-size:60px;background-color:#000;padding:20px 8px;border-radius:8px}.app .contentContainer .sectionBox .inputContainer{gap:5px;width:100%;font-size:20px}.app .contentContainer .sectionBox .inputContainer .inputTitle{font-size:14px}.app .contentContainer .sectionBox .inputContainer .moneyInput{width:100px;padding:8px;font-size:18px;border-radius:8px;background-color:transparent;border:1px solid rgb(97,98,99)}.app .contentContainer .stopwatchSection .timeContainer .timeLeft{text-align:center;font-size:16px;color:gray}.app .contentContainer .stopwatchSection .buttonsContainer{display:flex;justify-content:center;gap:16px;width:100%}.app .contentContainer .stopwatchSection .buttonsContainer .stopwatchButton{width:100%;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.app .contentContainer .stopwatchSection .buttonsContainer .stopwatchButton:hover{border-color:#646cff}.app .contentContainer .stopwatchSection .buttonsContainer .stopwatchButton:focus,.app .contentContainer .stopwatchSection .buttonsContainer .stopwatchButton:focus-visible{outline:4px auto -webkit-focus-ring-color}.app .contentContainer .stopwatchSection .inputTimeText{font-size:14px;transition:.13s}.app .contentContainer .stopwatchSection .inputTimeText:hover{color:#bbb}.app .modalContainer .background{position:fixed;top:0;left:0;background-color:#14141433;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;height:100%}.app .modalContainer .modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#242424;box-shadow:0 0 24px #00000080;padding:16px;border-radius:16px}.app .modalContainer .modal .modalTitle{font-size:24px;margin-bottom:20px}.app .modalContainer .modal .timeInputContainer{display:flex;flex-direction:column;gap:8px}.app .modalContainer .modal .timeInputContainer .inputContainer input{padding:8px;font-size:16px;background-color:#303030;border:1px solid gray;border-radius:8px}.app .modalContainer .modal .timeInputContainer .setTimeButton{margin-top:16px;padding:8px}