/* Keep search focus inside its own control instead of clipping a page-wide outline. */
.public-site .header-search-form,
.public-site .channel-search>div{
 box-sizing:border-box;
 position:relative;
 border:1px solid #dce6f6;
 border-radius:8px;
 overflow:hidden;
 transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.public-site .header-search-form:focus-within,
.public-site .channel-search>div:focus-within{
 border-color:#82a7e9;
 background:#fff;
 box-shadow:0 0 0 3px #2b66d914;
}
.public-site .header-search-form input[type=search],
.public-site .channel-search input[type=search]{
 min-width:0;
 max-width:100%;
 border:0;
 border-radius:0;
 -webkit-appearance:none;
 appearance:none;
}
.public-site .header-search-form input[type=search]:focus,
.public-site .header-search-form input[type=search]:focus-visible,
.public-site .channel-search input[type=search]:focus,
.public-site .channel-search input[type=search]:focus-visible{
 outline:none;
 outline-offset:0;
 box-shadow:none;
}
.public-site .header-search-form button:focus-visible,
.public-site .channel-search button:focus-visible{
 outline:2px solid #7da5e9;
 outline-offset:-3px;
 border-radius:4px;
}
.public-site .channel-search button:focus-visible{outline-color:#fff}
@media(prefers-reduced-motion:reduce){
 .public-site .header-search-form,
 .public-site .channel-search>div{transition:none}
}