section.content-salary-calculator.lightblue-bg{background-color:#00ccf2;padding-top:32px;padding-bottom:32px}section.content-salary-calculator .ukko-salary-calculators-wrapper{background-color:white;display:flex}@media screen and (max-width:63.9988em){section.content-salary-calculator .ukko-salary-calculators-wrapper{flex-direction:column}}section.content-salary-calculator .calculators-title{font-size:38px;font-weight:700;margin-bottom:48px;line-height:36px;margin-top:24px;color:var(--ukko-blue)}section.content-salary-calculator .calculator-wrapper{padding:32px;width:100%}@media screen and (min-width:768px){section.content-salary-calculator .calculator-wrapper{width:50%}}section.content-salary-calculator .salary-calculator-wrapper{display:flex;gap:30px}section.content-salary-calculator .salary-calculator-slider{width:85%;display:flex;align-items:center}section.content-salary-calculator.both-calculators .salary-calculator-slider{width:80%}section.content-salary-calculator .salary-calculator-input{width:12%;display:flex;align-items:center}section.content-salary-calculator.both-calculators .salary-calculator-input{width:20%}section.content-salary-calculator.both-calculators .purple h3{color:var(--ukko-purple)}section.content-salary-calculator.both-calculators .royal-blue h3{color:var(--ukko-blue)}section.content-salary-calculator.both-calculators .orange h3{color:var(--ukko-orange)}section.content-salary-calculator.both-calculators .purple h3,section.content-salary-calculator.both-calculators .royal-blue h3,section.content-salary-calculator.both-calculators .orange h3{font-weight:700;font-size:30px}@media screen and (max-width:95em){section.content-salary-calculator .salary-calculator-input,section.content-salary-calculator.both-calculators .salary-calculator-input{width:25%}section.content-salary-calculator .salary-calculator-slider,section.content-salary-calculator.both-calculators .salary-calculator-slider{width:75%}section.content-salary-calculator.both-calculators .purple h3,section.content-salary-calculator.both-calculators .royal-blue h3,section.content-salary-calculator.both-calculators .orange h3{font-size:27px}}@media screen and (max-width:77.75em){section.content-salary-calculator .salary-calculator-input,section.content-salary-calculator.both-calculators .salary-calculator-input{width:30%}section.content-salary-calculator .salary-calculator-slider,section.content-salary-calculator.both-calculators .salary-calculator-slider{width:70%}}@media screen and (max-width:30em){section.content-salary-calculator .salary-calculator-input,section.content-salary-calculator.both-calculators .salary-calculator-input{width:42%}section.content-salary-calculator .salary-calculator-slider,section.content-salary-calculator.both-calculators .salary-calculator-slider{width:58%}}section.content-salary-calculator .salary-calculator-input .currency,section.content-salary-calculator .salary-calculator-input .percent{padding-left:.5em;font-weight:500}section.content-salary-calculator .salary-calculator-input input{border:1px solid #d9d9d9;border-radius:8px;box-shadow:inset 0 2px 4px rgba(0,0,0,.29);padding:.75em;font-weight:500;width:100%;text-align:center}section.content-salary-calculator .salary-calculator-input input[type="number"]::-webkit-outer-spin-button,section.content-salary-calculator .salary-calculator-input input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}section.content-salary-calculator .salary-calculator-input input[type="number"]{-moz-appearance:textfield}section.content-salary-calculator p.billed-and-net-amount{font-size:1.25em;margin-bottom:1em}section.content-salary-calculator .royal-blue p.vat-relief{margin-bottom:1em}section.content-salary-calculator h2{text-align:center}section.content-salary-calculator h4{font-weight:400;font-size:1em;font-style:normal;margin-bottom:0}section.content-salary-calculator .purple #net-amount-ky,section.content-salary-calculator .purple .salary-calculator-input input,section.content-salary-calculator .purple .salary-calculator-input .currency,section.content-salary-calculator .purple .salary-calculator-input .percent,body section.content-salary-calculator .purple #ukko-salary-netamount p a{color:var(--ukko-purple)}section.content-salary-calculator .royal-blue #net-amount-tlp,section.content-salary-calculator .royal-blue .salary-calculator-input input,section.content-salary-calculator .royal-blue .salary-calculator-input .currency,section.content-salary-calculator .royal-blue .salary-calculator-input .percent,body section.content-salary-calculator .royal-blue #ukko-salary-netamount-tlp p a{color:var(--ukko-blue)}section.content-salary-calculator .orange #net-amount-tmi,section.content-salary-calculator .orange .salary-calculator-input input,section.content-salary-calculator .orange .salary-calculator-input .currency,section.content-salary-calculator .orange .salary-calculator-input .percent,body section.content-salary-calculator .orange #ukko-salary-netamount-tmi p a{color:var(--ukko-orange)}section.content-salary-calculator :is(#ukko-salary-netamount,#ukko-salary-netamount-tlp,#ukko-salary-netamount-ky) a.ukko-cta-button:is(.purple,.royal-blue,.orange){color:white}section.content-salary-calculator .rangeslider__fill{position:absolute}section.content-salary-calculator .purple .rangeslider__fill,section.content-salary-calculator .purple .rangeslider__handle:after{background:var(--ukko-purple)}section.content-salary-calculator .royal-blue .rangeslider__fill,section.content-salary-calculator .royal-blue .rangeslider__handle:after{background:var(--ukko-blue)}section.content-salary-calculator .orange .rangeslider__fill,section.content-salary-calculator .orange .rangeslider__handle:after{background:var(--ukko-orange)}#ukko-salary-netamount,#ukko-salary-netamount-tlp{padding-top:32px}section.content-salary-calculator :is(#ukko-salary-netamount,#ukko-salary-netamount-tlp,#ukko-salary-netamount-ky) p a.ukko-cta-button{margin-top:16px}@media only screen and (max-width:77.749988em){section.content-salary-calculator .content__container{padding:1em 0}section.content-salary-calculator .calculators-title{margin-top:0;hyphens:auto;word-wrap:break-word}#ukko-salary-netamount{padding:0}section.content-salary-calculator .content__wrapper{padding:2.5em}}