.tool-hourly,.tools-unpaid-hours,.tools-unpaid-overtime{gap:40px}.tool-hourly-results{background-color:var(--ciphr-mauve-pink);border-radius:var(--cl-30-60);margin-bottom:var(--cl-36-96);margin-top:var(--cl-36-72);padding-bottom:var(--cl-36-72);padding-top:var(--cl-36-72);text-align:center}.tools-payroll>div{grid-column:span 12}@media (min-width:900px){.tools-payroll{gap:40px}.tools-payroll>div:nth-child(odd){grid-column:span 7}.tools-payroll>div:nth-child(2n){grid-column:9/-1}}.tools-payroll>div:nth-child(2n){background-color:var(--ciphr-white);border-radius:40px;padding:36px}.payroll-total{background-color:var(--ciphr-action-red);border-radius:24px;color:var(--ciphr-white);padding:12px}.tools-payroll input,.tools-payroll select{margin-bottom:var(--cl-18-36)}.tools-unpaid-overtime-results{margin-bottom:var(--cl-36-56);margin-top:var(--cl-36-56)}.tools-unpaid-overtime-results .result1,.tools-unpaid-overtime-results .result2{background-color:var(--ciphr-mauve-pink);border-radius:var(--cl-30-60);padding-bottom:var(--cl-36-72);padding-top:var(--cl-36-72);text-align:center}.tools-unpaid-overtime-results .result3{background-color:var(--ciphr-rich-mauve);border-radius:var(--cl-30-60);color:var(--ciphr-mauve-pink);padding-bottom:var(--cl-36-72);padding-top:var(--cl-36-72);text-align:center}.tools-unpaid-hours-results{margin-bottom:var(--cl-36-56);margin-top:var(--cl-36-56)}.tools-unpaid-hours-results .result1{background-color:var(--ciphr-mauve-pink)}.tools-unpaid-hours-results .result1,.tools-unpaid-hours-results .result2{border-radius:var(--cl-30-60);padding-bottom:var(--cl-36-72);padding-top:var(--cl-36-72);text-align:center}.tools-unpaid-hours-results .result2{background-color:var(--ciphr-rich-mauve);color:var(--ciphr-mauve-pink)}.noUi-handle{border-radius:50px}.noUi-connect{background-color:var(--ciphr-deep-blue)}.noUi-horizontal{height:22px}.tool-ui .selectedValue{margin-top:10px}.tool-ui input,.tool-ui input[type=number],.tool-ui select{background:var(--ciphr-white);border:1px solid var(--ciphr-grey);border-radius:4px;color:var(--ciphr-deep-blue);display:inline-block;font-size:1rem;font-weight:300;max-width:100%;padding:9px 18px;width:100%}.tool-ui select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgZD0ibTYgOCA2IDggNi04Ii8+PC9zdmc+");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;box-shadow:none}