@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%;
            overflow-y: auto;
            padding-top: 8px;
            padding-bottom: 20px;
            height: 100%;
            .with-scroll-shadows();
        }

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

        .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;
                }
            }
        }
    }
}