.area-field{min-width:0;font-size:13px;font-weight:600}
#area-picker{position:relative;margin-top:7px;font-weight:400}
#areas-button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;padding:10px 13px;border:1px solid #d5dcd8;border-radius:6px;background:white;cursor:pointer;list-style:none;font-size:14px}
#areas-button::-webkit-details-marker{display:none}
#areas-button::after{content:'⌄';flex-shrink:0}
#areas-button[aria-expanded=true]::after{content:'⌃'}
#areas-button:focus-visible{outline:3px solid #8eb6a7;outline-offset:2px}
.area-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;background:white;border:1px solid #d5dcd8;border-radius:8px;box-shadow:0 8px 24px #16352b20;padding:12px}
.area-options p{font-size:12px;color:#60736b;margin:0 0 8px}
.area-options fieldset{border:0;padding:0;margin:6px 0;max-height:240px;overflow-y:auto}
.area-options .area-choice{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;font-size:14px;font-weight:400;min-height:38px;padding:5px 4px;cursor:pointer}
.area-options .area-choice input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:#28664e}
.all-choice{border-bottom:1px solid #e4e9e5}
#areas-done{display:block;margin-left:auto;padding:7px 10px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

#areas-button{width:100%;text-align:left;font-family:inherit;color:inherit}