.theme-light .application.sheet.scene-config {
    .sheet-tabs.tabs a[data-tab='dh'] {
        &.active img,
        &:hover img {
            filter: @grey-filter drop-shadow(0 0 4px var(--color-shadow-primary));
        }

        img {
            filter: @grey-filter;
        }
    }
}

.application.sheet.scene-config {
    .sheet-tabs.tabs {
        font-size: 12px;

        a[data-tab='dh'] {
            display: flex;
            align-items: center;
            gap: 4px;

            &.active,
            &:hover {
                img {
                    filter: @beige-filter drop-shadow(0 0 4px var(--color-shadow-primary));
                }
            }

            img {
                width: 18px;
                position: relative;
                top: -3px;
                filter: @beige-filter;
            }
        }
    }

    .helper-text {
        font-style: italic;
    }

    .scene-environments {
        display: flex;
        flex-direction: column;
        gap: 8px;

        .scene-environment {
            display: flex;
            align-items: center;
            gap: 8px;

            .scene-environment-inner {
                display: flex;
                align-items: center;
                gap: 16px;
                flex: 1;

                img {
                    height: 36px;
                }

                h5 {
                    margin: 0;
                }

                .tags {
                    display: flex;
                    gap: 4px;
                    padding-bottom: 0;

                    .tag {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        padding: 3px 5px;
                        font-size: var(--font-size-12);
                        font: @font-body;

                        background: light-dark(@dark-15, @beige-15);
                        border: 1px solid light-dark(@dark, @beige);
                        border-radius: 3px;
                    }

                    .label {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        font-size: var(--font-size-12);
                    }
                }
            }

            .remove-icon {
                font-size: 16px;
            }
        }
    }
}
