.drop-down{max-width:100%;position:relative;width:270px}.drop-down__btn{align-items:center;display:inline-flex;justify-content:space-between;text-align:start;width:100%}.drop-down__btn-arrow{flex-shrink:0;margin-inline-start:.56rem}.drop-down__list{border-radius:10px;box-shadow:0 16px 32px rgba(0,0,0,.05),0 8px 16px rgba(0,0,0,.05);display:none;left:0;max-height:70vh;overflow-y:auto;padding:24px;position:absolute;right:0;text-align:start;top:100%;z-index:5}.drop-down__list--active{animation:uiPop .2s ease-in-out forwards;display:block}.drop-down__option{display:block;padding:.28rem 0}.drop-down__option,.drop-down__option:hover{text-decoration:none}.drop-down__option--active{font-family:Lato,sans-serif;font-style:normal;font-weight:700}.drop-down__option--nonitem{border-bottom:1px solid;font-family:Lato,sans-serif;font-size:.89rem;font-style:normal;font-weight:400;margin-bottom:.56rem;padding-bottom:.56rem}.drop-down__option--nonitem.drop-down__option--active{display:none}.drop-down--light .drop-down__list{background:#fff}.drop-down--light .drop-down__option{color:#000}.drop-down--light .drop-down__option--nonitem{border-bottom-color:#fff}.drop-down--light .drop-down__option:hover{color:#fff}.drop-down--dark .drop-down__list{background:#000}.drop-down--dark .drop-down__option{color:#fff}.drop-down--dark .drop-down__option--nonitem{border-bottom-color:hsla(0,0%,100%,.2)}.drop-down--dark .drop-down__option:hover{color:#fff}