.tcb-search-autocomplete { position: relative; }
.tcb-search-autocomplete__results { position: absolute; z-index: 1000; top: calc(100% + .5rem); right: 0; left: 0; overflow: hidden; border: 1px solid rgba(7, 43, 79, .16); border-radius: .75rem; background: #fff; box-shadow: 0 .75rem 1.5rem rgba(7, 43, 79, .16); }
.tcb-search-autocomplete__result, .tcb-search-autocomplete__message { display: block; padding: .75rem 1rem; color: inherit; text-decoration: none; }
.tcb-search-autocomplete__result + .tcb-search-autocomplete__result { border-top: 1px solid rgba(7, 43, 79, .1); }
.tcb-search-autocomplete__result:hover, .tcb-search-autocomplete__result:focus, .tcb-search-autocomplete__result.is-active { background: rgba(7, 43, 79, .06); outline: none; }
.tcb-search-autocomplete__title { display: block; font-weight: 700; }
.tcb-search-autocomplete__meta { display: block; margin-top: .2rem; font-size: .875em; opacity: .75; }
.tcb-search-autocomplete__type { display: flex; align-items: center; gap: .45em; }
.tcb-search-autocomplete__type i { width: 1em; text-align: center; }
.tcb-search-autocomplete__message { color: currentColor; opacity: .75; }
.tcb-search-block { width: min(100%, var(--tcb-search-max-width, 100%)); max-width: var(--tcb-search-max-width, none); }
.tcb-search-block form { position: relative; display: flex; align-items: center; border: 1px solid var(--tcb-search-border); border-radius: var(--tcb-search-radius); background: var(--tcb-search-bg); color: var(--tcb-search-text); }
.tcb-search-block form input[type="search"], .tcb-search-block form input[type="search"]:focus, .tcb-search-block form input[type="search"]:focus-visible { width: 100%; min-width: 0; margin: 0 !important; padding: var(--tcb-search-pad-y) var(--tcb-search-pad-x); border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: inherit; font-size: var(--tcb-search-font-size); }
.tcb-search-block__submit { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; margin: 0 .55rem; padding: .35rem; border: 0 !important; background: transparent !important; color: var(--tcb-search-accent); box-shadow: none !important; }
.tcb-search-block__submit svg { width: 1.45em; height: 1.45em; }
.tcb-search-block--icon-left .tcb-search-block__submit { order: -1; }
.tcb-search-block .tcb-search-autocomplete__results { max-height: var(--tcb-search-dropdown-height); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; scrollbar-gutter: stable; background: var(--tcb-search-dropdown-bg); color: var(--tcb-search-text); }
.tcb-search-block .tcb-search-autocomplete__result, .tcb-search-block .tcb-search-autocomplete__message { padding: var(--tcb-search-row-pad); }
.tcb-search-block .tcb-search-autocomplete__result:hover, .tcb-search-block .tcb-search-autocomplete__result:focus, .tcb-search-block .tcb-search-autocomplete__result.is-active { background: color-mix(in srgb, var(--tcb-search-accent) 8%, transparent); }
.tcb-search-block__editor-form { border: 1px solid; }
.tcb-search-block__editor-results { margin-top: .5rem; padding: 1rem; border: 1px solid rgba(7,43,79,.16); }
.tcb-search-block__editor-results strong,.tcb-search-block__editor-results span { display:block; }
.tcb-search-block--editor { position:relative; display:block; box-sizing:border-box; max-width:100%; }
.tcb-search-block--editor .tcb-search-block__editor-form { box-sizing:border-box; min-height:0; white-space:nowrap; overflow:hidden; }
.tcb-search-block__editor-suggestions { position:absolute; z-index:20; top:calc(100% + .5rem); right:0; left:0; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scrollbar-gutter:stable; border:1px solid rgba(7,43,79,.16); border-radius:.75rem; box-shadow:0 .75rem 1.5rem rgba(7,43,79,.16); }
.tcb-search-block__editor-suggestion + .tcb-search-block__editor-suggestion { border-top:1px solid rgba(7,43,79,.1); }
.tcb-search-block__editor-suggestion { display:block; box-sizing:border-box; color:inherit; cursor:default; text-decoration:none; }
.tcb-search-block__editor-suggestion .tcb-search-autocomplete__title { display:block; font-weight:700; line-height:1.25; }
.tcb-search-block__editor-suggestion .tcb-search-autocomplete__meta { display:block; margin-top:.2rem; font-size:.875em; line-height:1.35; opacity:.75; }
.tcb-search-block__editor-suggestion .tcb-search-autocomplete__type { display:flex; align-items:center; gap:.45em; }
.tcb-search-block__editor-result-icon { display:inline-flex; flex:0 0 auto; width:1em; height:1em; }
.tcb-search-block__editor-result-icon svg { width:100%; height:100%; }
.tcb-search-block__color-control { margin:1.25rem 0; }
.tcb-search-block__color-control > strong { display:block; margin-bottom:.5rem; }
.tcb-search-block__color-swatches { display:flex; flex-wrap:wrap; gap:.45rem; }
.tcb-search-block__color-swatch { width:28px; height:28px; padding:0; border:1px solid rgba(0,0,0,.2); border-radius:50%; box-shadow:none; }
.tcb-search-block__color-swatch.is-selected { outline:2px solid #1e1e1e; outline-offset:2px; }
.tcb-search-block__color-custom { display:flex; align-items:end; gap:.5rem; margin-top:.65rem; }
.tcb-search-block__color-custom .components-base-control { flex:1; margin-bottom:0; }
.tcb-search-block__clear-color { padding:.45rem .15rem; border:0; background:transparent; color:#3858e9; text-decoration:underline; }
@media (max-width: 600px) { .tcb-search-block .tcb-search-autocomplete__results { max-height:min(var(--tcb-search-dropdown-height), 60vh); } .tcb-search-block__submit { margin:0 .3rem; } }
@media (min-width: 1025px) { .tcb-search-block--hide-desktop { display:none !important; } }
@media (min-width: 768px) and (max-width: 1024px) { .tcb-search-block--hide-tablet { display:none !important; } }
@media (max-width: 767px) { .tcb-search-block--hide-mobile { display:none !important; } }
