.support-attachment{max-width:360px;margin:10px 0 4px;border:1px solid var(--sd-line,var(--ps-line,#343a40));border-radius:12px;overflow:hidden;background:var(--sd-raised,var(--ps-raised,#202428));color:var(--sd-text,var(--ps-text,#f1f4f7));text-align:start}
.support-attachment *{box-sizing:border-box}.support-attachment [hidden]{display:none!important}.support-attachment figcaption{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 12px}.support-attachment-meta{display:grid;gap:3px;min-width:0}.support-attachment-meta b{font-size:12px;font-weight:600}.support-attachment-meta small{font-size:11px;color:var(--sd-dim,var(--ps-dim,#b7c0c9));direction:ltr;text-align:start}.support-attachment-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.support-attachment-actions a{font-size:11px;line-height:1.5;display:inline-flex;padding:5px 9px;border:1px solid var(--sd-line,var(--ps-line,#454e57));border-radius:7px;background:transparent;color:var(--sd-blue,var(--ps-blue,#64bfff));text-decoration:none}.support-attachment-actions a:hover{background:var(--sd-bubble,var(--ps-bubble,#143a56))}.support-attachment-actions a:focus-visible,.support-attachment-image-link:focus-visible,.support-media-lightbox-close:focus-visible{outline:3px solid #55baff;outline-offset:-3px}.support-attachment-image-link{display:block;position:relative;overflow:hidden;text-decoration:none}.support-attachment-thumbnail{display:block;width:100%;height:auto;max-height:230px;object-fit:cover;background:#101214}.support-attachment-image-link>span{position:absolute;inset-inline-end:9px;bottom:9px;background:#0a101be0;color:#fff;border-radius:7px;padding:4px 8px;font-size:10px}.support-attachment-player{display:block;width:100%;max-height:260px;background:#111518}.support-attachment-audio{min-width:min(280px,100%)}.support-attachment-audio .support-attachment-player{padding:10px;background:transparent}.support-attachment-fallback{padding:12px;margin:0;font-size:12px;line-height:1.7;color:var(--sd-dim,var(--ps-dim,#b7c0c9))}.support-attachment-pending{border-style:dashed;max-width:300px}.support-attachment-pending .support-attachment-thumbnail{max-height:120px}.support-attachment-pending-label{font-size:10px;color:var(--sd-green,var(--ps-green,#7be0b6))}[data-support-file-preview]{min-width:0}[data-support-file-preview][hidden]{display:none!important}
.support-media-lightbox{position:fixed;inset:0;width:min(1000px,94vw);max-width:94vw;max-height:94dvh;margin:auto;padding:0;border:1px solid #49535e;border-radius:14px;background:#101315;color:#f1f4f7;overflow:auto;box-shadow:0 20px 100px #000b}.support-media-lightbox::backdrop{background:#030608df;backdrop-filter:blur(4px)}.support-media-lightbox-body{position:relative;padding:50px 16px 12px}.support-media-lightbox-body>img{display:block;max-width:100%;max-height:calc(90dvh - 110px);width:auto;height:auto;margin:auto;object-fit:contain}.support-media-lightbox-close{position:absolute;top:9px;inset-inline-end:10px;width:34px;height:34px;border:1px solid #58616a;border-radius:9px;background:#252b31;color:#fff;font-size:24px;line-height:1;cursor:pointer}.support-media-lightbox-footer{display:flex;justify-content:center;padding-top:12px}.support-media-lightbox .support-attachment-actions a{color:#71c6ff;border-color:#57616c}
@media(max-width:600px){.support-attachment{max-width:100%}.support-attachment-thumbnail{max-height:210px}.support-media-lightbox{width:96vw;max-width:96vw}.support-media-lightbox-body{padding-inline:8px}.support-attachment-actions a{min-height:32px;align-items:center}}