html[data-portrait="false"] .calcCont {
    height: calc(var(--winHeight) * 0.75);
}

html[data-portrait="true"] .calcCont {
    width: calc(var(--winWidth) * 0.75);
}

.showAddBuffs {
    font-size: calc(var(--slBoxHeight) / 40);
}

.weaponTab::before {
    font-size: calc(var(--weaponTabWidth) * 0.25);
}

.showAdvanced {
    font-size: calc(var(--slBoxHeight) / 45);
}

.advanced-info .showAdvanced {
    font-size: calc(var(--slBoxHeight) / 35);
}

html[data-portrait="false"] .featsCont {
    height: calc(var(--winHeight) / 20);
}

html[data-portrait="true"] .featsCont {
    height: calc(var(--winWidth) / 20);
}

html[data-portrait="false"] .saveCont {
    width: calc(var(--winWidth) * 0.15);
}

html[data-portrait="true"] .saveCont {
    width: calc(var(--winHeight) / 10);
}

html[data-portrait="false"] .switchCont {
    width: calc(var(--winWidth) / 9);
}

html[data-portrait="true"] .switchCont {
    width: calc(var(--winHeight) / 10);
}

html[data-portrait="false"] .loadCont {
    width: calc(var(--winWidth) / 5);
}

html[data-portrait="true"] .loadCont {
    width: calc(var(--winHeight) * 0.15);
}

.saveButton {
    width: var(--saveButtonWidth);
    font-size: calc(var(--saveButtonWidth) * 0.075);
}

.saveText {
    font-size: calc(var(--saveButtonWidth) * 0.06);
}

.switchButton {
    width: calc(var(--switchButtonWidth));
    font-size: calc(var(--switchButtonWidth) / 9);
}

.loadInputCont {
    width: calc(var(--loadContWidth) - var(--loadContHeight) * 2);
}

.buildMenu {
    height: calc(var(--loadContWidth) * 0.95);
}

.tooltip {
    font-size: calc(var(--featsContHeight) * 0.3);
}

.info {
    font-size: calc(var(--featsContHeight) / 3);
}

.info > div {
    padding: calc(var(--featsContHeight) / 5);
}