.vue-branch-modal{& .overlay{z-index:5;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.1s opacity-in;display:flex;position:fixed;top:0;left:0}& .modal-container{background:#fff;border-radius:4px;position:relative;overflow-y:auto;box-shadow:0 4px 20px #0000004d}& .close{color:var(--white);cursor:pointer;z-index:1;background:0 0;border:none;font-size:2rem;transition:transform .1s;position:absolute;top:1rem;right:1rem}& .close:hover{transform:scale(1.2)}& .inner{background:var(--blue);color:var(--white);flex-wrap:wrap;justify-content:space-between;gap:1rem;width:1200px;min-height:200px;padding:1rem;display:flex}& .map{flex-basis:45%;justify-content:center;align-items:center;display:flex}& .content{gap:calc(var(--gutter) * 2);flex-direction:column;flex-basis:48%;display:flex}& .content.full-width{flex-basis:100%}& .text{gap:calc(var(--gutter) / 2);flex-direction:column;display:flex}& .text .info{color:var(--white);margin-bottom:var(--gutter);align-items:center;font-size:.8rem;display:flex}& .text .icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}& .text .icon svg{fill:currentColor;width:100%;height:100%}& .text .message{padding-left:var(--gutter);flex:90%}& .regions,& .branches{gap:var(--gutter);flex-wrap:wrap;display:flex}& .back{box-shadow:inset 0 0 98px #ffffff4d}& .loading{text-align:center;padding:calc(var(--gutter) * 4);font-size:1.2rem}& .error{padding:var(--gutter);margin:var(--gutter);background:#f003;border:2px solid #ff000080;border-radius:4px}& .svg-map{width:100%;max-width:500px;height:auto}& .svg-map .land{fill:#0000;stroke:var(--white);stroke-width:2px;cursor:pointer;transition:fill .1s,stroke-width .1s}& .svg-map .land.active,& .svg-map .land:hover{fill:var(--white);stroke:var(--white);stroke-width:3px}}@keyframes opacity-in{0%{opacity:0}to{opacity:1}}@keyframes opacity-out{0%{opacity:1}to{opacity:0}}@media screen and (width<=1216px){.vue-branch-modal .modal-container{width:calc(100% - 1rem);max-height:90vh}.vue-branch-modal .inner{width:100%}}@media screen and (width<=980px){.vue-branch-modal .map{display:none}.vue-branch-modal .content{flex-basis:100%}}@media screen and (width<=768px){.vue-branch-modal .close{font-size:1.5rem;top:10px;right:10px}}