.vl-laskuri{--vl-calc-ink:#173050;--vl-calc-blue:#1748a6;--vl-calc-border:#d7e3f5;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(16px, 3.5vw, 32px);width:100%;margin:1.5rem 0;padding:clamp(15px, 3.5vw, 32px);border:1px solid var(--vl-calc-border);border-radius:20px;background:#f6faff;color:var(--vl-calc-ink);text-align:left;box-shadow:0 10px 28px #122d5710}.vl-laskuri *,.vl-laskuri *::before,.vl-laskuri *::after{box-sizing:border-box}.vl-laskuri .vl-laskuri__title{margin:0 0 7px;color:var(--vl-calc-ink);font-size:clamp(23px, 3vw, 31px);font-weight:750;line-height:1.2}.vl-laskuri .vl-laskuri__intro{margin:0 0 16px;color:#425775;font-size:15px;line-height:1.5}.vl-laskuri .vl-laskuri__field+.vl-laskuri__field{margin-top:14px}.vl-laskuri .vl-laskuri__field-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}.vl-laskuri .vl-laskuri__field-head label{margin:0;color:var(--vl-calc-ink);font-size:15px;font-weight:700;line-height:1.35}.vl-laskuri .vl-laskuri__number{display:flex;align-items:center;flex:0 0 110px;margin-left:auto;overflow:hidden;border:1px solid #9ab4df;border-radius:8px;background:#fff;color:#335579}.vl-laskuri .vl-laskuri__number:focus-within{outline:2px solid var(--vl-calc-blue);outline-offset:2px}.vl-laskuri .vl-laskuri__number input{width:100%;min-width:0;min-height:44px;margin:0;padding:6px 7px 6px 10px;border:0;border-radius:0;outline:0;background:#fff0;box-shadow:none;color:var(--vl-calc-ink);font-family:inherit;font-size:16px;font-weight:700;text-align:right}.vl-laskuri .vl-laskuri__number span{flex:0 0 24px;font-size:14px}.vl-laskuri input.vl-laskuri__slider{display:block;width:100%;height:34px;margin:2px 0 0;padding:0;border:0;border-radius:0;box-shadow:none;background:#fff0;accent-color:var(--vl-calc-blue);cursor:pointer}.vl-laskuri input.vl-laskuri__slider:focus-visible{outline:2px solid var(--vl-calc-blue);outline-offset:2px}.vl-laskuri .vl-laskuri__bounds{display:flex;justify-content:space-between;gap:8px;color:#425775;font-size:12px;line-height:1.3}.vl-laskuri .vl-laskuri__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.vl-laskuri .vl-laskuri__error{margin:6px 0 0;color:#922c23;font-size:13px;line-height:1.4}.vl-laskuri .vl-laskuri__error[hidden]{display:none}.vl-laskuri .vl-laskuri__results{min-width:0;align-self:stretch;padding:clamp(16px, 3vw, 25px);border-radius:15px;background:#153d83;color:#fff}.vl-laskuri .vl-laskuri__monthly-label{margin:0 0 5px;color:#e0edff;font-size:15px;font-weight:700}.vl-laskuri .vl-laskuri__monthly{margin:0 0 16px;color:#fff;font-size:clamp(26px, 4vw, 40px);font-weight:800;line-height:1.2;overflow-wrap:anywhere}.vl-laskuri .vl-laskuri__period{color:#dceaff;font-size:15px;font-weight:600}.vl-laskuri .vl-laskuri__totals{margin:0;padding:0}.vl-laskuri .vl-laskuri__totals>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px;padding:10px 0;border-top:1px solid #ffffff42}.vl-laskuri .vl-laskuri__totals dt,.vl-laskuri .vl-laskuri__totals dd{margin:0;color:#fff;font-size:14px;line-height:1.4}.vl-laskuri .vl-laskuri__totals dd{margin-left:auto;font-weight:750}.vl-laskuri .vl-laskuri__note{margin:13px 0 0;color:#e0edff;font-size:13px;line-height:1.55}@media (max-width:760px){.vl-laskuri{grid-template-columns:minmax(0,1fr);border-radius:16px}}