/* /forsakring/sjalvrisk */
.sr-vad{display:grid;gap:28px;margin-top:20px}
.sr-vad-text p:not(.stor){margin-top:16px;color:var(--grey);max-width:44ch}
.sr-calc{background:var(--white);border-radius:28px;padding:24px 20px;display:grid;gap:22px}
.sr-calc h3{font-size:22px;margin-bottom:8px}
.calc-rad{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px;cursor:text}
.sr-calc .ex-in{display:flex;align-items:center;gap:6px;flex:none}
.sr-calc .ex-in input{width:112px;height:46px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font:600 17px/1 var(--body);font-variant-numeric:tabular-nums;text-align:right;padding:0 12px;color:var(--ink)}
.sr-calc .ex-in input:focus{outline:none;border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px rgba(21,19,31,.08)}
.sr-calc .ex-in i{font-style:normal;color:var(--grey);font-size:15px}
.calc-bar{display:flex;height:18px;border-radius:99px;background:var(--paper);overflow:hidden}
.calc-bar i{display:block;height:100%;transition:width .5s var(--ease)}
.cb-du{width:var(--du,0%);background:var(--ink)}
.cb-bolag{width:var(--bolag,0%);background:var(--jade)}
.calc-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.calc-dl dt{font-size:14px;color:var(--grey);display:flex;align-items:center;gap:8px}
.calc-dl div:first-child dt::before,.calc-dl div:last-child dt::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--ink);flex:none}
.calc-dl div:last-child dt::before{background:var(--jade)}
.calc-dl dd{font-size:28px;line-height:1.1;margin-top:4px}
.sr-calc .cap{margin-top:14px;font-size:14px;color:var(--grey)}
.sr-pris{display:grid;gap:12px}
.sp{background:var(--white);border-radius:24px;padding:24px 22px;display:grid;grid-template-columns:44px 1fr;gap:4px 14px}
.sp-pil{grid-row:1/3;width:40px;height:40px;border-radius:12px;background:var(--paper);display:grid;place-items:center;font:800 20px/1 var(--head)}
.sp h3{font-size:22px}
.sp p{color:var(--grey);font-size:16px}
.sr-sek-pris{padding-top:0}
@media (min-width:900px){
  .sr-vad{grid-template-columns:5fr 6fr;gap:72px;align-items:center}
  .sr-calc{padding:36px 36px 30px;border-radius:36px;grid-template-columns:1fr;gap:28px}
  .calc-dl dd{font-size:40px}
  .sr-pris{grid-template-columns:1fr 1fr;gap:20px}
  .sp{border-radius:28px;padding:32px 30px}
  .sp h3{font-size:26px}
}