.search-clearable{position:relative}body .search-clearable>input{padding-right:34px}.search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:#64748b1f;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.search-clear:hover{background:#64748b3d;color:#334155}.search-clear:focus-visible{outline:2px solid #7C3AED;outline-offset:1px}.search-clear.is-dark{background:#bae6fd29;color:#bae6fd}.search-clear.is-dark:hover{background:#bae6fd4d;color:#fff}.search-clear.is-dark:focus-visible{outline-color:#38bdf8}