.in-reply-to-prepend { display: grid; place-items: start start; grid-template-columns: auto 1fr; &__text { place-self: center start; line-height: 1.5em; } &:before { content: ''; display: inline-block; background: var(--ui-overlay); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNMTAgOVY1bC03IDdsNyA3di00LjFjNSAwIDguNSAxLjYgMTEgNS4xYy0xLTUtNC0xMC0xMS0xMSIvPjwvc3ZnPg==); width: 1em; height: 1em; padding: 0.25em; border-radius: 100em; background-repeat: no-repeat; background-position-x: center; background-position-y: 45%; margin-inline-end: 0.5em; } }