tl-social-posts.tl-social{display:block;background:var(--sp-background);color:var(--sp-text)}
.tl-social *{box-sizing:border-box}.tl-social__inner{max-width:var(--sp-width);margin-inline:auto;padding-inline:20px}
.tl-social__heading{font-size:var(--sp-heading);line-height:1.2;color:inherit;margin:0 0 32px;overflow-wrap:anywhere}
.tl-social__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-gap);align-items:start;padding:8px 6px 18px;margin-inline:-6px}
.tl-social__card{min-width:0;overflow:hidden;background:var(--sp-card);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:0 3px 12px rgb(0 0 0 / var(--sp-shadow));font-size:var(--sp-font);line-height:1.4;letter-spacing:normal}
.tl-social__profile{display:flex;align-items:center;gap:9px;padding:13px 14px 9px}.tl-social__avatar{width:40px;height:40px;object-fit:cover;border-radius:50%;flex-shrink:0}.tl-social__avatar--empty{display:grid;place-items:center;background:#e7ebef;font-weight:700;color:#465260}.tl-social__identity{min-width:0;flex:1}.tl-social__name{font-size:1em;font-weight:700;line-height:1.2;margin:0;overflow-wrap:anywhere}.tl-social__date{font-size:.8em;color:var(--sp-muted);margin:4px 0 0;line-height:1.2}
.tl-social__more{color:var(--sp-muted);display:grid;place-items:center;width:28px;height:32px;align-self:flex-start;flex-shrink:0}.tl-social__body{padding:0 14px 12px;overflow-wrap:anywhere;font-size:inherit;line-height:inherit}.tl-social__body>*{margin:0 0 10px}.tl-social__body>:last-child{margin-bottom:0}.tl-social__body a{color:inherit}.tl-social__media{aspect-ratio:var(--sp-image-ratio);overflow:hidden;background:#eef0f2}.tl-social__media img,.tl-social__placeholder{display:block;width:100%;height:100%;object-fit:var(--sp-image-fit)}.tl-social__media img{object-position:center}.tl-social__footer{padding:0 12px}.tl-social__counts{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:.83em;color:var(--sp-muted);flex-wrap:wrap}.tl-social__likes{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;font-size:13px;line-height:1.2;color:var(--sp-muted)}.tl-social__reactions{display:inline-flex;flex:none;align-items:center;width:calc(var(--sp-reaction-size,18px) * 3.125);height:var(--sp-reaction-size,18px);line-height:0}.tl-social__reactions img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0;border:0;box-shadow:none}

.tl-social__actions{display:flex;border-top:1px solid var(--sp-border);padding:3px 0}.tl-social__actions>a,.tl-social__actions>span{flex:1;display:flex;justify-content:center;align-items:center;gap:5px;min-height:40px;font-size:.85em;color:var(--sp-text);text-decoration:none}.tl-social__actions svg{width:17px;height:17px;flex-shrink:0}.tl-social__actions>a:hover{background:var(--sp-background);border-radius:5px}.tl-social__navigation{display:none}.tl-social :focus-visible{outline:2px solid var(--sp-accent);outline-offset:3px}
@media(max-width:749px){.tl-social__inner{padding-inline:20px}.tl-social__heading{font-size:var(--sp-heading-mobile);margin-bottom:22px}.tl-social__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;scroll-padding-inline:6px;overscroll-behavior-x:contain}.tl-social__track::-webkit-scrollbar{display:none}.tl-social__card{flex:0 0 calc(100% - 12px);scroll-snap-align:start;scroll-snap-stop:always}.tl-social__navigation:not([hidden]){display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}.tl-social__navigation button{appearance:none;background:none;border:0;color:var(--sp-accent);padding:0;cursor:pointer;width:44px;height:44px;display:grid;place-items:center}.tl-social__navigation button:disabled{opacity:.3;cursor:default}.tl-social__navigation>button svg{width:26px;height:26px}.tl-social__dots{display:flex;gap:0}.tl-social__dots button{width:32px}.tl-social__dots span{display:block;width:8px;height:8px;background:var(--sp-muted);border-radius:50%;opacity:.55}.tl-social__dots [aria-current=true] span{width:11px;height:11px;background:var(--sp-accent);opacity:1}}
@media(prefers-reduced-motion:reduce){.tl-social__track{scroll-behavior:auto}}
