/* --------------------------------------------------------------------------
   Browser fixes.

   Firefox does not clip a child carrying a 3D transform to an ancestor's
   overflow:hidden. krpano positions every layer with a transform that starts
   translateZ(1e+12px), so its masked containers - the ones declared
   maskchildren="true", which krpano writes out as inline overflow:hidden -
   stop clipping in Firefox.

   What that looks like in this tour: the thumbnails panel is parked just below
   the control bar when closed, relying on that mask to stay hidden. In Firefox
   it instead leaks through as a translucent grey band under the bar, and only
   disappears when hovering a button forces a repaint.

   clip-path on the same element is honoured by Firefox regardless of the
   child's transform, and is a harmless no-op in browsers where overflow:hidden
   already works.

   Tied to the viewer's container id, which index.html sets to "pano".
   -------------------------------------------------------------------------- */

#pano div[style*="overflow: hidden"] {
	clip-path: inset(0);
}