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