/* wire-mobile-composer-final-cleanup-303f1h523 */
@media(max-width:760px){
  /*
   * Hide the audience picker before JS positions it in the header.
   * This removes the visible mid-screen flash.
   */
  #composer .wire-membership-access-picker{
    visibility:hidden!important;
    opacity:0!important;
  }

  #composer .wire-membership-access-picker
  [data-wire-audience-positioned-303f1h523],
  #composer .wire-membership-access-pill-303f1h523{
    visibility:visible!important;
    opacity:1!important;
  }

  #composer .wire-membership-access-pill-303f1h523{
    grid-area:audience!important;
    display:block!important;
    width:auto!important;
    min-width:104px!important;
    max-width:132px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  #composer .wire-membership-access-pill-303f1h523
  >label:first-child{
    display:block!important;
    width:100%!important;
  }

  #composer .wire-membership-access-pill-303f1h523
  >label:first-child>span{
    display:none!important;
  }

  #composer .wire-membership-access-pill-303f1h523 select{
    display:block!important;
    width:100%!important;
    min-width:104px!important;
    max-width:132px!important;
    height:34px!important;
    margin:0!important;
    padding:0 28px 0 12px!important;
    border:1px solid #29465d!important;
    border-radius:999px!important;
    background:#0b1a27!important;
    color:#56b7f5!important;
    font-size:12px!important;
    font-weight:800!important;
  }

  /*
   * The real local preview is enough. Suppress the filename/details block.
   */
  #composer [data-wire-video-mobile-summary303e5a],
  #composer .wire-composer-file-summary-303f1h522{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
  }

  /*
   * Keep the original spoiler form fields hidden in the body.
   * The toolbar button below controls the real checkbox.
   */
  #composer .wire-spoiler-composer-303f1h270{
    position:absolute!important;
    left:-99999px!important;
    top:auto!important;
    width:1px!important;
    height:1px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  #composer .wire-compose-spoiler-button-303f1h523{
    flex:0 0 38px!important;
    display:grid!important;
    place-items:center!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#ffd16f!important;
    box-shadow:none!important;
  }

  #composer .wire-compose-spoiler-button-303f1h523 span{
    display:block!important;
    font-size:19px!important;
    line-height:1!important;
  }

  #composer .wire-compose-spoiler-button-303f1h523.is-active{
    border:1px solid #8a641f!important;
    background:rgba(138,100,31,.2)!important;
    color:#ffdc87!important;
  }
}