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

.application.sheet.daggerheart.actor.dh-style.character {
    .window-content {
        display: grid;
        grid-template-columns: 275px 1fr;
        grid-template-rows: auto 1fr;
        gap: 15px 0;
        height: 100%;
        width: 100%;
        padding-bottom: 0;
        overflow-x: auto;

        .character-sidebar-sheet {
            grid-row: 1 / span 2;
            grid-column: 1;
        }

        .character-header-sheet {
            position: relative;
            grid-row: 1;
            grid-column: 2;
        }

        .tab {
            grid-row: 2;
            grid-column: 2;
            &.active {
                display: flex;
                flex-direction: column;
                overflow: hidden;
            }
        }
    }
}