*{box-sizing:border-box}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:white;border-radius:10px;border-left:solid 1px #ececec}*::-webkit-scrollbar-thumb{background:#ccc;box-shadow:inset 0 0 0 2px #fff;border-radius:10px}body{margin:8px}@media screen and (min-width: 600px){.container{width:500px;margin:50px auto 10px}}@media screen and (max-width: 599px){.container{width:100%;margin:75px 0 10px}}.container .baseInputArea{position:fixed;width:100%;top:0;background:white;margin:0;padding:1em 0 1em 8px}@media screen and (min-width: 600px){.container .baseInputArea{height:50px}}@media screen and (max-width: 599px){.container .baseInputArea{height:75px;left:0}.container .baseInputArea .calcResult{display:block}}.container .baseInputArea input{margin-right:5px;width:70px}.container .fileInputArea input{margin-top:5px}.container .fileInputArea button{margin-top:5px}@media screen and (max-width: 599px){.container .fileInputArea button{display:block}}.container .mainTable{border-top:1px solid #000;border-left:1px solid #000;border-collapse:collapse}.container .mainTable tr.use{background-color:azure}.container .mainTable tr th,.container .mainTable tr td{width:70px;border-right:1px solid #000;border-bottom:1px solid #000;padding:3px}.container .mainTable tr th:first-child,.container .mainTable tr td:first-child{width:30px}.container .mainTable tr th:nth-child(3),.container .mainTable tr td:nth-child(3){width:50px;text-align:center}.container .mainTable tr td input[type="number"]{width:70px}.container .mainTable tr td:last-child{text-align:right}@media screen and (min-width: 600px){.container .buttons{display:flex;justify-content:space-between;width:95%}}@media screen and (max-width: 599px){.container .buttons{display:grid;grid-template-rows:50% 50%;grid-template-columns:33% 33% 34%;grid-row-gap:5px}.container .buttons button{margin:0 5px}}.container details{background-color:azure;border:yellowgreen double 1px;border-radius:5px}.container details[open] summary{border-bottom:yellowgreen solid 1px}.container details summary{padding:3px 10px;outline:0}.container details .content{width:100%;height:100%;overflow-y:hidden;padding:0.5em;user-select:none}.container details .content p{margin:0}.container details .content p.notes{font-size:0.8em;color:red}.modal-overlay{z-index:1;display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,0.6);margin-top:0px}.modal-overlay .modal-content{z-index:2;display:block;margin:10px auto;min-height:140px;max-height:60%;overflow-y:scroll;border:2px solid gray;border-radius:10px;background:white}@media screen and (min-width: 600px){.modal-overlay .modal-content{width:480px;padding:10px 20px}}@media screen and (max-width: 599px){.modal-overlay .modal-content{width:95%;padding:10px 3px 10px 10px}}.modal-overlay .modal-content img{width:100%}.modal-overlay .modal-content .grid{display:grid;grid-template-columns:20% 5% 20% 5% 20% 5% 20% 5%;grid-template-rows:35px 35px;margin-bottom:5px}.modal-overlay .modal-content .grid input{margin:auto}.modal-overlay .modal-content .grid input[type="text"]{margin:auto;padding:2px;border-radius:5px;border:1px solid}@media screen and (min-width: 600px){.modal-overlay .modal-content .grid input[type="text"]{width:70px}}@media screen and (max-width: 599px){.modal-overlay .modal-content .grid input[type="text"]{width:60px}}.modal-overlay .modal-content .grid input[type="text"].invalid{border-color:red}.modal-overlay .modal-content .grid input[type="text"].valid{border-color:limegreen}.modal-overlay .modal-content .grid input[type="text"]:focus{outline:0;border-color:orange}.modal-overlay .modal-content .buttons button{margin-left:5px}.modal-overlay .modal-content .loading{position:absolute;top:50px;left:calc(50% - 25px);width:50px;height:50px;border-radius:50%;border:5px solid lightgrey;border-top-color:coral;animation:spin 1s linear infinite}.hide{display:none}@keyframes spin{to{transform:rotate(360deg)}}