.charge-container{max-width:700px;margin:auto;padding:10px;font-family:Roboto,sans-serif}.charge-container__method-selector{box-sizing:border-box;padding:8px;width:100%;border-radius:4px;border:1px solid #ccc}.charge-container h2{color:var(--blue);border-bottom:2px solid #eaeaea;padding-bottom:10px}.charge-container__selected-services{display:grid;grid-template-columns:auto 1fr auto;column-gap:10px;row-gap:1px;align-items:start;padding:5px}.charge-container__selected-services-header{font-weight:700;padding:10px;text-align:center;color:var(--blue)}.charge-container__selected-services-item{display:contents}.charge-container__no-minutes{text-align:center;margin:20px}.charge-container__minutes-input{width:55px;text-align:center;margin-top:10px}.charge-container__add-charge-container{display:flex;align-items:center;padding:5px}.charge-container__add-charge{color:#2a804d;margin-right:10px}.charge-container__charge-selector{flex:1;padding:10px;border-radius:4px;border:1px solid #ccc;flex-shrink:0}.charge-details,.charge-container__minutes-input,.charge-container__units-display,.charge-container__minutes-input_container{padding:5px}.charge-container__units-display{font-size:20px;color:var(--blue);text-align:center;padding-bottom:10px;margin-top:15px}.charge-container__remove-btn{background:none;color:var(--red);border:none;cursor:pointer;order:-1}.charge-container__remove-btn:hover{background:none;color:#ea3636}.charge-container__reset-btn{width:100%;height:35px;background-color:var(--blue);color:#fff;border:none;padding:6px 12px;cursor:pointer;font-size:14px;margin-left:10px;border-radius:50px}.charge-container__reset-btn:hover{background-color:#1e467d}.charge-container__calculate-btn{box-sizing:border-box;width:100%;padding:10px;margin:10px;background-color:var(--red);border-radius:50px}.charge-container__calculate-btn:hover{background-color:#b53333}.charge-container__total-section{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;padding:10px;margin-top:10px;border-top:1px solid #eaeaea}.charge-container__total-title{font-size:20px;color:var(--blue);text-align:left;grid-column:1}.charge-container__total-minutes,.charge-container__total-units{font-size:20px;color:var(--blue);text-align:right;grid-column:2;margin-right:50px}.no-services-selected{text-align:center;margin:20px;color:var(--blue)}.charge-container__app-version{text-align:center;margin-top:25px;color:#cfcdcd}@media only screen and (max-width: 768px){.charge-container{padding:10px}.charge-container__method-selector,.charge-container__charge-selector,.charge-container__reset-btn,.charge-container__calculate-btn{width:100%;margin:auto}.charge-container__calculate-btn{margin:10px 0}.charge-container h2{font-size:18px;padding-bottom:5px;border-bottom:1px solid #eaeaea}.charge-details,.charge-container__calculation-result-text{font-size:16px}.charge-container__remove-btn,.charge-container__reset-btn,.charge-container__calculate-btn{padding:12px 10px 12px 0}}:root{--red: rgba(228, 54, 80, .936);--blue: rgba(25, 32, 82, .829)}.calculator-container{max-width:700px;margin:auto;padding:20px;background-color:#f5f5f5;border-radius:8px;overflow:hidden}.logo{float:left;opacity:.7;width:100px}.app-title{font-family:Roboto,sans-serif;color:var(--red);font-weight:400;opacity:.9;font-style:normal;text-align:center;padding:10px 0 10px 10px}.title-container{display:flex;justify-content:center;align-items:center}form{display:flex;flex-direction:column}input[type=text],input[type=number]{border:1px solid #ccc;border-radius:4px}button{padding:10px;font-size:14px;color:#fff;border:none;border-radius:4px;cursor:pointer}@media only screen and (max-width: 768px){.app-title{font-size:20px;font-weight:400;padding:20px 0 20px 10px;text-align:center;opacity:.9}.calculator-container{padding:0}.logo{float:left;opacity:.7;width:100px}.title-container{display:flex;justify-content:center;align-items:center}}