.fbToolBar,
.fbTopBar {
  overflow: visible !important;
}
.button:focus::after {
    content: attr(aria-label);
    /* Style the tooltip (position, color, background) */
    position: absolute;
    background: #333;
    color: #fff;
    padding: 5px;
    white-space: nowrap;
    top: -30px; /* Position above button */
    left: 0;
    font-family: sans-serif;
    font-size: 12px;
    border-radius: 4px;
}
.button { position: relative; }

.fbTopBar .button:focus::after {
  top: 30px;
}

.button:hover::after {
  content: none !important;
}

.item_focus:focus {
  __border: 2px solid blue !important;
}

.close:focus {
  outline: 2px solid white; 
  border-radius: 2px;
}
body {
  overscroll-behavior-x: none;
}

/* Standard class for screen-reader-only content */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Specific styling for your text layer to ensure it doesn't 
   interfere with the flipbook's layout */
.sr-text-layer {
    z-index: -1;
    pointer-events: none;
}