:where(html[data-datakar-ui="legacy"]) :is(.tax-page,.salary-page) { padding-block:var(--dk-space-5) 0; } :where(html[data-datakar-ui="legacy"]) :is(.tax-hero,.salary-hero) { padding-block:0 var(--dk-space-2); } :where(html[data-datakar-ui="legacy"]) :is(.tax-hero-topline,.salary-hero-topline) { display:flex; align-items:center; justify-content:space-between; gap:var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) :is(.tax-heading,.salary-heading) { display:flex; align-items:center; gap:var(--dk-space-2); margin:0; font-size:1.25rem; line-height:1.6; font-weight:var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) h1:is(.tax-heading,.salary-heading) { font-size:clamp(1.5rem,3vw,1.75rem); } :where(html[data-datakar-ui="legacy"]) :is(.tax-heading,.salary-heading)::before { content:""; flex:0 0 auto; width:5px; height:16px; border-radius:var(--dk-radius-pill); background:var(--dk-color-primary); } :where(html[data-datakar-ui="legacy"]) :is(.tax-intro,.salary-intro,.tax-closing p,.salary-closing p) { max-width:64ch; margin:var(--dk-space-3) 0 0; color:var(--dk-color-text-soft); line-height:1.9; } :where(html[data-datakar-ui="legacy"]) :is(.tax-text-link,.salary-text-link) { color:var(--dk-color-link); text-decoration:none; font-size:var(--dk-font-size-sm); font-weight:var(--dk-font-weight-bold); white-space:normal; overflow-wrap:anywhere; } :where(html[data-datakar-ui="legacy"]) :is(.tax-text-link,.salary-text-link):hover, :where(html[data-datakar-ui="legacy"]) :is(.tax-text-link,.salary-text-link):focus-visible { text-decoration:underline; text-underline-offset:.18em; } :where(html[data-datakar-ui="legacy"]) :is(.tax-docs-link,.salary-docs-link) { display:inline-block; margin-top:var(--dk-space-3); } :where(html[data-datakar-ui="legacy"]) :is(.tax-law-note,.salary-law-note) { margin-top:var(--dk-space-4); line-height:1.75; } :where(html[data-datakar-ui="legacy"]) :is(.tax-section,.salary-section) { margin-block:2rem; scroll-margin-top:92px; } :where(html[data-datakar-ui="legacy"]) :is(.tax-form,.salary-form) { display:grid; grid-template-columns:minmax(0,1fr); gap:1.25rem; margin-top:var(--dk-space-4); padding:1.25rem; } :where(html[data-datakar-ui="legacy"]) :is(.tax-form,.salary-form) > *, :where(html[data-datakar-ui="legacy"]) .dk-field { min-width:0; overflow-wrap:anywhere; grid-template-columns:minmax(0,1fr); } :where(html[data-datakar-ui="legacy"]) :is(.tax-currency-fieldset,.salary-currency-fieldset) { display:grid; gap:var(--dk-space-2); min-width:0; } :where(html[data-datakar-ui="legacy"]) :is(.tax-field-label,.salary-field-label) { margin-bottom:var(--dk-space-2); color:var(--dk-color-text); font-weight:var(--dk-font-weight-bold); } :where(html[data-datakar-ui="legacy"]) :is(.tax-input-with-unit,.salary-input-with-unit) { position:relative; display:block; } :where(html[data-datakar-ui="legacy"]) :is(.tax-input-with-unit,.salary-input-with-unit) .dk-input { padding-inline-end:min(4.5rem,45%); } :where(html[data-datakar-ui="legacy"]) :is(.tax-input-unit,.salary-input-unit) { position:absolute; inset-inline-end:.8rem; top:50%; transform:translateY(-50%); color:var(--dk-color-muted); font-size:var(--dk-font-size-sm); pointer-events:none; } :where(html[data-datakar-ui="legacy"]) :is(.tax-exchange-group,.salary-exchange-group) { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--dk-space-2); padding:var(--dk-space-4); border:1px solid var(--dk-color-border); border-radius:1rem; background:var(--dk-color-surface-soft); } :where(html[data-datakar-ui="legacy"]) .exchange-input { position:relative; display:flex; align-items:center; gap:.65rem; width:100%; box-sizing:border-box; min-height:var(--dk-input-min-height); padding:0 .9rem; border:1px solid var(--dk-color-border); border-radius:var(--dk-radius-md); background:var(--dk-color-surface); direction:ltr; } :where(html[data-datakar-ui="legacy"]) .exchange-input:focus-within { border-color:var(--dk-color-focus); } :where(html[data-datakar-ui="legacy"]) .exchange-input > span { flex:0 0 auto; white-space:nowrap; color:var(--dk-color-muted); font-size:.9rem; pointer-events:none; } :where(html[data-datakar-ui="legacy"]) .exchange-input #exchange-rate { flex:1 1 0; width:0; min-width:0; border:0; outline:0; box-shadow:none; background:transparent; padding:.7rem .25rem; text-align:center; direction:ltr; border-radius:0; appearance:textfield; } :where(html[data-datakar-ui="legacy"]) .exchange-input #exchange-rate::-webkit-inner-spin-button, :where(html[data-datakar-ui="legacy"]) .exchange-input #exchange-rate::-webkit-outer-spin-button { appearance:none; margin:0; } :where(html[data-datakar-ui="legacy"]) #dab-status { margin:0; font-size:.82rem; line-height:1.75; font-weight:400; color:var(--dk-color-muted); } :where(html[data-datakar-ui="legacy"]) :is(.tax-form-actions,.salary-form-actions) { display:flex; flex-wrap:wrap; gap:.75rem; } :where(html[data-datakar-ui="legacy"]) :is(.tax-form-actions,.salary-form-actions) button { width:auto; flex:0 0 auto; max-width:100%; } :where(html[data-datakar-ui="legacy"]) :is(.tax-results,.salary-results) { margin-top:var(--dk-space-4); padding:0; overflow:hidden; } :where(html[data-datakar-ui="legacy"]) :is(.tax-results,.salary-results) dl { margin:0; } :where(html[data-datakar-ui="legacy"]) :is(.tax-primary-results,.salary-primary-results) { display:grid; grid-template-columns:minmax(0,1fr); gap:0; padding:0; background:linear-gradient(115deg,rgb(230 126 34 / .08),rgb(58 184 170 / .05)); border:0; border-bottom:1px solid var(--dk-color-border); } :where(html[data-datakar-ui="legacy"]) :is(.tax-supporting-results,.salary-supporting-results) { display:block; padding:0; gap:0; } :where(html[data-datakar-ui="legacy"]) :is(.tax-result-row,.salary-result-row,.tax-primary-result) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:start; gap:.75rem; padding:1rem 1.2rem; margin:0; border:0; background:transparent; font-size:1rem; line-height:1.8; } :where(html[data-datakar-ui="legacy"]) :is(.tax-result-row,.salary-result-row,.tax-primary-result) + :is(.tax-result-row,.salary-result-row,.tax-primary-result) { border-top:1px solid var(--dk-color-border); } :where(html[data-datakar-ui="legacy"]) :is(.tax-result-row,.salary-result-row,.tax-primary-result) dt { max-width:none; margin:0; line-height:1.8; color:var(--dk-color-muted); } :where(html[data-datakar-ui="legacy"]) :is(.tax-primary-result,.salary-primary-result) dt { font-size:var(--dk-font-size-sm); } :where(html[data-datakar-ui="legacy"]) :is(.tax-result-row,.salary-result-row,.tax-primary-result) dd { max-width:none; min-width:0; margin:0; text-align:end; line-height:1.8; overflow-wrap:anywhere; color:var(--dk-color-text); font-size:1rem; font-weight:700; } :where(html[data-datakar-ui="legacy"]) :is(.tax-calculation-rule,.salary-calculation-rule) { font-weight:var(--dk-font-weight-regular)!important; } :where(html[data-datakar-ui="legacy"]) .result-money-primary { display:block; direction:ltr; unicode-bidi:isolate; font-size:1rem; font-weight:700; line-height:1.7; margin:0; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; } :where(html[data-datakar-ui="legacy"]) .result-money-secondary { display:block; margin-top:.2rem; color:var(--dk-color-muted); font-size:.82rem; font-weight:400; line-height:1.7; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; } :where(html[data-datakar-ui="legacy"]) :is(.tax-table-wrap,.salary-table-wrap) { margin-top:var(--dk-space-4); overflow:auto; max-width:100%; border:1px solid var(--dk-color-border); border-radius:var(--dk-radius-lg); } :where(html[data-datakar-ui="legacy"]) :is(.tax-table,.salary-tax-table) { width:100%; border-collapse:collapse; min-width:560px; background:var(--dk-color-surface); } :where(html[data-datakar-ui="legacy"]) :is(.tax-table,.salary-tax-table) :is(th,td) { padding:.85rem 1rem; border-bottom:1px solid var(--dk-color-border); text-align:start; vertical-align:top; line-height:1.7; } :where(html[data-datakar-ui="legacy"]) :is(.tax-table,.salary-tax-table) th { background:var(--dk-color-surface-soft); color:var(--dk-color-text); font-size:var(--dk-font-size-sm); } :where(html[data-datakar-ui="legacy"]) :is(.tax-table,.salary-tax-table) tbody tr:last-child td { border-bottom:0; } :where(html[data-datakar-ui="legacy"]) :is(.tax-rate-note,.salary-rate-note) { margin:var(--dk-space-3) 0 0; color:var(--dk-color-muted); font-size:var(--dk-font-size-sm); line-height:1.75; } :where(html[data-datakar-ui="legacy"]) :is(.tax-closing,.salary-closing) { padding-bottom:var(--dk-space-2); } :where(html[data-datakar-ui="legacy"]) :is(.tax-results,.salary-results).is-updated { animation:legacy-result-pulse 360ms var(--dk-ease-standard); } @keyframes legacy-result-pulse { 0% { transform:translateY(2px); opacity:.82; } 100% { transform:translateY(0); opacity:1; } } @media(max-width:620px) { :where(html[data-datakar-ui="legacy"]) :is(.tax-page,.salary-page) { padding-block-start:var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) :is(.tax-hero-topline,.salary-hero-topline) { align-items:flex-start; } } @media(max-width:380px) { :where(html[data-datakar-ui="legacy"]) :is(.tax-result-row,.salary-result-row,.tax-primary-result) { gap:.5rem; padding:.85rem; } :where(html[data-datakar-ui="legacy"]) .exchange-input { padding-inline:.65rem; gap:.4rem; } } @media(prefers-color-scheme:dark) { :where(html[data-datakar-ui="legacy"]) :is(.tax-primary-results,.salary-primary-results) { background:var(--dk-color-surface-soft); } } @media(prefers-reduced-motion:reduce) { :where(html[data-datakar-ui="legacy"]) :is(.tax-results,.salary-results).is-updated { animation:none; } } @media(max-width:24rem) { :where(html[data-datakar-ui="legacy"]) :is(.tax-hero-topline,.salary-hero-topline) { flex-wrap:wrap; } :where(html[data-datakar-ui="legacy"]) .dk-segmented-option span { overflow-wrap:anywhere; } :where(html[data-datakar-ui="legacy"]) .exchange-input { flex-wrap:wrap; } :where(html[data-datakar-ui="legacy"]) .exchange-input #exchange-rate { flex:1 1 4ch; width:auto; } } :where(html[data-datakar-ui="legacy"]) :is(.tax-hero-topline,.salary-hero-topline) > a { flex:0 0 auto; max-width:100%; } :where(html[data-datakar-ui="legacy"]) .tax-primary-result:not(.tax-result-row) { line-height:var(--dk-line-height); } @media(max-width:620px) { :where(html[data-datakar-ui="legacy"]) :is(.tax-exchange-fixed,.salary-exchange-fixed) { text-align:center; } } @media(max-width:24rem) { :where(html[data-datakar-ui="legacy"]) :is(.tax-form,.salary-form) { padding:.75rem; } :where(html[data-datakar-ui="legacy"]) :is(.tax-result-row,.salary-result-row,.tax-primary-result) { grid-template-columns:minmax(0,1fr); } } :where(html[data-datakar-ui="legacy"]) .tax-result-row dd { font-variant-numeric:tabular-nums; } :where(html[data-datakar-ui="legacy"]) [data-tool-first] :is(.tax-hero-topline,.salary-hero-topline) { flex-wrap:wrap; row-gap:.5rem; } :where(html[data-datakar-ui="legacy"]) [data-tool-first] :is(.tax-hero-topline,.salary-hero-topline) > a { flex:0 0 auto; max-width:100%; overflow-wrap:anywhere; white-space:normal; } :where(html[data-datakar-ui="legacy"]) [data-tool-first] .tool-essential { margin-block:.75rem 0; max-width:70ch; line-height:1.75; } :where(html[data-datakar-ui="legacy"]) [data-tool-first] :is(.tax-hero,.salary-hero) + section { margin-block-start:1.25rem; } :where(html[data-datakar-ui="legacy"]) [data-tool-first] .tax-hero .tax-docs-link { margin-block-start:.5rem; }