:where(html[data-datakar-ui="legacy"]) .salary-optional-panel { border:1px solid var(--dk-color-border); border-radius:1rem; background:var(--dk-color-surface); min-width:0; } :where(html[data-datakar-ui="legacy"]) .salary-optional-panel summary { position:relative; display:flex; align-items:center; justify-content:space-between; gap:var(--dk-space-3); min-height:50px; padding:.8rem 1rem; cursor:pointer; color:var(--dk-color-text); font-weight:var(--dk-font-weight-bold); list-style:none; overflow-wrap:anywhere; } :where(html[data-datakar-ui="legacy"]) .salary-optional-panel summary::-webkit-details-marker { display:none; } :where(html[data-datakar-ui="legacy"]) .salary-optional-panel summary::after { content:""; width:.45rem; height:.45rem; flex:0 0 .45rem; border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor; margin-inline:.25rem; color:var(--dk-color-muted); transform:rotate(45deg); transition:transform var(--dk-duration-normal) var(--dk-ease-standard),color var(--dk-duration-fast) var(--dk-ease-standard); } :where(html[data-datakar-ui="legacy"]) .salary-optional-panel[open] summary::after { transform:rotate(225deg); color:var(--dk-color-primary); } :where(html[data-datakar-ui="legacy"]) .salary-optional-panel summary:focus-visible { outline:2px solid var(--dk-color-primary); outline-offset:-3px; border-radius:inherit; } :where(html[data-datakar-ui="legacy"]) .optional-panel-content { padding:0 var(--dk-space-4) var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) .salary-panel-help { margin-bottom:var(--dk-space-4); } :where(html[data-datakar-ui="legacy"]) .salary-option-list { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--dk-space-3); } :where(html[data-datakar-ui="legacy"]) .salary-option-toggle { display:flex; align-items:flex-start; gap:.7rem; cursor:pointer; color:var(--dk-color-text-soft); line-height:1.65; min-width:0; } :where(html[data-datakar-ui="legacy"]) .salary-option-toggle span { min-width:0; overflow-wrap:anywhere; } :where(html[data-datakar-ui="legacy"]) .salary-option-toggle input { width:18px; height:18px; margin-top:.15rem; accent-color:var(--dk-color-primary); flex:0 0 auto; } :where(html[data-datakar-ui="legacy"]) .salary-nested-fields { display:grid; grid-template-columns:minmax(0,1fr); gap:var(--dk-space-4); margin-inline-start:1.7rem; padding:var(--dk-space-4); border-inline-start:2px solid var(--dk-color-border); background:color-mix(in srgb,var(--dk-color-surface-soft) 64%,transparent); border-radius:var(--dk-radius-md); min-width:0; } :where(html[data-datakar-ui="legacy"]) .salary-nested-fields .dk-select-value { min-width:0; overflow-wrap:anywhere; } @media(max-width:24rem) { :where(html[data-datakar-ui="legacy"]) .salary-nested-fields { margin-inline-start:0; padding-inline:.5rem; } } @media(max-width:24rem) { :where(html[data-datakar-ui="legacy"]) .salary-optional-panel summary { padding-inline:.5rem; } }