.application.daggerheart.dh-style.action-config {
    .trigger-data {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;

        select {
            flex: 1;
        }

        .hint-section {
            flex: 3;
            display: flex;
            align-items: center;
            gap: 4px;

            .hint {
                flex: 1;
                flex-wrap: wrap;
            }
        }
    }

    .code-mirror-wrapper {
        width: 100%;
        height: 0;
        min-height: 0;
        transition: height 0.1s ease-in-out;

        &.revealed {
            height: 300px;
        }
    }
}