:root{--color-white:#fff;--color-primary-text:#1c1c1c;--color-error-red:#a70000;--color-grey:#58595b;--color-green:#278a43}section.section-dscr-calculator{h2,p{text-align:center}button{background-color:var(--color-green);border:none;border-radius:16px;color:var(--color-white);font-size:1.5em;padding:.5em 2em}}div#calculatorDSCR{margin:2em 0;form{margin:auto;max-width:700px}span.required{color:var(--color-error-red)}.form-field-container{display:inline-block;margin-bottom:24px;position:relative}.form-field-dropdown label,.form-field-textbox label{color:var(--color-primary-text);display:block;font-size:.75em;position:relative;top:4px;transition:all .3s ease}.form-field-button{width:100%}input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],textarea{border:2px solid var(--color-grey);border-radius:5px;color:var(--color-primary-text);font-size:16px;min-width:300px;outline:none;padding:.75em 1em;position:relative}input[type=datetime-local]:hover,input[type=email]:hover,input[type=number]:hover,input[type=password]:hover,input[type=tel]:hover,input[type=text]:hover,select:hover,textarea:hover{border:2px solid var(--color-primary-text)}input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border:2px solid var(--color-green);color:var(--color-primary-text);outline:none}input[type=text].alternative{border:none;border-bottom:2px solid var(--color-grey);border-radius:0;min-width:175px;outline:none;padding:1em;position:relative}input[type=text].alternative:focus{border:none;border-bottom:2px solid var(--color-green);color:var(--color-green);min-width:175px;outline:none;padding:1em}input[type=password]+span.password-toggle,input[type=text]+span.password-toggle{cursor:pointer;left:-45px;position:relative;top:6px}select{background:var(--color-white) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23575757' stroke-linejoin='round' stroke-width='2' d='M8.75 1 5 4.557 1.25 1'/%3E%3C/svg%3E") no-repeat 95% 50%;border:2px solid var(--color-grey);border-radius:5px;color:var(--color-primary-text);font-size:16px;min-width:300px;padding:.75em 1em}select,select.alternative{appearance:none;outline:none}select.alternative{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none' viewBox='0 0 10 6'%3E%3Cpath stroke='%23575757' stroke-linejoin='round' stroke-width='2' d='M8.75 1 5 4.557 1.25 1'/%3E%3C/svg%3E") no-repeat 95% 50%;border:none;border-bottom:2px solid var(--color-green);border-radius:0;color:var(--color-green);min-width:175px;padding:1em}input[type=checkbox],input[type=radio]{accent-color:var(--color-green);color:var(--color-green)}ul.list-items{list-style-type:none;margin:0;padding:0 0 .1em}ul.list-items li{margin:0 0 1.25em}label{border-bottom:2px solid transparent;padding:0 5px 5px 0}label:has(input[type=checkbox]),label:has(input[type=radio]){border:2px solid transparent;line-height:1.75em;transition:all .5s ease}label:has(input[type=checkbox]:checked),label:has(input[type=radio]:checked){border-bottom:2px solid var(--color-green-light);color:var(--color-green);padding:0 5px 5px 0;transition:all .5s ease}.form-field-checkbox-single label:has(input[type=checkbox]){display:inline-block;padding-bottom:1em;padding-left:25px;text-indent:-25px}input[disabled]{background-color:var(--color-white)}.error-red{background-color:var(--color-error-red)}.validation-message{display:none;min-width:300px}.form-field-container:has(input[type=datetime-local]:invalid):after,.form-field-container:has(input[type=email]:invalid):after,.form-field-container:has(input[type=number]:not(:placeholder-shown):invalid):after,.form-field-container:has(input[type=password]:invalid):after,.form-field-container:has(input[type=tel]:invalid):after,.form-field-container:has(input[type=text]:not(:placeholder-shown):invalid):after,.form-field-container:has(select:invalid):after,.form-field-container:has(textarea:invalid):after{color:var(--color-error-red);content:"!";font-size:1.5em;line-height:0;position:absolute;right:.5em;top:1.875em;transition:all .2s ease-in-out}.form-field-container:has(input[type=password]:invalid):after{right:3em}.form-field-container:has(input[type=datetime-local]:invalid):after{right:0}.form-field-container:has(select:invalid):after{right:1.5em}.form-field-container:has(:not(:placeholder-shown):invalid) .validation-message{bottom:-28px;color:var(--color-error-red);display:block;font-size:.8125em;left:0;line-height:1.5em;padding:8px 0 6px;position:absolute;width:auto}.form-field-dropdown:has(:invalid) .validation-message,.form-field-textbox:has(:invalid) .validation-message{border-top-left-radius:0;border-top-right-radius:0}.form-field-container:has(input[type=text]:invalid) label,.form-field-container:has(textarea:invalid) label{color:var(--color-error-red)!important}input[type=datetime-local]:invalid,input[type=email]:invalid,input[type=number]:not(:placeholder-shown):invalid,input[type=password]:invalid,input[type=tel]:invalid,input[type=text]:not(:placeholder-shown):invalid,select:invalid,textarea:invalid{border-color:var(--color-error-red)!important}.form-field-dropdown:has(select:invalid) label{color:var(--color-error-red)!important}.form-field-checkbox-single:has(:invalid) input:before{color:var(--color-error-red)!important;content:"!";font-size:1.5em;left:-1.25em;line-height:0;position:absolute;top:.75em;transition:all .2s ease-in-out}.form-field-container ul.list-items:has(:invalid):before{color:var(--color-error-red)!important;content:"!";font-size:1.5em;left:-1.25em;line-height:0;position:absolute;top:.5em;transition:all .2s ease-in-out}}