fixup! BB 32308: Use direct browser sizing for letterboxing.

      border: .1px solid var(--letterboxing-border-color);

      outline: .1px solid var(--letterboxing-bgcolor);

    }

  }

    #statuspanel:not([mirror]) #statuspanel-label {

      border-end-start-radius: var(--letterboxing-border-radius);

    }

.browserDecorator {

  display: none;

  pointer-events: none;

  background: transparent;

  position: relative;

  z-index: 1;

    #statuspanel[mirror] #statuspanel-label {

      border-end-end-radius: var(--letterboxing-border-radius);

    }

  }

/*

  Align status bar with content.

  TODO: switch to nested CSS selectors for conciseness when available (Firefox >= 117)

*/

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

  > #statuspanel {

  #statuspanel {

    position: relative;

    place-self: end start;

    z-index: 2;

}

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

  > #statuspanel[mirror] {

    &[mirror] {

      justify-self: end;

    }

  }

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing)

  #statuspanel-label {

    margin: 0;

    border: 1px solid var(--letterboxing-border-color);

    max-width: calc(var(--letterboxing-width) * .5);

  }

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing) > #statuspanel:not([mirror]) #statuspanel-label {

  border-end-start-radius: var(--letterboxing-border-radius);

}

.letterboxing .browserContainer:not(.responsive-mode) > .browserStack:not(.exclude-letterboxing) > #statuspanel[mirror] #statuspanel-label {

  border-end-end-radius: var(--letterboxing-border-radius);

.browserDecorator {

  display: none;

  pointer-events: none;

  background: transparent;

  position: relative;

  z-index: 1;

}

browser:fullscreen {