/* react-select's default look (emotion styles, v5) for the search box in
   templates/partials/content_search.html. Selectors are wrapped in :where() so each
   rule keeps the single-class specificity emotion had — the ported
   `.Home__searchable>div` rule in site.css must still win over them, as on live. */
:where(.wh-select) { position: relative; box-sizing: border-box; }
:where(.wh-select) .css-7pg0cj-a11yText { z-index: 9999; border: 0; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0; white-space: nowrap; }
:where(.wh-select) .css-13cymwt-control { -webkit-box-align: center; align-items: center; cursor: default; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; min-height: 38px; outline: 0 !important; position: relative; transition: all 100ms; background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 80%); border-radius: 4px; border-style: solid; border-width: 1px; box-sizing: border-box; }
:where(.wh-select) .css-13cymwt-control:hover { border-color: hsl(0, 0%, 70%); }
:where(.wh-select) :where(.css-13cymwt-control.is-focused) { border-color: #2684FF; box-shadow: 0 0 0 1px #2684FF; }
:where(.wh-select) .css-hlgwow { -webkit-box-align: center; align-items: center; display: grid; flex: 1; flex-wrap: wrap; -webkit-overflow-scrolling: touch; position: relative; overflow: hidden; padding: 2px 8px; box-sizing: border-box; }
:where(.wh-select) .css-1jqq78o-placeholder { grid-area: 1 / 1 / 2 / 3; color: hsl(0, 0%, 50%); margin-left: 2px; margin-right: 2px; box-sizing: border-box; }
:where(.wh-select) .css-1jqq78o-placeholder.is-value { color: hsl(0, 0%, 20%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:where(.wh-select) .css-19bb58m { visibility: visible; flex: 1 1 auto; display: inline-grid; grid-area: 1 / 1 / 2 / 3; grid-template-columns: 0 min-content; margin: 2px; padding-bottom: 2px; padding-top: 2px; color: hsl(0, 0%, 20%); box-sizing: border-box; }
:where(.wh-select) .css-19bb58m::after { content: attr(data-value) " "; visibility: hidden; white-space: pre; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0; margin: 0; outline: 0; padding: 0; }
:where(.wh-select) .css-19bb58m > input { color: inherit; background: 0; opacity: 1; width: 100%; grid-area: 1 / 2; font: inherit; min-width: 2px; border: 0; margin: 0; outline: 0; padding: 0; }
:where(.wh-select) .css-1wy0on6 { -webkit-box-align: center; align-items: center; align-self: stretch; display: flex; flex-shrink: 0; box-sizing: border-box; }
:where(.wh-select) .css-1u9des2-indicatorSeparator { align-self: stretch; width: 1px; background-color: hsl(0, 0%, 80%); margin-bottom: 8px; margin-top: 8px; box-sizing: border-box; }
:where(.wh-select) .css-1xc3v61-indicatorContainer { display: flex; transition: color 150ms; color: hsl(0, 0%, 80%); padding: 8px; box-sizing: border-box; }
:where(.wh-select) .css-1xc3v61-indicatorContainer:hover { color: hsl(0, 0%, 60%); }
:where(.wh-select) :where(.is-focused) .css-1xc3v61-indicatorContainer { color: hsl(0, 0%, 40%); }
:where(.wh-select) .css-8mmkcg { display: inline-block; fill: currentColor; line-height: 1; stroke: currentColor; stroke-width: 0; }
:where(.wh-select) .css-1nmdiq5-menu { position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; border-radius: 4px; background-color: hsl(0, 0%, 100%); box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1); margin-bottom: 8px; margin-top: 8px; box-sizing: border-box; }
:where(.wh-select) .css-1n6sfyn-MenuList { max-height: 300px; overflow-y: auto; position: relative; -webkit-overflow-scrolling: touch; padding-bottom: 4px; padding-top: 4px; box-sizing: border-box; }
:where(.wh-select) .css-10wo9uf-option { cursor: default; display: block; font-size: inherit; width: 100%; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; color: inherit; padding: 8px 12px; box-sizing: border-box; }
:where(.wh-select) .css-10wo9uf-option.is-focused { background-color: #DEEBFF; }
:where(.wh-select) .css-10wo9uf-option:active { background-color: #B2D4FF; }
:where(.wh-select) .css-1wlit7h-NoOptionsMessage { text-align: center; color: hsl(0, 0%, 60%); padding: 8px 12px; box-sizing: border-box; }