.calc-element{display:grid;grid-gap:1em;gap:1em;.btn{background:#007bfb;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;line-height:14px;padding:12px;text-align:center;text-decoration:none;transition:.3s}.btn:hover{opacity:1}.input,.value{width:100%;padding:6px;border:1px solid #dee2e6;border-radius:6px}.select{border:2px solid var(--btn-color);border-radius:24px}.select,.value{height:2.65rem;padding:0 calc(1rem);display:grid;align-items:center}.group{display:grid;grid-gap:.5em;gap:.5em}.label{opacity:.5;font-size:.8em}.row{grid-gap:1.5em;gap:1.5em;align-items:start}.col,.row{display:grid}.col{grid-gap:1em;gap:1em}canvas{max-width:100%;max-height:50svh}.input-list{display:flex;flex-direction:column;gap:.5rem}}@media (min-width:768px){.calc-element{.btn,.input,.select,.value{max-width:200px}.row{grid-template-columns:1fr 1fr;gap:1.5em}}}@media print{.wrap{display:none}.calc-element{gap:.5rem;.settings{display:none}.root{margin-top:60px}.row{grid-template-columns:1fr 1fr;gap:.5em}.group{grid-template-columns:1fr 3fr;align-items:center;white-space:nowrap}.label{color:rgb(53,44,35)}.input{outline:none}.input,.select{height:1.4rem;padding:0 calc(.4rem);border:none;border-bottom:2px solid rgb(234,230,226);border-radius:0}.value{height:1.4rem}}}