/* ===================================================
   NUI COMMENTS — OUVERTURE DU BAS VERS LE HAUT
=================================================== */

.nui-comments-up-overlay{
  position:fixed!important;
  inset:0!important;

  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;

  padding:0!important;
  margin:0!important;

  z-index:2147480000!important;

  background:rgba(0,0,0,.42)!important;

  overflow:hidden!important;
}


/*
 * La fenêtre est COLLÉE EN BAS.
 */
.nui-comments-up-sheet{
  position:relative!important;

  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;

  width:100%!important;
  max-width:600px!important;

  height:auto!important;
  min-height:45dvh!important;
  max-height:86dvh!important;

  margin:0!important;

  border-radius:22px 22px 0 0!important;

  background:#fff!important;

  overflow:hidden!important;

  /*
   * État initial :
   * fenêtre sous l'écran.
   */
  transform:translateY(105%)!important;

  transition:
    transform .28s
    cubic-bezier(.22,.8,.25,1)!important;

  box-shadow:
    0 -12px 45px
    rgba(0,0,0,.22)!important;
}


/*
 * OUVERTURE VERS LE HAUT.
 */
.nui-comments-up-open
.nui-comments-up-sheet{
  transform:translateY(0)!important;
}


/*
 * Poignée comme Facebook.
 */
.nui-comments-up-handle{
  width:42px!important;
  height:5px!important;

  margin:8px auto 5px!important;

  border-radius:999px!important;

  background:#b8bdc3!important;

  flex:none!important;
}


/*
 * La liste des commentaires peut défiler
 * à l'intérieur du panneau.
 */
.nui-comments-up-sheet
[class*="comment"]{
  -webkit-overflow-scrolling:touch;
}


/*
 * IMPORTANT :
 * aucun changement du scroll du BODY.
 */
html,
body{
  touch-action:auto!important;
}