.ui-dropdown{position:relative;width:100%}.ui-dropdown.is-open{z-index:100}.ui-dropdown__shade{display:none;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-1}.ui-dropdown.is-open .ui-dropdown__shade{display:block}.ui-dropdown__body{background-color:var(--color__white);border-radius:.75rem;display:flex;left:0;max-height:17rem;overflow:hidden;position:absolute;top:calc(100% + .25rem);transition:opacity .24s ease,transform .24s ease;width:100%;z-index:1}.ui-dropdown__body-wrap{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;width:100%}.ui-dropdown__scroll{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.dropdown-enter-from,.dropdown-leave-to{opacity:0;pointer-events:none;transform:translateY(2rem)}.dropdown-enter-to,.dropdown-leave-from{opacity:1;transform:translateY(0)}