@keyframes slide-up{0%{display:block;opacity:1;height:auto}100%{transform:translateY(-20%);opacity:0;height:0}}@keyframes slide-down{0%{opacity:0;height:0;transform:translateY(-20%)}100%{opacity:1;height:auto;transform:translateY(0%)}}.hidden{display:none}.dropdown-input{position:relative;width:100%;padding:.5rem var(--p-4);border-bottom:var(--border-sm);display:flex;justify-content:space-between}.dropdown-input::after{content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4NCiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjU5NzkyIDUuODU3NDhDMi44Nzc2MiA1LjUzMjgyIDMuMzUwMDEgNS41MTI1OCAzLjY1MzAyIDUuODEyMjZMNy45OTk5IDEwLjExMTRMMTIuMzQ2OCA1LjgxMjI2QzEyLjY0OTggNS41MTI1OCAxMy4xMjIyIDUuNTMyODIgMTMuNDAxOSA1Ljg1NzQ4QzEzLjY4MTYgNi4xODIxMyAxMy42NjI3IDYuNjg4MjYgMTMuMzU5NyA2Ljk4Nzk0TDguNTA2MzUgMTEuNzg3OUM4LjIyMDMzIDEyLjA3MDggNy43Nzk0NyAxMi4wNzA4IDcuNDkzNDUgMTEuNzg3OUwyLjY0MDEyIDYuOTg3OTRDMi4zMzcxMSA2LjY4ODI2IDIuMzE4MjIgNi4xODIxMyAyLjU5NzkyIDUuODU3NDhaIiBmaWxsPSIjNDE0MTQxIi8+DQo8L3N2Zz4=');margin-left:1rem;transition:all .5s ease .5s}.dropdown-input[open]::after{transform:rotate(180deg)}.dropdown-input .selected h3{margin:0;font-size:var(--text-md)}.dropdown-input .options-wrapper{position:absolute;display:block;background:var(--gray-light-4);left:0;top:calc(100% + 2px);width:100%;max-height:15rem;overflow-y:auto;z-index:10}.dropdown-input[open] .options-wrapper{display:block;animation:slide-down .5s ease forwards}.dropdown-input:not([open]) .options-wrapper{display:none}.dropdown-input[closing] .options-wrapper{animation:slide-up .5s ease forwards}.dropdown-input .options-wrapper .option{padding:.5rem var(--p-4);font-family:var(--font-family-1);color:var(--gray-dark-1);cursor:pointer;transition:all .5s ease;background-color:var(--gray-dark-9)}.dropdown-input[open] .options-wrapper .option:hover{background:var(--gray-dark-7);font-weight:var(--black)}