/* _content/Burstroy.Modules.Blazor.VideoPanorama/Pages/MainVideoPanorama.razor.rz.scp.css */
.container-fluid[b-nvoy5vb2lg] {
    height:100%;
}

.title[b-nvoy5vb2lg] {
    height: 60px;
    display: flex;
    justify-content: center;
}

.container-panorama[b-nvoy5vb2lg] {
    height: calc(100% - 60px);
    display: flex;
    flex-flow: column;
}

.container-panorama > .box-panarama[b-nvoy5vb2lg] {
    height: 30%;
    overflow-y: auto;
}

.container-panorama > .box-panarama:first-of-type[b-nvoy5vb2lg] {
    height: 70%;
    overflow-y: auto;
}

.video-inherit[b-nvoy5vb2lg] {
    width: calc(100% - 5px);
    height: max-content;
}

/*Вынести в отдельный модуль*/
.controls[b-nvoy5vb2lg] {
    visibility: hidden;
    opacity: 0.25;
    width: 400px;
    border-radius: 10px;
    position: relative;
    bottom: 35px;
    left: 50%;
    margin-left: -10%;
    background-color: black;
    box-shadow: 3px 3px 5px black;
    transition: 1s all;
    display: flex;
}

.controls:hover[b-nvoy5vb2lg] {
    opacity: 1;
}

@font-face {
    font-family: 'HeydingsControlsRegular';
    src: url('../fonts/heydings_controls-webfont.eot');
    src: url('../fonts/heydings_controls-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/heydings_controls-webfont.woff') format('woff'),
         url('../fonts/heydings_controls-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

button[b-nvoy5vb2lg]:before {
    font-family: HeydingsControlsRegular;
    font-size: 20px;
    position: relative;
    content: attr(data-icon);
    color: #aaa;
    text-shadow: 1px 1px 0px black;
}

.timer[b-nvoy5vb2lg] {
    line-height: 38px;
    font-size: 10px;
    font-family: monospace;
    text-shadow: 1px 1px 0px black;
    color: white;
    flex: 5;
    position: relative;
}

    .timer div[b-nvoy5vb2lg] {
        position: absolute;
        background-color: rgba(255,255,255,0.2);
        left: 0;
        top: 0;
        width: 0;
        height: 38px;
        z-index: 2;
    }

    .timer span[b-nvoy5vb2lg] {
        position: absolute;
        z-index: 3;
        left: 19px;
    }

.player[b-nvoy5vb2lg] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr;
}

.error[b-nvoy5vb2lg] {
    display: flex;
    justify-content: center;
}
/* _content/Burstroy.Modules.Blazor.VideoPanorama/Pages/MapVideoPanorama.razor.rz.scp.css */
.panorama-error[b-ev0fw8rxlg] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: red;
}