.tabbed {
    background-color: rgba(black, 0.25);
    border-radius: 1rem;
    padding: 1rem;

    .tab-header {
        display: flex;
        flex-direction: row;

        div {
            user-select: none;
            cursor: pointer;

            padding: 0 0.25rem;
            margin: 0 0.25rem;

            &:first-child {
                margin-left: 0;
            }

            &.active {
                border-bottom: 1px solid $accent-color;
            }
        }
    }

    .tab-content {
        &>div {
            .highlight {
                pre {
                    background-color: transparent !important;
                }
            }
        }
    }
}