.city-popup{bottom:64px;padding:0 16px;position:fixed;width:100%;z-index:110}@media screen and (min-width:744px){.city-popup{bottom:80px;left:calc(50% - 164px);padding:0;width:328px}}@media screen and (min-width:1025px){.city-popup{left:0;position:absolute;top:32px;width:380px;z-index:3001}}@media screen and (min-width:1440px){.city-popup{left:-52px}}.city-popup__content{background:var(--white-100);border:1px solid var(--black-20);border-radius:var(--radius-4xl);box-shadow:0 4px 24px #001a3426,0 4px 12px #001a341a;display:flex;flex-direction:column;gap:12px;padding:16px;position:relative}@media screen and (min-width:1025px){.city-popup__content{border:0;gap:16px;padding:20px}}.city-popup__triangle{display:none;left:50%;position:absolute;top:-9px;transform:translate(-50%)}@media screen and (min-width:1025px){.city-popup__triangle{display:block;left:138px}}@media screen and (min-width:1440px){.city-popup__triangle{left:50%}}.city-popup__title{color:var(--black-80);font-size:15px;font-weight:500;line-height:20px}@media screen and (min-width:1025px){.city-popup__title{font-size:16px;line-height:22px}}.city-popup__city{color:var(--black-80);font-weight:700}.city-popup__buttons{display:flex;gap:8px}@media screen and (min-width:1025px){.city-popup__buttons{gap:12px}}.city-popup__buttons .base-btn{flex:1}