.search-bar{width:100%;height:35px;display:flex}.search-bar__input{vertical-align:middle;color:#505050;text-align:start;cursor:pointer;box-sizing:border-box;background:#faf4e6;border:2px solid #e8ddcb;border-radius:10px;width:100%;height:35px;padding-left:16px;padding-right:16px;font-size:14px}.search-bar__input:focus{border:2px solid #ffba6d;outline:none}.search-bar__submit{margin-left:.5em;position:relative}.search-bar__submit.orange .search-bar__icon,.search-bar__submit.blue .search-bar__icon{color:#fdfaf3;stroke:#fdfaf3}.search-bar__submit.expanded{margin-left:0}.search-bar__submit.expanded:before{content:"";background:linear-gradient(#ffffff86 0%,#ffffff13 100%),#ffba6d;width:0%;height:100%;animation-name:expand-button;animation-duration:.1s;animation-delay:50ms;animation-fill-mode:forwards;position:absolute;top:0;right:100%}.search-bar--live{position:relative}.search-bar--live .search-bar__input{padding-left:42px}.search-bar__inline-icon{color:#a5a29b;pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-bar__icon{color:#fdfaf3;stroke:#fdfaf3;transition:scale .2s}@keyframes expand-button{0%{width:0%}to{width:35%}}