.search-panel{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;width:auto;height:100%;background-color:#fff}.search-panel--visible{position:absolute;top:0;left:0;width:100%}.search-panel__input{width:100%;border:none;outline:none;background-color:transparent}.search-panel__btn-search{width:56px;min-width:auto!important}.search-panel__btn-search .icon{margin:0!important}.search-panel__btn-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:.2px;color:inherit;text-transform:none;text-decoration:none;background-color:transparent;outline:none;border:none;cursor:pointer}.search-panel__btn-open:hover{opacity:.8}.search-panel__btn-open .icon{font-size:16px;color:#0070a6}.search-panel__btn-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0;font-family:Roboto,sans-serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:.2px;color:inherit;text-transform:none;text-decoration:none;background-color:transparent;outline:none;border:none;cursor:pointer}.search-panel__btn-close:hover{opacity:.8}.search-panel__btn-close .icon{color:#9da0ac}