.input-area, .input-area>.input-prepend, .input-area>.input-append { display: flex;}.input-area { position: relative; flex-wrap: wrap; align-items: stretch; }.input-area>.input-prepend { margin-right: -1px;}.input-area>.input-append { margin-left: -1px;}.input-text {display: flex; align-items: center; padding: .375rem .75rem; color: #FFF; text-align: center; background-color: #8f5fe8; border-radius: 3px;}.input-area>.input-prepend>.input-text { border-top-right-radius: 0; border-bottom-right-radius: 0;}.input-area>.input-append>.input-text { border-top-left-radius: 0; border-bottom-left-radius: 0;}.input-area>.input-action { position: relative; flex: 1 1 auto; width: 1%; display: block; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; font-size: 1rem; background-color: #191c24; border: none; color: #666b8b;}.input-area>.input-action:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0;}.input-area>.input-action:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0;}