html[lang=ar] .sf-dropdown.sf-right .sf-dropdown-scroll{left:0;right:auto}.sf-dropdown{--sf-dropdown-padding: 12px;position:relative}.sf-dropdown.sf-right .sf-dropdown-scroll{left:auto;right:0}@media screen and (max-width: 880px){.sf-dropdown.sf-desktop .sf-dropdown-scroll{display:none !important}}@media screen and (min-width: 881px){.sf-dropdown.sf-mobile .sf-dropdown-scroll{display:none !important}}.sf-dropdown__toggle{display:flex;width:inherit;height:inherit;color:inherit;text-decoration:none;transition:.2s}.sf-dropdown__toggle:hover,.sf-dropdown__toggle:focus,.sf-dropdown__toggle[s-active]{color:var(--sf-dropdown-toggle-focus-color)}.sf-dropdown__toggle:hover+.sf-dropdown-scroll,.sf-dropdown__toggle:focus+.sf-dropdown-scroll,.sf-dropdown__toggle[s-active]+.sf-dropdown-scroll{display:flex}.sf-dropdown__toggle:hover .sf-dropdown__icon,.sf-dropdown__toggle:focus .sf-dropdown__icon,.sf-dropdown__toggle[s-active] .sf-dropdown__icon{transform:rotate(90deg)}.sf-dropdown__toggle[light],.sf-dropdown__toggle:hover{color:var(--sf-dropdown-toggle-hover-color)}.sf-dropdown__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;transition:transform .3s;pointer-events:none}.sf-dropdown__icon svg{width:inherit;height:inherit}.sf-dropdown-scroll{position:absolute;top:100%;left:0;display:none;padding:var(--sf-dropdown-padding, 12px) 0;max-height:42vh;color:var(--sf-color);background:var(--sf-nav-dropdown-background);border-radius:16px;overflow:hidden;animation:slide-down .15s ease 1}@keyframes slide-down{0%{opacity:.5;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.sf-dropdown-menu{padding:0 calc(var(--sf-dropdown-padding, 12px) - var(--sf-scrollbar-width, 0px)) 0 var(--sf-dropdown-padding, 12px);overflow-y:scroll;overflow-x:hidden;list-style:none}.sf-dropdown-menu li+li{margin-top:4px}.sf-dropdown-menu__item{display:flex;align-items:center;padding:8px;font-weight:500;border-radius:8px;color:#bbb6c2;text-decoration:none;transition:.2s}.sf-dropdown-menu__item[light],.sf-dropdown-menu__item:hover{color:#fff;background:var(--sf-nav-dropdown-item-hover-background)}@media screen and (max-width: 880px){.sf-dropdown__toggle{font-size:14px}.sf-dropdown__icon{width:14px;height:14px}}