@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';

.application.sheet.daggerheart.actor.dh-style.character {
    .tab.biography {
        .items-section {
            display: flex;
            flex-direction: column;
            gap: 10px;
            height: 100%;            
            padding: 12px calc(12px - var(--scrollbar-width)) 4px 12px;
            .stable-scroll-container();
        }

        .characteristics-section {
            gap: 20px;
            padding: 0 4px;
        }

        .biography-section {
            prose-mirror {
                --min-height: 50px;
            }

            prose-mirror.inactive .editor-content {
                position: relative;
            }
        }

        &:has(.prosemirror.active) {
            .biography-section {
                flex: 1;
                &:not(:has(prose-mirror.active)) {
                    display: none;
                }
            }
        }
    }
}