.aaccent__regions {position: relative;}
.aaccent__regions--current-city {display: flex;align-items: center;line-height: 0;cursor: pointer; width: 100px;}
.aaccent__regions--current-city i {width: 20px;height: 20px;line-height: 0;margin-right: 10px;}
.aaccent__regions--current-city span { color: #222 }
.aaccent__regions--autocomplete-city {width: 300px;background: #fff;border: 1px solid #dcdcdc;padding: 20px 30px;text-align: center;position: absolute;z-index: 1;top: calc(100% + 10px);}
.aaccent__regions--primary {width: 30%;border: 0;background: #63aa28;color: #fff;padding: 5px 0;opacity: 0.9; outline: none;}
.aaccent__regions--default {width: 50%;border: 0;background: #e3e3e3;color: #222;padding: 5px 0;opacity: 0.9; outline: none;}
.aaccent__regions_hidden {display: none;}
.aaccent__regions--modal {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);display: flex;align-items: center;justify-content: center;z-index: -10; transition: 0.2s; opacity: 0;}
.aaccent__regions--modal_open {z-index: 10; transition: 0.2s; opacity: 1;}
.aaccent__regions--modal_content {width: 100%;max-width: 600px;background: #fff;padding: 25px 50px; position: relative;}
.aaccent__regions--title {text-align: center;font-size: 26px;font-weight: bold;}
.aaccent__regions--list {list-style: none;padding: 0;display: flex;align-items: center;justify-content: space-between;}
.aaccent__regions--list-item {width: 33%; cursor: pointer;}
.aaccent__regions--modal_close {width: 30px;height: 30px;border: 0;background: 0;right: 15px;position: absolute;top: 15px;}