/* Comfortable, consistent profile controls across phone and desktop screens. */
.profile-photo-guidance{margin:20px 0;padding:16px 0;line-height:1.6;color:var(--muted)}
.profile-services .notice{margin-block:18px;padding-block:16px}
.profile-services .badge+.notice{margin-top:20px}
.cgs-clear-field{display:block;position:relative;min-width:0;width:100%}
.field>.cgs-clear-field{margin:0!important;font:inherit!important}
.cgs-clear-field>input,.cgs-clear-field>textarea{box-sizing:border-box;max-width:100%;width:100%;padding-inline-end:48px!important}
.cgs-clear-field>textarea{padding-inline-end:48px!important}
.cgs-clear-field>.cgs-field-clear{position:absolute;inset-inline-end:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:24px;line-height:1;box-shadow:none}
.cgs-clear-field:has(>textarea)>.cgs-field-clear{top:4px;transform:none}
.cgs-clear-field>.cgs-field-clear[hidden]{display:none}
.cgs-clear-field>.cgs-field-clear:hover,.cgs-clear-field>.cgs-field-clear:focus-visible{background:var(--paler);color:var(--green);outline:2px solid var(--green);outline-offset:-2px}
.cgs-clear-field>input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.cgs-feature-label>.cgs-clear-field,.dp-search-row>.cgs-clear-field{flex:1;min-width:0;width:auto}
.cgs-feature-label .cgs-clear-field>input[type=search]{padding-inline-end:48px!important}
.demand-preferences .dp-search-row .cgs-clear-field>input{width:100%}
.native-select-heading{flex-wrap:wrap}
.native-select-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-inline-start:auto}
.native-select-actions>button{min-width:54px;min-height:44px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--green);font:inherit;font-weight:700}
.native-select-actions>button:focus-visible{outline:2px solid var(--green)}
.account-location-picker>.cgs-help{margin-block:8px 16px}
.account-location-picker .address-actions{display:flex;flex-wrap:wrap;gap:10px}
.account-location-picker .address-actions>.btn{min-height:44px}
@media(max-width:480px){.native-select-heading>h2{flex:1 1 100%}.native-select-actions{width:100%;justify-content:flex-end}}