.feed-comment-modal[hidden]{display:none}
html.feed-comment-modal-open,
body.feed-comment-modal-open{overflow:hidden}
.feed-comment-modal{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:28px;animation:feed-comment-modal-fade .18s ease-out}
.feed-comment-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(24,43,35,.38);backdrop-filter:blur(7px);cursor:pointer}
.feed-comment-modal-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(640px,100%);height:fit-content;max-height:min(76dvh,700px);min-height:min(430px,calc(100dvh - 56px));overflow:hidden;border:1px solid rgba(31,111,91,.13);border-radius:20px;background:#fffdf7;box-shadow:0 28px 82px rgba(23,51,42,.27);animation:feed-comment-modal-pop .2s cubic-bezier(.22,.84,.36,1)}
.feed-comment-modal-grip{display:none}
.feed-comment-modal-head{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:0 20px;border-bottom:1px solid #edf2ee;background:#fffdf7}
.feed-comment-modal-head:after{position:absolute;right:20px;bottom:-1px;left:20px;height:1px;background:#f3f6f3;content:""}
.feed-comment-modal-head h2{margin:0;color:#263a32;font-size:16px;font-weight:800}
.feed-comment-modal-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;background:#eff6f1;color:#6f8178;font-size:15px;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease}
.feed-comment-modal-head button:hover{background:#dff0e5;color:#1f6f5b;transform:translateY(-1px)}
.feed-comment-modal-head button:focus-visible,.feed-comment-modal-content form button:focus-visible{outline:3px solid rgba(31,111,91,.22);outline-offset:2px}
.feed-comment-modal-content{display:flex;min-height:0;overflow:hidden;background:#fff}
.feed-comment-modal-content .feed-interaction-comments,
.feed-comment-modal-content .class-space-comments{position:relative;display:flex;flex:1;min-height:0;flex-direction:column;margin:0;padding:0;background:transparent}
.feed-comment-modal-content [data-feed-comment-list]{display:grid;flex:1;align-content:start;min-height:0;gap:17px;overflow-y:auto;overscroll-behavior:contain;padding:20px 22px 24px;scrollbar-color:#c7d8cf transparent;scrollbar-width:thin}
.feed-comment-modal-content [data-feed-comment-item]{scroll-margin-block-end:12px}
.feed-comment-modal-content [data-feed-comment-item][hidden]{display:none!important}
.feed-comment-modal-content [data-feed-comment-list]:has([data-feed-comment-empty]){place-items:center;align-content:center}
.feed-comment-modal-content .feed-comment-empty{margin:0;color:#8c9b93;font-size:14px;line-height:1.5;text-align:center}
.feed-comment-modal-content [data-feed-comment-list]::-webkit-scrollbar{width:7px}
.feed-comment-modal-content [data-feed-comment-list]::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#c7d8cf;background-clip:padding-box}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment){display:grid;grid-template-columns:36px minmax(0,1fr);gap:11px;padding:0}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment).is-reply,
.feed-comment-modal-content .class-space-comment.is-reply{margin-left:42px;padding-left:0}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment).is-reply.is-depth-2,
.feed-comment-modal-content .class-space-comment.is-reply.is-depth-2{margin-left:84px}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-body{min-width:0;padding:1px 0 2px}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-author{display:block;color:#1f6f5b;font-size:13px;line-height:1.35}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-content{margin:4px 0 0;color:#263028;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-content span{margin-right:4px;color:#829189;font-size:13px}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-meta{display:flex;align-items:center;gap:13px;margin-top:6px;color:#9aa69f;font-size:12px;line-height:1}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-meta time{color:inherit}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-meta button{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0;border:0;background:transparent;color:#7d8b84;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-meta button:hover{color:#1f6f5b}
.feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-meta button i{font-size:11px}
.feed-comment-modal-content .feed-comment-avatar{width:36px;height:36px;box-shadow:0 2px 8px rgba(34,75,59,.09)}
.feed-comment-modal-content .feed-interaction-comments>form,
.feed-comment-modal-content .class-space-comments>form{display:flex;flex:0 0 auto;align-items:center;gap:10px;margin:0;padding:12px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid #edf2ee;border-radius:0;background:#fffdf7;box-shadow:0 -9px 22px rgba(42,68,56,.05)}
.feed-comment-modal-content .feed-interaction-comments>form[hidden],
.feed-comment-modal-content .class-space-comments>form[hidden]{display:none!important}
.feed-comment-compose-controls{display:flex;align-items:center;flex:1;gap:10px;min-width:0}
.feed-comment-input-shell{display:flex;align-items:center;flex:1;min-width:0;height:40px;padding:0 13px;border:1px solid #e5ddc8;border-radius:12px;background:#f9efd9;color:#263028;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}
.feed-comment-input-shell:focus-within{border-color:rgba(31,111,91,.48);background:#fffdf7;box-shadow:0 0 0 3px rgba(31,111,91,.1)}
.feed-comment-input-shell textarea[name="content"]{box-sizing:border-box;min-width:0;flex:1;height:100%;padding:9px 0;border:0;outline:0;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1.45;resize:none;scrollbar-width:none;-ms-overflow-style:none}
.feed-comment-input-shell textarea[name="content"]::-webkit-scrollbar{display:none;width:0;height:0}
.feed-comment-modal-content .feed-interaction-comments form button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:12px;background:#1f6f5b;color:#fff;box-shadow:0 7px 15px rgba(31,111,91,.19);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.feed-comment-modal-content .class-space-comments form button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:12px;background:#ffd84d;color:#2e2914;box-shadow:0 7px 15px rgba(210,142,22,.18);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.feed-comment-modal-content .feed-interaction-comments form button:hover,
.feed-comment-modal-content .class-space-comments form button:hover{filter:brightness(1.03);transform:translateY(-1px)}
.feed-comment-modal-content .feed-interaction-comments form button:disabled{cursor:wait;opacity:.6}
.feed-comment-reply-mask[hidden]{display:none!important}
.feed-comment-reply-mask{position:absolute;inset:0;z-index:2;border:0;background:rgba(18,37,29,.14);cursor:pointer}
.feed-comment-thread-actions{display:flex;align-items:center;align-self:flex-start;gap:16px;margin:0 0 0 49px;padding:0;min-height:24px}
.feed-comment-thread-actions button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:#4d776a;font:inherit;font-size:13px;font-weight:700;line-height:24px;cursor:pointer;transition:color .16s ease}
.feed-comment-thread-actions button:hover{color:#1f6f5b}
.feed-comment-thread-actions button:focus-visible{outline:3px solid rgba(31,111,91,.22);outline-offset:3px}
.feed-comment-thread-actions button i{font-size:10px}
.feed-comment-modal-content [data-feed-comments].is-replying>form{position:relative;z-index:3;align-items:flex-start;padding:14px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid #e5eee8;background:#fffdf7;box-shadow:0 -14px 34px rgba(32,64,49,.12);animation:feed-comment-reply-editor-expand .2s cubic-bezier(.22,.84,.36,1)}
.feed-comment-modal-content [data-feed-comments].is-replying .feed-comment-compose-controls{align-items:flex-start}
.feed-comment-modal-content [data-feed-comments].is-replying .feed-comment-input-shell{align-items:stretch;height:118px;padding:10px 13px;border-radius:14px;background:#f7f6f0}
.feed-comment-modal-content [data-feed-comments].is-replying textarea[name="content"]{width:100%;height:100%;min-height:0;padding:0;font-size:15px}
@keyframes feed-comment-modal-fade{from{opacity:0}to{opacity:1}}
@keyframes feed-comment-modal-pop{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes feed-comment-reply-editor-expand{from{opacity:.45;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){
  .feed-comment-modal{align-items:end;padding:0}
  html.feed-comment-keyboard-open .feed-comment-modal{inset:var(--feed-comment-visual-viewport-top,0px) 0 auto;height:var(--feed-comment-visual-viewport-height,100dvh)}
  html.feed-comment-keyboard-open .feed-comment-modal-dialog{max-height:var(--feed-comment-visual-viewport-height,100dvh);min-height:0}
  .feed-comment-modal-dialog{grid-template-rows:20px auto minmax(0,1fr);width:100%;height:fit-content;max-height:min(80dvh,720px);min-height:min(440px,80dvh);border-width:1px 0 0;border-radius:21px 21px 0 0;animation:feed-comment-modal-sheet .24s cubic-bezier(.22,.84,.36,1)}
  .feed-comment-modal-grip{display:block;justify-self:center;width:38px;height:4px;margin-top:9px;border-radius:999px;background:#d8e3dc}
  .feed-comment-modal-head{min-height:54px;padding:0 14px}
  .feed-comment-modal-head:after{right:14px;left:14px}
  .feed-comment-modal-content [data-feed-comment-list]{gap:15px;padding:15px 14px 22px}
  .feed-comment-modal-content .feed-comment-empty{font-size:13px}
  .feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment),
  .feed-comment-modal-content .class-space-comment{grid-template-columns:32px minmax(0,1fr);gap:9px}
  .feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment).is-reply,
  .feed-comment-modal-content .class-space-comment.is-reply{margin-left:32px;padding-left:8px}
  .feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment).is-reply.is-depth-2,
  .feed-comment-modal-content .class-space-comment.is-reply.is-depth-2{margin-left:64px}
  .feed-comment-modal-content .feed-comment-avatar,
  .feed-comment-modal-content .class-space-avatar.small{width:32px;height:32px;font-size:12px}
  .feed-comment-modal-content .feed-interaction-comment:not(.class-space-comment) .feed-interaction-comment-content,
  .feed-comment-modal-content .class-space-comment .feed-interaction-comment-content{font-size:13px}
  .feed-comment-modal-content .feed-interaction-comments>form,
  .feed-comment-modal-content .class-space-comments>form{padding:10px 14px max(11px,env(safe-area-inset-bottom))}
  .feed-comment-input-shell{height:40px}
  .feed-comment-input-shell textarea[name="content"]{font-size:16px}
  .feed-comment-modal-content [data-feed-comments].is-replying>form{padding:12px 14px max(12px,env(safe-area-inset-bottom))}
  .feed-comment-modal-content [data-feed-comments].is-replying .feed-comment-input-shell{height:112px}
  .feed-comment-thread-actions{margin-left:41px;gap:14px}
  .feed-comment-thread-actions button{font-size:12px}
}
@keyframes feed-comment-modal-sheet{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}