.wrapper{max-width:600px;font-family:var(--fontFa);--searchBarSize:2.85em;direction:rtl;flex-direction:column;display:flex;position:relative}.wrapper.isClosed{margin-inline-start:auto}.wrapper .bar{background:var(--container);border:1px solid var(--border-hover);border-radius:var(--radius-pill);height:var(--searchBarSize);min-width:var(--searchBarSize);flex-direction:row-reverse;align-items:center;transition:background .3s,border-color .3s;display:flex;overflow:hidden}.wrapper .bar:hover{background:var(--container)}.wrapper .bar:hover .iconBtn{color:var(--primary)!important}.wrapper .bar.isOpen .iconBtn .icon{rotate:90deg}.wrapper .bar button{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.wrapper .bar .iconBtn{width:var(--searchBarSize);height:var(--searchBarSize);opacity:.7;padding:calc(var(--searchBarSize)/3.7);flex-shrink:0;color:var(--text)!important}.wrapper .bar .iconBtn .icon{transition:all .3s;width:100%!important;height:100%!important}.wrapper .bar .iconBtn:hover{opacity:1;color:var(--primary)}.wrapper .bar .inputWrapper{min-width:0;height:100%;flex-grow:1;align-items:center;padding-inline-start:calc(var(--searchBarSize)*.25);transition:opacity .2s,transform .2s;display:flex}.wrapper .bar .inputWrapper.isHidden{opacity:0;pointer-events:none}.wrapper .bar .inputWrapper.isVisible{opacity:1;pointer-events:auto}.wrapper .bar .inputWrapper .searchActions{align-items:center;gap:var(--spacing-xs);flex-shrink:0;display:flex}.wrapper .bar .inputWrapper .searchActions .actionBtn{border-radius:var(--radius-pill);opacity:.7;background:0 0;padding:.3em;transition-delay:0s!important}.wrapper .bar .inputWrapper .searchActions .actionBtn:hover{opacity:1;background:var(--surface-hover);color:var(--accent);transform:scale(.95)}.wrapper .bar .inputWrapper .searchActions .actionBtn:active{transform:scale(.85)}.wrapper .bar .inputWrapper .input{height:100%;color:var(--text);font-weight:300;font-size:var(--font-md);white-space:nowrap;text-align:right;direction:rtl;background:0 0;border:none;outline:none;flex-grow:1;min-width:0;padding:0}.wrapper .bar .inputWrapper .input::placeholder{color:color-mix(in srgb,var(--text)40%,transparent)}.wrapper .dropdownPanel{top:calc(100% + var(--spacing-xs));background:var(--background);border-radius:var(--radius-lg);corner-shape:superellipse(1.25);z-index:50;width:120%;position:absolute;left:auto;right:0;overflow:hidden;box-shadow:0 .8em 3em #00000040}.wrapper .dropdownPanel .dropdownContent{gap:var(--spacing-sm);flex-direction:column;min-width:0;padding:0;display:flex;opacity:1!important}.wrapper .dropdownPanel .dropdownContent .filters{opacity:1;width:100%;min-width:0;padding-top:var(--spacing-sm)}.wrapper .dropdownPanel .dropdownContent .filters .tabs{min-width:100%;padding-inline:var(--spacing-sm)}.wrapper .dropdownPanel .dropdownContent .filters .tabs .tabsButton{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-xs);gap:.25em;font-weight:200}.wrapper .dropdownPanel .dropdownContent .contentContainer{min-width:0;padding-inline:var(--spacing-sm);opacity:1;padding-bottom:var(--spacing-sm);flex-direction:column;display:flex}.wrapper .dropdownPanel .dropdownContent .contentContainer .results{opacity:1;padding-top:var(--spacing-xs);flex-direction:column;gap:.25em;min-height:10em;max-height:17em;display:flex;overflow:auto}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);border-radius:var(--radius-sm);text-align:right;cursor:pointer;background:0 0;border:none;width:100%;transition:background .2s,transform .1s;display:flex}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item:hover,.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item.isFocused{background:var(--surface)}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item:active{transform:scale(.98)}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .image{width:var(--surfaceSize);height:var(--surfaceSize);border-radius:var(--radius-xs);background:var(--surface-hover);corner-shape:superellipse(1.4);flex-shrink:0;overflow:hidden}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .image img{object-fit:cover;width:100%;height:100%}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .iconWrapper{border-radius:var(--radius-xs);background:var(--container);width:2.5em;height:2.5em;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .content{flex-direction:column;flex-grow:1;gap:.2em;min-width:0;line-height:120%;display:flex;overflow:hidden}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .content .label{font-size:var(--font-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-family:var(--fontFa);margin:0;font-weight:300;overflow:hidden}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .content .meta{align-items:center;gap:.25em;min-width:0;display:flex;overflow:hidden}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .content .meta .metaItem{font-size:var(--font-xs);color:color-mix(in srgb,var(--text)60%,transparent);white-space:nowrap;text-overflow:ellipsis;font-weight:300;overflow:hidden}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .content .meta .metaSeparator{color:color-mix(in srgb,var(--text)30%,transparent);flex-shrink:0;font-size:.5em}.wrapper .dropdownPanel .dropdownContent .contentContainer .empty{gap:.25em}@media (max-width:640px){.wrapper{max-width:100%;font-size:.82rem}.wrapper.isOpen{flex:auto;max-width:100%}.wrapper.isOpen .bar{width:100%!important}.wrapper .bar{max-width:100%}.wrapper .bar .inputWrapper .input{font-size:var(--font-sm)}.wrapper .dropdownPanel{width:100%;max-height:min(72dvh,34rem)}.wrapper .dropdownPanel .dropdownContent .contentContainer .results{max-height:48dvh}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item{min-width:0}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .image{width:calc(var(--surfaceSize)*.85);height:calc(var(--surfaceSize)*.85)}.wrapper .dropdownPanel .dropdownContent .contentContainer .results .item .iconWrapper{width:2.2em;height:2.2em}.wrapper.headerMobileSearch{width:100%;min-width:0;max-width:none;font-size:clamp(.82rem,3.2vw,.95rem)}.wrapper.headerMobileSearch .bar{max-width:100%;width:100%!important}.wrapper.headerMobileSearch .dropdownPanel{top:calc(env(safe-area-inset-top) + var(--mobile-search-dropdown-top,5em));left:max(var(--spacing-sm),env(safe-area-inset-left));right:max(var(--spacing-sm),env(safe-area-inset-right));z-index:1000;width:auto;max-width:none;max-height:min(72dvh,34rem);position:fixed;overflow:hidden}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .filters{min-width:0;overflow:hidden}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .filters .tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .filters .tabs::-webkit-scrollbar{display:none}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer{padding-inline:var(--spacing-sm)}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results{max-height:min(48dvh,24rem)}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results .meta span{font-size:1.2em!important}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results .label{font-weight:300;font-size:1.5em!important}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results .item,.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results .item .content{min-width:0}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results .item .image{border-radius:1.2em;width:4.4em;height:4.4em}.wrapper.headerMobileSearch .dropdownPanel .dropdownContent .contentContainer .results .item .iconWrapper{width:4.4em;height:4.4em}}