/* Outside the scrollable menu: fading in never changes its height or position. */
#sidebarQuickAccess {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
    display: flex;
    align-items: stretch;
    gap: 6px;
    box-sizing: border-box;
    padding: 6px 12px 7px 8px;
    border-bottom: 1px solid #444640;
    background: #61615d;
    box-shadow: 0 3px 5px #0003;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    pointer-events: none;
    transition: opacity 160ms ease, transform 160ms ease, visibility 0s linear 160ms;
}
#sidebarQuickAccess.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
}
#sidebarQuickAccess[hidden],
#sidebarQuickAccess [hidden] { display: none !important; }
#sidebarQuickAccess * { box-sizing: border-box; }
#sidebarQuickAccess button,
#sidebarQuickUnlocked {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 36px;
    height: auto;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    color: #fff;
    font: 600 13px/20px Arial, Helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
}
#sidebarQuickAccess button { cursor: pointer; }
#sidebarQuickAccount { flex: 1 1 0; background: #456fb0; }
#sidebarQuickAccount:hover { background: #31558f; }
#sidebarQuickAccess.has-account-only #sidebarQuickAccount { flex: 0 1 auto; max-width: 100%; }
#sidebarQuickAccess button:not([hidden]) { animation: sidebarQuickActionIn 160ms ease; }
@keyframes sidebarQuickActionIn {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
}
#sidebarQuickAccountLabel { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#sidebarQuickBuy { flex: 0 0 auto; background: #65943b; }
#sidebarQuickBuy:hover { background: #4c7529; }
#sidebarQuickUnlocked { flex: 0 0 auto; background: #e6f0dd; color: #335b20; }
#sidebarQuickAccess svg {
    display: block;
    flex: 0 0 16px;
    width: 16px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}
#sidebarQuickAccess button:focus-visible { outline: 2px solid #fff; outline-offset: 1px; }
#mapSidebar.has-quick-access { scroll-padding-top: 56px; }
@media (prefers-reduced-motion: reduce) {
    #sidebarQuickAccess { transition: none; transform: none; }
    #sidebarQuickAccess button:not([hidden]) { animation: none; }
}
@media print { #sidebarQuickAccess { display: none !important; } }