.nod-balance.nod-balance{--nb-green:#006d40;--nb-ink:#003847;box-sizing:border-box;width:100%;max-width:1200px;margin:26px auto 0;border:1px solid #dbe5dc;border-radius:18px;background:#f4f7f2;color:var(--nb-ink);font:16px/1.6 Montserrat,system-ui,sans-serif;text-align:left;overflow:hidden}
.nod-balance.nod-balance *{box-sizing:border-box}.nod-balance.nod-balance [hidden]{display:none!important}.nod-balance.nod-balance summary{display:flex;align-items:center;gap:15px;list-style:none;cursor:pointer;padding:23px 26px;font:600 18px/1.4 Montserrat,system-ui,sans-serif;color:var(--nb-ink)}.nod-balance summary::-webkit-details-marker{display:none}.nod-balance summary small{display:block;margin-top:4px;font:400 14px/1.5 Montserrat,system-ui,sans-serif;color:#52695c}.nod-balance-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#e3eee2;color:var(--nb-green)}.nod-balance-mark svg{width:25px;height:25px}.nod-balance-chevron{margin-left:auto;font-size:25px;transition:transform .15s}.nod-balance[open] .nod-balance-chevron{transform:rotate(180deg)}.nod-balance.nod-balance .nod-balance-body{padding:0 26px 26px;border-top:1px solid #dbe5dc}.nod-balance.nod-balance p{font:400 15px/1.65 Montserrat,system-ui,sans-serif;margin:16px 0;color:var(--nb-ink)}.nod-balance.nod-balance label{display:block;font:600 15px/1.5 Montserrat,system-ui,sans-serif;margin:0 0 8px}.nod-balance-fields{display:flex;align-items:stretch;gap:12px}.nod-balance.nod-balance input{appearance:none;display:block;min-width:0;flex:1;width:100%;height:52px;margin:0;border:1px solid #b7c9bd;border-radius:10px;padding:12px 15px;background:#fff;color:var(--nb-ink);font:400 16px/1.5 Montserrat,system-ui,sans-serif;box-shadow:none}.nod-balance.nod-balance button,.nod-balance.nod-balance .nod-balance-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:12px 21px;border:1px solid var(--nb-green);border-radius:10px;background:var(--nb-green);color:#fff;font:600 15px/1.5 Montserrat,system-ui,sans-serif;text-transform:none;letter-spacing:0;text-decoration:none;cursor:pointer;box-shadow:none}.nod-balance.nod-balance button:hover,.nod-balance.nod-balance .nod-balance-link:hover{background:#006d40;color:#fff}.nod-balance button:disabled{opacity:.65;cursor:wait}.nod-balance summary:focus-visible,.nod-balance input:focus-visible,.nod-balance button:focus-visible,.nod-balance a:focus-visible{outline:3px solid #c73d23;outline-offset:3px}.nod-balance.nod-balance .nod-balance-status:empty{display:none}.nod-balance-results{margin-top:20px;padding:22px;border:1px solid #dbe5dc;border-radius:14px;background:white}.nod-balance-total{display:flex;align-items:center;gap:14px;color:var(--nb-green)}.nod-balance-total strong{font:700 44px/1.1 Montserrat,system-ui,sans-serif}.nod-balance-total span{font-weight:600}.nod-balance.nod-balance .nod-balance-list{list-style:none;padding:0;margin:18px 0}.nod-balance-pack{padding:18px 0;border-top:1px solid #e2e8e1}.nod-balance-pack-head{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.nod-balance.nod-balance h3{margin:0;font:600 17px/1.5 Montserrat,system-ui,sans-serif;letter-spacing:0;color:var(--nb-ink);text-transform:none;overflow-wrap:anywhere}.nod-balance-count{white-space:nowrap;border-radius:30px;padding:4px 10px;background:#edf4ea;color:var(--nb-green);font-size:14px;font-weight:600}.nod-balance.nod-balance .nod-balance-pack p{margin:7px 0 0}.nod-balance.nod-balance .nod-balance-expiry,.nod-balance.nod-balance .nod-balance-note{font-size:14px;color:#52695c}.nod-balance.nod-balance .nod-balance-test{font-size:13px;color:#815116}
@media(max-width:560px){.nod-balance.nod-balance summary{padding:20px 18px;font-size:17px;gap:11px}.nod-balance.nod-balance .nod-balance-body{padding:0 18px 20px}.nod-balance-fields{flex-direction:column}.nod-balance-results{padding:17px}.nod-balance-pack-head{align-items:flex-start;flex-direction:column;gap:8px}.nod-balance-mark{width:38px;height:38px;flex-basis:38px}.nod-balance-total strong{font-size:38px}}
@media(prefers-reduced-motion:reduce){.nod-balance-chevron{transition:none}}
.nod-balance.nod-balance button,.nod-balance.nod-balance .nod-balance-link{border-radius:999px}.nod-balance .nod-balance-mark{border-radius:50%}