.ui-search{--search-target:var(--target);--search-clear-edge:calc((var(--search-h) - var(--search-target))/2);--search-h:calc(max(var(--target), var(--leading-text) + 2 * var(--space-1)) + var(--frame-inset-top) + var(--frame-inset-bottom));height:var(--search-h);font-family:var(--font-text);font-size:var(--text);line-height:var(--leading-text);color:var(--contrast);align-items:center;display:flex;position:relative}.ui-search__input[data-v-ffdfdbfb]{min-width:0;height:100%;padding:calc(var(--cap-drop)*2) 0 0;color:var(--contrast);caret-color:var(--contrast);font-family:var(--font-text);font-size:inherit;line-height:inherit;appearance:none;background:0 0;border:0;outline:none;flex:1;margin:0}.ui-search--filled .ui-search__input[data-v-ffdfdbfb]{padding-right:calc(var(--search-target) + var(--search-clear-edge) - var(--frame-inset-right))}.ui-search__input[data-v-ffdfdbfb]::placeholder{color:var(--paper-edge);opacity:1}.ui-search__input[data-v-ffdfdbfb]::-webkit-search-cancel-button{appearance:none}.ui-search__input[data-v-ffdfdbfb]::-webkit-search-decoration{appearance:none}.ui-search[data-v-ffdfdbfb]:focus-within{outline:2px solid var(--focus);outline-offset:2px}.ui-search__clear[data-v-ffdfdbfb]{top:var(--search-clear-edge);right:var(--search-clear-edge);width:var(--search-target);height:var(--search-target);color:var(--contrast);font-family:var(--font-text);font-size:inherit;line-height:var(--leading-text);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:absolute}.ui-search__clear>span[data-v-ffdfdbfb]{transform:translateY(var(--cap-drop));display:block}.ui-search__clear[data-v-ffdfdbfb]:focus-visible,.ui-search__clear[data-v-ffdfdbfb]:hover{color:var(--gold);outline:none}.ui-search__clear--hidden[data-v-ffdfdbfb]{visibility:hidden}.ui-search__key[data-v-ffdfdbfb]{top:calc((var(--search-h) - 1em)/2);right:var(--frame-inset-right);border:2px solid var(--rule-on-board);width:1em;height:1em;color:var(--paper-ink);text-align:center;line-height:calc(1em - 4px);display:none;position:absolute}.ui-search__key>span[data-v-ffdfdbfb]{transform:translateY(var(--cap-drop));display:block}@media (width>=1024px){.ui-search__key[data-v-ffdfdbfb]{display:block}}