.phone--code--input-cont{position:relative;display:grid;grid-template-columns:64px 1fr}.phone--code--present{cursor:pointer;background-image:url(https://debesto.com/wp-content/themes/debesto/scripts/phonecodes/caret-down.svg);background-size:12px;background-repeat:no-repeat;background-position-x:right;background-position-y:center;margin-right:10px;display:flex;align-items:center;justify-content:center}.phone--code--present img{max-height:20px;max-width:24px;margin-right:10px}.phone--code--overlay{position:fixed;background:rgb(0 0 0 / .3);top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:.2s;z-index:9999999}.phone--code--overlay.active{opacity:1;visibility:visible}.phone--code--wrapper{width:90%;height:90vh;overflow-y:auto;background:#fff}@media screen and (min-width:500px){.phone--code--wrapper{width:400px}}.phone--code--element{display:grid;grid-template-columns:64px 1fr;margin:5px auto;padding:5px 0;font-size:14px;font-weight:700;color:#222;background:#fff0;transition:.2s;cursor:pointer}.phone--code--element:hover{background:rgb(0 0 0 / .2)}.phone--code--element div{display:flex;align-items:center}.phone--code--element img{height:auto;width:24px;display:block;margin:0 auto}.phone--code--element div span{margin-left:14px;font-weight:400;color:rgb(0 0 0 / .54)}