:root{--search-input-btn-width: 2.2em;--search-input-icon-size: 1em;--search-input-shortcut-margin: var(--space-xxs)}.search-input{position:relative}.search-input__input{width:100%;height:100%}.search-input__input::-webkit-search-decoration,.search-input__input::-webkit-search-cancel-button,.search-input__input::-webkit-search-results-button,.search-input__input::-webkit-search-results-decoration{-webkit-appearance:none}.search-input__input::-ms-clear,.search-input__input::-ms-reveal{display:none;width:0;height:0}.search-input--icon-right .search-input__input{padding-right:var(--search-input-btn-width)}.search-input--icon-left .search-input__input{padding-left:var(--search-input-btn-width)}.search-input__btn{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;height:100%;width:var(--search-input-btn-width)}.search-input__btn:active .icon{transform:translateY(2px)}.search-input__btn .icon{display:block;--size: var(--search-input-icon-size);margin-left:auto;margin-right:auto;color:var(--color-contrast-low);transition:.2s}.search-input--icon-left .search-input__btn{left:0;right:auto;pointer-events:none}.search-input__btn:focus .icon,.search-input .search-input__input:focus+.search-input__btn .icon{color:var(--color-primary)}.search-input__shortcut{position:absolute;right:var(--search-input-shortcut-margin);top:var(--search-input-shortcut-margin);height:calc(100% - var(--search-input-shortcut-margin)*2);display:flex;align-items:center;background-color:var(--color-bg);border:1px solid var(--color-contrast-lower);border-radius:var(--radius-sm);--space-unit: 1em;padding:0 var(--space-xxxs);line-height:1;color:var(--color-contrast-medium)}/*# sourceMappingURL=1_search-input.css.map */