/* wire-smooth-post-detail-interactions-303f1h713 */

html.wire-post-route-loading-303f1h713
main.content-column{
  opacity:.82 !important;
  transform:translateY(2px) !important;
  pointer-events:none !important;
}

main.content-column{
  transition:
    opacity .15s ease,
    transform .15s ease !important;
}

form[data-wire-post-detail-reply-303f1h713]
button[type="submit"][aria-busy="true"],
form[data-native-action][aria-busy="true"]{
  opacity:.62 !important;
  pointer-events:none !important;
}

[data-wire-post-replies-303f1h713]
.wire-new-reply-303f1h713{
  animation:wireNewReply303f1h713 .22s ease both;
}

@keyframes wireNewReply303f1h713{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

@media(max-width:799px){
  .post-page-header{
    min-height:50px !important;
    padding:
      max(8px,env(safe-area-inset-top))
      14px
      8px !important;
  }

  .post-page-header h1{
    font-size:18px !important;
  }

  .reply-composer{
    gap:10px !important;
    padding:13px !important;
  }

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

  .reply-composer .composer-actions{
    align-items:center !important;
    gap:8px !important;
  }

  .replies-feed{
    padding-bottom:
      calc(86px + env(safe-area-inset-bottom)) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  html.wire-post-route-loading-303f1h713
  main.content-column,
  main.content-column,
  [data-wire-post-replies-303f1h713]
  .wire-new-reply-303f1h713{
    transition:none !important;
    animation:none !important;
    transform:none !important;
  }
}