daggerheart/styles/less/dialog/group-roll-dialog/sheet.less

.daggerheart.dialog.dh-style.views.group-roll-dialog {
    .window-content {
        h1 {
            color: @color-text-emphatic;
            font: 700 var(--font-size-24) var(--dh-font-subtitle);
            text-align: center;
        }

        header {
            --bar-color: light-dark(@dark-blue, @golden);
            color: light-dark(@dark, @beige);
            display: flex;
            justify-content: center;
            align-items: center;

            &:not(:first-child) {
                margin-top: var(--spacer-8);
            }
            
            span {
                padding: 0 10px;
            }

            &:before {
                content: ' ';
                flex: 1;
                height: 1px;
                background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--bar-color) 100%);
            }

            &:after {
                content: ' ';
                flex: 1;
                height: 1px;
                background: linear-gradient(90deg, var(--bar-color) 0%, rgba(0, 0, 0, 0) 100%);
            }
        }

        img.portrait {
            border-radius: 50%;
            border: none;
            object-fit: cover;
            object-position: center top;
            width: 2.5rem;
            height: 2.5rem;
        }
    }
}