.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:16px;box-shadow:0 16px 32px rgba(54,55,59,.05),0 8px 16px rgba(54,55,59,.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:Open Sans,sans-serif;font-style:normal;font-weight:700}.drop-down__option--nonitem{border-bottom:1px solid;font-family:Jost,sans-serif;font-size:.89rem;font-style:normal;font-weight:600;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:#36373b}.drop-down--light .drop-down__option--nonitem{border-bottom-color:#e3e6ec}.drop-down--light .drop-down__option:hover{color:#686c72}.drop-down--dark .drop-down__list{background:#36373b}.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:hsla(0,0%,100%,.89)}