;.button{transition:all var(--transition-duration);cursor:pointer;border:2px solid var(--color-accent-blue-light);background-color:var(--color-accent-blue-light);padding:1em;color:#000;line-height:1}.button:hover,.button:focus{background-color:var(--color-accent-blue-lighter)}.button:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-blue-lighter)}.button:disabled{opacity:.6;pointer-events:none}.form{display:flex;flex-direction:column}.formField{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr;grid-template-areas:"label" "input" "error" "help";margin-block-end:1em}.formField:has([type=radio]),.formField:has([type=checkbox]){grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:"input label" "error error" "help help";margin-block-end:0rem}.formField label{grid-area:label;padding-block-end:.25rem;width:fit-content;font-weight:700}.formField:has([type=radio]) label,.formField:has([type=checkbox]) label{margin-block-end:.25rem;padding-inline-start:.25rem;padding-block-end:0rem}.formField input,.formField fieldset{grid-area:input}.formField input:has(+*){margin-block-end:.25rem}.formFieldError{grid-area:error;margin-block:0rem .25rem;color:var(--color-error)}.formFieldHelp{grid-area:help}.formFieldHelp summary{cursor:pointer}.formFieldHelp[open] summary{margin-block-end:.85em}.formFieldSet{display:flex;flex-direction:column;margin-block-end:1em;border:none;padding:0}.formFieldSet legend{margin-block-end:1.15em;padding:0;font-weight:700;font-size:1.5rem}.formFieldSet .formFieldSet legend{margin-block-end:.25em;font-weight:700;font-size:initial}.formFieldSetError{margin-block:0rem .25rem;color:var(--color-error)}.formFieldSetHelp{margin-top:.25rem}.formFieldSetHelp summary{cursor:pointer}.formFieldSetHelp[open] summary{margin-block-end:.85em}.inputNumber::-webkit-outer-spin-button,.inputNumber::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inputNumber{-moz-appearance:textfield;transition:all var(--transition-duration);transition-timing-function:ease-out;border:2px solid var(--color-input-border);background-color:var(--color-input-background);padding:1em;line-height:1}.inputNumber:hover,.inputNumber:focus{transition-timing-function:ease-in;border-color:var(--color-accent-blue)}.inputNumber:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-blue-lighter)}.inputNumber:has(+[role=alert]){border-color:var(--color-error)}.inputNumber:has(+[role=alert]):focus{box-shadow:0 0 0 2px var(--color-error-light)}.inputRadio{display:flex;position:relative}.inputRadio input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%}.inputRadio label{padding-inline-start:.25rem}.inputRadioReplacer{transition:all var(--transition-duration);border:2px solid var(--color-input-border);border-radius:50%;width:1lh;height:1lh}.inputRadio input:hover+.inputRadioReplacer,.inputRadio input:focus+.inputRadioReplacer{border-color:var(--color-accent-blue)}.inputRadio input:focus+.inputRadioReplacer{box-shadow:0 0 0 2px var(--color-accent-blue-lighter)}:checked+.inputRadioReplacer{outline:4px solid white;outline-offset:-6px;border-color:var(--color-accent-blue);background-color:var(--color-accent-blue)}:has(+[role=alert]) .inputRadio input:focus+.inputRadioReplacer{border-color:var(--color-error)}:has(+[role=alert]) .inputRadio input:focus+.inputRadioReplacer{box-shadow:0 0 0 2px var(--color-error-light)}.inputCurrency{transition:all var(--transition-duration);transition-timing-function:ease-out;border:2px solid var(--color-input-border);background-color:var(--color-input-background);padding:1em;line-height:1}.inputCurrency:hover,.inputCurrency:focus{transition-timing-function:ease-in;border-color:var(--color-accent-blue)}.inputCurrency:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-blue-lighter)}.inputCurrency:has(+[role=alert]){border-color:var(--color-error)}.inputCurrency:has(+[role=alert]):focus{box-shadow:0 0 0 2px var(--color-error-light)}.inputSelect{appearance:none;transition:all var(--transition-duration);transition-timing-function:ease-out;cursor:pointer;border:2px solid var(--color-input-border);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1em center;background-size:1.5em 1.5em;background-repeat:no-repeat;background-color:var(--color-input-background);padding:1em 3em 1em 1em;width:100%;line-height:1}.inputSelect:hover,.inputSelect:focus{transition-timing-function:ease-in;border-color:var(--color-accent-blue)}.inputSelect:focus{outline:none;box-shadow:0 0 0 2px var(--color-accent-blue-lighter)}.inputSelect:has(+[role=alert]){border-color:var(--color-error)}.inputSelect:has(+[role=alert]):focus{box-shadow:0 0 0 2px var(--color-error-light)}.resultTable{display:flex;flex-direction:column;gap:1rem}.resultTable table{border-collapse:collapse;width:100%}.resultTable tr{display:flex;border-bottom:1px solid light-dark(rgb(118,118,118),rgb(133,133,133));padding-block:.5rem}.resultTable [scope=row]{flex:1;text-align:start}.resultTable tr:nth-child(odd){background-color:textfield}.yesNoGroup{display:flex;flex-wrap:wrap;gap:1rem}.alert{border:1px solid var(--color-primary);border-inline-start-width:4px;padding:16px}.alertList{display:flex;flex-direction:column;gap:16px}.parentalContributionForm{display:flex;flex-direction:column;gap:3rem}.resultOverview{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.fieldInput{transition:all var(--transition-duration);transition-timing-function:ease-out;cursor:pointer;border:none;background-color:transparent}.fieldInput:hover,.fieldInput:focus{color:var(--color-accent-blue);text-decoration:underline}.appNav{display:flex;justify-content:end;margin-block-end:3rem}.debug{display:flex;flex-direction:column;gap:1rem;margin-block-start:3rem;border-radius:.5rem;background-color:#ededed;padding:1rem}calculation-tool:focus {color:#000!important;background-color:#fff!important;border:none!important;}
