.v-vlite{--vlite-colorPrimary:#ff7f15;--vlite-transition:0.25s ease;--vlite-controlBarHeight:60px;--vlite-controlBarHorizontalPadding:10px;--vlite-controlBarBackground:linear-gradient(0deg,#000 -50%,transparent);--vlite-controlsColor:#fff;--vlite-controlsOpacity:0.9;--vlite-progressBarHeight:5px;--vlite-progressBarBackground:rgba(0,0,0,.25);font-family:-apple-system,blinkmacsystemfont,segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;overflow:hidden;position:relative}.v-vlite,.v-vlite *{box-sizing:border-box}.v-vlite.v-audio{--vlite-controlsColor:#000;border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.1)}.v-vlite.v-video{aspect-ratio:16/9;background-color:#000}.v-vlite::-webkit-full-screen{height:100%;width:100%}.v-vlite::-moz-full-screen,::-moz-full-screen .v-vlite{height:100%;width:100%}.v-vlite video::-webkit-media-controls{display:none!important}.v-vlite.v-fullscreenButtonDisplay .v-bigPlay,.v-vlite.v-fullscreenButtonDisplay .v-controlBar{position:fixed;z-index:2147483647}.v-vlite.v-paused .v-controlBar.v-hidden{opacity:1}.v-vlite.v-paused:not(.v-firstStart) .v-poster,.v-vlite.v-playing .v-bigPlay,.v-vlite.v-playing .v-poster{opacity:0;visibility:hidden}.v-vlite iframe.vlite-js{pointer-events:none}.v-container,.v-media,.v-media>iframe{height:100%;width:100%}.v-controlButton,.v-media{position:relative}.v-controlButton{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;height:100%;justify-content:center;opacity:var(--vlite-controlsOpacity);outline:none;padding:0;transition:opacity var(--vlite-transition);width:40px}.v-controlButton *{pointer-events:none}.v-controlButton.v-controlPressed .v-iconUnpressed,.v-controlButton:not(.v-controlPressed) .v-iconPressed{display:none}.v-controlButton:focus-visible{outline:2px dashed var(--vlite-colorPrimary);outline-offset:-4px}.v-controlButton svg{fill:var(--vlite-controlsColor)}.v-controlButton.v-playPauseButton svg{height:17px;width:15px}.v-controlButton.v-volumeButton svg{height:20px;width:24px}.v-controlButton.v-fullscreenButton svg{height:20px;width:20px}@media (hover:hover){.v-controlButton:hover{opacity:1}}.v-controlButtonIcon{display:none;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%)}.v-playPauseButton{flex-shrink:0}.v-time{align-items:center;color:var(--vlite-controlsColor);display:flex;font-size:14px;height:100%;margin-right:auto}.v-progressBar{width:calc(100% - var(--vlite-controlBarHorizontalPadding)*2)}.v-progressBarStyle{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;outline:none;touch-action:manipulation;transition:height var(--vlite-transition),top var(--vlite-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.v-progressBarStyle:focus-visible{outline:2px dashed var(--vlite-colorPrimary);outline-offset:2px}.v-progressBarStyle::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--vlite-colorPrimary) 0,var(--vlite-progressBarBackground) 0);background:linear-gradient(to right,var(--vlite-colorPrimary) var(--vlite-progressValue,0),var(--vlite-progressBarBackground) var(--vlite-progressValue,0));border:none;border-radius:var(--vlite-progressBarHeight);height:var(--vlite-progressBarHeight)}.v-progressBarStyle::-moz-range-track{background:linear-gradient(to right,var(--vlite-colorPrimary) 0,var(--vlite-progressBarBackground) 0);background:linear-gradient(to right,var(--vlite-colorPrimary) var(--vlite-progressValue,0),var(--vlite-progressBarBackground) var(--vlite-progressValue,0));border:none;border-radius:var(--vlite-progressBarHeight);height:100%}.v-progressBarStyle::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--vlite-colorPrimary);border:none;border-radius:50%;height:calc(var(--vlite-progressBarHeight)*2);margin-top:calc((var(--vlite-progressBarHeight)/2)*-1);width:calc(var(--vlite-progressBarHeight)*2)}.v-progressBarStyle::-moz-range-thumb{background:var(--vlite-colorPrimary);border:none;border-radius:50%;height:calc(var(--vlite-progressBarHeight)*2);margin-top:calc((var(--vlite-progressBarHeight)/2)*-1);width:calc(var(--vlite-progressBarHeight)*2)}.v-volumeButton{flex-shrink:0;transition:transform var(--vlite-transition),opacity var(--vlite-transition)}.v-controlBar{align-items:center;display:flex;height:var(--vlite-controlBarHeight);justify-content:flex-end;padding-left:var(--vlite-controlBarHorizontalPadding);padding-right:var(--vlite-controlBarHorizontalPadding);padding-top:calc(var(--vlite-progressBarHeight) + 10px);position:relative;text-align:right;transition:opacity var(--vlite-transition);width:100%}.v-controlBar.v-hidden{opacity:0}.v-audio .v-playPauseButton{order:1}.v-audio .v-progressBar{height:25px;order:2}.v-audio .v-time{order:3;padding:0 8px 0 12px}.v-audio .v-progressBar+.v-volumeArea,.v-audio .v-progressBar+.v-volumeButton{order:4}.v-audio .v-controlBar{padding-top:0}.v-video .v-progressBar{height:calc(var(--vlite-progressBarHeight) + 10px)}.v-video .v-controlBar{background:var(--vlite-controlBarBackground);bottom:0;left:0;position:absolute}.v-video .v-controlBar .v-progressBar{align-items:flex-end;display:flex;left:50%;position:absolute;top:0;transform:translateX(-50%)}@media (hover:hover){.v-controlBar:hover{opacity:1!important}}@keyframes loader{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.v-loader{align-items:center;display:flex;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity var(--vlite-transition),visibility var(--vlite-transition);visibility:hidden;width:100%;z-index:5}.v-loaderContent{margin:0 auto;text-align:center;width:70px}.v-loaderContent>div{animation:loader 1.4s ease-in-out infinite both;background-color:var(--vlite-controlsColor);border-radius:100%;display:inline-block;height:18px;width:18px}.v-loaderContent .v-loaderBounce1{animation-delay:-.32s}.v-loaderContent .v-loaderBounce2{animation-delay:-.16s}.v-loading .v-loader{opacity:1;visibility:visible}.v-bigPlay{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;height:58px;left:50%;opacity:var(--vlite-controlsOpacity);outline:none;padding:0;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);transition:opacity var(--vlite-transition);width:58px;z-index:3}.v-bigPlay *{pointer-events:none}.v-bigPlay svg{fill:var(--vlite-controlsColor);height:100%;width:100%}.v-loading .v-bigPlay{opacity:0}@media (hover:hover){.v-bigPlay:hover{opacity:1}}.v-overlay{height:calc(100% - var(--vlite-controlBarHeight))}.v-overlay,.v-poster{left:0;position:absolute;top:0;width:100%}.v-poster{background-color:#000;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:100%;opacity:0;visibility:hidden;z-index:2}.v-poster.v-active{opacity:1;visibility:visible}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

*{
    box-sizing: border-box;
}
.video-player-app {
  width: 100%;
  max-width: 969px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}
@media (min-width: 829px) {
  .video-player-app {
    grid-template-columns: 642px 1fr;
  }
}
.video-player-app .video-container {
  display: grid;
}
@media (min-width: 829px) {
  .video-player-app .video-container {
    grid-template-rows: 81px 361px;
  }
}
@media (max-width: 828px) {
  .video-player-app .video-container {
    grid-template-rows: 45px auto;
  }
}
.video-player-app .timestamps {
  background: orange;
  overflow: auto;
}
@media (min-width: 829px) {
  .video-player-app .timestamps {
    height: 442px;
  }
}
@media (max-width: 828px) {
  .video-player-app .timestamps {
    height: 18vh;
  }
}
.video-player-app .timestamps ul {
  list-style-type: none;
  display: flex;
  flex-flow: column;
  margin: 0;
  padding: 0;
  overflow: auto;
  height: 100%;
}
.video-player-app .timestamps li {
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.45);
  padding: 0.45rem;
  transition: 0.27s ease-in-out;
}
.video-player-app .timestamps li.active, .video-player-app .timestamps li:hover {
  background: tomato;
  color: #fff;
}
.video-player-app .marker-event-data {
  background: #283e95;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.video-player-app .marker-event-data > * {
  display: flex;
  align-items: center;
}
.video-player-app .event-name {
  padding: 0.45rem;
  white-space: nowrap;
}
.video-player-app .event-count {
  padding-right: 0.9rem;
  display: flex;
  align-items: center;
}
.video-player-app .event-count > span {
  display: flex;
  flex-wrap: nowrap;
}
.video-player-app .metadata-container {
  display: flex;
  flex-flow: column;
  width: 100%;
  grid-column: -1/1;
  background: #283e95;
}
.video-player-app button.metadata-details {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 0.9rem;
  background: transparent;
  color: #fff;
}
.video-player-app button.metadata-details .toggle-icon-container {
  width: 27px;
}
.video-player-app button.metadata-details.open .plus-icon {
  display: none;
}
.video-player-app button.metadata-details:not(.open) .minus-icon {
  display: none;
}
.video-player-app .metadata-items {
  color: #fff;
  padding: 0 0.9rem 0.9rem 0.9rem;
}
.video-player-app .metadata-items > div {
  display: grid;
  grid-gap: 0.4rem;
}
@media (min-width: 829px) {
  .video-player-app .metadata-items > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 828px) {
  .video-player-app .metadata-items > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 540px) {
  .video-player-app .metadata-items > div {
    grid-template-columns: 1fr;
  }
}
.video-player-app .metadata-items > div > div {
  border: 1px solid rgba(255, 255, 255, 0.45);
  padding: 0.45rem;
}
.video-player-app .metadata-items > div > div > div:first-of-type {
  padding-bottom: 0.45rem;
  color: orange;
}
.video-player-app .race-name {
  font-size: 1.08rem;
  font-weight: 500;
}
.video-player-app h5 {
  font-size: 1.08rem;
  font-weight: 500;
}
.video-player-app h5:first-of-type {
  margin-top: 0;
}

dialog#overlay-video-player {
  width: 100%;
  border: 0;
  padding: 0;
}
@media (min-width: 829px) {
  dialog#overlay-video-player {
    max-width: 969px;
  }
}
dialog#overlay-video-player::backdrop {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#26558b+0,3a8bc2+16,4bb8f0+29,419ad6+41,3a84c3+49,6199c7+50,aac5de+83,cedbe9+100 */
  background: linear-gradient(135deg, rgb(38, 85, 139) 0%, rgb(58, 139, 194) 16%, rgb(75, 184, 240) 29%, rgb(65, 154, 214) 41%, rgb(58, 132, 195) 49%, rgb(97, 153, 199) 50%, rgb(170, 197, 222) 83%, rgb(206, 219, 233) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  opacity: 0.81;
}

button#close-overlay-video-player {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 36px;
  height: 36px;
  padding: 0;
  position: fixed;
  transform: translate(5px, 5px);
  background: transparent;
  border-radius: 5px;
  border: 1px solid white;
  cursor: pointer;
}
button#close-overlay-video-player > span {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
button#close-overlay-video-player svg {
  fill: #fff;
}

/*# sourceMappingURL=app.css.map*/