:root {
    --loadingBarHeight: 3vh;
    --loadingBarPositionFromTop: 0.7;
}

#id_3d_model {
    width: 100%;
    height: calc(105vh - (100vh - var(--wrapper4Height)) * 0.8);
    margin-top: -5vh;
    float: left;
}

model-viewer::part(default-progress-bar) {
    margin-top: calc((105vh - (100vh - var(--wrapper4Height)) * 0.8) * var(--loadingBarPositionFromTop) - (var(--loadingBarHeight) * 0.5));
    height: var(--loadingBarHeight);
    width: 80%;
    margin-left: 10%;
    border-radius: calc(var(--loadingBarHeight) * 0.5);
}

model-viewer::part(default-progress-mask) {
    margin-top: calc((105vh - (100vh - var(--wrapper4Height)) * 0.8) * var(--loadingBarPositionFromTop) - (var(--loadingBarHeight) * 0.5) - 3px);
    height: var(--loadingBarHeight);
    width: 80%;
    margin-left: calc(10% - 3px);
    border: 3px black solid;
    border-radius: calc(var(--loadingBarHeight) * 0.5);
}