/* line 1, app/assets/stylesheets/explore/all/body.scss */
body {
  position: relative;
  height: 100%;
}
/* line 3, app/assets/stylesheets/explore/all/js-svg.scss */
svg[js-svg] {
  display: block;
  width: 100%;
  height: 100vh;
  fill: transparent;
  touch-action: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* line 10, app/assets/stylesheets/explore/all/js-svg.scss */
svg[js-svg] text {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/explore/all/js-svg.scss */
svg[js-svg="graph"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -80px);
}

/* line 20, app/assets/stylesheets/explore/all/js-svg.scss */
svg[js-svg="session-view"] {
  position: absolute;
  pointer-events: none;
}
/* line 1, app/assets/stylesheets/explore/all/page.scss */
#page {
  height: 100%;
}
/* line 2, app/assets/stylesheets/explore/graph/handle.scss */
[handle] * {
  cursor: pointer;
}
/* line 4, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-bg] [circle-outer] {
  fill: #e9eaed;
}

/* line 6, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-bg] .not.published[circle-outer] {
  fill: #e83037;
}

/* line 7, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-bg] .completed[circle-outer] {
  fill: #d9c38c;
}

/* line 8, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-bg] .favorite[circle-outer] {
  fill: #00a3a3;
}

/* line 9, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-bg] .recommended[circle-outer] {
  fill: #15bc71;
}

/* line 10, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-bg] .skipped[circle-outer] {
  fill: #7a8190;
}

/* line 15, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [meta][meta="new session"], [node-bg] [circle-outer][meta="new session"] {
  fill: #ffb700;
}

/* line 16, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [meta][meta="recently updated"], [node-bg] [circle-outer][meta="recently updated"] {
  fill: #ff8533;
}

/* line 17, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [meta][meta="class content"], [node-bg] [circle-outer][meta="class content"] {
  fill: #c4c9d4;
}

/* line 18, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [meta][meta="team content"], [node-bg] [circle-outer][meta="team content"] {
  fill: #c4c9d4;
}

/* line 23, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [circle-inner] {
  fill: white;
}

/* line 24, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [session-name] {
  fill: white;
}

/* line 25, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [user-data] {
  fill: rgba(255, 255, 255, 0.7);
}

/* line 26, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [meta], [node-elm] [state-name] {
  fill: white;
}

/* line 27, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [icon] {
  fill: #406abf;
  color: #406abf;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* line 33, app/assets/stylesheets/explore/graph/node-elm.scss */
.not.published[node-elm] [icon], .not.published[node-elm] [state-name] {
  fill: #e83037;
  color: #e83037;
}

/* line 34, app/assets/stylesheets/explore/graph/node-elm.scss */
.completed[node-elm] [icon], .completed[node-elm] [state-name] {
  fill: #d9c38c;
  color: #d9c38c;
}

/* line 35, app/assets/stylesheets/explore/graph/node-elm.scss */
.favorite[node-elm] [icon], .favorite[node-elm] [state-name] {
  fill: #00a3a3;
  color: #00a3a3;
}

/* line 36, app/assets/stylesheets/explore/graph/node-elm.scss */
.recommended[node-elm] [icon], .recommended[node-elm] [state-name] {
  fill: #15bc71;
  color: #15bc71;
}

/* line 37, app/assets/stylesheets/explore/graph/node-elm.scss */
.skipped[node-elm] [icon], .skipped[node-elm] [state-name] {
  fill: #c4c9d4;
  color: #c4c9d4;
}

/* line 37, app/assets/stylesheets/explore/graph/node-elm.scss */
.skipped[node-elm] [icon] text, .skipped[node-elm] [state-name] text {
  fill: #7a8190;
}

/* line 39, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm] [pill] {
  fill: rgba(52, 70, 137, 0.25);
}

/* line 40, app/assets/stylesheets/explore/graph/node-elm.scss */
[node-elm]:hover [pill] {
  fill: rgba(0, 0, 0, 0.2);
}

/* line 44, app/assets/stylesheets/explore/graph/node-elm.scss */
[route-name="graph"] [node-elm] *,
[route-name="graph"] #session-icons * {
  cursor: pointer;
}
/* line 1, app/assets/stylesheets/explore/session/edit-session-link.scss */
.edit-session-link {
  float: right;
  padding-left: .5em;
  color: white;
  opacity: .5;
}
/* line 3, app/assets/stylesheets/explore/session/session-description.scss */
[session-description] {
  display: block;
  max-width: 50rem;
  margin: 0 auto;
  font-size: 1.2em;
  padding: 0 1.2em;
  text-align: left;
  overflow: hidden;
}

@media (max-width: 600px) {
  /* line 3, app/assets/stylesheets/explore/session/session-description.scss */
  [session-description] {
    font-size: 1em;
  }
}
/* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] {
  font-size: 1vw;
  padding: 2vw 10vw 0;
}

@media (max-width: 2000px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 1.2vw;
    padding: 0 5vw;
  }
}

@media (max-width: 1500px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 1.5vw;
  }
}

@media (max-width: 1200px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 1.8vw;
    padding: 0;
  }
}

@media (max-width: 900px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 2.2vw;
  }
}

@media (max-width: 767px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 2.8vw;
  }
}

@media (max-width: 550px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 3.8vw;
  }
}

@media (max-width: 450px) {
  /* line 3, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] {
    font-size: 5.0vw;
  }
}

/* line 15, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .category {
  display: inline-flex;
  flex-flow: column nowrap;
  margin: 2vw;
  max-width: calc(100% - 4vw);
  --category-bg: white;
  --category-color: black;
}

@media (max-width: 767px) {
  /* line 15, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .category {
    margin: 4vw 0;
    max-width: 100%;
  }
}

@media (max-width: 450px) {
  /* line 15, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .category {
    margin: 10vw 0;
  }
}

/* line 35, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .category h2 {
  flex: 0 0 auto;
  align-self: center;
  margin: .1em .2em;
  padding: .3em 1em;
  border-radius: 1em;
  font-size: 1.8em;
  font-weight: 900;
  color: var(--category-color);
  background-color: var(--category-bg);
}

@media (max-width: 767px) {
  /* line 35, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .category h2 {
    margin: 0;
  }
}

/* line 51, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .materials {
  flex: 0 0 auto;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 100%;
}

/* line 59, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  width: 20vw;
  margin: 1.5vw 1vw;
}

/* line 69, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material-wrapper svg {
  height: 10.4166666667vw;
}

@media (max-width: 1500px) {
  /* line 59, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper {
    width: 26vw;
  }
  /* line 73, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper svg {
    height: 13.5416666667vw;
  }
}

@media (max-width: 1200px) {
  /* line 59, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper {
    width: 30vw;
  }
  /* line 78, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper svg {
    height: 15.625vw;
  }
}

@media (max-width: 767px) {
  /* line 59, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper {
    width: 46vw;
    margin: 4vw 1vw 2vw;
  }
  /* line 84, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper svg {
    height: 23.9583333333vw;
  }
}

@media (max-width: 450px) {
  /* line 59, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper {
    width: 96vw;
    margin: 6vw 1vw 3vw;
  }
  /* line 90, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .material-wrapper svg {
    height: 50vw;
  }
}

/* line 94, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Lesson"] {
  --category-bg: white;
  --category-color: black;
}

/* line 95, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Adventure"] {
  --category-bg: #1e2138;
  --category-color: #15bc71;
}

/* line 96, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Reference"] {
  --category-bg: white;
  --category-color: #cc3366;
}

/* line 97, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Video"] {
  --category-bg: #1e2138;
  --category-color: white;
}

/* line 98, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Simulation"] {
  --category-bg: #c1c3c6;
  --category-color: black;
}

/* line 99, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Puzzle"] {
  --category-bg: white;
  --category-color: #ff8533;
}

/* line 100, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Manual"] {
  --category-bg: #1e2138;
  --category-color: #ffb700;
}

/* line 101, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Workbook"] {
  --category-bg: #1e2138;
  --category-color: #ff8533;
}

/* line 102, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Poster"] {
  --category-bg: #1e2138;
  --category-color: #c4c9d4;
}

/* line 103, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Quiz"] {
  --category-bg: white;
  --category-color: #05614b;
}

/* line 104, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Instructor's Guide"] {
  --category-bg: #1e2138;
  --category-color: #7da6e8;
}

/* line 106, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Quiz"] .material {
  background-image: url(https://asset.lunchboxsessions.com/assets/quiz-10336254579573071c6debd955fda7bf4d59e222ac60c9b726b21494a16a96db.svg);
}

/* line 110, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Quiz"] .material[class-content] {
  background-image: url(https://asset.lunchboxsessions.com/assets/class-quiz-a73502f46c33e3c5aff25cf72019d83ab8a771bea6d6f2668e6cc027b8bbaf5c.svg);
}

/* line 112, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] [category="Quiz"] .material[class-content] svg {
  fill: #384c94;
  color: #384c94;
}

/* line 118, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material {
  position: relative;
  display: block;
  padding: .5em .2em;
  padding-top: 52.08333333%;
  border-radius: 8px;
  overflow: hidden;
  font-weight: bold;
  text-decoration: none;
  color: var(--category-color);
  background-color: var(--category-bg);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: 0 0.4em 1.2em -0.4em rgba(14, 18, 57, 0.8);
  transition: transform 0.15s cubic-bezier(0.2, 0.2, 0.3, 1);
  cursor: pointer;
}

/* line 136, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material * {
  cursor: pointer;
}

/* line 138, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  fill: #05614b;
  color: #05614b;
  pointer-events: none;
}

/* line 148, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material:hover {
  transform: scale(1.03) translateY(-0.25em);
}

/* line 152, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material .name {
  display: block;
  margin: .5em .3rem .2rem;
  max-width: 100%;
}

/* line 158, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material .banner {
  position: absolute;
  top: -.8em;
  right: -.8em;
  padding: .2em 2em;
  border-top: 0.2em solid #e9eaed;
  border-bottom: 0.2em solid #e9eaed;
  font-size: .8em;
  color: white;
  background-color: #15bc71;
  transform: translate(50%, -50%) rotate(-45deg) translate(-50%, 0%) rotate(90deg);
}

/* line 172, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .material.locked::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2em;
  height: 1.2em;
  background-image: url(https://asset.lunchboxsessions.com/assets/lock-aa78b877f8662ec61626d3f9d65cb03a5a965199066ca0b7774b54e064fd9354.svg);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: white;
  border-right: 0;
  border-top: 0;
  border-radius: 0 .3em 0 1.2em;
}

/* line 190, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta {
  position: relative;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  margin: .5em .4em;
  font-size: .8em;
}

/* line 201, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta.public .flag, [session-materials] .meta.trainer .flag {
  color: black;
}

/* line 202, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta.public > :not(:first-child), [session-materials] .meta.trainer > :not(:first-child) {
  margin-left: .8em;
}

/* line 205, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta.admin {
  padding: .4em;
  border-radius: 8px;
  background-color: #3d5aa9;
  border: 2px solid #384c94;
  color: #e9eaed;
}

/* line 211, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta.admin .flag {
  background-color: #384c94;
}

/* line 212, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta.admin > :not(:first-child) {
  margin-left: .4em;
}

@media (max-width: 1200px) {
  /* line 190, app/assets/stylesheets/explore/session/session-materials.scss */
  [session-materials] .meta {
    font-size: .9rem;
  }
}

/* line 217, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta div {
  display: inline-block;
  text-transform: capitalize;
}

/* line 222, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta em {
  display: block;
  font-size: 0.7em;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #c4c9d4;
}

/* line 231, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta .flags {
  margin: 0;
}

/* line 235, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta .flag {
  padding: .3em;
  line-height: 1;
}

/* line 239, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta .flag:first-of-type {
  padding-left: .6em;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}

/* line 244, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta .flag:last-of-type {
  padding-right: .6em;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}

/* line 249, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta .flag:not(:first-of-type) {
  border-left: 1px solid #3f55a6;
}

/* line 254, app/assets/stylesheets/explore/session/session-materials.scss */
[session-materials] .meta .button {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 3, app/assets/stylesheets/explore/session/session-name.scss */
[session-view] [session-name] {
  max-width: 50rem;
  margin: 0 auto .5em;
  padding: 0 1.2rem;
  font-size: 3.2em;
  line-height: 1;
  text-transform: uppercase;
  text-shadow: 0.05em 0.05em 0 #384c94;
}

@media (max-width: 2100px) {
  /* line 3, app/assets/stylesheets/explore/session/session-name.scss */
  [session-view] [session-name] {
    font-size: 2.5vw;
  }
}

@media (max-width: 1300px) {
  /* line 3, app/assets/stylesheets/explore/session/session-name.scss */
  [session-view] [session-name] {
    font-size: 2em;
  }
}

@media (max-width: 400px) {
  /* line 3, app/assets/stylesheets/explore/session/session-name.scss */
  [session-view] [session-name] {
    font-size: 1.8em;
  }
}
/* line 3, app/assets/stylesheets/explore/session/session-objectives.scss */
[session-objectives] {
  max-width: 50em;
  margin: 4em auto 3em;
}

/* line 7, app/assets/stylesheets/explore/session/session-objectives.scss */
[session-objectives] div {
  display: inline-block;
  margin-top: 0;
}

/* line 12, app/assets/stylesheets/explore/session/session-objectives.scss */
[session-objectives] ul {
  margin: .5em 0;
  padding: 1em;
  padding-left: 2.5em;
  text-align: left;
}

/* line 18, app/assets/stylesheets/explore/session/session-objectives.scss */
[session-objectives] ul li {
  list-style-type: square;
}

/* line 22, app/assets/stylesheets/explore/session/session-objectives.scss */
[session-objectives] ul li + li {
  margin-top: .4em;
}
/* line 3, app/assets/stylesheets/explore/session/session-state.scss */
[session-state] {
  display: none;
  margin: 2em auto;
  padding: 1em;
  border: 1px solid #ffb700;
  border-radius: 8px;
}

@media (max-width: 500px) {
  /* line 3, app/assets/stylesheets/explore/session/session-state.scss */
  [session-state] {
    padding: .5em;
  }
}

/* line 11, app/assets/stylesheets/explore/session/session-state.scss */
[session-state] .row {
  justify-content: center;
}

/* line 14, app/assets/stylesheets/explore/session/session-state.scss */
[session-state] .row > div {
  margin-right: .5em;
  display: inline-block;
  text-align: right;
}

@media (max-width: 500px) {
  /* line 14, app/assets/stylesheets/explore/session/session-state.scss */
  [session-state] .row > div {
    margin-right: 0;
  }
}

/* line 21, app/assets/stylesheets/explore/session/session-state.scss */
[session-state] .row select {
  display: inline-block;
  width: auto;
}

/* line 27, app/assets/stylesheets/explore/session/session-state.scss */
[session-state] .row + hr {
  margin: 1.5em 0;
}
/* line 3, app/assets/stylesheets/explore/session/session-svg.scss */
svg[js-svg="session-view"] .full[node-elm] [icon] {
  fill: #363a49;
  color: #363a49;
}
/* line 3, app/assets/stylesheets/explore/session/session-team-learning-history.scss */
[session-team-learning-history] {
  padding: 2em 0;
  background-color: #363a49;
  background: linear-gradient(rgba(56, 76, 148, 0.5), rgba(38, 51, 115, 0.5) 50%, #263373);
}

/* line 8, app/assets/stylesheets/explore/session/session-team-learning-history.scss */
[session-team-learning-history] p {
  font-size: 1.2em;
}

/* line 12, app/assets/stylesheets/explore/session/session-team-learning-history.scss */
[session-team-learning-history] em {
  display: inline-block;
}
/* line 3, app/assets/stylesheets/explore/session/session-view-bottom.scss */
[session-view-bottom] {
  margin-top: 2.5em;
  padding: 1px 1em 2.5em;
  background: linear-gradient(#384c94, rgba(56, 76, 148, 0));
}
/* line 1, app/assets/stylesheets/explore/session/session-view-inner.scss */
[session-view-inner] {
  opacity: 0;
  margin: 0 auto;
  padding-top: 1px;
  padding-bottom: 1px;
}
/* line 3, app/assets/stylesheets/explore/session/session-view.scss */
[session-view] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  z-index: 2;
  overflow: hidden;
  pointer-events: none;
}
/* line 3, app/assets/stylesheets/explore/topics/explore-button.scss */
#standard-content a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15em;
  height: 5.2em;
  margin: .5em;
  outline: none;
  border: none;
  border-radius: .75em;
  vertical-align: middle;
  text-align: center;
  line-height: 1.2;
  text-decoration: none;
  color: var(--text-color, black);
  background-color: var(--button-color, #f1f5fd);
  box-shadow: 0 -0.05em 0.05em rgba(0, 0, 0, 0.05) inset, 0 -0.1em 0.1em rgba(0, 0, 0, 0.1) inset, 0 -0.15em 0.15em rgba(0, 0, 0, 0.15) inset, 0 -0.2em 0 rgba(0, 0, 0, 0.2) inset, 0 0.2em 0.3em 0.1em rgba(56, 76, 148, 0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  transition: background-color .1s;
}

/* line 25, app/assets/stylesheets/explore/topics/explore-button.scss */
#standard-content a:hover {
  background-color: var(--hover-color, #e6ebf4);
}

/* line 29, app/assets/stylesheets/explore/topics/explore-button.scss */
#standard-content a span {
  font-size: 1.7em;
  font-weight: 900;
  letter-spacing: .02em;
  z-index: 1;
}

/* line 36, app/assets/stylesheets/explore/topics/explore-button.scss */
#standard-content a img {
  position: relative;
  display: inline-block;
  max-height: calc(100% - 1.5em);
  max-width: calc(100% - 1.5em);
  z-index: 1;
}

/* line 45, app/assets/stylesheets/explore/topics/explore-button.scss */
#standard-content a * {
  pointer-events: none;
}

/* line 48, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="automation-controllers"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-automation-controllers-2ddd9c26702cafd30bf826a410e700a4161678b15d02c4e6ed8204342a3f4037.svg);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 53, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="battery-electric"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-battery-electric-38c70ced58692dcfc89ea18fff2fcd0d30926fb9c8e3790d8b76f9bd5c734acb.svg);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 58, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="electrical"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-electrical-3f2a3060df616a5820d4ea24ce48d9d349043aecf89058ee03f348e2975e9278.svg);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 63, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="hydraulics"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-hydraulics-8caf6b4b87f79537a78cab10b03ac0b08542aa48c6d6f9ca09e215f573d1397a.png);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 68, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="machinery"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-hydraulics-8caf6b4b87f79537a78cab10b03ac0b08542aa48c6d6f9ca09e215f573d1397a.png);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 73, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="mobile"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-mobile-305f128baea56a89bd6eea7a774a6fa20b4df254ed596bb6601acb2e1c03713f.png);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 78, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="pneumatics"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-pneumatics-57e8d1a2a552f282aec83dc5c477436a1b302f550afcfb24ce327c116037071a.svg);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 83, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="stationary"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-hydraulics-8caf6b4b87f79537a78cab10b03ac0b08542aa48c6d6f9ca09e215f573d1397a.png);
  background-position: var(--texture-x) var(--texture-y);
}

/* line 88, app/assets/stylesheets/explore/topics/explore-button.scss */
[topic-container="training-systems"] a {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-hydraulics-8caf6b4b87f79537a78cab10b03ac0b08542aa48c6d6f9ca09e215f573d1397a.png);
  background-position: var(--texture-x) var(--texture-y);
}
/* line 3, app/assets/stylesheets/explore/topics/explore-top.scss */
#explore-top {
  padding: calc(.2vw + .4em);
  background-color: #1e2138;
  background-image: url(https://asset.lunchboxsessions.com/assets/waves-top-section-198fdd139af2990ca078ab48cc72643ec270b36bc47abb4d06efe3f41cd8d29f.svg);
  background-size: 95%;
  background-position: center;
  opacity: 0;
  transition: opacity .5s;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/explore/topics/explore-top.scss */
#explore-top .inner {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}

/* line 20, app/assets/stylesheets/explore/topics/explore-top.scss */
#explore-top .inner #intro-video-button, #explore-top .inner #find-content, #explore-top .inner .browsing-choices > a {
  margin: calc(.2vw + .4em);
}

/* line 24, app/assets/stylesheets/explore/topics/explore-top.scss */
#explore-top .inner .browsing-choices {
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 30, app/assets/stylesheets/explore/topics/explore-top.scss */
#explore-top .inner .browsing-choices a.button {
  flex: 0 0 auto;
}

@media (max-width: 560px) {
  /* line 30, app/assets/stylesheets/explore/topics/explore-top.scss */
  #explore-top .inner .browsing-choices a.button {
    font-size: .9em;
  }
}

@media (max-width: 400px) {
  /* line 30, app/assets/stylesheets/explore/topics/explore-top.scss */
  #explore-top .inner .browsing-choices a.button {
    font-size: .8em;
  }
}

/* line 41, app/assets/stylesheets/explore/topics/explore-top.scss */
[route-name="topics"] #explore-top,
[route-name="graph"] #explore-top {
  opacity: 1;
  pointer-events: auto;
  transition: opacity .5s .3s;
}
/* line 3, app/assets/stylesheets/explore/topics/find-content.scss */
#find-content {
  flex: 0 1 12em;
  position: relative;
  max-width: 12em;
}

@media (max-width: 700px) {
  /* line 3, app/assets/stylesheets/explore/topics/find-content.scss */
  #find-content {
    max-width: 10em;
    flex: 0 1 10em;
  }
}

/* line 10, app/assets/stylesheets/explore/topics/find-content.scss */
#find-content input {
  display: inline-block;
  padding: .6em;
  padding-left: 2em;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: none;
  border: 1px solid transparent;
}

/* line 18, app/assets/stylesheets/explore/topics/find-content.scss */
#find-content input::-moz-placeholder {
  color: #363a49;
  font-weight: normal;
}
#find-content input::placeholder {
  color: #363a49;
  font-weight: normal;
}

@media (max-width: 560px) {
  /* line 10, app/assets/stylesheets/explore/topics/find-content.scss */
  #find-content input {
    padding: .5em;
  }
}

@media (max-width: 400px) {
  /* line 10, app/assets/stylesheets/explore/topics/find-content.scss */
  #find-content input {
    padding: .4em;
  }
}

/* line 24, app/assets/stylesheets/explore/topics/find-content.scss */
#find-content svg {
  position: absolute;
  left: .35em;
  top: .35em;
  pointer-events: none;
}

@media (max-width: 560px) {
  /* line 24, app/assets/stylesheets/explore/topics/find-content.scss */
  #find-content svg {
    display: none;
  }
}

/* line 33, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="loading"] [find-content-results] {
  display: block;
}

/* line 35, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="loading"] [find-content-results] .loading {
  display: block;
}

/* line 38, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="has-input"] [find-content-results] {
  display: block;
}

/* line 40, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="has-input"] [find-content-results] .keep-typing {
  display: block;
}

/* line 43, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="has-results"] [find-content-results] {
  display: block;
}

/* line 45, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="has-results"] [find-content-results] .categories {
  display: block;
}

/* line 48, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="no-results"] [find-content-results] {
  display: block;
}

/* line 50, app/assets/stylesheets/explore/topics/find-content.scss */
[finding-content="no-results"] [find-content-results] .no-results {
  display: block;
}

/* line 53, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] {
  display: none;
  padding-bottom: 50vh;
  background: linear-gradient(to right, #384c94, #406abf, #384c94);
  pointer-events: auto;
}

/* line 64, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .loading, [find-content-results] .keep-typing, [find-content-results] .no-results {
  display: none;
  padding: 1em;
  border-bottom: 1px solid rgba(56, 76, 148, 0.6);
  color: #ffb700;
  background: #0e1239;
  box-shadow: 0 2px 6px rgba(56, 76, 148, 0.5);
  animation: fade-in .3s .7s both;
}

/* line 74, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .categories {
  display: none;
}

/* line 78, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .category {
  display: inline-flex;
  flex-flow: column nowrap;
  margin: 1vw;
  max-width: calc(100% - 2vw);
}

@media (max-width: 767px) {
  /* line 78, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .category {
    margin: 2vw 0;
    max-width: 100%;
  }
}

@media (max-width: 450px) {
  /* line 78, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .category {
    margin: 5vw 0;
  }
}

/* line 93, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .category h2 {
  flex: 0 0 auto;
  max-width: 100%;
  margin: .1em .2em;
  font-size: 1.8em;
  font-weight: 900;
}

@media (max-width: 767px) {
  /* line 93, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .category h2 {
    margin: 0;
  }
}

/* line 105, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .materials {
  flex: 0 0 auto;
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  max-width: 100%;
}

/* line 113, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material {
  position: relative;
  display: inline-flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  border-radius: .3em;
  vertical-align: top;
  font-weight: bold;
  text-decoration: none;
  color: black;
  background-color: white;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  box-shadow: 0 0.4em 1.2em -0.4em rgba(14, 18, 57, 0.8);
  transition: transform 0.15s cubic-bezier(0.2, 0.2, 0.3, 1);
  overflow: hidden;
  width: 10vw;
  margin: .5vw;
  padding: 5.2083333333vw 0.2em 0.5em;
}

/* line 137, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material svg {
  height: 5.2083333333vw;
}

@media (max-width: 1500px) {
  /* line 113, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material {
    width: 13vw;
    margin: .5vw;
    padding-top: 6.7708333333vw;
  }
  /* line 143, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material svg {
    height: 6.7708333333vw;
  }
}

@media (max-width: 1200px) {
  /* line 113, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material {
    width: 15vw;
    padding-top: 7.8125vw;
  }
  /* line 149, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material svg {
    height: 7.8125vw;
  }
}

@media (max-width: 767px) {
  /* line 113, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material {
    width: 23vw;
    padding-top: 11.9791666667vw;
  }
  /* line 155, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material svg {
    height: 11.9791666667vw;
  }
}

@media (max-width: 450px) {
  /* line 113, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material {
    width: 48vw;
    padding-top: 25vw;
  }
  /* line 161, app/assets/stylesheets/explore/topics/find-content.scss */
  [find-content-results] .material svg {
    height: 25vw;
  }
}

/* line 164, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  fill: #05614b;
  color: #05614b;
  pointer-events: none;
}

/* line 174, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material:hover {
  transform: scale(1.03);
  z-index: 2;
}

/* line 179, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material .name {
  display: block;
  margin: .5em .3rem .1em;
  max-width: 100%;
}

/* line 185, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material .meta {
  display: block;
  margin: 0 .3rem;
  font-size: .6em;
  opacity: .8;
}

/* line 191, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material .meta em {
  color: #1b2255;
}

/* line 196, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material .banner {
  position: absolute;
  top: -.8em;
  right: -.8em;
  padding: .2em 2em;
  border-top: 0.2em solid #e9eaed;
  border-bottom: 0.2em solid #e9eaed;
  font-size: .8em;
  color: white;
  background-color: #15bc71;
  transform: translate(50%, -50%) rotate(-45deg) translate(-50%, 0%) rotate(90deg);
}

/* line 210, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] .material.locked::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2em;
  height: 1.2em;
  background-image: url(https://asset.lunchboxsessions.com/assets/lock-aa78b877f8662ec61626d3f9d65cb03a5a965199066ca0b7774b54e064fd9354.svg);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: white;
  border-right: 0;
  border-top: 0;
  border-radius: 0 0 0 1.2em;
}

/* line 228, app/assets/stylesheets/explore/topics/find-content.scss */
[find-content-results] [category="Quiz"] .material {
  background-image: url(https://asset.lunchboxsessions.com/assets/quiz-10336254579573071c6debd955fda7bf4d59e222ac60c9b726b21494a16a96db.svg);
}
/* line 3, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-button {
  flex: 0 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  transition: opacity .5s linear;
  cursor: pointer;
}

/* line 11, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-button * {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-button:hover > * {
  opacity: .9;
}

/* line 17, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-button img {
  width: 4.8em;
  height: 2.7em;
  margin-right: .4em;
  border-radius: 4px;
  border: 1px solid #060613;
}

/* line 26, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.9);
}

/* line 36, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-overlay[show] {
  display: block;
}

/* line 40, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-overlay .buttons {
  height: 50px;
  margin: 15px auto;
}

/* line 45, app/assets/stylesheets/explore/topics/intro-video.scss */
#intro-video-overlay video {
  width: 100%;
  height: calc(100% - 115px);
  margin: 0 auto;
  outline: none;
}
/* line 3, app/assets/stylesheets/explore/topics/overflow-container.scss */
[overflow-container] {
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  height: calc(100% - var(--header-height));
  pointer-events: none;
  overflow: hidden;
}
/* line 1, app/assets/stylesheets/explore/topics/standard-content-header.scss */
[standard-content-header] {
  position: relative;
  pointer-events: none;
  margin-bottom: calc(.5vw + .5rem);
}

/* line 6, app/assets/stylesheets/explore/topics/standard-content-header.scss */
[standard-content-header] h1 {
  transition: opacity .5s .4s;
}

/* line 10, app/assets/stylesheets/explore/topics/standard-content-header.scss */
[standard-content-header] h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity .5s;
}

/* line 24, app/assets/stylesheets/explore/topics/standard-content-header.scss */
[route-name="graph"] [standard-content-header] h1,
[route-name="session"] [standard-content-header] h1 {
  opacity: 0;
  transition: opacity .5s;
}

/* line 25, app/assets/stylesheets/explore/topics/standard-content-header.scss */
[route-name="graph"] [standard-content-header] h3,
[route-name="session"] [standard-content-header] h3 {
  opacity: 1;
  transition: opacity .5s .4s;
}
/* line 1, app/assets/stylesheets/explore/topics/standard-content.scss */
#standard-content {
  margin: 0 auto;
  padding: 2em calc(50vw - 30em) 3em;
  transition: opacity .6s .5s;
  opacity: 0;
  pointer-events: none;
}

/* line 20, app/assets/stylesheets/explore/topics/standard-content.scss */
[route-name="topics"] #standard-content,
[route-name="graph"] #standard-content {
  opacity: 1;
  pointer-events: auto;
}

/* line 26, app/assets/stylesheets/explore/topics/standard-content.scss */
[finding-content] #standard-content {
  display: none;
}
/* line 1, app/assets/stylesheets/explore/topics/topic-container.scss */
[topic-container] {
  position: relative;
  display: inline-block;
}