/*
 * Lists and pickers found on demand (find.js). Worn on a site's pages, in
 * the platform's offices and in wp-admin alike, so it takes its colours from
 * what is around it -- the text colour, the page's accent where a theme
 * names one -- and its sizes from the type.
 */
.aws-find, .aws-find__tools, .aws-find__picker, [data-find-pages] { --aws-find-accent: var(--cc-accent, var(--wp--preset--color--accent, var(--wp-admin-theme-color, currentColor))); --aws-find-line: color-mix(in srgb, currentColor 18%, transparent); --aws-find-bg: var(--cc-bg, var(--wp--preset--color--base, Canvas)); }
.aws-find { display: flex; flex-direction: column; gap: .75em; }
.aws-find__picker { display: inline-block; max-inline-size: 100%; position: relative; }
.aws-find__tools { align-items: center; display: flex; flex-wrap: wrap; gap: .5em; }
.aws-find__search { align-items: center; display: flex; flex: 1 1 14em; max-inline-size: 26em; position: relative; }
.aws-find__search svg { inset-inline-start: .7em; opacity: .6; pointer-events: none; position: absolute; }
.aws-find__tools .aws-find__search input[type="search"] { min-height: 0; background: var(--aws-find-bg); border: 1px solid var(--aws-find-line); border-radius: .5em; box-sizing: border-box; color: inherit; font: inherit; inline-size: 100%; padding: .5em .75em .5em 2.1em; }
.aws-find__search input:focus-visible, .aws-find__pop input:focus-visible { border-color: var(--aws-find-accent); outline: 0; }
.aws-find__menu { flex: none; position: relative; }
.aws-find__menu-btn { align-items: center; background: var(--aws-find-bg); border: 1px solid var(--aws-find-line); border-radius: .5em; color: inherit; cursor: pointer; display: inline-flex; font: inherit; font-size: .9em; gap: .5em; max-inline-size: 16em; padding: .5em .75em; }
.aws-find__menu-btn span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aws-find__menu-btn svg { flex: none; opacity: .6; }
.aws-find__menu-btn:focus-visible, .aws-find__menu.is-on .aws-find__menu-btn { border-color: var(--aws-find-accent); outline: 0; }
.aws-find__pop { background: var(--aws-find-bg); border: 1px solid var(--aws-find-line); border-radius: .5em; box-shadow: 0 .5em 1.5em color-mix(in srgb, currentColor 14%, transparent); inline-size: 18em; inset-block-start: calc(100% + .25em); inset-inline-start: 0; max-inline-size: 90vw; padding: .4em; position: absolute; z-index: 100; }
.aws-find__menu .aws-find__pop { inset-inline-end: 0; inset-inline-start: auto; }
.aws-find__pop[hidden] { display: none; }
.aws-find__pop input[type="search"] { min-height: 0; background: var(--aws-find-bg); border: 1px solid var(--aws-find-line); border-radius: .35em; box-sizing: border-box; color: inherit; font: inherit; font-size: .9em; inline-size: 100%; margin-block-end: .3em; padding: .4em .6em; }
.aws-find__pop ul { list-style: none; margin: 0; max-block-size: 16em; overflow-y: auto; padding: 0; }
.aws-find__pop li { border-radius: .35em; cursor: pointer; font-size: .9em; margin: 0; overflow: hidden; padding: .4em .6em; text-overflow: ellipsis; white-space: nowrap; }
.aws-find__pop li:hover, .aws-find__pop li.is-at { background: color-mix(in srgb, var(--aws-find-accent) 12%, transparent); }
.aws-find__pop li[aria-selected="true"] { font-weight: 600; }
.aws-find__picker[data-find-multiple] .aws-find__pop li[aria-selected="true"]::before { content: "✓ "; }
.is-asking > [data-find-items], .aws-find__menu.is-asking [data-find-choices], .aws-find__picker.is-asking [data-find-choices] { opacity: .6; transition: opacity .15s; }
.aws-find__none { margin: .3em .6em; opacity: .7; }
.aws-find__none[hidden], .aws-find__foot[hidden] { display: none; }
.aws-find__foot { align-items: center; display: flex; flex-direction: column; gap: .5em; padding-block: .5em; }
.aws-find__count { font-size: .8em; font-variant-numeric: tabular-nums; opacity: .7; }
.aws-find__more { background: none; border: 1px solid var(--aws-find-line); border-radius: 2em; color: inherit; cursor: pointer; font: inherit; font-size: .9em; padding: .4em 1em; }
@media (max-width: 40em) { .aws-find__search { flex-basis: 100%; max-inline-size: none; } }
/* A list that loads as it is read keeps its numbered pages for a reader without the script, and hides them from one with it. */
.is-lazy .aws-articles__pages { display: none; }
.aws-articles__tools { margin-block-end: 1.25em; }
[data-find-pages] [data-find-none][hidden], [data-find-pages] [data-find-foot][hidden] { display: none; }