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

.appTheme({}, {
    &.levelup {
        .tiers-container {
            .tier-container {
                background-image: url('../assets/parchments/dh-parchment-light.png');
            }
        }
    }
});

.daggerheart.levelup {
    .tab.active {
        flex: 1;
        overflow: auto;
        .with-scroll-shadows();
    }

    div[data-application-part='form'] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .section-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
        gap: 20px 8px;
        margin-top: 8px;
        flex-wrap: wrap;
    }

    .levelup-footer {
        display: flex;
    }
}