.gr{background:var(--white);transition:box-shadow .5s var(--ease-out), transform .5s var(--ease-out);grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);display:grid;box-shadow:0 1px 2px #0907050f,0 12px 24px -8px #0907051f,0 40px 80px -24px #09070547,0 80px 140px -60px #09070559}.gr:hover,.gr:focus-within{transform:translateY(-3px);box-shadow:0 1px 2px #0907050f,0 16px 32px -8px #09070529,0 56px 100px -24px #09070557,0 100px 160px -60px #09070566}.gr__inputs{flex-direction:column;gap:30px;padding:clamp(24px,3vw,44px);display:flex}.gr__group{border:0;flex-direction:column;gap:14px;min-width:0;margin:0;padding:0;display:flex}.gr__group--split{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:20px 48px;display:grid}.gr__cell{flex-direction:column;gap:14px;transition:opacity .25s;display:flex}.gr__cell.is-off{opacity:.45}.gr__legend{color:var(--black);align-items:baseline;gap:10px;padding:0;font-size:16px;font-weight:700;display:flex}.gr__legend>span{letter-spacing:.04em;color:var(--orange);font-size:13px}.gr__opts{gap:10px;display:grid}.gr__opts--2{grid-template-columns:repeat(2,minmax(0,1fr))}.gr__opts--3{grid-template-columns:repeat(3,minmax(0,1fr))}.gr__opts--4{grid-template-columns:repeat(4,minmax(0,1fr))}.gr__opt{cursor:pointer;position:relative}.gr__opt input{opacity:0;pointer-events:none;position:absolute}.gr__body{background:var(--grey-5);height:100%;color:var(--black);transition:background-color .25s, color .25s, box-shadow .25s, transform .3s var(--ease-out);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.gr__body strong{font-size:16px;line-height:1.3}.gr__body small{color:var(--grey-text);font-size:13px;transition:color .25s}.gr__body--icon{align-items:flex-start;gap:10px}.gr__icon,.gr__icons{height:32px;color:var(--black);align-items:center;gap:4px;display:inline-flex}.gr__icons>span{color:var(--grey-text);font-weight:700}.gr__opt:hover .gr__body{background:var(--grey-12)}.gr__opt input:checked+.gr__body{background:var(--black);color:var(--white);box-shadow:inset 0 -3px 0 var(--orange);transform:translateY(-2px)}.gr__opt input:checked+.gr__body small{color:#ffffffb3}.gr__opt input:checked+.gr__body .gr__icon,.gr__opt input:checked+.gr__body .gr__icons{color:var(--white)}.gr__opt input:focus-visible+.gr__body{outline:2px solid var(--red);outline-offset:3px}.gr__stepper{height:52px;box-shadow:inset 0 0 0 1.5px var(--grey-12);align-self:flex-start;align-items:stretch;display:inline-flex}.gr__stepper button{background:var(--grey-5);width:52px;font:inherit;cursor:pointer;color:var(--black);border:0;font-size:24px;line-height:1;transition:background-color .2s}.gr__stepper button:hover{background:var(--grey-12)}.gr__stepper input{text-align:center;width:64px;font:inherit;color:var(--black);background:var(--white);-moz-appearance:textfield;border:0;font-size:22px;font-weight:700}.gr__stepper input::-webkit-outer-spin-button,.gr__stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.gr__switch{cursor:pointer;align-items:center;gap:14px;min-height:52px;font-size:15px;line-height:1.4;display:inline-flex}.gr__switch input{opacity:0;pointer-events:none;position:absolute}.gr__track{background:var(--grey-12);border-radius:15px;flex:none;width:52px;height:30px;transition:background-color .25s;position:relative}.gr__track:after{content:"";background:var(--white);width:24px;height:24px;transition:transform .3s var(--ease-out);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #09070540}.gr__switch input:checked+.gr__track{background:var(--gradient)}.gr__switch input:checked+.gr__track:after{transform:translate(22px)}.gr__switch input:focus-visible+.gr__track{outline:2px solid var(--red);outline-offset:3px}.gr__switch input:disabled~*{cursor:not-allowed}.gr__result{background:var(--black);color:var(--white);flex-direction:column;gap:16px;padding:clamp(24px,3vw,44px);display:flex;position:relative;overflow:hidden}.gr__result:before{content:"";background:var(--gradient-diag);width:90px;height:90px;position:absolute;top:0;right:0}.gr__kicker{color:#ffffffbf;font-size:15px;position:relative}.gr__sum{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:flex-start;gap:6px;margin:0;font-size:clamp(56px,5.4vw,84px);font-weight:700;line-height:1;display:flex;position:relative}.gr__sum sup{margin-top:8px;font-size:26px;top:0}.gr__ca{color:#ffffffbf;margin-top:10px;font-size:22px;font-weight:400}.gr__posten{border-top:1px solid var(--line-dark);margin:0;padding:0;list-style:none}.gr__posten li{border-bottom:1px solid var(--line-dark);color:#ffffffd9;justify-content:space-between;gap:16px;padding:10px 0;font-size:15px;line-height:1.45;display:flex}.gr__posten li span:last-child{white-space:nowrap;color:var(--white);font-weight:700}.gr__info{color:var(--text);margin:0;font-size:15px;line-height:1.55}.gr__info strong{color:var(--black)}.gr__note{color:#ffffffa6;margin:0;font-size:13px;line-height:1.55}.gr__cta{align-self:flex-start;margin-top:auto}@media (width<=1000px){.gr{grid-template-columns:1fr}}@media (width<=600px){.gr__opts--2,.gr__opts--3{grid-template-columns:1fr}.gr__opts--4{grid-template-columns:repeat(2,minmax(0,1fr))}.gr__body{flex-direction:row;justify-content:space-between;align-items:center}.gr__body--icon{flex-direction:row-reverse;justify-content:flex-end;gap:14px}.gr__group--split{grid-template-columns:1fr}.gr__opts--4 .gr__body{flex-direction:column;justify-content:flex-start;align-items:flex-start}}
