:root{--block-spacing-y: var(--spacing-lg);--block-spacing-x: var(--spacing);--block-margin-y: var(--block-spacing-y);--block-margin-x: var(--block-spacing-x);--block-padding-y: var(--block-spacing-y);--block-padding-x: var(--block-spacing-x)}@media screen and (min-width: 768px){:root{--block-spacing-y: var(--spacing-xxl);--block-spacing-x: var(--spacing-md)}}.salary-calculator{display:flex;flex-direction:column;gap:var(--spacing);position:relative;margin:var(--block-margin-y) var(--block-margin-x)}.editorial .salary-calculator:first-child{margin-top:0}.editorial>.salary-calculator{margin-left:0;margin-right:0}@media screen and (min-width: 768px){.salary-calculator{display:grid;gap:var(--spacing-md) var(--spacing-lg);grid-template-areas:"main summary";grid-template-columns:minmax(0,4fr) minmax(0,3fr)}}@media screen and (min-width: 1024px){.salary-calculator{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}}.salary-calculator--comparison,.salary-calculator--advanced{grid-template-areas:"main summary" "main sidebar";grid-template-rows:auto 1fr auto}.salary-calculator__top{max-width:43.75rem}.salary-calculator__main{grid-area:main;background:var(--color-green-lightest);padding:var(--spacing-md) var(--spacing);color:var(--color-green-dark);display:flex;flex-direction:column;gap:var(--spacing-md);font-size:1rem;line-height:1.5rem}@media screen and (min-width: 768px){.salary-calculator__main{font-size:1.125rem;padding:var(--spacing-lg)}}@media screen and (min-width: 1024px){.salary-calculator__main{gap:var(--spacing-xl)}}.salary-calculator--simple .salary-calculator__main{justify-content:space-between}.salary-calculator__heading{margin-bottom:var(--spacing-xs)}.salary-calculator__form{display:flex;gap:var(--spacing-md);flex-direction:column}@media screen and (min-width: 1024px){.salary-calculator__form{flex-direction:row;flex-wrap:wrap}}.salary-calculator__form label{font-weight:var(--fw-bold);font-size:.875rem;line-height:1.125rem}@media screen and (min-width: 768px){.salary-calculator__form label{font-size:1rem;line-height:1.25rem}}.salary-calculator__form input,.salary-calculator__form select{margin-top:var(--spacing-xs);max-width:initial;font-size:.875rem;line-height:1.125rem}@media screen and (min-width: 768px){.salary-calculator__form input,.salary-calculator__form select{font-size:1rem;line-height:1.25rem}}.salary-calculator__form input[type=checkbox],.salary-calculator__form select[type=checkbox]{margin-top:0}.salary-calculator__form .checkbox{margin-top:0;min-height:3.5rem}.salary-calculator--advanced .salary-calculator__form{flex-direction:column;max-width:28.875rem}@media screen and (min-width: 1024px){.salary-calculator--advanced .salary-calculator__field{display:flex;justify-content:space-between;align-items:center}.salary-calculator--advanced .salary-calculator__field input,.salary-calculator--advanced .salary-calculator__field select{width:17.4375rem}}.salary-calculator__field{flex:1 0 0%}.salary-calculator__disabled{background-color:var(--color-grey);min-height:3.5rem;font-size:1rem;line-height:1.25rem;padding:var(--spacing);display:flex;align-items:center}.salary-calculator__reset-button{text-decoration:underline;text-decoration-thickness:.0625rem;color:var(--color-green-dark);text-underline-offset:.2em;background:transparent;border:none;padding:0;font-weight:var(--fw-bold);font-size:1.125rem}.salary-calculator__reset-button:hover,.salary-calculator__reset-button:focus,.salary-calculator__reset-button:active{text-decoration-thickness:.125rem;text-decoration-color:var(--color-green)}.salary-calculator__sidebar{grid-area:sidebar;display:flex;flex-direction:column;gap:var(--spacing-md)}.salary-calculator__summary{grid-area:summary;z-index:2;font-weight:var(--fw-light);display:flex;flex-direction:column-reverse}@media screen and (min-width: 768px){.salary-calculator__summary{gap:var(--spacing-md);flex-direction:column}}.salary-calculator__summary-illustration{display:none;max-width:100%;width:15.3125rem;margin:0 auto var(--spacing-md)}@media screen and (min-width: 768px){.salary-calculator__summary-illustration{display:block}}.salary-calculator__summary-main{background:var(--color-yellow-light);padding:var(--spacing-md) var(--spacing);color:var(--color-green-dark);font-size:.875rem;line-height:1.125rem}@media screen and (min-width: 768px){.salary-calculator__summary-main{padding:var(--spacing-md);font-size:1rem;line-height:1.25rem}}.salary-calculator--comparison .salary-calculator__summary,.salary-calculator--advanced .salary-calculator__summary{position:-webkit-sticky;position:sticky;bottom:0}@media screen and (min-width: 768px){.salary-calculator--comparison .salary-calculator__summary,.salary-calculator--advanced .salary-calculator__summary{position:relative}}@media screen and (max-width: 767px){.salary-calculator--comparison .salary-calculator__summary,.salary-calculator--advanced .salary-calculator__summary{margin-left:calc(var(--spacing) * -1);margin-right:calc(var(--spacing) * -1)}}.salary-calculator--simple .salary-calculator__summary{flex-grow:1}.salary-calculator__details{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,5fr);gap:var(--spacing) var(--spacing-md);margin:0}@media screen and (min-width: 768px){.salary-calculator__details{gap:var(--spacing-md)}}.salary-calculator__details dt{margin:0}.salary-calculator__details dd{margin:0;font-weight:var(--fw-bold);align-self:flex-end}.salary-calculator__details dd svg{color:var(--color-green)}.salary-calculator__details small{display:block;font-size:inherit}.salary-calculator--comparison .salary-calculator__details dt{white-space:nowrap}.salary-calculator__summary-text{border-top:1px solid currentColor;padding-top:var(--spacing);margin-top:var(--spacing)}@media screen and (min-width: 768px){.salary-calculator__summary-text{padding-top:var(--spacing-md);margin-top:var(--spacing-md)}}.salary-calculator__summary-warning{display:flex;padding:var(--spacing-sm) var(--spacing);background:var(--color-red-light);color:var(--color-green-dark);gap:var(--spacing-sm);font-size:1rem;line-height:1.25rem}@media screen and (min-width: 768px){.salary-calculator__summary-warning{padding:var(--spacing-md)}}.salary-calculator__summary-warning svg{flex-shrink:0;width:1.875rem;height:1.875rem}.salary-calculator__email{background:var(--color-yellow-dark);padding:var(--spacing-md) var(--spacing);font-size:.875rem;line-height:1.125rem}@media screen and (min-width: 768px){.salary-calculator__email{padding:var(--spacing-md);font-size:1rem;line-height:1.25rem}}.salary-calculator__email-label{font-weight:var(--fw-bold)}.salary-calculator__email-input{margin:var(--spacing-xs) 0 var(--spacing)}