:root {
    --main-border-width: 1px;
    --header-height: 1.2em;
    --settings-height: 2em;
    --video-controls-height: 3em;
    --detection-banner-height: 120px;
    --sections-banner-height: 0px;
    --video-minimal-height: 20em;
    --body-margin-vertical: .7em;
    --body-margin-horizontal: .5em;;
}
body {
    margin: var(--body-margin-vertical) var(--body-margin-horizontal);
    box-sizing: border-box;
}
#maincontainer {
    width: 100%;
    min-height: 100vh;
}
#maincontainer > #dragInfo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: silver;
    z-index: 10;
}


#maincontainer > * {
    border-color: black;
    border-style: solid;
    border-width: var(--main-border-width);
    box-sizing: border-box;
}


#sections-banner {
    width: calc(100vw - 2 * var(--body-margin-horizontal));
    height: var(--sections-banner-height);
    display: block;
}


#intervals::before {
    content: "At the current confidence level, no detections were found in the following intervals";
}