/* Shared searchable select control for public forms. */
.searchable-select{position:relative;min-width:0}
.searchable-select-native{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;border:0!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.searchable-select-input{display:block;width:100%;min-width:0;min-height:38px;padding:8px 36px 8px 10px;border:1px solid #d8cabc;border-radius:5px;background:#fffdf8;color:#4d3c32;font:inherit;font-size:12px;line-height:1.4}
.searchable-select-input::placeholder{color:#a18d7e;opacity:1}
.searchable-select-input:hover{border-color:#b8a99a}
.searchable-select-input:focus{border-color:var(--poetry-green,#0d4a39);outline:0;box-shadow:0 0 0 3px rgba(13,74,57,.12)}
.searchable-select-input:disabled{cursor:not-allowed;opacity:.62;background:#f2eee7}
.searchable-select-indicator{position:absolute;top:50%;right:11px;z-index:1;display:grid;place-items:center;pointer-events:none;transform:translateY(-50%);color:var(--poetry-green,#0d4a39);font-size:17px;line-height:1}
.searchable-select-menu{position:absolute;top:calc(100% + 5px);right:0;left:0;z-index:60;max-height:230px;overflow:auto;padding:5px;border:1px solid #d8cabc;border-radius:7px;background:#fffdf8;box-shadow:0 12px 24px rgba(58,43,32,.14)}
.searchable-select-option{display:block;width:100%;padding:9px 10px;border:0;border-radius:4px;background:transparent;color:#4d3c32;font:inherit;font-size:12px;line-height:1.35;text-align:left;cursor:pointer}
.searchable-select-option:hover,.searchable-select-option:focus-visible,.searchable-select-option[aria-selected="true"]{background:#f2e7da;color:var(--poetry-ink,#13251b);outline:0}
.searchable-select-option:disabled{cursor:not-allowed;opacity:.5}
.searchable-select-empty{margin:0;padding:9px 10px;color:#a18d7e;font-size:11px;text-align:center}
.poetry-filter .searchable-select{min-width:132px}
.poetry-filter .searchable-select-input{min-height:30px;padding-block:5px;font-size:10px}
.poetry-filter .searchable-select-indicator{right:8px;font-size:15px}
@media (max-width:760px){
  .poetry-filter .searchable-select{min-width:0}
}
