@layer ui{.ui-dropdown{position:relative;width:100%;z-index:100}.ui-dropdown.is-open.--mouse:after{content:"";height:3rem;left:0;position:absolute;top:-2rem;width:100%;z-index:1}.ui-dropdown__search{position:relative;width:100%}.ui-dropdown .ui-input__field{padding-left:2.5rem}.ui-dropdown__shade{background-color:#0000004d;inset:0;position:fixed;transform:translateZ(0);will-change:opacity;z-index:1}.ui-dropdown__shade.--transparent{background-color:transparent}.ui-dropdown__body{background-color:var(--color__white);border-radius:1.5rem;display:flex;left:50%;max-height:17rem;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:calc(100% + .75rem);transform:translate(-50%);transition:opacity .16s linear,transform .32s cubic-bezier(.22,1.2,.3,1);width:100%;z-index:2}.ui-dropdown__body:after{content:"";height:2rem;left:0;position:absolute;top:-1rem;width:100%;z-index:1}.ui-dropdown__body-wrap{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;width:100%}.ui-dropdown__scroll{display:flex;flex-direction:column;overflow-y:auto;scrollbar-gutter:auto}.ui-dropdown__item{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 3rem .5rem .5rem;position:relative;transition:background-color .24s ease}.ui-dropdown__item.is-active,.ui-dropdown__item:hover{background-color:var(--color__gray)}.ui-dropdown__item-label{font-size:.875rem;font-weight:500;line-height:130%;width:-moz-max-content;width:max-content}.ui-dropdown__item-label.--red{color:var(--color__red)}.ui-dropdown__item-check{font-size:.5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.375em}.ui-dropdown__item-icon{font-size:1.25rem}.dropdown-enter-from,.dropdown-leave-to{opacity:0;transform:translate(-50%,24px)}.dropdown-enter-to,.dropdown-leave-from{opacity:1;transform:translate(-50%)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:opacity .24s ease-in-out}}