/* matrix-city: окно выбора кинотеатра, неоновые таблетки */
html.mx-city-on .popup-geo{display:none!important}
.mx-city{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px;background:rgba(5,8,10,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-transition:opacity .25s;transition:opacity .25s}
.mx-city--out{opacity:0}
.mx-city__box{width:100%;max-width:660px;box-sizing:border-box;padding:54px 40px 64px;border:2px solid #6edc96;border-radius:28px;background:rgba(10,16,18,.94);-webkit-box-shadow:0 0 22px rgba(53,192,100,.45);box-shadow:0 0 22px rgba(53,192,100,.45);text-align:center}
.mx-city__title{margin:0 0 50px;font-size:40px;line-height:1.2;font-weight:600;color:#f0fff4;text-shadow:0 0 12px rgba(53,192,100,.8)}
.mx-city__pills{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:70px}
.mx-pill{--c:255,50,50;--core:#ffaaaa;position:relative;width:230px;height:88px;padding:0;border:2.5px solid var(--core);border-radius:999px;cursor:pointer;font:inherit;font-size:30px;font-weight:500;color:var(--core);background:linear-gradient(90deg,rgba(var(--c),.2) 0 50%,rgba(var(--c),.07) 50% 100%);-webkit-box-shadow:0 0 4px rgba(var(--c),1),0 0 14px rgba(var(--c),.9),0 0 34px rgba(var(--c),.55),inset 0 0 14px rgba(var(--c),.35);box-shadow:0 0 4px rgba(var(--c),1),0 0 14px rgba(var(--c),.9),0 0 34px rgba(var(--c),.55),inset 0 0 14px rgba(var(--c),.35);text-shadow:0 0 6px rgba(var(--c),1),0 0 16px rgba(var(--c),.8);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-tap-highlight-color:transparent}
.mx-pill--blue{--c:50,140,255;--core:#aad2ff}
.mx-pill::before,.mx-pill::after{content:"";position:absolute;left:50%;width:2px;height:20%;margin-left:-1px;background:var(--core);-webkit-box-shadow:0 0 6px rgba(var(--c),1);box-shadow:0 0 6px rgba(var(--c),1)}
.mx-pill::before{top:3px}.mx-pill::after{bottom:3px}
.mx-pill__label{position:relative}
.mx-pill:hover,.mx-pill:focus-visible{outline:none;color:#fff;background:linear-gradient(90deg,rgba(var(--c),.32) 0 50%,rgba(var(--c),.14) 50% 100%);-webkit-box-shadow:0 0 6px rgba(var(--c),1),0 0 22px rgba(var(--c),1),0 0 56px rgba(var(--c),.75),inset 0 0 22px rgba(var(--c),.5);box-shadow:0 0 6px rgba(var(--c),1),0 0 22px rgba(var(--c),1),0 0 56px rgba(var(--c),.75),inset 0 0 22px rgba(var(--c),.5);text-shadow:0 0 8px rgba(var(--c),1),0 0 24px rgba(var(--c),1)}
.mx-pill:active{-webkit-transform:scale(.97);transform:scale(.97)}
@media only screen and (max-width:600px){.mx-city__box{padding:40px 20px 48px;border-radius:24px}.mx-city__title{font-size:28px;margin-bottom:36px}.mx-city__pills{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px}.mx-pill{width:250px;height:76px;font-size:26px}}
