/* One clean focus boundary for the whole search field. */
.gallery-search{position:relative;z-index:5}
.gallery-query{transition:border-color .16s,box-shadow .16s}
.gallery-query:focus-within,.gallery-filter:focus-within{border-color:#8c72c8;box-shadow:0 0 0 3px #8765bb18}
.gallery-query input[type="search"]{appearance:none;-webkit-appearance:none;outline:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important}
.gallery-query input::-webkit-search-decoration{display:none}
.gallery-filter:has(>input){min-height:48px}
.gallery-filter>input:focus-visible{outline:0!important}
.searchable-filter{position:relative;min-height:48px;padding:6px 12px;transition:border-color .16s,box-shadow .16s}
.searchable-filter>select[hidden]{display:none!important}
.filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;width:100%;padding:0;border:0;border-radius:0;background:none;color:#102e4a;font:inherit;font-size:12px;text-align:left;cursor:pointer;box-shadow:none}
.filter-trigger>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filter-trigger:focus-visible{outline:0}
.filter-chevron{display:flex;flex-shrink:0;transition:transform .16s;transform:rotate(90deg)}
.filter-chevron .ui-icon{width:12px;height:12px}
.is-open .filter-chevron{transform:rotate(-90deg)}
.searchable-filter.is-open{border-color:#8c72c8;z-index:6}
.filter-panel{position:absolute;left:-1px;top:calc(100% + 8px);width:max(100%,230px);max-width:calc(100vw - 36px);padding:9px;background:#fffdfa;border:1px solid #e4dcec;border-radius:16px;box-shadow:0 12px 32px #18334a24;z-index:10}
.filter-panel[hidden],.filter-option[hidden],.filter-no-options[hidden]{display:none!important}
.searchable-filter.align-end .filter-panel{left:auto;right:-1px}
.filter-option-search{display:flex;align-items:center;gap:10px;padding:7px 12px;background:#f6f2f9;border:1px solid #e7deed;border-radius:10px;margin-bottom:10px}
.filter-option-search:focus-within{border-color:#a38acb}
.filter-option-search .ui-icon{width:15px;height:15px;flex-shrink:0}
.filter-option-search input{appearance:none;min-width:0;width:100%;min-height:32px!important;height:32px!important;margin:0;padding:6px 4px!important;border:0!important;border-radius:0!important;background:none!important;outline:0!important;box-shadow:none!important;font-size:12px;line-height:20px}
.filter-options{max-height:224px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;position:relative}
.filter-option{display:block;width:100%;min-height:38px;margin:2px 0;padding:8px 10px;border:0;border-radius:9px;text-align:left;background:none;color:#18334a;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;box-shadow:none}
.filter-option[aria-selected="true"]{background:#eee7f8;color:#654492;font-weight:600}
.filter-option.is-active,.filter-option:hover{background:#f4eef8;color:#654492}
.filter-option[aria-selected="true"].is-active{background:#e8ddf6}
.filter-no-options{font-size:12px;color:#6d6277;margin:12px 10px}
@media(pointer:coarse){.filter-option{min-height:44px}.filter-option-search input{min-height:44px!important;height:44px!important}}
@media(prefers-reduced-motion:reduce){.gallery-query,.searchable-filter,.filter-chevron{transition:none}}
.searchable-filter.field{padding:10px 13px;margin-top:0}
.searchable-filter.field>span{font-size:12px;line-height:1.4;margin-bottom:5px}
.searchable-filter.field .filter-trigger{min-height:28px;font-size:14px}
.filter-panel{color:#18334a}
.searchable-filter.field .filter-panel{width:max(100%,230px)}
.search-bar,.design-search{border:1px solid #d4deea!important;border-radius:32px!important;background:#fffdfb!important;transition:border-color .16s,box-shadow .16s}
.search-bar{padding:4px!important;gap:6px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.search-bar>.ui-icon{width:18px;height:18px;margin-left:12px}
.search-bar:focus-within,.design-search:focus-within{border-color:#8c72c8!important;box-shadow:0 0 0 3px #8765bb18!important}
.search-bar input[type="search"],.design-search input[type="search"]{appearance:none;-webkit-appearance:none;border:0!important;outline:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important}
.search-bar input[type="search"]{padding-inline:16px!important}
.search-bar input::-webkit-search-decoration,.design-search input::-webkit-search-decoration{display:none}