.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:24px;box-shadow:0 16px 32px rgba(51,62,72,.05),0 8px 16px rgba(51,62,72,.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,.drop-down__option--nonitem{font-family:Titillium Web,sans-serif;font-style:normal;font-weight:700}.drop-down__option--nonitem{border-bottom:1px solid;font-size:.89rem;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:#333e48}.drop-down--light .drop-down__option--nonitem{border-bottom-color:#edf0f3}.drop-down--light .drop-down__option:hover{color:#333e48}.drop-down--dark .drop-down__list{background:#333e48}.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}