#lon-livewatch{
    background-color:#04223e;
    color:#fff;
    font-family:Longines Sans Text,sans-serif;
    max-height:80px
}
#lon-livewatch,#lon-livewatch .lon-livewatch__inner{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative
}
#lon-livewatch .lon-livewatch__inner{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    height:100%;
    width:80%
}
#lon-livewatch .lon-livewatch__logo-container{
    margin:auto;
    padding-bottom:0;
    position:relative;
    text-align:center;
    width:40%
}
#lon-livewatch .lon-livewatch__logo-container svg{
    height:auto;
    width:100%
}
#lon-livewatch .lon-livewatch__counter-container{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    height:100%;
    justify-content:center;
    text-align:center;
    width:60%;
    padding:1rem 0
}
#lon-livewatch .lon-livewatch__counter-container h3{
    font-family:Longines Sans Text,sans-serif;
    font-weight:400!important;
    letter-spacing:.5px;
    margin-bottom:5px;
    text-transform:uppercase;
    color:#fff;
    font-size:2vw
}
#lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter{
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    /* opacity:0; */
    -webkit-transition:opacity .5s ease-in-out;
    transition:opacity .5s ease-in-out;
    gap:.5rem;
    font-size:.8rem
}
#lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter.lon-livewatch__counter--initialized{
    opacity:1
}
#lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter .lon-livewatch__counter-num{
    background-color:#f8f9fa;
    border-color:#f8f9fa;
    color:#212529;
    display:inline-block;
    font-size:1em;
    font-weight:700;
    padding:.25rem
}
@media only screen and (min-width:900px){
    #lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter .lon-livewatch__counter-num{
        font-size:1.25em
    }
}
@media only screen and (min-width:1100px){
    #lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter .lon-livewatch__counter-num{
        font-size:1rem
    }
}
#lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter .lon-livewatch__counter-word-container{
    text-align:center
}
#lon-livewatch .lon-livewatch__counter-container .lon-livewatch__counter small{
    font-size:.5rem;
    font-weight:400;
    text-transform:uppercase
}
#lon-livewatch .lon-livewatch__scene-container{
    height:100%;
    width:20%;
    position:absolute;
    right:0;
    top:0;
    bottom:0
}
#lon-livewatch .lon-livewatch__scene-container #lon-livewatch__scene-inner{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden
}
#lon-livewatch__scene-inner canvas{
    height:130%!important;
    width:100%!important;
    object-fit:cover
}
@media only screen and (min-width:600px){
    #lon-livewatch{
        min-width:450px
    }
    #lon-livewatch .lon-livewatch__inner{
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row
    }
    #lon-livewatch .lon-livewatch__logo-container svg{
        height:100%;
        width:auto
    }
    #lon-livewatch .lon-livewatch__counter-container h3{
        font-size:.8rem
    }
    #lon-livewatch__scene-inner canvas{
        height:110%!important
    }
}
@media only screen and (min-width:700px){
    #lon-livewatch__scene-inner canvas{
        height:auto!important
    }
}