.livepost{--border-left-width: 5px;--margin-scale: .3;--padding-scale: .7;max-inline-size:none;margin-inline:calc(var(--margin-scale) * var(--wrapper-inline));padding:calc(var(--padding-scale) * var(--wrapper-inline) - var(--border-left-width));border-left:var(--border-left-width) solid transparent;border-radius:var(--radius)}.livepost .head-section{--repel-vertical-alignment: flex-start;--gap: var(--space-2xs)}@media (min-width: 57rem){.livepost{--margin-scale: .8;--padding-scale: .2}}.livepost[data-type=highlight]{background-color:var(--color-gray-100);border-inline-start:var(--border-left-width) solid var(--color-gray-300)}.livepost[data-type=highlight] h2{position:relative}.livepost[data-type=highlight] h2:before{--diameter: .4em;content:"";position:absolute;inline-size:var(--diameter);block-size:var(--diameter);border-radius:50%;background-color:var(--color-secondary);inset-inline-start:calc(-1 * var(--padding-scale) * var(--wrapper-inline));inset-block-start:50%;transform:translate(-32%,-50%)}.livepost .date{color:var(--color-gray-700)}.livepost .reel>* img,.livepost figure,.livepost img{max-inline-size:min(90vw,var(--measure));block-size:unset;max-block-size:450px;inline-size:auto}.livepost figure:has(.video-container){background-color:var(--color-gray-200);border-radius:var(--radius);max-block-size:unset}.livepost .copy-link{font-size:.8em}.livepost .success{--color-prose: var(--color-state-good);color:var(--color-state-good);text-decoration:none}.livepost .hidden{display:none}