.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{border-radius:4px;position:relative;overflow-y:auto;box-shadow:0 12px 24px #0003}& .close{color:var(--white);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-left:auto;font-size:1rem;line-height:1.5;display:flex}& .close:hover{text-decoration:underline}& .close .icon{align-items:center;display:inline-flex}& .close .icon svg{fill:currentColor;width:20px;height:20px}& .inner{background:var(--blue);color:var(--white);flex-wrap:wrap;justify-content:space-between;gap:1.5rem 2rem;width:1200px;min-height:200px;padding:1.5rem;display:flex}& .map{flex-basis:45%;justify-content:center;align-items:center;display:flex}& .content-header{align-items:center;width:100%;display:flex}& .content{flex-direction:column;flex:1 1 0;gap:1rem;display:flex}& .content [role=button]{border-color:#ffffff80}& .content.full-width{flex-basis:100%}& .info{color:var(--white);background:#ffffff12;align-items:center;gap:.5rem;width:calc(100% + 3rem);margin:0 -1.5rem -1.5rem;padding:.75rem 1.5rem;font-size:.8rem;display:flex}& .info .icon{flex:none;justify-content:center;align-items:center;width:20px;height:20px;display:flex}& .info .icon svg{fill:currentColor;width:100%;height:100%}& .info .message{flex:90%}& .regions,& .branches{flex-wrap:wrap;gap:.45rem;display:flex}& .back-link{color:var(--white);cursor:pointer;align-items:center;gap:.25rem;font-size:1rem;display:inline-flex}& .back-link .icon{align-items:center;display:inline-flex}& .back-link .icon svg{fill:currentColor;width:18px;height:18px}& .back-link:hover,& .back-link:focus-visible{text-decoration:underline}& .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:#ffffff80;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}}@media screen and (width<=1216px){.vue-branch-modal .modal-container{width:calc(100% - 1rem);max-height:90vh}.vue-branch-modal .inner{width:100%;padding:1rem}.vue-branch-modal .info{width:calc(100% + 2rem);margin:0 -1rem -1rem}}@media screen and (width<=980px){.vue-branch-modal .overlay{align-items:flex-start;padding-top:.5rem}.vue-branch-modal .map{display:none}.vue-branch-modal .content{flex-basis:100%}}