/* wire-exact-mobile-composer-layout-303f1h520 */
@media(max-width:760px){
  html.wire-compose-open,
  body.wire-compose-open{
    overflow:hidden!important;
  }

  #composer.composer.wire-overlay-composer.is-open{
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
    display:block!important;
    grid-template-columns:none!important;
    width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:#050b12!important;
    color:#f4f7fb!important;
    box-shadow:none!important;
  }

  #composer.composer.wire-overlay-composer.is-open
  >form[data-rich-composer]{
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:
      env(safe-area-inset-top,0px)
      0
      calc(env(safe-area-inset-bottom,0px) + 58px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#050b12!important;
    grid-template-columns:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  #composer .wire-compose-header{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:62px!important;
    margin:0!important;
    padding:9px 14px!important;
    border-bottom:1px solid #20394e!important;
    background:rgba(5,11,18,.98)!important;
    backdrop-filter:blur(16px) saturate(130%)!important;
  }

  #composer .wire-compose-identity-wrap{
    min-width:0!important;
    flex:1 1 auto!important;
  }

  #composer .wire-compose-identity{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    max-width:calc(100vw - 82px)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#f4f7fb!important;
    text-align:left!important;
    box-shadow:none!important;
  }

  #composer .wire-compose-identity
  [data-wire-composer-avatar],
  #composer .wire-compose-identity .wire-avatar.avatar-sm{
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
    border-radius:50%!important;
    overflow:hidden!important;
  }

  #composer .wire-compose-identity
  [data-wire-composer-avatar] img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  #composer .wire-compose-identity>span:nth-child(2){
    min-width:0!important;
    overflow:hidden!important;
  }

  #composer .wire-compose-identity strong,
  #composer .wire-compose-identity small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  #composer .wire-compose-identity strong{
    color:#f4f7fb!important;
    font-size:16px!important;
    line-height:1.2!important;
  }

  #composer .wire-compose-identity small{
    margin-top:3px!important;
    color:#93a6b6!important;
    font-size:13px!important;
  }

  #composer .wire-compose-close{
    flex:0 0 42px!important;
    display:grid!important;
    place-items:center!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #29465d!important;
    border-radius:50%!important;
    background:#0b1a27!important;
    color:#f4f7fb!important;
    font-size:25px!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  #composer textarea[name="body"][data-composer]{
    display:block!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:116px!important;
    max-height:30dvh!important;
    height:auto!important;
    margin:0!important;
    padding:18px 16px 10px!important;
    overflow-y:auto!important;
    border:0!important;
    outline:0!important;
    resize:none!important;
    background:#050b12!important;
    color:#f4f7fb!important;
    font-size:21px!important;
    line-height:1.35!important;
    box-shadow:none!important;
  }

  #composer textarea[name="body"][data-composer]::placeholder{
    color:#7f93a4!important;
    opacity:1!important;
  }

  #composer .wire-core-preview-174,
  #composer .composer-preview-grid[data-media-preview]{
    display:grid!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 14px 10px!important;
    padding:0!important;
    overflow:hidden!important;
    gap:8px!important;
    border-radius:16px!important;
    background:#02070b!important;
  }

  #composer .wire-core-preview-174:empty,
  #composer .composer-preview-grid[data-media-preview][hidden]{
    display:none!important;
  }

  #composer .wire-core-preview-174 img,
  #composer .wire-core-preview-174 video,
  #composer .wire-core-preview-174 iframe,
  #composer .composer-preview-grid img,
  #composer .composer-preview-grid video,
  #composer .composer-preview-grid iframe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:38dvh!important;
    object-fit:contain!important;
    border:0!important;
    border-radius:16px!important;
    background:#000!important;
  }

  #composer .wire-membership-access-picker{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
    width:calc(100% - 28px)!important;
    min-width:0!important;
    height:auto!important;
    margin:0 14px 8px!important;
    padding:10px 12px!important;
    border:1px solid #20394e!important;
    border-radius:13px!important;
    background:#081522!important;
  }

  #composer .wire-membership-access-picker>label:first-child{
    display:grid!important;
    grid-template-columns:auto minmax(110px,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
  }

  #composer .wire-membership-access-picker
  >label:first-child>span{
    color:#93a6b6!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  #composer .wire-membership-access-picker select{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid #29465d!important;
    border-radius:999px!important;
    background:#101d29!important;
    color:#f4f7fb!important;
    font-size:13px!important;
  }

  #composer [data-wire-membership-access-note]{
    display:none!important;
  }

  #composer [data-wire-membership-tier-wrap]:not([hidden]){
    display:grid!important;
    grid-template-columns:auto minmax(110px,1fr)!important;
    align-items:center!important;
    gap:10px!important;
  }

  #composer .wire-spoiler-composer-303f1h270{
    display:block!important;
    width:calc(100% - 28px)!important;
    min-width:0!important;
    height:auto!important;
    margin:0 14px 8px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }

  #composer .wire-spoiler-toggle-303f1h270{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    padding:8px 11px!important;
    border:1px solid #654b1d!important;
    border-radius:12px!important;
    background:linear-gradient(
      90deg,
      rgba(122,83,19,.17),
      rgba(53,34,8,.08)
    )!important;
  }

  #composer .wire-spoiler-toggle-303f1h270 strong{
    display:inline!important;
    color:#ffd16f!important;
    font-size:13px!important;
    line-height:1.2!important;
  }

  #composer .wire-spoiler-toggle-303f1h270 small{
    display:none!important;
  }

  #composer .wire-spoiler-fields-303f1h270:not([hidden]){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
    margin-top:8px!important;
    padding:10px!important;
    border:1px solid #20394e!important;
    border-radius:12px!important;
    background:#081522!important;
  }

  #composer .poll-builder:not([hidden]){
    display:block!important;
    width:calc(100% - 28px)!important;
    margin:0 14px 8px!important;
    padding:10px!important;
    border:1px solid #20394e!important;
    border-radius:12px!important;
    background:#081522!important;
  }

  #composer .composer-feedback{
    width:calc(100% - 28px)!important;
    margin:0 14px!important;
    padding:0!important;
    font-size:12px!important;
  }

  #composer [data-wire-video-mobile-summary303e5a]:not([hidden]),
  #composer .wire-cf-upload-303e3r:not([hidden]){
    width:calc(100% - 28px)!important;
    margin:0 14px 8px!important;
    padding:8px 10px!important;
    border:1px solid #20394e!important;
    border-radius:11px!important;
    background:#081522!important;
    color:#93a6b6!important;
    font-size:11px!important;
    line-height:1.35!important;
  }

  #composer .wire-compose-toolbar{
    position:sticky!important;
    bottom:0!important;
    z-index:55!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    margin-top:auto!important;
    padding:
      7px
      12px
      calc(7px + env(safe-area-inset-bottom,0px))!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    border-top:1px solid #20394e!important;
    background:rgba(5,11,18,.98)!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  #composer .wire-compose-toolbar::-webkit-scrollbar{
    display:none!important;
  }

  #composer .wire-compose-tool{
    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;
    overflow:hidden!important;
    border:0!important;
    border-radius:10px!important;
    background:transparent!important;
    color:#56b7f5!important;
    font-size:0!important;
    box-shadow:none!important;
  }

  #composer .wire-compose-tool svg{
    width:23px!important;
    height:23px!important;
  }

  #composer .wire-compose-gif{
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
  }

  #composer .wire-compose-poll span{
    font-size:20px!important;
  }

  #composer .wire-compose-tool input[type="file"]{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  #composer .wire-compose-post{
    flex:0 0 auto!important;
    order:99!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:76px!important;
    height:38px!important;
    margin-left:auto!important;
    padding:0 18px!important;
    border:1px solid #ff3155!important;
    border-radius:999px!important;
    background:rgba(255,49,85,.08)!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1!important;
    box-shadow:none!important;
  }

  #composer .wire-compose-post:disabled{
    opacity:.48!important;
  }

  /*
   * Remove the duplicate legacy core action row. The primary toolbar above
   * already owns photo and poll actions.
   */
  #composer .wire-core-tool-174{
    display:none!important;
  }

  #composer
  [class*="wire-core-actions"],
  #composer
  [class*="wire-core-toolbar"]{
    display:none!important;
  }

  #composer [class*="character"],
  #composer [class*="counter"],
  #composer [data-character-count]{
    flex:0 0 auto!important;
    margin-left:4px!important;
    color:#9fb0bd!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
}