.thread-header{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;font-size:0.8rem;background:var(--hl-dark-shade);padding:2px 4px 2px 10px;min-height:24px;border-radius:4px;overflow:hidden}.thread-header__pin{min-width:24px;min-height:24px;display:flex;justify-content:center;align-items:center}.thread-header__pin:before{content:'';display:block;background:var(--hl-font-dim);margin:auto;width:18px;height:18px;-webkit-mask-image:url("/img/pin.svg");mask-image:url("/img/pin.svg")}.thread-header__channel-name{color:var(--hl-font-dim);font-weight:500;text-decoration:none;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.thread-header__channel-name:hover{color:var(--hl-font-clear)}.thread-header__menu-button,.thread-header__hide-button{box-sizing:initial;background:var(--hl-dark-shade);min-width:32px;min-height:24px;display:inline-block;border-radius:4px;padding:0;position:relative}.thread-header__menu-button:hover,.thread-header__hide-button:hover{background:var(--hl-light-shade)}.thread-header__menu-button:before,.thread-header__hide-button:before{content:'';display:block;background:var(--hl-font-dim);margin:auto;width:16px}.thread-header__hide-button:before{height:16px;-webkit-mask-image:url("/img/hide.svg");mask-image:url("/img/hide.svg")}.thread-header__menu-button:before{height:10px;-webkit-mask-image:url("/img/postmenu.svg");mask-image:url("/img/postmenu.svg")}@media screen and (min-width: 1024px){.thread-header{overflow:unset}}.post-header{color:var(--bg-font-dim);display:flex;flex-wrap:wrap;gap:8px;font-size:0.8rem;min-height:13px;align-items:center}.post-header__header-right{margin-left:auto;display:grid;grid-auto-flow:column;gap:2px;justify-content:center;align-items:center}.post-header__roles{display:flex;justify-content:center;align-items:center;gap:2px}.post-header__role{color:var(--color-tag-font);background:var(--bg-dark-accent);padding:4px}.post-header__role--self{background:var(--color-tag-self)}.post-header__role--op{background:var(--color-tag-op)}.post-header__role--admin{background:var(--color-tag-admin)}.post-header__role:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;padding-left:6px}.post-header__role:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:6px}.post-header__name-and-tags{display:flex;gap:2px;align-items:center}.post-header__financier-tag{display:flex;align-items:center}.post-header__financier-tag:before{content:'';display:inline-block;background:url("/img/financier.svg");width:16px;height:16px}.post-header__username{cursor:pointer}.post-header__username:hover{color:var(--color-link)}.post-header__hide-button,.post-header__reply-button,.post-header__menu-button,.post-header__go-arrow{box-sizing:initial;background:var(--bg-light-shade);min-width:48px;min-height:24px;display:inline-block;border-radius:4px;padding:0;position:relative}.post-header__hide-button:hover,.post-header__reply-button:hover,.post-header__menu-button:hover,.post-header__go-arrow:hover{background:var(--bg-dark-accent)}.post-header__hide-button:before,.post-header__reply-button:before,.post-header__menu-button:before,.post-header__go-arrow:before{content:'';display:block;background:var(--bg-font-dim);width:16px;margin:auto}.post-header__hide-button:before{height:16px;-webkit-mask-image:url("/img/hide.svg");mask-image:url("/img/hide.svg")}.post-header__reply-button:before{height:16px;-webkit-mask-image:url("/img/reply-arrow-small.svg");mask-image:url("/img/reply-arrow-small.svg")}.post-header__menu-button:before{height:10px;-webkit-mask-image:url("/img/postmenu.svg");mask-image:url("/img/postmenu.svg")}.post-header__go-arrow:before{width:24px;height:24px;-webkit-mask-image:url("/img/arrow-right.svg");mask-image:url("/img/arrow-right.svg")}.post-header__edited:before{content:'';display:block;background:var(--bg-font-dim);width:16px;height:16px;-webkit-mask-image:url("/img/edited.svg");mask-image:url("/img/edited.svg")}.post-attachment{font-size:0.8rem;color:var(--bg-font-dark);background-color:var(--bg-dark-accent);display:block;height:144px;width:auto;margin:0;border-radius:4px;position:relative;cursor:pointer}.post-attachment .circle-background{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:32px;height:32px;background-color:#0F1115FF;border-radius:50%;opacity:0.75}.post-attachment .play-button{position:absolute;transform:translate(-30%, -50%);top:50%;left:50%;box-sizing:border-box;height:16px;border-color:transparent transparent transparent white;border-style:solid;border-width:8px 0 8px 12px}.post-attachment .attachment-meta{color:var(--bg-font-dim);background-color:var(--bg-dark-shade);opacity:0.8;border-radius:5px;position:absolute;padding:4px;margin:2px;bottom:0;right:0}.post-attachment img{width:100%;height:100%;object-fit:contain}.post--moderation-notice .post-attachment{cursor:auto}@media screen and (min-width: 512px){.post--float-allowed .post-attachment{float:left;width:256px;height:unset;aspect-ratio:16 / 9;max-width:35vw}}.reference{display:grid;grid-template-columns:auto 1fr;gap:4px;text-decoration:unset;color:var(--bg-font-dark);background:var(--bg-dark-accent);border-left:4px solid var(--hl-dark-shade);border-radius:2px 8px 8px 2px;padding:4px;font-size:0.8rem}.reference__attachment{width:32px;height:32px;margin:auto;object-fit:cover;overflow:hidden;float:left}.reference__container{display:grid;gap:4px;margin-left:4px}.reference__name{display:block;color:var(--color-link-dim)}.reference__desc{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes flash{0%{background-color:var(--bg-light-accent)}50%{background-color:var(--bg-light-shade)}100%{background-color:var(--bg-light-accent)}}.green-text{color:var(--color-green-text)}.blue-text{color:var(--color-blue-text)}.post{background:var(--bg-light-accent);border:2px solid var(--bg-light-shade);border-radius:4px;display:grid;padding:6px;gap:8px}.post__wrapper{display:grid;gap:8px;text-decoration:none}.post__message{color:var(--bg-font-clear);padding:12px 0;word-wrap:break-word;overflow:hidden}.post__message a:not(.reference){color:var(--color-link)}.post__message a:not(.reference):hover{color:var(--bg-font-dim)}.post__show-replies-button{display:inline-block;text-decoration:none;font-size:0.8rem;color:var(--bg-font-dark);background:var(--bg-dark-accent);font-weight:700;padding:8px 16px;border-radius:4px;width:160px}.post--loaded{animation:slide-in 0.4s ease}.post--op{border-left:6px solid var(--color-tag-op)}.post--self{border-left:6px solid var(--color-tag-self)}.post--admin{border-left:6px solid var(--color-tag-admin)}.post:target{animation:flash ease;animation-iteration-count:2;animation-duration:0.5s;animation-fill-mode:both;border:2px var(--hl-light-shade);border-style:dashed}.thread>.post:first-child{border-left:2px solid var(--bg-light-shade)}.youtube-thumbnail{display:block;width:256px;height:144px;border-left:4px solid var(--hl-light-shade);padding:0 0 0 8px;margin:4px 0;position:relative}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-thumbnail::before{content:'';position:absolute;top:50%;left:50%;width:48px;height:32px;border-radius:8px;background:red;transform:translate(-50%, -50%)}.youtube-thumbnail::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:16px solid white;transform:translate(-50%, -50%)}.youtube-embed{display:block;border-left:4px solid var(--hl-light-shade);padding:0 0 0 8px;margin:4px 0}.youtube-embed iframe{width:100%;aspect-ratio:16 / 9}.thread-card .post{border-left:none}.thread-card .post__message{position:relative;padding:0;height:96px;cursor:pointer}.thread-card .post__message:after{content:'';position:absolute;bottom:0;left:0;right:0;top:0;box-shadow:inset 0 -16px 8px -8px var(--bg-light-accent)}.post--moderation-notice{margin:16px;max-width:512px;border:var(--hl-dark-shade) 2px solid}@media screen and (min-width: 512px){.embed iframe{width:480px;height:270px}.post--moderation-notice{margin:16px auto}.post--float-allowed .post__wrapper{grid-template-columns:auto 1fr;padding:8px 0}.post--float-allowed .post__message{padding:0}}