/* A consistent clear control replaces the browser's tiny search cancel glyph. */
.has-search-clear input[type=search]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}
.has-search-clear input[type=search]::-ms-clear{display:none}
.library-layout .library-nav .search-form .search-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;box-shadow:none;touch-action:manipulation}
.library-layout .library-nav .search-form .search-clear[hidden]{display:none}
.search-clear>svg{display:block;flex:none;pointer-events:none}
@media(hover:hover){.library-layout .library-nav .search-form .search-clear:hover{background:var(--cream);color:var(--green-dark)}}
.library-layout .library-nav .search-form .search-clear:focus-visible{background:#e1e9dd;border-color:var(--green-dark);color:var(--green-dark);outline:none}
.library-layout .library-nav .search-form .search-clear:active{background:#d5e0d0;color:var(--green-dark)}