/* ========================================================================== Searchbox Widget with Icon + Go Button ========================================================================== */
.a-SearchBox { display: flex; }

.a-SearchBox--noGoButton .a-SearchBox-field { border-right-width: 1px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.a-SearchBox--noGoButton .a-SearchBox-input { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.a-SearchBox--small .a-SearchBox-icon { padding: 0; height: 16px; width: 16px; }

.a-SearchBox--small .a-SearchBox-input { height: 24px; padding: 4px 8px 4px 24px; line-height: 16px; }

.a-SearchBox-field { flex: 1; display: inline-block; border-width: 1px 0 1px 1px; border-style: solid; vertical-align: top; position: relative; background-clip: padding-box; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

.a-SearchBox-input { padding: 4px 8px 4px 30px; margin: 0; width: 100%; border: none; line-height: 22px; height: 30px; font-size: 14px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; background-color: transparent; }

.a-SearchBox-input:focus, .a-SearchBox-input.is-focused { outline: none; position: relative; z-index: 10; }

.a-Button.a-SearchBox-button, .a-SearchBox-icon { position: absolute; top: 0; left: 0; padding: 3px; border-radius: 2px; width: 22px; height: 22px; margin: 4px; z-index: 11; }

.a-SearchBox--autoExpand .a-SearchBox-field { border-right-width: 0; border-left-width: 0; border-color: transparent; background-color: transparent; border-radius: 0; }

.a-SearchBox--autoExpand .a-SearchBox-input { padding-right: 0; width: 0; transition: width .2s; }

.a-SearchBox--autoExpand .a-SearchBox-field:hover { background-color: #fff; }

.a-SearchBox--autoExpand .a-SearchBox-field:hover .a-SearchBox-input, .a-SearchBox--autoExpand .a-SearchBox-input:focus { background-color: #FFF; width: 256px; }

.a-SearchBox--fill .a-SearchBox-field { min-width: 40px; }

.a-SearchBox--fill .a-SearchBox-input { height: 38px; border-radius: 0; }

.a-SearchBox--fill .a-SearchBox-icon { margin: 8px 4px 8px 8px; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .a-SearchBox-field { flex: none; } }

@media only screen and (min-width: 1400px) { .a-SearchBox--autoExpand .a-SearchBox-input { width: 256px; background-color: #FFF; } }