.DropdownPopup{--dropdown-popup-box-shadow:#0000001a;--dropdown-popup-border-color:var(--color-gray-200);--transform-offset:8px}.DropdownPopup--placement--top,.DropdownPopup--placement--top-end,.DropdownPopup--placement--top-start{--transform-offset:-8px}.dark-mode .DropdownPopup{--dropdown-popup-box-shadow:#ffffff0d;--dropdown-popup-border-color:var(--border-color)}.DropdownPopup{z-index:1000}.DropdownPopup__content{background:var(--modal-bg-color);border:1px solid var(--dropdown-popup-border-color);box-shadow:0 0 10px 0 var(--dropdown-popup-box-shadow);border-radius:20px;transition:transform .2s;overflow:hidden}.dark-mode .DropdownPopup__content{box-shadow:none}.DropdownPopup__content--mobile{padding-left:0;padding-right:0;overflow:visible}.dropdown-popup-enter-active,.dropdown-popup-leave-active{transition:opacity .2s}.dropdown-popup-enter-from,.dropdown-popup-leave-to{opacity:0}.dropdown-popup-enter-from .DropdownPopup__content,.dropdown-popup-leave-to .DropdownPopup__content{transform:translateY(var(--transform-offset))}