:root {
 --docsearch-highlight-color: #368fe7;
 --docsearch-primary-color: #368fe7;
}
#docsearch .DocSearch-Button {
 position: absolute;
 margin-top: 1rem;
 width: 400px;
 border-radius: 4px;
 --docsearch-searchbox-background: #368fe7;
 --docsearch-muted-color: white;
 --docsearch-text-color: white;
 --docsearch-searchbox-focus-background: #5fa2e6;
}
#docsearch .DocSearch-Button-Key {
 border: 1px solid #5fa2e6;
 background: transparent;
 box-shadow: none;
}
div.DocSearch-Container {
 z-index: 1000; /* navbar materialize is z-index: 999; */
}
/* Start override materialize input color */
input[type='search']:not(.browser-default) {
 border: none;
 margin: 0px;
 padding: 0 0 0 8px;
}
input[type='search']:not(.browser-default):focus:not([readonly]) {
 box-shadow: none;
 border-bottom: none;
}
/* End override materialize input color */
@media only screen and (max-width: 1300px) {
 #docsearch .DocSearch-Button {
 width: 250px;
 }
}
@media only screen and (max-width: 992px) {
 #docsearch .DocSearch-Button {
 width: 200px;
 }
}
#docsearch .DocSearch-Button-Placeholder {
 display: block; /* display on mobile */
 margin-right: auto;
}
</div><div class="naked_ctrl">
<form action="/index.cgi/contrast" method="get" name="gate">
<p><a href="http://altstyle.alfasado.net">AltStyle</a> によって変換されたページ <a href="https://marmelab.com/react-admin/css/docsearch.css">(-&gt;オリジナル)</a>
/ <label>アドレス: <input type="text" name="naked_post_url" value="https://marmelab.com/react-admin/css/docsearch.css" size="22" /></label> <label>モード: <select name="naked_post_mode">
<option value="default">デフォルト</option>
<option value="speech">音声ブラウザ</option>
<option value="ruby">ルビ付き</option>
<option value="contrast" selected="selected">配色反転</option>
<option value="larger-text">文字拡大</option>
<option value="mobile">モバイル</option>
</select>
<input type="submit" value="表示" />
</p>
</form>
</div>