.component.quickSearch{display:flex;margin:0}.component.quickSearch>.content{display:flex;flex:1}.component.quickSearch .componentTitle{border:none;margin:0 5px 0 0;padding:0}.component.quickSearch div.query{display:flex;flex-grow:1;flex-shrink:1;position:relative}.component.quickSearch .button.search{align-self:stretch;float:none;margin:0 0 0 10px;padding:0 5px}.component.quickSearch div.query>.icon.search{align-items:center;bottom:0;color:var(--text-inactive-color);font-size:1.5em;justify-content:center;left:1px;overflow:hidden;pointer-events:none;position:absolute;top:0;width:1.5em}.component.quickSearch input.query{border-radius:2px;box-sizing:border-box;outline:none;padding:.25em .25em .25em 2.25em;width:100%}body.Engine_Gecko.OS_OSX .component.quickSearch input.query{padding-bottom:5px;padding-top:3px}.component.quickSearch input.query:hover{border-color:var(--focus-outline-color)}.component.quickSearch input.query:focus{outline:2px solid var(--focus-outline-color);outline-offset:-1px}.component.quickSearch input.query.empty{color:var(--text-inactive-color)}.component.quickSearch ul.suggestions{background-color:var(--main-bk-color);border:1px solid var(--border-color);border-radius:2px;box-sizing:border-box;left:0;list-style-type:none;margin:0;max-height:600px;overflow-y:auto;padding:4px 0;position:absolute;top:calc(100% + 2px);width:100%;z-index:100}.component.quickSearch.focused ul.suggestions{display:block}.component.quickSearch ul.suggestions,.component.quickSearch ul.suggestions:empty{display:none}.OS_OSX .component.quickSearch ul.suggestions::-webkit-scrollbar{-webkit-appearance:none}.OS_OSX .component.quickSearch ul.suggestions::-webkit-scrollbar:vertical{width:10px}.OS_OSX .component.quickSearch ul.suggestions::-webkit-scrollbar:horizontal{height:10px}.OS_OSX .component.quickSearch ul.suggestions::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border:2px solid #fff;border-radius:10px}.component.quickSearch ul.suggestions li.none{color:var(--text-inactive-color);padding:4px 8px}.component.quickSearch ul.suggestions li.querying{color:var(--text-inactive-color);padding:4px 8px;position:relative}.component.quickSearch ul.suggestions li.querying:after{content:attr(aria-label)}.component.quickSearch ul.suggestions li.querying .spinner{left:auto!important;position:absolute!important;right:0;transform:translateX(calc(-9px - .5em))}.component.quickSearch ul.suggestions li.header{background-color:var(--sub-heading-1-bk-color);color:var(--sub-heading-1-color);padding:.5em}.component.quickSearch ul.suggestions li.selectable a{display:block;padding:.25em .25em .25em 1em}.component.quickSearch ul.suggestions li.selectable a:not(:hover){color:var(--action-color)}.component.quickSearch ul.suggestions li.selectable.selected{background-color:var(--highlight-bk-color);color:var(--highlight-color)}.component.quickSearch ul.suggestions li.selectable.selected a:not(:hover){color:var(--highlight-color)}.component.quickSearch ul.suggestions li.option{display:flex}.component.quickSearch ul.suggestions button{align-items:baseline;background-color:transparent;display:flex;flex:1;padding:.25em .5em}.component.quickSearch ul.suggestions button .label{flex:1;text-align:start}.component.quickSearch ul.suggestions button[aria-pressed]:after{content:"\f096";font-family:FontAwesome,sans-serif;margin-left:5px}.component.quickSearch ul.suggestions button[aria-pressed=true]:after{content:"\f14a"}.component.quickSearch ul.suggestions li.header[data-type=contains]:first-child{display:none}.component.quickSearch.large{font-size:16px}.component.quickSearch.large input.query{min-height:52px;padding-left:42px}.component.quickSearch.large div.query>.icon.search{width:42px}.component.quickSearch.large .button.search{padding:15px}.component.quickSearch.large ul.suggestions{font-size:14px}.component.quickSearch.xlarge{font-size:20px}.component.quickSearch.xlarge input.query{min-height:72px;padding-left:55px}.component.quickSearch.xlarge div.query>.icon.search{width:55px}.component.quickSearch.xlarge .button.search{padding:20px}.component.quickSearch.xlarge ul.suggestions{font-size:15px}.component.quickSearch.toolbar{margin:4px 0 0}.component.quickSearch.toolbar input.query{min-height:0;padding-bottom:5px;padding-top:5px}