body,html{height:100%;margin:0;padding:0;width:100%}label{font-weight:700;width:60px}li{list-style-type:none;margin-bottom:10px}.btn{background-color:#327ca9;border:solid;border-radius:30px;color:#f0f8ff;height:30px;width:120px;size:20px}.btn:hover{background-color:#29658a;box-shadow:0 2px 5px rgba(0,0,0,.2)}.btn:focus{outline:2px solid #265b7d}.wrap{display:grid;grid-template-columns:.5fr 1.5fr;grid-template-rows:100vh;width:100vw}.menu{border:2px solid #000;display:flex;flex-direction:column;justify-content:space-between}.controls{align-items:flex-end;display:flex;gap:20px;justify-content:center}.controls,.field{padding-bottom:10px}.add-group-form__wrap{display:flex;flex-direction:column;gap:5px;max-width:150px}.input-group{align-items:center;display:grid;gap:10px;grid-template-columns:.3fr 1fr}.add-btn-wrap{display:inline-block;position:relative}.add-group-form{background:#fff;border:1px solid #ccc;bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;position:absolute}.add-btn-wrap:hover .add-group-form{display:block}