.search-clear-wrap{display:block;position:relative;min-width:0;width:100%;flex:1 1 auto}
.search-clear-host{position:relative;min-width:0}
.search-clear-wrap>input{width:100%;box-sizing:border-box}
.search-clear-host>input{min-height:44px;padding-right:48px}
.search-clear-host>.search-clear-button{position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink);font:24px/1 var(--font-ui);cursor:pointer;z-index:2}
.search-clear-host>.search-clear-button[hidden]{display:none}
.search-clear-host>.search-clear-button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.search-clear-host>input::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.search-clear-host>.arch-search-clear,.search-clear-host>.kit-add-clear,.search-clear-host>.field-clear{display:none}
.search-clear-host.shelfy-search-host>.search-clear-button{right:90px}
.search-clear-host.shelfy-search-host.search-clear-filled{--search-clear-space:44px}