/*!
Default styles for videojs-record 4.6.0
*/
@font-face {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAW0AAsAAAAACewAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPAAAAFY6l0dQY21hcAAAAYAAAAByAAAB4PJQ5/VnbHlmAAAB9AAAAYYAAALMPcs3OGhlYWQAAAN8AAAALQAAADYQhba0aGhlYQAAA6wAAAAWAAAAJABhADtobXR4AAADxAAAAA4AAAAoAbAAAGxvY2EAAAPUAAAAFgAAABYELgNEbWF4cAAAA+wAAAAdAAAAIAEXADxuYW1lAAAEDAAAATYAAAJemUJQLnBvc3QAAAVEAAAAcAAAALoqjqNHeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGTQZpzAwMrAwCDHoAgk2aC0OAMTAw8DkGBlZsAKAtJcUxgcPjJ+5GQwAHJZwCQDAyOIAADEhgVmeJztkcENw0AIBOd8+GyilOKXC/IrZaTpq8BhIWUYaXbFCvEAYAV6cAQG7UNDdUXaMu+8MjfOnDHl0+87tEmjt9QlZi02DjZ2PKLBU+/U779zXa3IOy4F8l7oH9MKXXauhX41R4F8K5DvBXIv8B9LThoJAAB4nG1Sf0+DMBC9a4+WEJxTgRGdywKEzTmngXX7w+j3/1i+g/0wxhZer23u9d1ryZC2N9pQTe9Ex3pV+7pyz5wVnxx2HPqs6A5A5/O+O3zxvvWZq1oEh67I105ScQZtIk4iFwEnOjNi8LWCoUTEXmwUWfE8Lkw1JVbA6Txo2FBDD1AQ9u0rnxXoibNQMZfMA8RPXqNMwccFjfpb2lJKS2SPEsf0YzbhCiXU2YL7vA/dN4fSiLYbC63WWmcFfyYmxbqCs5Ex2HHiPSYn/g96gbb5hf8ssK9BuwqV84djmK21nuVQ2UehriRxakymCwARL8YmRjxdan5DT8FaTRgaoW+/4zJKoihJFLanEXDNadAtcvq8TsuyKUlnA9eWYmh8wZ7emboQrnd5Fr7ysGT/zd2CYc89qlcT3EW6E/UEKwrlYJG9Gy9tvMrFaQ9A57Pf6RXRA830BeX98c+pvg59O51KoxwjNFUKT+YaA5ZzZRm93uEl3A4v4R+WzW+KzZXgsSD6Act6LFcAAHicY2BkYGAA4gm5SzLj+W2+MnAzGABFGG7M3rMWmQaK6gJJDgYmEAcANXsKBgAAAHicY2BkYGAwYGBAIhkZUAEXAA5yAJ0AAHicY2AAAgPCGAAgOAGxAAAAAAAAAEIAYACQALwA1gDiASABRgFmAAB4nGNgZGBg4GIwYGBmAAEmMI8LSP4H8xkADk0BVAAAAHicfZA/asMwGMWf8680hlIo7ZRBUOhSYicZQ+cEOmbI7tiyY2NbRlYCuUEP0hP0EB17kJ6iL6qWZLAE0u+9732fQADu8Q0P5+Xhzp7n1cMN1T/3SY+OB+Rnx0P4mDse0X9zPMYr3h37eMCBE7zBLZ0JPhz3mP903Kf/5XhA/nE8xBN+HY8w8eB4jK03cezjxdPHPJGqaKdaxkonG5kdyujKvFRbqdtc1WIezC4La1lLHRmZiN1JtMdsYUwqUq0qsVK1kWWpRKNVIWMT7I1plmGYOj+IVYUjciSQUCjQYgpNjqk03Q0541+UiKi7kl21LVnTzalrCP5/gFlnx5pc264IhnfCrh1OPFv2ZVjQNUipU2YUKtLKTj+nS25Fp7G1ws41fHNvuxosEXKnV/nAvl79AXudcPYAAHicfctLDsIwDARQT/mUJt3DJXIoK7HULIotN+35QS1ihZjVG42GOvqfgA4nnHHBFT1uGBAQqectmfgctlpED/Ja6sG4ZBd57h5dsnpJS2Nv8VvURpu0aco8i/PDam6rS6rv14f74/5zUCN6AYpyMIA=) format("woff")
}

.vjs-icon-av-perm {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-av-perm:before {
    content: "\f101"
}

.vjs-icon-sv-perm {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-sv-perm:before {
    content: "\f104"
}

.vjs-icon-video-perm {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-video-perm:before {
    content: "\f102"
}

.vjs-icon-audio-perm {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-audio-perm:before {
    content: "\f103"
}

.vjs-icon-screen-perm {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-screen-perm:before {
    content: "\f104"
}

.vjs-icon-record-start {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-record-start:before {
    content: "\f105"
}

.vjs-icon-record-stop {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-record-stop:before {
    content: "\f106"
}

.vjs-icon-photo-camera {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-photo-camera:before {
    content: "\f107"
}

.vjs-icon-picture-in-picture-start {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-picture-in-picture-start:before {
    content: "\f108"
}

.vjs-icon-picture-in-picture-stop {
    font-family: videojs-record;
    font-style: normal;
    font-weight: 400
}

.vjs-icon-picture-in-picture-stop:before {
    content: "\f109"
}

.vjs-record.video-js .vjs-control.vjs-fullscreen-control {
    position: absolute;
    right: 0
}

.vjs-record .vjs-using-native-controls .vjs-control-bar {
    display: flex !important
}

.vjs-record.video-js .vjs-tech {
    -webkit-perspective: 1000
}

.vjs-record.vjs-fluid .vjs-animation-display>img:first-child,
.vjs-record.vjs-fluid .vjs-record-canvas>canvas:first-child,
.vjs-record.vjs-fluid wave.vjs-wavedisplay {
    height: 100%;
    max-width: 100%;
    min-width: 100%;
    position: absolute !important;
    top: 0;
    width: 100%
}

.vjs-record .vjs-device-button.vjs-control {
    background-color: #07141e;
    background-color: rgba(7, 20, 30, .7);
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    border-radius: .8em;
    -webkit-box-shadow: 0 0 1em hsla(0, 0%, 100%, .25);
    -moz-box-shadow: 0 0 1em hsla(0, 0%, 100%, .25);
    box-shadow: 0 0 1em hsla(0, 0%, 100%, .25);
    cursor: pointer;
    display: block;
    font-size: 3em;
    height: 2.8em;
    left: 50%;
    margin-left: -2.1em;
    margin-top: -1.8em;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
    width: 4em;
    z-index: 2
}

.vjs-record .vjs-error .vjs-device-button {
    display: none
}

.vjs-record button.vjs-device-button.vjs-control.vjs-icon-audio-perm:before,
.vjs-record button.vjs-device-button.vjs-control.vjs-icon-av-perm:before,
.vjs-record button.vjs-device-button.vjs-control.vjs-icon-screen-perm:before,
.vjs-record button.vjs-device-button.vjs-control.vjs-icon-sv-perm:before,
.vjs-record button.vjs-device-button.vjs-control.vjs-icon-video-perm:before {
    font-size: 2.4em
}

.vjs-record .vjs-record-button.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-error .vjs-record-button {
    display: none
}

.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-start:before {
    font-size: 1.4em;
    line-height: 2.2em
}

.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-stop:before {
    font-size: 2.2em;
    line-height: 1.4em
}

.vjs-record .vjs-camera-button.vjs-control,
.vjs-record .vjs-play-control.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-error .vjs-camera-button {
    display: none
}

.vjs-record .vjs-camera-button.vjs-control.vjs-icon-photo-camera:before {
    font-size: 2em;
    line-height: 1.4em
}

.vjs-record .vjs-camera-button.vjs-control.vjs-icon-replay:before {
    font-size: 2.2em;
    line-height: 1.4em
}

.vjs-record.video-js .vjs-control.vjs-record-indicator.vjs-hidden {
    display: block !important;
    opacity: 0;
    transform: translateX(1em) rotateX(-90deg) scale(.9);
    transition: all .5s, transform .5s .25s
}

.vjs-record.video-js .vjs-control.vjs-record-indicator {
    background-color: #ff625e;
    border-radius: 50%;
    height: .8em;
    line-height: 1.1em;
    opacity: 1;
    position: absolute;
    right: 2.5ex;
    top: 2ex;
    transform: rotateX(0) scale(1.3);
    transition: all .5s, transform .2s .1s;
    width: .8em
}

.vjs-record.video-js .vjs-control.vjs-record-indicator:before {
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-name: pulsetext;
    color: #fff;
    content: attr(data-label);
    font-family: Helvetica, sans-serif;
    font-size: .8em;
    left: -2.7em;
    opacity: 1;
    position: absolute;
    top: -.1em;
    transition: opacity .5s .2s
}

.vjs-record.video-js .vjs-control.vjs-record-indicator:after {
    animation-delay: .25s;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: pulse;
    border: 2px solid #ff625e;
    border-radius: 50%;
    content: "";
    display: block;
    height: calc(.8em - 4px);
    left: 2px;
    position: absolute;
    top: 2px;
    transform-origin: center;
    width: calc(.8em - 4px)
}

@keyframes pulsetext {
    0% {
        opacity: .75
    }

    25% {
        opacity: .5
    }

    50% {
        opacity: .75
    }

    75% {
        opacity: .5
    }

    to {
        opacity: .75
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1.6)
    }

    50% {
        opacity: .5;
        transform: scale(2.5)
    }

    to {
        opacity: 0;
        transform: scale(3.5)
    }
}

.vjs-record .vjs-pip-button.vjs-control {
    cursor: pointer
}

.vjs-record .vjs-error .vjs-pip-button {
    display: none
}

.vjs-record .vjs-pip-button.vjs-control.vjs-icon-picture-in-picture-start:before,
.vjs-record .vjs-pip-button.vjs-control.vjs-icon-picture-in-picture-stop:before {
    font-size: 1.4em;
    line-height: 2.2em
}