.city-change{width:min(48rem,calc(100vw - 3.2rem));padding:0;border:0;border-radius:var(--radius-lg);background:var(--color-white_100, #fff);color:var(--color-black_90);box-shadow:var(--shadow-lg);animation:city-change-in .28s cubic-bezier(.2,.8,.2,1)}.city-change::backdrop{background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:city-change-fade-in .28s ease-out}.city-change.is-closing{animation:city-change-out .18s ease-in forwards}.city-change.is-closing::backdrop{animation:city-change-fade-out .18s ease-in forwards}.city-change__panel{display:flex;flex-direction:column;align-items:center;padding:3.2rem 2.4rem 2.4rem;text-align:center}.city-change__icon{display:grid;place-items:center;width:5.6rem;height:5.6rem;margin-bottom:1.6rem;border-radius:50%;background:var(--color-red_light, rgba(216, 26, 27, .1));color:var(--color-red_100)}.city-change__title{margin:0 0 .8rem;font-family:Lato,sans-serif;font-size:2rem;font-weight:700;font-style:normal;line-height:1.3;color:var(--color-black_100, #000)}.city-change__body{margin:0 0 2.4rem;font-size:1.5rem;line-height:1.5;color:var(--color-black_70)}.city-change__actions{display:flex;flex-direction:column-reverse;gap:.8rem;width:100%}@media screen and (min-width:750px){.city-change__actions{flex-direction:row}}.city-change__button{flex:1;min-height:4.8rem;padding:0 1.2rem;border:0;border-radius:var(--radius-sm);font-family:Lato,sans-serif;font-size:1.5rem;font-weight:700;cursor:pointer;transition:background-color .15s ease-out,transform .15s ease-out}.city-change__button:active{transform:scale(.97)}.city-change__button:focus-visible{outline:.2rem solid var(--color-red_100);outline-offset:.2rem}.city-change__button--primary{background:var(--color-red_100);color:#fff}.city-change__button--primary:hover{background:#c01718}.city-change__button--secondary{background:var(--color-black_30);color:var(--color-black_100, #000)}.city-change__button--secondary:hover{background:#dedede}@keyframes city-change-in{0%{opacity:0;transform:translateY(.8rem) scale(.97)}}@keyframes city-change-out{to{opacity:0;transform:scale(.97)}}@keyframes city-change-fade-in{0%{opacity:0}}@keyframes city-change-fade-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.city-change,.city-change::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/city-change-confirm.css.map */