.search-bar-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-bar-wrapper--full-width{flex:1 1}.search-bar-clear{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:50%;cursor:pointer;color:#6b7280;transition:all .2s ease;z-index:10}@media(hover:hover)and (pointer:fine){.search-bar-clear:hover{background-color:rgba(0,0,0,.05);color:#29313d}}.search-bar-clear svg{width:14px;height:14px}.input-wrapper--has-clear.input-wrapper--has-right-icon .input__field{padding-right:32px!important}.input-wrapper--has-clear:not(.input-wrapper--has-right-icon) .input__field{padding-right:28px!important}