.answer-select { margin-top: 6px; }
.answer-select { position: relative; min-width: 0; font: 400 14px/1.55 system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif; color: #405137; letter-spacing: normal; word-spacing: normal; }
.answer-select .answer-select-trigger {
  display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px;
  min-height: 46px; margin: 0; padding: 11px 14px; border: 1px solid #dce5de; border-radius: 11px;
  background: #fff; color: #405137; text-align: start; font: inherit; font-weight: 400; line-height: 1.55;
  letter-spacing: normal; word-spacing: normal; white-space: normal; cursor: pointer; box-shadow: none;
}
.answer-select-trigger span:first-child { flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.answer-select-trigger span:last-child { color: #728367; font-size: 16px; flex-shrink: 0; transition: transform .18s; }
.answer-select-trigger[aria-expanded=true] span:last-child { transform: rotate(180deg); }
.answer-select .answer-select-trigger[aria-expanded=true] { border-color: #88b75b; box-shadow: 0 0 0 3px #88c54012; }
.answer-select button:disabled { opacity: .55; cursor: default; }
.answer-select .answer-select-menu {
  position: absolute; inset-inline: 0; top: calc(100% + 6px); z-index: 30;
  display: grid; gap: 5px; padding: 7px; border: 1px solid #e0e8e2; border-radius: 14px;
  background: #fff; box-shadow: 0 12px 32px #24491820; max-height: 240px; overflow: auto;
  overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #cfdbd0 #fff;
}
.answer-select .answer-select-menu.is-upward { top: auto; bottom: calc(100% + 6px); }
.answer-select-menu[hidden], .answer-welcome [hidden], #answerForm select[hidden] { display: none !important; }
.answer-select .answer-select-menu > button {
  display: block; width: 100%; min-height: 46px; margin: 0; padding: 11px 14px;
  border: 1px solid transparent; border-radius: 9px; background: #fff; color: #405137;
  text-align: start; font: 400 14px/1.6 system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;
  letter-spacing: normal; word-spacing: normal; white-space: normal; overflow-wrap: anywhere;
  cursor: pointer; box-shadow: none;
}
.answer-select .answer-select-menu > button[aria-selected=true] { background: #edf5e9; color: #365f2b; border-color: #d8e8d1; font-weight: 500; }
.answer-select .answer-select-menu > button:hover { background: #f5f8f2; }
.answer-select .answer-select-menu > button:focus-visible { background: #f0f6eb; outline: 2px solid #88c540; outline-offset: -2px; }
.answer-welcome button:focus-visible, .answer-select-trigger:focus-visible { outline: 2px solid #88c540; outline-offset: 3px; }

select[data-modern][hidden]{display:none!important}
.answer-select .answer-select-menu[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box}
.answer-select-trigger .answer-select-chevron{display:flex;transform:rotate(90deg)}
.answer-select-trigger[aria-expanded=true] .answer-select-chevron{transform:rotate(270deg)}
.answer-select-chevron svg{width:18px;height:18px}
.answer-select .answer-select-menu:not([hidden]){animation:shared-select-open .16s ease-out}
@keyframes shared-select-open{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.answer-select .answer-select-menu:not([hidden]){animation:none}.answer-select-trigger span:last-child{transition:none}}