.nav__search--container {
   display: flex;
   flex-flow: row;
   position: relative;
   flex-wrap: nowrap;
   gap: .2rem;
   margin: .5rem;
}

.nav__search--item {
   display: inline-block;
   min-height: 2rem;
   height: auto;
   padding: 0 0 0 .3rem;
   border: none;
   border-radius: 2px;
   outline: none;
   margin: .5rem;
}

.nav__among--item {
   width: 10rem;
}

.nav__serach--inputFilled {
   background-color: #67a;
   color: #fff;
}

.nav__search--textInput {
   width: 12rem;
   -moz-appearance: textfield;
}

.nav__search--textInput::-webkit-outer-spin-button,
.nav__search--textInput::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

.nav__search--clearButton {
   font-family: "Courier New", Courier, monospace;
   text-transform: uppercase;
   user-select: none;
   line-height: 2.5rem;
   border: none;
   background-color: transparent;
   color: #aaa;
   height: 2.5rem;
   text-decoration: none;
   font-weight: bold;
   padding: 0 .4rem;
   margin: 0;
   position: absolute;
   top: 0;
   left: 10rem;
   cursor: pointer;
}

.nav__search--submit {
   position: relative;
   height: auto;
   margin: 0;
   border-radius: 3px;
}

.nav__search--hidde {
   display: none;
}