body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
    monospace;
}

.section-table--root {
  background-color: #021063;
  color: #fff; }

.section-table--table {
  table-layout: auto;
  width: 100%;
  border-collapse: collapse; }

.section-table--header-cell {
  background-color: #021063;
  text-align: left; }

.section-table--body-cell {
  text-align: left;
  word-break: break-word; }

.section-table--body-row:nth-child(odd) .section-table--body-cell {
  background-color: #07236a; }

.link-text {
  color: #3cdcc9;
  font-family: "Gibson SemiBold";
  cursor: pointer;
  text-decoration: none; }
  .link-text:hover {
    text-decoration: underline; }

.link-button {
  border: none;
  background-color: inherit;
  padding: 0px; }

.link-text-disabled {
  color: #3cdcc9;
  font-family: "Gibson SemiBold"; }

.link-text:hover {
  color: #00ab9c; }

.placeholder {
  display: flex;
  flex-direction: column;
  align-items: center; }

.placeholder--spinner {
  padding: 12px; }

.placeholder--message {
  display: inline-block;
  padding: 12px;
  color: #fff;
  font-family: "Gibson SemiBold", sans-serif;
  letter-spacing: 0.125em; }

.placeholder--actions {
  margin-top: 40px; }

.error-boundary--message {
  padding: 10px; }

.section-card-wrapper {
  padding: 16px 30px; }
  .section-card-wrapper.is-bare {
    padding: 16px 0; }

.section-card--strong-badge,
.section-card--badge {
  font-family: "Gibson SemiBold", sans-serif;
  letter-spacing: 0.125em;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px 24px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 10px;
  text-transform: uppercase; }

.section-card--strong-badge {
  background-color: #3cdcc9;
  color: #001645; }

.section-card--badge {
  background-color: #07236a;
  color: #fff; }

.section-header--supertitle,
.section-header--title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline; }

.section-header--supertitle {
  margin-bottom: 8px; }

.section-header--supertitle-text {
  font-family: "Gibson SemiBold", sans-serif;
  letter-spacing: 0.125em;
  color: #3cdcc9;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 4px; }

.section-header--title-text {
  font-size: 24px;
  text-transform: uppercase;
  font-family: "Interstate Regular Compressed", sans-serif;
  letter-spacing: 0.0625em;
  color: #fff; }

.section-header--action {
  text-align: right; }

.section-header--subtitle {
  color: #afb0b0;
  font-size: 16px;
  padding-top: 8px;
  line-height: 1.5; }

.app-header {
  background-color: #021063;
  width: 100%;
  top: 0;
  right: 0;
  z-index: 1000;
  border-bottom: 1px solid #001645;
  text-align: center; }
  .app-header.is-sticky {
    position: -webkit-sticky;
    position: sticky; }

.app-header--content-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1500px;
  text-align: right; }

.app-header--name {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  color: #3cdcc9;
  /* teal or no deal */
  font-family: "Gibson SemiBold"; }

.link,
.nav-link {
  color: #eee;
}

.link:hover,
.nav-link:hover {
  color: #fff;
}

.navigation-tab {
  padding: 4px 20px;
  color: #afb0b0;
  text-decoration: none;
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  text-transform: uppercase;
  font-family: "Interstate Regular Compressed";
  font-size: 24px;
  letter-spacing: 0.0625em;
  -webkit-transition: color 0.2s;
  transition: color 0.2s; }
  .navigation-tab.is-active {
    color: #f3f3f3; }
  .navigation-tab.is-compact {
    font-size: 16px;
    padding: 4px 6px; }

.app-navigation {
  background-color: #001645;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.app-navigation--logo {
  margin-right: 16px;
  display: inline-block;
  line-height: 1;
  vertical-align: middle; }
  .app-navigation--logo.is-compact {
    margin-right: 8px; }

.app-layout {
  background-color: #001645;
  min-height: 100%; }

.app-layout--page-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around; }

.app-layout--page {
  flex-basis: 1500px; }

.app-layout--content {
  padding-bottom: 32px; }

.admin-message {
  display: flex;
  flex-direction: column;
  padding-top: 120px;
  align-items: center; }

.admin-message--content {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center; }

.admin-message--icon-area {
  padding: 24px; }

.admin-message--message {
  font-size: 20px;
  color: #888;
  text-align: center;
  line-height: 1.5;
  white-space: pre-wrap; }

.admin-message--action-area {
  padding-top: 16px; }

.admin-button {
  padding: 8px 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  justify-content: center;
  align-items: center;
  box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.05); }
  .admin-button.is-compact {
    font-size: 11px;
    padding: 4px 8px; }
  .admin-button.is-default {
    background-color: #f3f3f3;
    color: #444; }
    .admin-button.is-default.is-hover, .admin-button.is-default:hover {
      background-color: #dadada; }
    .admin-button.is-default.is-active, .admin-button.is-default:active {
      background-color: silver; }
    .admin-button.is-default:disabled {
      background-color: white; }
    .admin-button.is-default:disabled {
      color: #c4c4c4; }
    .admin-button.is-default:disabled {
      background-color: #f6f6f6; }
  .admin-button.is-primary {
    background-color: #23c2af;
    color: #fff; }
    .admin-button.is-primary.is-hover, .admin-button.is-primary:hover {
      background-color: #1b9788; }
    .admin-button.is-primary.is-active, .admin-button.is-primary:active {
      background-color: #136c61; }
    .admin-button.is-primary:disabled {
      background-color: #82c9c0; }
    .admin-button.is-primary:disabled {
      color: #f2f2f2; }
  .admin-button.is-dangerous {
    background-color: #f32c52;
    color: #fff; }
    .admin-button.is-dangerous.is-hover, .admin-button.is-dangerous:hover {
      background-color: #df0d35; }
    .admin-button.is-dangerous.is-active, .admin-button.is-dangerous:active {
      background-color: #af0a29; }
    .admin-button.is-dangerous:disabled {
      background-color: #e69fac; }
    .admin-button.is-dangerous:disabled {
      color: #f2f2f2; }
  .admin-button:disabled {
    cursor: default;
    border: 1px solid rgba(0, 0, 0, 0.05); }

.admin-link {
  /*display: inline-block;*/
  /*padding: 2px 4px;*/
  border: none;
  background-color: transparent;
  color: #00ab9c;
  /*padding: 4px;*/
  text-decoration: none;
}

.admin-link:hover:not([disabled]) {
  cursor: pointer;
  text-decoration: underline;
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(static/media/MaterialIcons-Regular.e79bfd88.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(static/media/MaterialIcons-Regular.570eb838.woff2) format("woff2"), url(static/media/MaterialIcons-Regular.012cf6a1.woff) format("woff"), url(static/media/MaterialIcons-Regular.a37b0c01.ttf) format("truetype"); }

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga"; }

/* Default for the app */
@font-face {
  font-family: "Gibson Regular";
  src: url(static/media/Gibson-Regular.f7b4f09a.woff) format("woff"); }

/* Links, some Subheaders */
@font-face {
  font-family: "Gibson SemiBold";
  src: url(static/media/Gibson-SemiBold.d661607f.woff) format("woff"); }

/* Titles */
@font-face {
  font-family: "Interstate Regular Compressed";
  src: url(static/media/Interstate_Regular_Compressed.39bcbbae.woff) format("woff"); }

/* WORKLETE DEFAULTS ACROSS THE WHOLE DANG APP */
html,
body,
#root {
  min-height: 100%;
  font-family: "Gibson Regular", sans-serif;
  font-size: 14px;
  font-weight: 400; }

input,
textarea,
button,
a {
  font-size: 14px; }

button:not([tabindex="-1"]):focus:not([data-focus-visible-added]),
[href]:not([tabindex="-1"]):focus:not([data-focus-visible-added]),
[tabindex]:not([tabindex="-1"]):focus:not([data-focus-visible-added]) {
  outline: none; }

div {
  max-width: 100%; }

.vjs-poster {
  background-color: transparent;
}

.video-js {
  background-color: transparent;
}

.video-player {
  width: 100%;
  height: 100%;
}

.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em;
}

.video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}

.video-js .vjs-control {
  width: 3em;
}

.video-js .vjs-menu-button-inline:before {
  width: 1.5em;
}

.vjs-menu-button-inline .vjs-menu {
  left: 3em;
}

.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,
.video-js.vjs-ended .vjs-big-play-button,
.video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

.video-js .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
  display: none !important;
}

.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}

.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}

.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}

.video-js *,
.video-js:after,
.video-js:before {
  box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.video-js.vjs-fullscreen,
.video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}

.video-js {
  font-size: 14px;
  overflow: hidden;
}

.video-js .vjs-control {
  color: inherit;
}

.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 8.35em;
}

.video-js
  .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover
  .vjs-menu
  .vjs-menu-content {
  height: 3em;
  width: 6.35em;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
}

.video-js .vjs-spacer,
.video-js .vjs-time-control {
  display: flex;
  flex: 1 1 auto;
}

.video-js .vjs-time-control {
  flex: 0 1 auto;
  width: auto;
  color: #3cdcc9; /* teal or no deal */
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.video-js .vjs-time-control.vjs-time-divider {
  width: 14px;
}

.video-js .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center;
}

.video-js .vjs-time-control.vjs-current-time {
  margin-left: 1em;
}

.video-js .vjs-time-control .vjs-current-time-display,
.video-js .vjs-time-control .vjs-duration-display {
  width: 100%;
}

.video-js .vjs-time-control .vjs-current-time-display {
  text-align: right;
}

.video-js .vjs-time-control .vjs-duration-display {
  text-align: left;
}

.video-js .vjs-play-progress:before,
.video-js .vjs-progress-control .vjs-play-progress:before,
.video-js .vjs-remaining-time,
.video-js .vjs-volume-level:after,
.video-js .vjs-volume-level:before,
.video-js.vjs-live .vjs-time-control.vjs-current-time,
.video-js.vjs-live .vjs-time-control.vjs-duration,
.video-js.vjs-live .vjs-time-control.vjs-time-divider,
.video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none;
}

.video-js.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em;
}

.video-js .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.5em;
  top: -0.5em;
}

.video-js .vjs-progress-control .vjs-load-progress,
.video-js .vjs-progress-control .vjs-play-progress,
.video-js .vjs-progress-control .vjs-progress-holder {
  height: 100%;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
}

.video-js .vjs-progress-control:hover {
  height: 1.5em;
  top: -1.5em;
}

.video-js .vjs-control-bar {
  padding-right: 14px;
  -webkit-transition: -webkit-transform 0.1s ease 0s;
  transition: -webkit-transform 0.1s ease 0s;
  transition: transform 0.1s ease 0s;
  transition: transform 0.1s ease 0s, -webkit-transform 0.1s ease 0s;
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive
  .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active
  .vjs-control-bar,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive
  .vjs-control-bar,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(3em);
  transform: translateY(3em);
  -webkit-transition: -webkit-transform 1s ease 0s;
  transition: -webkit-transform 1s ease 0s;
  transition: transform 1s ease 0s;
  transition: transform 1s ease 0s, -webkit-transform 1s ease 0s;
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active
  .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive
  .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active
  .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive
  .vjs-progress-control,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  -webkit-transition: height 1s, top 1s;
  transition: height 1s, top 1s;
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen
  .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen
  .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen
  .vjs-progress-control,
.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen
  .vjs-progress-control,
.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen
  .vjs-progress-control {
  opacity: 0;
  -webkit-transition: opacity 1s ease 1s;
  transition: opacity 1s ease 1s;
}

.video-js.vjs-live .vjs-live-control {
  margin-left: 1em;
}

.video-js .vjs-big-play-button,
.video-js:hover .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1em;
  margin-top: -1em;
  height: 40px !important;
  width: 40px !important;
  line-height: 40px !important;
  border: none;
  border-radius: 50%;
  font-size: 22px;
  background-color: #3cdcc9; /* teal or no deal */
  color: #021063; /* portland rain */
  box-shadow: 0px 2px 4px #001645; /* dark blue */
  -webkit-transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
}

.video-js .vjs-menu-button-popup .vjs-menu {
  left: -3em;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  width: 12em;
  left: -1.5em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  margin: 0.3em 0;
  padding: 0.5em;
  text-shadow: none;
  outline: none;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #3cdcc9; /* teal or no deal */
  color: #fff;
}

.video-js:hover .vjs-big-play-button:hover,
.video-js .vjs-big-play-button:focus,
.video-js .vjs-big-play-button:active {
  background-color: #23c2af; /* medium teal */
  color: #021063; /* portland rain */
}

.video-js .vjs-loading-spinner {
  border-color: #3cdcc9; /* teal or no deal */
}

.video-js .vjs-control-bar2 {
  background-color: #000000;
}

/* overrides default button behavior for video.js */
.video-js .vjs-control-bar button,
.video-js .vjs-control-bar button:hover,
.video-js .vjs-control-bar button:active,
.video-js .vjs-control-bar button:focus {
  text-shadow: none;
  outline: none;
}

.video-js button:hover {
  /* This is a bit darker than we might ultimately want it to be:  */
  color: #97999b; /* sf fog */
}

.video-js .vjs-playing,
.video-js .vjs-paused {
  color: #3cdcc9; /* teal or no deal */
}

.video-js .vjs-playing:hover,
.video-js .vjs-paused:hover {
  color: #23c2af; /* medium teal */
}

.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  background-color: #3cdcc9; /* teal or no deal */
}

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
  display: none;
}

:-webkit-full-screen {
  background-color: #021063; /* portland rain */
}

:fullscreen {
  background-color: #021063; /* portland rain */
}

.vjs-control-bar {
  position: absolute !important;
}

@-webkit-keyframes breatheIcon {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes breatheIcon {
  from {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    opacity: 0;
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@-webkit-keyframes breatheText {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes breatheText {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.transition-screen--layout {
  background-color: #021063; /* portland rain */
  color: #f3f3f3; /* light grey */
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 98;
}

.worklete-score-badge {
  display: inline-block;
  text-align: center; }

.worklete-score-badge--icon-wrap {
  display: inline-block;
  position: relative; }

.worklete-score-badge--icon {
  display: inline-block; }

.worklete-score-badge--icon-halo {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -18px;
  margin-top: -18px;
  opacity: 0.5; }

.worklete-score-badge--icon-halo-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  opacity: 0.4; }

.worklete-score-badge--label {
  font-family: "Gibson SemiBold", sans-serif;
  letter-spacing: 0.125em;
  text-transform: uppercase;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  line-height: 1;
  padding-top: 6px; }

.worklete-score-badge--range {
  font-family: "Gibson Regular", sans-serif;
  display: block;
  text-align: center;
  font-size: 10px;
  line-height: 1;
  padding-top: 6px; }

.worklete-score-ranks {
  padding: 16px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center; }


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