.select,.select__wrapper{position:relative;width:100%}.select__input{cursor:pointer;padding-right:calc(var(--space-md)*2 + 15px);width:100%}.select__icon{color:var(--graphic-main);height:8px;pointer-events:none;position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);width:9px}.select__list{background:var(--accent-bg);border-radius:var(--space-sm);list-style:none;margin-top:calc(var(--space-xxs)*.25);overflow:hidden;padding:var(--space-md);position:relative;width:100%;z-index:10}.select__item{border-bottom:1px solid var(--graphic-tertiary);color:var(--accent-color);cursor:pointer;font-size:13px;padding:var(--space-xs) 0;transition:color .3s ease}@media(min-width:768px){.select__item{font-size:14px}}.select__item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.select__item--selected,.select__item:hover{color:var(--graphic-main)}.select-list-enter-active,.select-list-leave-active{transition:opacity .3s ease,transform .3s ease}.select-list-enter-from,.select-list-leave-to{opacity:0;transform:translateY(-10px)}