@import '_vars';
@import '_mixins';

h3 {
    margin-bottom: 1rem;
}

.truncate {
    @include truncate;
}

.event {
    &-stats {
        font-size: .8rem;
        font-weight: normal;
        line-height: 2rem;
    }

    &-dump {
        margin-top: 1rem;
        font-family: monospace;
        font-size: .8rem;
        font-weight: normal;
        height: 20rem;
    }

    &-header {
        & {
            padding: 1rem 1.25rem;
            position: relative;
            background: $color-border;
            border: 0;
            margin: -.7rem -1.25rem;
            margin-bottom: 1rem;
        }

        &::before {
            @include caret-top($color-border);
            @include absolute(-1.1rem, 1.8rem, auto, auto);
        }

        h3 {
            margin: 0;
        }
    }
}