:root{--font-3:"Mabry",sans-serif;--whitegray:#f7f7f7;--blackLight:#3a3a3a}.dial{background:#fff;border-radius:5px;padding:10px 16px;position:relative;width:100%}.dial_active .dial__list{opacity:1;pointer-events:all}.dial__inp{font-size:16px;font-weight:400}.dial__body{display:grid;gap:10px;grid-template-columns:max-content 1fr;width:100%}.dial__body input{background:transparent;border:none!important}.dial__val{align-items:center;cursor:pointer;display:flex;gap:5px}.dial__val-code{color:#3a3a3a}.dial__list{background:#fff;border-radius:5px;bottom:-2px;left:0;max-height:200px;opacity:0;overflow:scroll;pointer-events:none;position:absolute;transform:translateY(100%);width:100%;z-index:9}.dial__list-item{cursor:pointer;padding:5px 10px}@media(hover:hover){.dial__list-item:hover{background:#f1efeb}}