| sbx-custom@CHARSET "UTF-8"; |
| input::-ms-clear, input::-ms-reveal { |
| display: none; |
| } |
| .sbx-custom { |
| display: inline-block; |
| position: relative; |
| height: 40px; |
| white-space: nowrap; |
| box-sizing: border-box; |
| font-size: 16px; |
| } |
| .sbx-custom__wrapper { |
| width: 100%; |
| height: 100%; |
| } |
| .sbx-custom__input { |
| display: inline-block; |
| border: 0; |
| border-radius: 20px; |
| box-shadow: inset 0 0 0 0px white; |
| background: #F5F8FA; |
| padding: 0; |
| padding-right: 66px; |
| padding-left: 12px; |
| width: 300px; |
| height: 40px; |
| vertical-align: middle; |
| white-space: normal; |
| font-size: inherit; |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| appearance: none; |
| opacity: 0.5; |
| } |
| .sbx-custom__input::-webkit-search-decoration, |
| .sbx-custom__input::-webkit-search-cancel-button, |
| .sbx-custom__input::-webkit-search-results-button, |
| .sbx-custom__input::-webkit-search-results-decoration { |
| display: none; |
| } |
| .sbx-custom__input:focus, |
| .sbx-custom__input:active { |
| outline: 0; |
| box-shadow: inset 0 0 0 0px #000000; |
| background: #FFFFFF; |
| opacity: 0.8; |
| } |
| .sbx-custom__input::-webkit-input-placeholder { |
| color: black; |
| } |
| .sbx-custom__input::-moz-placeholder { |
| color: black; |
| } |
| .sbx-custom__input:-ms-input-placeholder { |
| color: black; |
| } |
| .sbx-custom__input::placeholder { |
| color: black; |
| } |
| .sbx-custom__submit { |
| position: absolute; |
| top: 0; |
| right: 0; |
| left: inherit; |
| margin: 0; |
| border: 0; |
| border-radius: 0 3px 3px 0; |
| background-color: rgba(255, 255, 255, 0); |
| padding: 0; |
| width: 45px; |
| height: 100%; |
| vertical-align: middle; |
| text-align: center; |
| font-size: inherit; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| .sbx-custom__submit::before { |
| display: inline-block; |
| margin-right: -4px; |
| height: 100%; |
| vertical-align: middle; |
| content: ''; |
| } |
| .sbx-custom__submit:hover, |
| .sbx-custom__submit:active { |
| cursor: pointer; |
| } |
| .sbx-custom__submit:focus { |
| outline: 0; |
| } |
| .sbx-custom__submit svg { |
| width: 25px; |
| height: 25px; |
| vertical-align: middle; |
| fill: #505050; |
| } |
| .sbx-custom__reset { |
| display: none; |
| position: absolute; |
| top: 10px; |
| right: 45px; |
| margin: 0; |
| border: 0; |
| background: none; |
| cursor: pointer; |
| padding: 0; |
| font-size: inherit; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| fill: rgba(0, 0, 0, 0.5); |
| } |
| .sbx-custom__reset:focus { |
| outline: 0; |
| } |
| .sbx-custom__reset svg { |
| display: block; |
| margin: 4px; |
| width: 13px; |
| height: 13px; |
| } |
| .sbx-custom__input:valid ~ .sbx-custom__reset { |
| display: block; |
| -webkit-animation-name: sbx-reset-in; |
| animation-name: sbx-reset-in; |
| -webkit-animation-duration: .15s; |
| animation-duration: .15s; |
| } |
| @-webkit-keyframes sbx-reset-in { |
| 0% { |
| -webkit-transform: translate3d(-20%, 0, 0); |
| transform: translate3d(-20%, 0, 0); |
| opacity: 0; |
| } |
| 100% { |
| -webkit-transform: none; |
| transform: none; |
| opacity: 1; |
| } |
| } |
| @keyframes sbx-reset-in { |
| 0% { |
| -webkit-transform: translate3d(-20%, 0, 0); |
| transform: translate3d(-20%, 0, 0); |
| opacity: 0; |
| } |
| 100% { |
| -webkit-transform: none; |
| transform: none; |
| opacity: 1; |
| } |
| } |
| .algolia-docsearch-suggestion { |
| border-bottom-color: #0F8AB3; |
| } |
| /* Main category headers */ |
| |
| .algolia-docsearch-suggestion--category-header { |
| background-color: rgb(49, 77, 88); |
| } |
| /* Highlighted search terms */ |
| |
| .algolia-docsearch-suggestion--highlight { |
| color: #0F8AB3; |
| } |
| /* Highligted search terms in the main category headers */ |
| |
| .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--highlight { |
| background-color: rgba(255, 250, 77, 0.73); |
| color: rgb(53, 53, 53); |
| } |
| /* Currently selected suggestion */ |
| |
| .aa-cursor .algolia-docsearch-suggestion--content { |
| color: #0C0F13; |
| background: #BCCFEC; |
| } |
| .aa-cursor .algolia-docsearch-suggestion { |
| background: #097EA5; |
| } |
| .aa-dropdown-menu { |
| left: auto !important; |
| right: 0px !important; |
| } |
| .algolia-autocomplete { |
| width: 100%; |
| } |
| /* For bigger screens, when displaying results in two columns */ |
| |
| @media (min-width: 768px) { |
| /* Bottom border of each suggestion */ |
| |
| .algolia-docsearch-suggestion { |
| border-bottom-color: #0F8AB3; |
| } |
| /* Left column, with secondary category header */ |
| |
| .algolia-docsearch-suggestion--subcategory-column { |
| border-right-color: #DAE3E9; |
| background-color: #F2F5F9; |
| color: #4E4726; |
| } |
| } |
| .aa-dropdown-menu { |
| border: 1px solid rgba(51, 51, 51, 0.45); |
| -webkit-box-shadow: -3px 3px 25px 0px rgba(0, 0, 0, 0.4); |
| -moz-box-shadow: -3px 3px 25px 0px rgba(0, 0, 0, 0.4); |
| box-shadow: -3px 3px 25px 0px rgba(0, 0, 0, 0.4); |
| } |
| .algolia-docsearch-footer { |
| border-top: 1px solid rgba(51, 51, 51, 0.45); |
| } |