.xmaps-route { display: inline-flex; align-items: stretch; position: relative; vertical-align: middle; }
.xmaps-route[hidden] { display: none !important; }
.xmaps-route > button { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.xmaps-options { position: relative; display: flex; }
.xmaps-options > .xmaps-toggle { display: inline-flex; align-items: center; justify-content: center; height: 100%; min-width: 30px; padding: 4px 8px; cursor: pointer; list-style: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; }
.xmaps-toggle::-webkit-details-marker { display: none; }
.xmaps-toggle:focus-visible, .xmaps-menu button:focus-visible { outline: 2px solid #063f6c; outline-offset: 2px; }
.xmaps-menu { position: absolute; top: calc(100% + 4px); right: 0; z-index: 100; display: grid; min-width: 210px; padding: 5px; background: #fff; color: #063f6c; border: 1px solid #dce3eb; border-radius: 8px; box-shadow: 0 6px 20px #063f6c26; }
.xmaps-menu button { border: 0; background: transparent; color: inherit; padding: 9px 12px; text-align: left; white-space: nowrap; border-radius: 4px; font: inherit; cursor: pointer; }
.xmaps-menu button:hover { background: #edf4fa; }