/* wire-smooth-communities-303f1h718 */

html.wire-community-busy-303f1h718 main.content-column{
  opacity:.7 !important;
  pointer-events:none !important;
}

main.content-column{
  transition:opacity .14s ease !important;
}

.community-card form[aria-busy="true"],
.community-hero form[aria-busy="true"],
.community-composer form[aria-busy="true"],
.community-pin-form[aria-busy="true"]{
  opacity:.62 !important;
  pointer-events:none !important;
}

.community-tabs a{
  scroll-margin-top:90px !important;
}

.community-tabs a.active{
  pointer-events:none !important;
}

.wire-community-inline-error-303f1h718{
  margin:12px 0 !important;
  padding:11px 13px !important;
  border:1px solid rgba(255,112,122,.45) !important;
  border-radius:12px !important;
  background:rgba(90,16,24,.28) !important;
  color:#ffb6bc !important;
  font-weight:700 !important;
}

@media(max-width:799px){
  .community-page-header{
    display:grid !important;
    gap:10px !important;
    padding:12px 14px !important;
  }

  .community-page-header .outline-button{
    width:max-content !important;
  }

  .community-directory{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:0 12px calc(92px + env(safe-area-inset-bottom)) !important;
  }

  .community-card{
    min-width:0 !important;
    overflow:hidden !important;
  }

  .community-card-body{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:12px !important;
    align-items:start !important;
  }

  .community-card-body>div{
    min-width:0 !important;
  }

  .community-card-body p{
    overflow-wrap:anywhere !important;
  }

  .community-card-body form button{
    min-height:38px !important;
    padding:0 12px !important;
    font-size:12px !important;
  }

  .community-hero{
    display:grid !important;
    gap:12px !important;
    padding:12px !important;
  }

  .community-hero-art{
    min-height:150px !important;
  }

  .community-tabs{
    position:sticky !important;
    top:0 !important;
    z-index:20 !important;
    background:#07111b !important;
  }

  .community-composer{
    margin:12px !important;
  }

  .community-composer form{
    min-width:0 !important;
  }

  .community-composer textarea{
    width:100% !important;
    min-width:0 !important;
    font-size:16px !important;
  }

  .community-composer .composer-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:8px !important;
  }

  .community-post-wrap{
    min-width:0 !important;
  }

  .community-about{
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  main.content-column{
    transition:none !important;
  }
}