/* UBZ_ACTUAL_RENDERED_TOP_DECK_R5112_R1 */


html[data-ubz-r5112-r1-active="1"] {
  --ubz-r5112-r1-top:
    8px;

  --ubz-r5112-r1-height:
    86px;
}


/* ==============================================================
   THE ACTUAL ELEMENT DISCOVERED IN THE BROWSER
   ============================================================== */

html[data-ubz-r5112-r1-active="1"]
[data-ubz-r5112-r1-deck-owner="1"] {
  position:
    fixed
    !important;

  top:
    var(--ubz-r5112-r1-top)
    !important;

  right:
    8px
    !important;

  bottom:
    auto
    !important;

  left:
    8px
    !important;

  z-index:
    100900
    !important;

  width:
    auto
    !important;

  min-width:
    0
    !important;

  max-width:
    none
    !important;

  margin:
    0
    !important;

  transform:
    none
    !important;

  translate:
    none
    !important;

  scale:
    1
    !important;

  visibility:
    visible
    !important;

  opacity:
    1
    !important;

  pointer-events:
    auto
    !important;
}


/* Keep the existing Deck appearance, but make its shell suitable
   for a full-width top-navigation position. */

html[data-ubz-r5112-r1-active="1"]
[data-ubz-r5112-r1-deck-owner="1"] {
  min-height:
    var(--ubz-r5112-r1-height)
    !important;

  padding:
    7px 10px
    !important;

  border-radius:
    18px
    !important;

  box-sizing:
    border-box
    !important;

  overflow-x:
    auto
    !important;

  overflow-y:
    visible
    !important;

  box-shadow:
    0 12px 30px rgba(15,23,42,.14),
    inset 0 1px 0 rgba(255,255,255,.90)
    !important;
}


/* ==============================================================
   REMOVE CURRENT HEADER
   ============================================================== */

html[data-ubz-r5112-r1-active="1"]
.module-page-navigation,

html[data-ubz-r5112-r1-active="1"]
.dedicated-module-header,

html[data-ubz-r5112-r1-active="1"]
.dashboard-header.dashboard-header--fixed.dashboard-header--refined,

html[data-ubz-r5112-r1-active="1"]
[data-ubz-r5112-r1-header-owner="1"] {
  display:
    none
    !important;

  visibility:
    hidden
    !important;

  opacity:
    0
    !important;

  height:
    0
    !important;

  min-height:
    0
    !important;

  max-height:
    0
    !important;

  margin:
    0
    !important;

  padding:
    0
    !important;

  border:
    0
    !important;

  box-shadow:
    none
    !important;

  overflow:
    hidden
    !important;

  pointer-events:
    none
    !important;
}



html[data-ubz-r5112-r1-active="1"]
body,

html[data-ubz-r5112-r1-active="1"]
.dashboard-main {
  padding-bottom:
    0
    !important;
}


/* ==============================================================
   TABLET / MOBILE
   ============================================================== */

@media (max-width: 1100px) {

  html[data-ubz-r5112-r1-active="1"] {
    --ubz-r5112-r1-top:
      6px;

    --ubz-r5112-r1-height:
      78px;
  }


  html[data-ubz-r5112-r1-active="1"]
  [data-ubz-r5112-r1-deck-owner="1"] {
    right:
      6px
      !important;

    left:
      6px
      !important;
  }

}


@media (max-width: 767px) {

  html[data-ubz-r5112-r1-active="1"] {
    --ubz-r5112-r1-top:
      4px;

    --ubz-r5112-r1-height:
      68px;
  }


  html[data-ubz-r5112-r1-active="1"]
  [data-ubz-r5112-r1-deck-owner="1"] {
    right:
      4px
      !important;

    left:
      4px
      !important;

    padding:
      4px
      !important;

    border-radius:
      13px
      !important;
  }

}


/* UBZ_ACTUAL_RENDERED_TOP_DECK_R5112_R2_CSS */


/* ==============================================================
   CENTER THE ACTUAL TOP DECK

   Keep native menu width.
   Do not stretch across the complete screen.
   ============================================================== */

html[data-ubz-r5112-r1-active="1"]
[data-ubz-r5112-r1-deck-owner="1"] {
  left:
    50%
    !important;

  right:
    auto
    !important;

  width:
    fit-content
    !important;

  min-width:
    0
    !important;

  max-width:
    calc(100vw - 24px)
    !important;

  margin:
    0
    !important;

  transform:
    translateX(-50%)
    !important;

  translate:
    none
    !important;

  justify-content:
    center
    !important;

  overflow-x:
    auto
    !important;

  overflow-y:
    visible
    !important;
}



@media (max-width: 1100px) {

  html[data-ubz-r5112-r1-active="1"]
  [data-ubz-r5112-r1-deck-owner="1"] {
    max-width:
      calc(100vw - 12px)
      !important;
  }

}


@media (max-width: 767px) {

  html[data-ubz-r5112-r1-active="1"]
  [data-ubz-r5112-r1-deck-owner="1"] {
    max-width:
      calc(100vw - 8px)
      !important;
  }

}