:root {
   --popup-main-color: #1A1E41;
   --popup-padding-left: 18px;
   --popup-padding-right: 18px;
}

body.lock {
   overflow: hidden;
}
.popup {
   background-color: rgba(0, 0, 0, 0.50);
   height: 100%;
   left: 0;
   opacity: 0;
   position: fixed;
   transition: all 0.6s ease 0s;
   top: 0;
   overflow-y: auto;
   overflow-x: hidden;
   visibility: hidden;
   width: 100%;
   z-index: 105;
}
.popup.open {
   opacity: 1;
   visibility: visible;
}
.popup__body {
   align-items: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   justify-content: center;
   min-height: 100vh;
   padding: 35px 20px;
}
.popup__content {
   background-color: #fff;
   border-radius: 6px;
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
   max-width: 100%;
   position: relative;
   width: 400px;
}
.popup__close {
   cursor: pointer;
   height: 14px;
   padding: 1px;
   position: absolute;
   right: 21px;
   top: 20px;
   width: 14px;
}
.popup__close svg {
   bottom: 3px;
   position: relative;
   right: 1px;
}
.popup__head {
   padding: 15px var(--popup-padding-right) 20px var(--popup-padding-left);
}
.popup__head h4 {
   color: #000;
   font-size: 18px;
   font-weight: 700;
   line-height: 24px;
   padding-right: 35px;
}
.popup__list {
   list-style: none;
}
.popup__list li {
   border-top: 1px solid #E0E0E0;
   display: flex;
   padding: 9.5px var(--popup-padding-right) 9.5px var(--popup-padding-left);
}
.popup__column p {
   font-size: 14px;
   line-height: 20px;
}
.popup__column:nth-child(1) {
   flex: 0 0 118px;
   width: 118px;
}
.popup__column:nth-child(1) p {
   color: #000;
   font-weight: 400;
}
.popup__column:nth-child(2) {
   align-items: center;
   display: flex;
   width: calc(100% - 118px);
}
.popup__list li:not(:first-child) .popup__column:nth-child(2) p {
   color: var(--popup-main-color);
   font-weight: 700;
}
.popup__list li:first-child .popup__column:nth-child(2) p {
   text-transform: uppercase;
}
.popup__column-wrap-flag {
   height: 20px;
   margin-right: 9px;
   width: 31px;
}
.popup__column-wrap-flag img,
.popup__column-wrap-flag svg {
   max-height: 100%;
   max-width: 100%;
}

@media (max-width: 360px) {
   
   .popup__column:nth-child(1) {
      flex: 0 0 92px;
      width: 92px;
   }
   .popup__column:nth-child(2) {
      width: calc(100% - 92px);
   }
}