<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: 9999;
    display: none;
}

.zoom {
    position: absolute;
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 9998;
    display: none;
}

.loading {
    display: none;
    margin-left: 5px;
    margin-top: 3px;
}

#slider-vertical {
    background: rgba(43, 51, 63, 0.7);
    border: solid grey 1px;
}

.ui-slider-range {
    background: rgba(43, 51, 63, 0.7) !important;
}

.ui-widget-header {
    background: #898282;
    color: #c42222;
}

.ui-slider-handle {
    background: #828282 !important;
    border: 1px solid #7b7b7b !important;
    margin-left: 1px !important;
}

.vjs-overlay-background {
   background-color: transparent !important;
}

/* for logo and logo2 */
.vjs-overlay-top-left,
.vjs-overlay-top-right {
   max-width: 150px;
   max-height: 150px;
   width: 20% !important;
}

.vjs-overlay-top-left img,
.vjs-overlay-top-right img {
   max-width: 300px;
   max-height: 300px;
}

.vjs-overlay-top-left img.logolink,
.vjs-overlay-top-right img.logolink {
   max-width: 150px;
   max-height: 150px;
   width: 100%;
   height: auto;
   display: block;
}

.vjs-overlay-top-left a,
.vjs-overlay-top-right a {
   display: block;
   width: 100%;
   height: auto;
}

/* for banner */
.video-js .vjs-overlay-top {
   left: 0px;
   top: 0px;
   margin-left: 0px;
   padding: 0px;
   width: 100%;
   max-width: 100% !important;
   max-height: 100% !important;
}

.vjs-overlay-top img {
   /* max-width: 100% !important; */
   max-height: 300px;
}

@media (max-width: 768px) {
   .vjs-overlay-top img {
      max-height: 150px !important;
   }
}

@media (max-width: 576px) {
   .vjs-overlay-top img {
      max-height: 100px !important;
   }
}

/* for timelapse/recording overlay */

.vjs-vidsource-banner {
   position: absolute;
   width: 96%;
   top: 5px;
   left: 2%;
   right: 2%;
   background-color: #333c;
   border: 1px solid #333;
   border-radius: 15px !important;
   z-index: 4;
   display: none;
}

.vjs-vidsource-inner {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: start;
   align-items: stretch;
   gap: 15px;
   margin: 5px 10px 5px 10px;
   overflow-x: auto;
}

.vjs-vidsource-many {
   flex-direction: column;
   flex-wrap: wrap;
   gap: 6px 12px;
   height: 440px;
}

.vjs-vidsource-container {
   position: relative;
   display: inline-block;
   margin-bottom: 5px;
   border-radius: 10px !important;
   border: 1px solid transparent;
   color: white;
   cursor: pointer;
}

.vjs-vidsource-current {
   box-shadow: 5px 5px 5px #333;
   border: 1px solid white;
}

.vjs-vidsource-container:hover {
   box-shadow: none !important;
   filter: drop-shadow(0px 0px 4px white);
}

.vjs-vidsource-label {
   position: absolute;
   top: 48%;
   left: 2.5%;
   width: 95%;
   transform: translatey(-50%);
   text-align: center;
   font-size: 28px;
   text-shadow: 0px 5px 5px #333;
}

.vjs-vidsource-label span {
   font-size: 21px;
}

.vjs-vidsource-many span {
   font-size: 14px;
}

.vjs-vidsource-label hr {
   margin: 5px 46% -4px 46%;
   color: white;
}

.vjs-vidsource-thumbnail {
   height: 165px;
   border-radius: 10px !important;
   background-color: black;
}

.vjs-vidsource-thumbnail-sm {
   height: 92px;
}

@media (max-width: 992px) {
   .vjs-vidsource-many {
      height: 330px;
   }
}

@media (max-width: 768px) {
   .vjs-vidsource-many {
      height: 225px;
   }
}

@media (max-width: 576px) {
   .vjs-vidsource-thumbnail {
      max-height: 32vw !important;
   }

   .vjs-vidsource-many {
      gap: 5px 10px;
      height: 205px;
   }

   .vjs-vidsource-thumbnail-sm {
      height: 88px;
   }
}

.vjs-bri-button,
.vjs-download-button,
.vjs-live-button,
.vjs-camcontrol-button,
.vjs-preset-button,
.vjs-viewers-button,
.vjs-timelapse-button,
.vjs-recording-button {
   cursor: pointer;
   font-size: 10pt !important;
   width: auto !important;
   padding: 5px !important;
   margin-right: 2px !important;
   margin-left: 2px !important;
}

.vjs-viewers-button {
   cursor: default;
   margin-top: 2px !important;
}

.vjs-loading-button {
   width: auto !important;
   padding: 5px !important;
   margin-right: 2px !important;
   margin-left: 2px !important;
}

.flex-center-parent {
   display: flex;
   align-items: center;
}

.no-padding {
   padding: 0px !important;
}

.no-margin {
   margin: 0px !important;
}

.vjs-preset-button,
.vjs-camcontrol-button {
   display: flex;
   align-items: center;
   text-shadow: none !important;
   filter: none !important;
}

.vjs-button:hover {
   filter: drop-shadow(0px 0px 1px white);
}

.vjs-live-button:focus,
.vjs-download-button:focus,
.vjs-camcontrol-button:focus,
.vjs-timelapse-button:focus
.vjs-recording-button:focus {
   text-shadow: none !important;
}

.vjs-download-button a {
   color: white !important;
}

.vjs-bri-button {
   bottom: 3px;
}

.vjs-bri-button:hover {
   filter: drop-shadow(0px 0px 1px #e07423);
}

.vjs-playback-button {
   cursor: pointer;
   font-size: 10pt !important;
   width: auto !important;
   margin-right: 2px !important;
   margin-left: 2px !important;
}

.vjs-playback-button select {
   border: none;
   background-color: transparent;
   color: white;
   font-size: 10pt;
   padding: 5px;
   cursor: pointer;
}

.vjs-control-bar {
   z-index: 3;
}

.vjs-control-bar,
.vjs-control {
   user-select: none;
}

.vjs-control:focus-visible {
   outline: none;
}

.thumbnail-icon-container {
   position: absolute;
   z-index: 5;
   opacity: 0;
   top: 2px;
   right: 2px;
   background-color: rgba(0, 0, 0, 0.35);
   border-radius: 8px !important;
}

.vjs-vidsource-container:hover .thumbnail-icon-container {
   opacity: 1;
}

.thumbnail-icon {
   display: inline-block;
   font-size: medium;
   padding: 8px;
   border-radius: 8px !important;
}

.thumbnail-icon:hover {
   filter: drop-shadow(0px 0px 1px white);
}

.thumbnail-icon a {
   color: white !important;
}

.vjs-poster {
   overflow: hidden;
}

/* BRI spinner */
.loader {
   width: 16px;
   height: 16px;
   margin-top: 2px;
   border: 1px dotted #FFF;
   border-style: solid solid dotted dotted;
   border-radius: 50% !important;
   display: inline-block;
   position: relative;
   box-sizing: border-box;
   animation: rotation 2s linear infinite;
 }
 .loader::after {
   content: '';
   box-sizing: border-box;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   border: 1px dotted #DD752C;
   border-style: solid solid dotted;
   width: 8px;
   height: 8px;
   border-radius: 50% !important;
   animation: rotationBack 1s linear infinite;
   transform-origin: center center;
 }

 @keyframes rotation {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }
 @keyframes rotationBack {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(-360deg);
   }
 }

 .content-loader:before {
   content: "" !important;
 }
</pre></body></html>