/* Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/**** GENERAL [optional] NICENESS ****/
/* Zero-out "matter of taste" styles (Ivan) */
/* line 8, app/assets/stylesheets/application/reset.scss */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

/* Disable text selection for UI... (Ivan) */
/* line 19, app/assets/stylesheets/application/reset.scss */
* {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

/* ...but keep selection enabled for text! (Ivan) */
/* line 29, app/assets/stylesheets/application/reset.scss */
p,
p *,
em,
em *,
input,
textarea,
.selectable,
.selectable *,
[contentEditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: inherit;
}

/* Editable elements deserve a text cursor (Ivan) */
/* line 50, app/assets/stylesheets/application/reset.scss */
input, input.selectable, .selectable input,
textarea,
textarea.selectable, .selectable textarea,
[contentEditable],
.selectable[contentEditable], .selectable [contentEditable] {
  cursor: text;
}

/* Links and inputs deserve a pointer (Ivan) */
/* line 69, app/assets/stylesheets/application/reset.scss */
a, a *, a.selectable, a.selectable *, .selectable a, .selectable a *,
label,
label *,
label.selectable,
label.selectable *, .selectable label, .selectable label *,
button,
button *,
button.selectable,
button.selectable *, .selectable button, .selectable button *,
input[type="button"],
input[type="button"] *,
input.selectable[type="button"],
input.selectable[type="button"] *, .selectable input[type="button"], .selectable input[type="button"] *,
input[type="checkbox"],
input[type="checkbox"] *,
input.selectable[type="checkbox"],
input.selectable[type="checkbox"] *, .selectable input[type="checkbox"], .selectable input[type="checkbox"] *,
input[type="file"],
input[type="file"] *,
input.selectable[type="file"],
input.selectable[type="file"] *, .selectable input[type="file"], .selectable input[type="file"] *,
input[type="image"],
input[type="image"] *,
input.selectable[type="image"],
input.selectable[type="image"] *, .selectable input[type="image"], .selectable input[type="image"] *,
input[type="radio"],
input[type="radio"] *,
input.selectable[type="radio"],
input.selectable[type="radio"] *, .selectable input[type="radio"], .selectable input[type="radio"] *,
input[type="reset"],
input[type="reset"] *,
input.selectable[type="reset"],
input.selectable[type="reset"] *, .selectable input[type="reset"], .selectable input[type="reset"] *,
input[type="submit"],
input[type="submit"] *,
input.selectable[type="submit"],
input.selectable[type="submit"] *, .selectable input[type="submit"], .selectable input[type="submit"] *,
select,
select *,
select.selectable,
select.selectable *, .selectable select, .selectable select * {
  cursor: pointer;
}

/* Style links like their surrounding content (Ivan) */
/* line 77, app/assets/stylesheets/application/reset.scss */
a {
  color: inherit;
  text-decoration: none;
}

/* Embedded contexts should be big and beefy! (Ivan) */
/* line 84, app/assets/stylesheets/application/reset.scss */
iframe,
object,
canvas,
progress,
video {
  display: block;
}

/* Remove the outline around GUI (Ivan) */
/* line 94, app/assets/stylesheets/application/reset.scss */
input:not([type="checkbox"]),
select,
textarea {
  outline: 0;
}

/* Remove the styling from fieldsets (Ivan) */
/* line 102, app/assets/stylesheets/application/reset.scss */
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

/**** BEST PRACTICES ****/
/* Include padding and borders in width calculations (Paul Irish: paulirish.com/2012/box-sizing-border-box-ftw) */
/* line 113, app/assets/stylesheets/application/reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove the 2px border around iframes (Ivan) */
/* line 121, app/assets/stylesheets/application/reset.scss */
iframe {
  border: 0;
}

/**** CROSS-BROWSER STANDARDIZATION ****/
/* Prevent modern browsers from displaying audio without controls. */
/* line 130, app/assets/stylesheets/application/reset.scss */
audio:not([controls]) {
  display: none;
}

/* Remove those annoying link glows */
/* line 136, app/assets/stylesheets/application/reset.scss */
a:active,
a:hover {
  outline: 0;
}

/* Don't default to bolder in Firefox, Safari, and Chrome */
/* line 143, app/assets/stylesheets/application/reset.scss */
b,
strong {
  font-weight: bold;
}

/* Standarize h1 values within section and article contexts in Firefox, Safari, and Chrome. */
/* line 150, app/assets/stylesheets/application/reset.scss */
h1 {
  font-size: 2em;
}

/* Fix inconsistent and variable font size in all browsers. */
/* line 156, app/assets/stylesheets/application/reset.scss */
small {
  font-size: 80%;
}

/* Prevent `sub` and `sup` affecting `line-height` in all browsers. */
/* line 162, app/assets/stylesheets/application/reset.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 170, app/assets/stylesheets/application/reset.scss */
sup {
  top: -.5em;
}

/* line 174, app/assets/stylesheets/application/reset.scss */
sub {
  bottom: -.25em;
}

/* Address differences between Firefox and other browsers. */
/* line 180, app/assets/stylesheets/application/reset.scss */
hr {
  height: 0;
}

/* Contain overflow in all browsers. */
/* line 186, app/assets/stylesheets/application/reset.scss */
pre {
  overflow: auto;
}

/* Address odd `em`-unit font size rendering in all browsers. */
/* line 192, app/assets/stylesheets/application/reset.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* 1. Correct color not being inherited. Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox, Safari, and Chrome.
 */
/* line 205, app/assets/stylesheets/application/reset.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/* Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 221, app/assets/stylesheets/application/reset.scss */
button,
select {
  text-transform: none;
}

/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type `input` and others.
 */
/* line 231, app/assets/stylesheets/application/reset.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/* Re-set default cursor for disabled elements. */
/* line 241, app/assets/stylesheets/application/reset.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* Remove inner padding and border in Firefox */
/* line 248, app/assets/stylesheets/application/reset.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Address Firefox setting `line-height` on `input` using `!important` in the UA stylesheet. */
/* line 256, app/assets/stylesheets/application/reset.scss */
input {
  line-height: normal;
}

/* Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 265, app/assets/stylesheets/application/reset.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* Preserve spacing between table cells. */
/* line 272, app/assets/stylesheets/application/reset.scss */
table {
  border-collapse: separate;
  border-spacing: 0;
}

/* line 278, app/assets/stylesheets/application/reset.scss */
td,
th {
  padding: 0;
}

/* line 289, app/assets/stylesheets/application/reset.scss */
html {
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
}

/* line 295, app/assets/stylesheets/application/reset.scss */
body {
  margin: 0;
  touch-action: manipulation;
}

/* line 300, app/assets/stylesheets/application/reset.scss */
img,
video {
  vertical-align: middle;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes blur-in {
  0% {
    filter: url("#blur-10");
  }
  10% {
    filter: url("#blur-9");
  }
  20% {
    filter: url("#blur-8");
  }
  30% {
    filter: url("#blur-7");
  }
  40% {
    filter: url("#blur-6");
  }
  50% {
    filter: url("#blur-5");
  }
  60% {
    filter: url("#blur-4");
  }
  70% {
    filter: url("#blur-3");
  }
  80% {
    filter: url("#blur-2");
  }
  90% {
    filter: url("#blur-1");
  }
  100% {
    filter: url("#blur-0");
  }
}

@keyframes blur-out {
  0% {
    filter: url("#blur-0");
  }
  10% {
    filter: url("#blur-1");
  }
  20% {
    filter: url("#blur-2");
  }
  30% {
    filter: url("#blur-3");
  }
  40% {
    filter: url("#blur-4");
  }
  50% {
    filter: url("#blur-5");
  }
  60% {
    filter: url("#blur-6");
  }
  70% {
    filter: url("#blur-7");
  }
  80% {
    filter: url("#blur-8");
  }
  90% {
    filter: url("#blur-9");
  }
  100% {
    filter: url("#blur-10");
  }
}
/* line 1, app/assets/stylesheets/application/attrs/js-hidden.scss */
[js-hidden] {
  display: none;
}
/* line 1, app/assets/stylesheets/application/attrs/privacy-note.scss */
[privacy-note] {
  padding-top: .85rem;
  vertical-align: middle;
  text-align: center;
  font-size: .8em;
  color: rgba(255, 255, 255, 0.6);
}

/* line 8, app/assets/stylesheets/application/attrs/privacy-note.scss */
[privacy-note] a {
  display: inline-block;
  color: inherit;
}

/* line 13, app/assets/stylesheets/application/attrs/privacy-note.scss */
[privacy-note] img {
  vertical-align: middle;
  margin-top: -4px;
  margin: -4px .2rem 0;
  opacity: .6;
}
/* line 1, app/assets/stylesheets/application/classes/actions-bar.scss */
.actions-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

/* line 7, app/assets/stylesheets/application/classes/actions-bar.scss */
.actions-bar > * {
  flex: 0 0 auto;
}

/* line 10, app/assets/stylesheets/application/classes/actions-bar.scss */
.actions-bar > *:not(:last-child) {
  margin-right: 1em;
}

/* line 14, app/assets/stylesheets/application/classes/actions-bar.scss */
.actions-bar > *.button {
  margin-top: 0;
  margin-bottom: 0;
}
/* line 1, app/assets/stylesheets/application/classes/alignment.scss */
.center,
.column.center,
.med-column.center,
.wide-column.center {
  text-align: center;
}

/* line 6, app/assets/stylesheets/application/classes/alignment.scss */
.left,
.align-left {
  text-align: left;
}

/* line 9, app/assets/stylesheets/application/classes/alignment.scss */
.right,
.align-right {
  text-align: right;
}

/* line 12, app/assets/stylesheets/application/classes/alignment.scss */
.justify {
  text-align: justify;
}

@supports (-webkit-hyphenate-limit-before: 4) {
  /* line 12, app/assets/stylesheets/application/classes/alignment.scss */
  .justify {
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-before: 4;
    -webkit-hyphenate-limit-after: 4;
  }
}

@supports (-webkit-hyphenate-limit-chars: 6 4 4) or (-moz-hyphenate-limit-chars: 6 4 4) or (hyphenate-limit-chars: 6 4 4) {
  /* line 12, app/assets/stylesheets/application/classes/alignment.scss */
  .justify {
    -webkit-hyphens: auto;
    hyphens: auto;
    -webkit-hyphenate-limit-chars: 6 4 4;
    -webkit-hyphenate-limit-lines: 1;
    -webkit-hyphenate-limit-last: always;
    -webkit-hyphenate-limit-zone: 8%;
    -moz-hyphenate-limit-chars: 6 4 4;
    -moz-hyphenate-limit-lines: 1;
    -moz-hyphenate-limit-last: always;
    -moz-hyphenate-limit-zone: 8%;
    hyphenate-limit-chars: 6 4 4;
    hyphenate-limit-lines: 1;
    hyphenate-limit-last: always;
    hyphenate-limit-zone: 8%;
  }
}
/* line 5, app/assets/stylesheets/application/classes/box.scss */
.box,
.box-small,
.box-tiny,
.box-light,
.box-borders {
  border-radius: 8px 8px 0 0;
}

/* line 11, app/assets/stylesheets/application/classes/box.scss */
.box + .box, .box + .box-small, .box + .box-tiny, .box + .box-light, .box + .box-borders,
.box-small + .box,
.box-small + .box-small,
.box-small + .box-tiny,
.box-small + .box-light,
.box-small + .box-borders,
.box-tiny + .box,
.box-tiny + .box-small,
.box-tiny + .box-tiny,
.box-tiny + .box-light,
.box-tiny + .box-borders,
.box-light + .box,
.box-light + .box-small,
.box-light + .box-tiny,
.box-light + .box-light,
.box-light + .box-borders,
.box-borders + .box,
.box-borders + .box-small,
.box-borders + .box-tiny,
.box-borders + .box-light,
.box-borders + .box-borders {
  border-radius: 0;
}

/* line 12, app/assets/stylesheets/application/classes/box.scss */
.box:last-child,
.box-small:last-child,
.box-tiny:last-child,
.box-light:last-child,
.box-borders:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (max-width: 34rem) {
  /* line 15, app/assets/stylesheets/application/classes/box.scss */
  .column .box, .column .box-small, .column .box-tiny, .column .box-light {
    border-radius: 0;
  }
}

@media (max-width: 45rem) {
  /* line 16, app/assets/stylesheets/application/classes/box.scss */
  .med-column .box, .med-column .box-small, .med-column .box-tiny, .med-column .box-light {
    border-radius: 0;
  }
}

@media (max-width: 56rem) {
  /* line 17, app/assets/stylesheets/application/classes/box.scss */
  .wide-column .box, .wide-column .box-small, .wide-column .box-tiny, .wide-column .box-light {
    border-radius: 0;
  }
}

/* line 21, app/assets/stylesheets/application/classes/box.scss */
.box,
.box-light,
.box-padding {
  padding: 2em;
}

@media (max-width: 450px) {
  /* line 21, app/assets/stylesheets/application/classes/box.scss */
  .box,
.box-light,
.box-padding {
    padding: 2em 1em;
  }
}

@media (max-width: 370px) {
  /* line 21, app/assets/stylesheets/application/classes/box.scss */
  .box,
.box-light,
.box-padding {
    padding: 2em .5em;
  }
}

/* line 29, app/assets/stylesheets/application/classes/box.scss */
.box-small {
  padding: 1em 2em;
}

@media (max-width: 450px) {
  /* line 29, app/assets/stylesheets/application/classes/box.scss */
  .box-small {
    padding: 1em 1em;
  }
}

@media (max-width: 370px) {
  /* line 29, app/assets/stylesheets/application/classes/box.scss */
  .box-small {
    padding: 1em .5em;
  }
}

/* line 35, app/assets/stylesheets/application/classes/box.scss */
.box-tiny {
  padding: 1em;
}

@media (max-width: 450px) {
  /* line 35, app/assets/stylesheets/application/classes/box.scss */
  .box-tiny {
    padding: .5em .5em;
  }
}

@media (max-width: 370px) {
  /* line 35, app/assets/stylesheets/application/classes/box.scss */
  .box-tiny {
    padding: .5em .5em;
  }
}

/* line 44, app/assets/stylesheets/application/classes/box.scss */
.box-light,
.box-light-bg {
  background: url("https://asset.lunchboxsessions.com/assets/waves-box-light-f1d062b8b5a0820f05c06190091bfa6b12c2d92426d624557a6402ff5bb16abb.svg"), rgba(38, 51, 115, 0.6);
}
/* line 4, app/assets/stylesheets/application/classes/brochure.scss */
.brochure a {
  text-decoration: none;
}

/* line 6, app/assets/stylesheets/application/classes/brochure.scss */
.brochure a:hover span {
  text-decoration: underline;
}

/* line 9, app/assets/stylesheets/application/classes/brochure.scss */
.brochure img {
  display: inline-block;
  margin-right: .5em;
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.3);
  border-radius: 2px;
}
/* line 3, app/assets/stylesheets/application/classes/bubbles.scss */
.bubbles {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin: 0 .5em;
}

/* line 10, app/assets/stylesheets/application/classes/bubbles.scss */
.bubbles h3 {
  flex: 0 0 auto;
  margin: .2em;
  color: black;
}

/* line 15, app/assets/stylesheets/application/classes/bubbles.scss */
.bubbles h3.full {
  flex: 1 1 100%;
}

/* line 18, app/assets/stylesheets/application/classes/bubbles.scss */
.bubbles .spacer {
  flex: 0 0 100%;
  width: 100%;
}

/* line 24, app/assets/stylesheets/application/classes/bubbles.scss */
.bubble {
  display: inline-block;
  margin: .2em;
  border-radius: 2em;
  padding: .4em .8em;
  font-weight: bold;
  background-color: #1e2138;
}

/* line 32, app/assets/stylesheets/application/classes/bubbles.scss */
.bubble em {
  font-weight: 900;
  background-image: linear-gradient(#ffc400, #ff9100);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}

/* line 38, app/assets/stylesheets/application/classes/bubbles.scss */
.bubble em a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1.5px solid #ff9100;
}

@media (max-width: 600px) {
  /* line 24, app/assets/stylesheets/application/classes/bubbles.scss */
  .bubble {
    font-size: .85em;
    font-weight: normal;
    padding: .5em;
    margin: .1em;
    border-radius: 8px;
  }
  /* line 52, app/assets/stylesheets/application/classes/bubbles.scss */
  .bubble em {
    font-weight: 700;
  }
}
/* line 3, app/assets/stylesheets/application/classes/bump.scss */
.bump {
  position: relative;
}

/* line 6, app/assets/stylesheets/application/classes/bump.scss */
.bump::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom: 3px solid rgba(0, 0, 0, 0.3);
  border-radius: 0 0 8px 8px;
  pointer-events: none;
}

@media (max-width: 34rem) {
  /* line 19, app/assets/stylesheets/application/classes/bump.scss */
  .column .bump::after {
    display: none;
  }
}

@media (max-width: 45rem) {
  /* line 20, app/assets/stylesheets/application/classes/bump.scss */
  .med-column .bump::after {
    display: none;
  }
}

@media (max-width: 56rem) {
  /* line 21, app/assets/stylesheets/application/classes/bump.scss */
  .wide-column .bump::after {
    display: none;
  }
}
/* line 3, app/assets/stylesheets/application/classes/button.scss */
button,
.button,
input[type="submit"] {
  display: inline-block;
  margin-top: .3em;
  margin-bottom: .3em;
  padding: .6em .8em;
  border: 2px solid transparent;
  outline: none;
  border-radius: 4px;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: white;
  background-color: #507ed3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* line 22, app/assets/stylesheets/application/classes/button.scss */
button + button, button + .button, button + input[type="submit"],
.button + button,
.button + .button,
.button + input[type="submit"],
input[type="submit"] + button,
input[type="submit"] + .button,
input[type="submit"] + input[type="submit"] {
  margin-left: 1px;
}

/* line 26, app/assets/stylesheets/application/classes/button.scss */
button.border,
.button.border,
input.border[type="submit"] {
  border-color: currentColor;
}

/* line 30, app/assets/stylesheets/application/classes/button.scss */
button.active,
.button.active,
input.active[type="submit"] {
  background-color: #00a3a3;
}

/* line 32, app/assets/stylesheets/application/classes/button.scss */
button.active:hover,
.button.active:hover,
input.active[type="submit"]:hover {
  background-color: #009494;
}

/* line 35, app/assets/stylesheets/application/classes/button.scss */
button[disabled], button.disabled,
.button[disabled],
.button.disabled,
input[type="submit"][disabled],
input.disabled[type="submit"] {
  background-color: #507ed3;
  color: #7da6e8;
  pointer-events: none;
}

/* line 42, app/assets/stylesheets/application/classes/button.scss */
button.soft-disabled,
.button.soft-disabled,
input.soft-disabled[type="submit"] {
  background-color: #507ed3;
  color: #7da6e8;
}

/* line 47, app/assets/stylesheets/application/classes/button.scss */
button.small,
.button.small,
input.small[type="submit"] {
  padding: .3em .4em;
}

/* line 51, app/assets/stylesheets/application/classes/button.scss */
button:focus,
.button:focus,
input[type="submit"]:focus {
  border-color: #363a49;
}

/* line 55, app/assets/stylesheets/application/classes/button.scss */
button:hover,
.button:hover,
input[type="submit"]:hover {
  background-color: #4375d0;
}

/* line 56, app/assets/stylesheets/application/classes/button.scss */
button.black:hover,
.button.black:hover,
input.black[type="submit"]:hover {
  background-color: #1f1f1f;
}

/* line 57, app/assets/stylesheets/application/classes/button.scss */
button.blue:hover,
.button.blue:hover,
input.blue[type="submit"]:hover {
  background-color: #3b569b;
}

/* line 58, app/assets/stylesheets/application/classes/button.scss */
button.bronze:hover,
.button.bronze:hover,
input.bronze[type="submit"]:hover {
  background-color: #d0b571;
}

/* line 59, app/assets/stylesheets/application/classes/button.scss */
button.mist:hover,
.button.mist:hover,
input.mist[type="submit"]:hover {
  background-color: #dbdde1;
}

/* line 60, app/assets/stylesheets/application/classes/button.scss */
button.green:hover,
.button.green:hover,
input.green[type="submit"]:hover {
  background-color: #0c9723;
}

/* line 61, app/assets/stylesheets/application/classes/button.scss */
button.grey:hover,
.button.grey:hover,
input.grey[type="submit"]:hover {
  background-color: #727988;
}

/* line 62, app/assets/stylesheets/application/classes/button.scss */
button.mint:hover,
.button.mint:hover,
input.mint[type="submit"]:hover {
  background-color: #13aa66;
}

/* line 63, app/assets/stylesheets/application/classes/button.scss */
button.navy:hover,
.button.navy:hover,
input.navy[type="submit"]:hover {
  background-color: #27317c;
}

/* line 64, app/assets/stylesheets/application/classes/button.scss */
button.olive:hover,
.button.olive:hover,
input.olive[type="submit"]:hover {
  background-color: #06795e;
}

/* line 65, app/assets/stylesheets/application/classes/button.scss */
button.onyx:hover,
.button.onyx:hover,
input.onyx[type="submit"]:hover {
  background-color: #131339;
}

/* line 66, app/assets/stylesheets/application/classes/button.scss */
button.orange:hover,
.button.orange:hover,
input.orange[type="submit"]:hover {
  background-color: #ff781f;
}

/* line 67, app/assets/stylesheets/application/classes/button.scss */
button.purple:hover,
.button.purple:hover,
input.purple[type="submit"]:hover {
  background-color: #3e2a7a;
}

/* line 68, app/assets/stylesheets/application/classes/button.scss */
button.red:hover,
.button.red:hover,
input.red[type="submit"]:hover {
  background-color: #e72329;
}

/* line 69, app/assets/stylesheets/application/classes/button.scss */
button.silver:hover,
.button.silver:hover,
input.silver[type="submit"]:hover {
  background-color: #bcc1cd;
}

/* line 70, app/assets/stylesheets/application/classes/button.scss */
button.smoke:hover,
.button.smoke:hover,
input.smoke[type="submit"]:hover {
  background-color: #3d4152;
}

/* line 71, app/assets/stylesheets/application/classes/button.scss */
button.tar:hover,
.button.tar:hover,
input.tar[type="submit"]:hover {
  background-color: #272b49;
}

/* line 72, app/assets/stylesheets/application/classes/button.scss */
button.teal:hover,
.button.teal:hover,
input.teal[type="submit"]:hover {
  background-color: #009494;
}

/* line 73, app/assets/stylesheets/application/classes/button.scss */
button.white:hover,
.button.white:hover,
input.white[type="submit"]:hover {
  background-color: #f7f7f7;
}

/* line 74, app/assets/stylesheets/application/classes/button.scss */
button.yellow:hover,
.button.yellow:hover,
input.yellow[type="submit"]:hover {
  background-color: #f0ac00;
}

/* line 76, app/assets/stylesheets/application/classes/button.scss */
button.white,
.button.white,
input.white[type="submit"] {
  color: #3f5ca6;
}

/* line 79, app/assets/stylesheets/application/classes/button.scss */
.buttons {
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 500px) {
  /* line 79, app/assets/stylesheets/application/classes/button.scss */
  .buttons {
    display: inline-flex;
    flex-flow: row wrap;
    border-radius: 4px;
  }
  /* line 88, app/assets/stylesheets/application/classes/button.scss */
  .buttons > * {
    flex: 1 1 auto;
    border-radius: 0;
  }
  /* line 92, app/assets/stylesheets/application/classes/button.scss */
  .buttons > *:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  /* line 97, app/assets/stylesheets/application/classes/button.scss */
  .buttons > *:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

/* line 105, app/assets/stylesheets/application/classes/button.scss */
input[type="submit"] {
  color: black;
  background-color: #15bc71;
}

/* line 108, app/assets/stylesheets/application/classes/button.scss */
input[type="submit"]:hover, input[type="submit"]:focus {
  background-color: #13aa66;
}
/* line 4, app/assets/stylesheets/application/classes/colors.scss */
.bg-xxl {
  background-color: #7da6e8;
}

/* line 5, app/assets/stylesheets/application/classes/colors.scss */
.bg-xl {
  background-color: #507ed3;
}

/* line 6, app/assets/stylesheets/application/classes/colors.scss */
.bg-l {
  background-color: #406abf;
}

/* line 7, app/assets/stylesheets/application/classes/colors.scss */
.bg-m {
  background-color: #3d5aa9;
}

/* line 8, app/assets/stylesheets/application/classes/colors.scss */
.bg-d {
  background-color: #384c94;
}

/* line 9, app/assets/stylesheets/application/classes/colors.scss */
.bg-xd {
  background-color: #263373;
}

/* line 11, app/assets/stylesheets/application/classes/colors.scss */
.white {
  background-color: white;
}

/* line 12, app/assets/stylesheets/application/classes/colors.scss */
.mist {
  background-color: #e9eaed;
}

/* line 13, app/assets/stylesheets/application/classes/colors.scss */
.silver {
  background-color: #c4c9d4;
}

/* line 14, app/assets/stylesheets/application/classes/colors.scss */
.grey {
  background-color: #7a8190;
}

/* line 15, app/assets/stylesheets/application/classes/colors.scss */
.smoke {
  background-color: #363a49;
}

/* line 16, app/assets/stylesheets/application/classes/colors.scss */
.onyx {
  background-color: #060613;
}

/* line 17, app/assets/stylesheets/application/classes/colors.scss */
.tar {
  background-color: #1e2138;
}

/* line 18, app/assets/stylesheets/application/classes/colors.scss */
.black {
  background-color: black;
}

/* line 20, app/assets/stylesheets/application/classes/colors.scss */
.red {
  background-color: #e83037;
}

/* line 21, app/assets/stylesheets/application/classes/colors.scss */
.orange {
  background-color: #ff8533;
}

/* line 22, app/assets/stylesheets/application/classes/colors.scss */
.yellow {
  background-color: #ffb700;
}

/* line 23, app/assets/stylesheets/application/classes/colors.scss */
.green {
  background-color: #0da527;
}

/* line 24, app/assets/stylesheets/application/classes/colors.scss */
.blue {
  background-color: #3f5ca6;
}

/* line 25, app/assets/stylesheets/application/classes/colors.scss */
.indigo {
  background-color: #945ec9;
}

/* line 26, app/assets/stylesheets/application/classes/colors.scss */
.violet {
  background-color: #c63980;
}

/* line 28, app/assets/stylesheets/application/classes/colors.scss */
.blueberry {
  background-color: #906ce0;
}

/* line 29, app/assets/stylesheets/application/classes/colors.scss */
.bronze {
  background-color: #d9c38c;
}

/* line 30, app/assets/stylesheets/application/classes/colors.scss */
.mint {
  background-color: #15bc71;
}

/* line 31, app/assets/stylesheets/application/classes/colors.scss */
.navy {
  background-color: #1b2255;
}

/* line 32, app/assets/stylesheets/application/classes/colors.scss */
.navy-dark {
  background-color: #0e1239;
}

/* line 33, app/assets/stylesheets/application/classes/colors.scss */
.olive {
  background-color: #05614b;
}

/* line 34, app/assets/stylesheets/application/classes/colors.scss */
.purple {
  background-color: #47308d;
}

/* line 35, app/assets/stylesheets/application/classes/colors.scss */
.teal {
  background-color: #00a3a3;
}

/* line 36, app/assets/stylesheets/application/classes/colors.scss */
.fuscha {
  background-color: #cc3366;
}

/* line 37, app/assets/stylesheets/application/classes/colors.scss */
.ghost {
  background-color: rgba(255, 255, 255, 0.04);
}

/* line 38, app/assets/stylesheets/application/classes/colors.scss */
.demon {
  background-color: rgba(0, 0, 0, 0.04);
}

/* line 41, app/assets/stylesheets/application/classes/colors.scss */
.bg-xxl-text {
  color: #7da6e8;
}

/* line 42, app/assets/stylesheets/application/classes/colors.scss */
.bg-xl-text {
  color: #507ed3;
}

/* line 43, app/assets/stylesheets/application/classes/colors.scss */
.bg-l-text {
  color: #406abf;
}

/* line 44, app/assets/stylesheets/application/classes/colors.scss */
.bg-m-text {
  color: #3d5aa9;
}

/* line 45, app/assets/stylesheets/application/classes/colors.scss */
.bg-d-text {
  color: #384c94;
}

/* line 46, app/assets/stylesheets/application/classes/colors.scss */
.bg-xd-text {
  color: #263373;
}

/* line 48, app/assets/stylesheets/application/classes/colors.scss */
.white-text {
  color: white;
}

/* line 49, app/assets/stylesheets/application/classes/colors.scss */
.mist-text {
  color: #e9eaed;
}

/* line 50, app/assets/stylesheets/application/classes/colors.scss */
.silver-text {
  color: #c4c9d4;
}

/* line 51, app/assets/stylesheets/application/classes/colors.scss */
.grey-text {
  color: #7a8190;
}

/* line 52, app/assets/stylesheets/application/classes/colors.scss */
.smoke-text {
  color: #363a49;
}

/* line 53, app/assets/stylesheets/application/classes/colors.scss */
.tar-text {
  color: #1e2138;
}

/* line 54, app/assets/stylesheets/application/classes/colors.scss */
.onyx-text {
  color: #060613;
}

/* line 55, app/assets/stylesheets/application/classes/colors.scss */
.black-text {
  color: black;
}

/* line 57, app/assets/stylesheets/application/classes/colors.scss */
.red-text {
  color: #e83037;
}

/* line 58, app/assets/stylesheets/application/classes/colors.scss */
.orange-text {
  color: #ff8533;
}

/* line 59, app/assets/stylesheets/application/classes/colors.scss */
.yellow-text {
  color: #ffb700;
}

/* line 60, app/assets/stylesheets/application/classes/colors.scss */
.green-text {
  color: #0da527;
}

/* line 61, app/assets/stylesheets/application/classes/colors.scss */
.blue-text {
  color: #3f5ca6;
}

/* line 62, app/assets/stylesheets/application/classes/colors.scss */
.indigo-text {
  color: #945ec9;
}

/* line 63, app/assets/stylesheets/application/classes/colors.scss */
.violet-text {
  color: #c63980;
}

/* line 65, app/assets/stylesheets/application/classes/colors.scss */
.blueberry-text {
  color: #906ce0;
}

/* line 66, app/assets/stylesheets/application/classes/colors.scss */
.bronze-text {
  color: #d9c38c;
}

/* line 67, app/assets/stylesheets/application/classes/colors.scss */
.mint-text {
  color: #15bc71;
}

/* line 68, app/assets/stylesheets/application/classes/colors.scss */
.navy-text {
  color: #1b2255;
}

/* line 69, app/assets/stylesheets/application/classes/colors.scss */
.navy-dark-text {
  color: #0e1239;
}

/* line 70, app/assets/stylesheets/application/classes/colors.scss */
.olive-text {
  color: #05614b;
}

/* line 71, app/assets/stylesheets/application/classes/colors.scss */
.purple-text {
  color: #47308d;
}

/* line 72, app/assets/stylesheets/application/classes/colors.scss */
.teal-text {
  color: #00a3a3;
}

/* line 73, app/assets/stylesheets/application/classes/colors.scss */
.fuscha-text {
  color: #cc3366;
}
/* line 1, app/assets/stylesheets/application/classes/column.scss */
.column,
.med-column,
.wide-column {
  margin: 1em auto;
  text-align: left;
}

/* line 8, app/assets/stylesheets/application/classes/column.scss */
.column {
  max-width: 34rem;
}

/* line 9, app/assets/stylesheets/application/classes/column.scss */
.med-column {
  max-width: 45rem;
}

/* line 10, app/assets/stylesheets/application/classes/column.scss */
.wide-column {
  max-width: 56rem;
}

/* line 12, app/assets/stylesheets/application/classes/column.scss */
.inline-column {
  display: inline-block;
  max-width: calc(100% - 2em);
  margin: 1em;
  vertical-align: top;
}

@media (max-width: 700px) {
  /* line 12, app/assets/stylesheets/application/classes/column.scss */
  .inline-column {
    display: block;
    max-width: calc(100% - 1em);
    margin: 2em auto;
  }
}
/* line 1, app/assets/stylesheets/application/classes/currency.scss */
.currency {
  font-size: .7em;
  margin-left: .2em;
}

/* line 6, app/assets/stylesheets/application/classes/currency.scss */
.paddle-currency {
  font-size: .7em;
  margin-right: .1em;
}
/* line 4, app/assets/stylesheets/application/classes/field_with_errors.scss */
.field_with_errors:nth-of-type(2) .button, .field_with_errors:nth-of-type(2) input, .field_with_errors:nth-of-type(2) textarea, .field_with_errors:nth-of-type(2) select {
  color: #e83037;
}

/* line 10, app/assets/stylesheets/application/classes/field_with_errors.scss */
.space-contents .field_with_errors {
  margin-top: .2em;
}

/* line 13, app/assets/stylesheets/application/classes/field_with_errors.scss */
.space-contents .field_with_errors label {
  margin-top: .8em;
}

/* line 19, app/assets/stylesheets/application/classes/field_with_errors.scss */
.space-contents > input[type="hidden"] + .field_with_errors label {
  margin-top: 0;
}
/* line 1, app/assets/stylesheets/application/classes/flip.scss */
.flip {
  transform: scaleX(-1);
}
/* line 1, app/assets/stylesheets/application/classes/full-size.scss */
.full-size {
  height: 100%;
}

/* line 4, app/assets/stylesheets/application/classes/full-size.scss */
.full-size #header .header-bg {
  box-shadow: none;
}

/* line 8, app/assets/stylesheets/application/classes/full-size.scss */
.full-size #page {
  height: 100%;
  padding-bottom: 0px;
}

/* line 13, app/assets/stylesheets/application/classes/full-size.scss */
.full-size #page > *:not(script):not(style):not(link) {
  display: block;
  width: 100%;
  height: 100%;
}
/* line 1, app/assets/stylesheets/application/classes/inbl.scss */
.inbl {
  display: inline-block;
}

/* line 4, app/assets/stylesheets/application/classes/inbl.scss */
.inbl:not(em) {
  vertical-align: middle;
}
/* line 3, app/assets/stylesheets/application/classes/ping.scss */
.ping {
  position: relative;
  display: inline-block;
  width: .5rem;
  height: .5rem;
  margin-top: -.25rem;
  margin-left: .4rem;
  margin-right: .4rem;
  border-radius: 100%;
  background: white;
  vertical-align: middle;
}

/* line 15, app/assets/stylesheets/application/classes/ping.scss */
.ping:before, .ping:after {
  content: "";
  position: absolute;
  left: -.5rem;
  bottom: -.5rem;
  border: 2px solid currentColor;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 1rem;
  animation: ping 4s infinite ease-in;
}

/* line 27, app/assets/stylesheets/application/classes/ping.scss */
.ping:before {
  animation: ping 4s -2s infinite ease-in;
}

@keyframes ping {
  from {
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
/* line 1, app/assets/stylesheets/application/classes/place-center.scss */
.place-center,
.full-size #page > .place-center {
  display: grid;
  place-items: center;
}
/* line 4, app/assets/stylesheets/application/classes/qa.scss */
.qa:nth-child(even) {
  background-color: rgba(42, 54, 111, 0.2);
}

/* line 9, app/assets/stylesheets/application/classes/qa.scss */
.qa:nth-child(even):last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 12, app/assets/stylesheets/application/classes/qa.scss */
.qa.banner {
  border-radius: 8px 8px 0 0;
  background: url("https://asset.lunchboxsessions.com/assets/waves-box-light-f1d062b8b5a0820f05c06190091bfa6b12c2d92426d624557a6402ff5bb16abb.svg"), #1b2255;
}

/* line 17, app/assets/stylesheets/application/classes/qa.scss */
.qa h3 {
  color: #ffb700;
}

/* line 18, app/assets/stylesheets/application/classes/qa.scss */
.qa p, .qa h4 {
  margin: 1rem;
}
/* line 1, app/assets/stylesheets/application/classes/row.scss */
.row {
  display: flex;
}

/* line 2, app/assets/stylesheets/application/classes/row.scss */
.inline-row {
  display: inline-flex;
}

/* line 3, app/assets/stylesheets/application/classes/row.scss */
.row, .inline-row {
  align-items: center;
  max-width: 100%;
}

/* line 7, app/assets/stylesheets/application/classes/row.scss */
.row.wrap, .inline-row.wrap {
  flex-wrap: wrap;
}

/* line 8, app/assets/stylesheets/application/classes/row.scss */
.row.center, .inline-row.center {
  justify-content: center;
}

/* line 9, app/assets/stylesheets/application/classes/row.scss */
.row.flex-end, .inline-row.flex-end {
  justify-content: flex-end;
}

/* line 10, app/assets/stylesheets/application/classes/row.scss */
.row.space-between, .inline-row.space-between {
  justify-content: space-between;
}

/* line 11, app/assets/stylesheets/application/classes/row.scss */
.row.space-around, .inline-row.space-around {
  justify-content: space-around;
}

/* line 12, app/assets/stylesheets/application/classes/row.scss */
.row > *, .inline-row > * {
  flex: 0 1 auto;
}

/* line 13, app/assets/stylesheets/application/classes/row.scss */
.row > *:not(:first-child), .inline-row > *:not(:first-child) {
  margin-left: .5em;
}

/* line 14, app/assets/stylesheets/application/classes/row.scss */
.row > *:not(:last-child), .inline-row > *:not(:last-child) {
  margin-right: .5em;
}

/* line 15, app/assets/stylesheets/application/classes/row.scss */
.row.even > *, .inline-row.even > * {
  flex: 1 1 100%;
}

/* line 16, app/assets/stylesheets/application/classes/row.scss */
.row.fill > *, .inline-row.fill > * {
  flex: 1 1 auto;
}

/* line 17, app/assets/stylesheets/application/classes/row.scss */
.row > .fill, .inline-row > .fill {
  flex: 1 1 auto;
}

/* line 19, app/assets/stylesheets/application/classes/row.scss */
.row > [em-width], .inline-row > [em-width] {
  flex: 0 0 auto;
}

/* line 21, app/assets/stylesheets/application/classes/row.scss */
.row.top, .inline-row.top {
  align-items: flex-start;
}

/* line 22, app/assets/stylesheets/application/classes/row.scss */
.row.bottom, .inline-row.bottom {
  align-items: flex-end;
}

/* line 23, app/assets/stylesheets/application/classes/row.scss */
.row.stretch, .inline-row.stretch {
  align-items: stretch;
}

/* line 25, app/assets/stylesheets/application/classes/row.scss */
.row > .button-baseline, .inline-row > .button-baseline {
  margin-top: 1.5em;
}

/* line 29, app/assets/stylesheets/application/classes/row.scss */
.row .button,
.row button,
.row input[type="submit"], .inline-row .button,
.inline-row button,
.inline-row input[type="submit"] {
  flex: 0 0 auto;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 3, app/assets/stylesheets/application/classes/session-card.scss */
.session-card {
  display: inline-block;
  margin: .5em;
  vertical-align: top;
  transition: transform 0.4s cubic-bezier(0.1, 0.9, 0.3, 1);
  will-change: transform;
}

/* line 10, app/assets/stylesheets/application/classes/session-card.scss */
.session-card a {
  display: inline-block;
  max-width: 20em;
  background-position: var(--texture-x) var(--texture-y);
}

/* line 17, app/assets/stylesheets/application/classes/session-card.scss */
.session-card a.Hydraulics, .session-card a.Machinery, .session-card a.Stationary {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-hydraulics-8caf6b4b87f79537a78cab10b03ac0b08542aa48c6d6f9ca09e215f573d1397a.png);
  background-size: 200%;
}

/* line 23, app/assets/stylesheets/application/classes/session-card.scss */
.session-card a.Mobile {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-mobile-305f128baea56a89bd6eea7a774a6fa20b4df254ed596bb6601acb2e1c03713f.png);
  background-size: 200%;
}

/* line 27, app/assets/stylesheets/application/classes/session-card.scss */
.session-card a.Electrical {
  background-image: url(https://asset.lunchboxsessions.com/assets/bg-electrical-3f2a3060df616a5820d4ea24ce48d9d349043aecf89058ee03f348e2975e9278.svg);
}

/* line 32, app/assets/stylesheets/application/classes/session-card.scss */
.session-card svg {
  transition: transform 0.5s cubic-bezier(0.1, 0.9, 0.3, 1);
  will-change: transform;
  pointer-events: none;
}

/* line 38, app/assets/stylesheets/application/classes/session-card.scss */
.session-card h4 {
  color: #ffb700;
  color: color(display-p3 1 0.74 0.2);
}

/* line 43, app/assets/stylesheets/application/classes/session-card.scss */
.session-card:hover {
  transform: translateY(-4px);
}

/* line 45, app/assets/stylesheets/application/classes/session-card.scss */
.session-card:hover svg {
  transform: scale(1.1) translateY(-5px);
}
/* line 3, app/assets/stylesheets/application/classes/session-icon.scss */
svg.session-icon {
  border-radius: 1000em;
  background: white;
  color: #3f5ca6;
  fill: #3f5ca6;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
/* line 1, app/assets/stylesheets/application/classes/space.scss */
.space-top {
  margin-top: 2rem;
}

/* line 5, app/assets/stylesheets/application/classes/space.scss */
.big-space-top {
  margin-top: calc(1em + 7vw);
}

/* line 9, app/assets/stylesheets/application/classes/space.scss */
.space-bottom {
  margin-bottom: 2rem;
}

/* line 14, app/assets/stylesheets/application/classes/space.scss */
.space-contents > * + * {
  margin-top: 1rem;
}

/* line 15, app/assets/stylesheets/application/classes/space.scss */
.space-contents hr {
  margin: 1.5rem 0;
}

/* line 19, app/assets/stylesheets/application/classes/space.scss */
.space-contents-slightly > * + * {
  margin-top: .33rem;
}

/* line 20, app/assets/stylesheets/application/classes/space.scss */
.space-contents-slightly hr {
  margin: .5rem 0;
}

/* line 25, app/assets/stylesheets/application/classes/space.scss */
.space-contents > input[type="hidden"] + *,
.space-contents-slightly > input[type="hidden"] + * {
  margin-top: 0;
}

/* line 26, app/assets/stylesheets/application/classes/space.scss */
.space-contents > .actions-bar,
.space-contents-slightly > .actions-bar {
  margin-top: 2rem;
}

/* line 29, app/assets/stylesheets/application/classes/space.scss */
.space-around-slightly {
  margin: .5rem;
}
/* line 2, app/assets/stylesheets/application/classes/table.scss */
.small-table td + td {
  padding-left: .5rem;
}

/* line 3, app/assets/stylesheets/application/classes/table.scss */
.small-table tr + tr > td {
  padding-top: .33rem;
}

/* line 4, app/assets/stylesheets/application/classes/table.scss */
.small-table thead + tbody > tr:first-child > td {
  padding-top: .33rem;
}

/* line 8, app/assets/stylesheets/application/classes/table.scss */
.standard-table td {
  padding: .3rem .4rem;
  text-align: right;
}

/* line 13, app/assets/stylesheets/application/classes/table.scss */
.standard-table td.left {
  text-align: left;
}

/* line 14, app/assets/stylesheets/application/classes/table.scss */
.standard-table td.center {
  text-align: center;
}

/* line 18, app/assets/stylesheets/application/classes/table.scss */
.medium-table td + td {
  padding-left: 1.5rem;
}

/* line 19, app/assets/stylesheets/application/classes/table.scss */
.medium-table tr + tr > td {
  padding-top: 1rem;
}

/* line 20, app/assets/stylesheets/application/classes/table.scss */
.medium-table thead + tbody > tr:first-child > td {
  padding-top: 1rem;
}
@charset "UTF-8";
/* line 7, app/assets/stylesheets/application/classes/toggle.scss */
.toggle {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

/* line 14, app/assets/stylesheets/application/classes/toggle.scss */
.toggle * {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

/* line 16, app/assets/stylesheets/application/classes/toggle.scss */
.toggle[ajax-loading] {
  pointer-events: none;
}

/* line 19, app/assets/stylesheets/application/classes/toggle.scss */
.toggle[ajax-loading] > div div::after {
  opacity: 1;
}

/* line 24, app/assets/stylesheets/application/classes/toggle.scss */
.toggle[disabled] {
  pointer-events: none;
  opacity: .5;
}

/* line 29, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input {
  position: absolute;
  opacity: 0;
}

/* line 34, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input ~ div {
  width: 6em;
  border-radius: 5px;
  background-color: #4d77cb;
  transition: background-color 0.15s ease-out;
}

/* line 40, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input ~ div div {
  position: relative;
  width: 2em;
  height: 2em;
  line-height: 1.8em;
  border-radius: 4px;
  text-align: center;
  font-variant: small-caps;
  background-color: #e9eaed;
  color: transparent;
  white-space: nowrap;
  transition: transform 0.15s ease-out, color 0.15s ease-out;
  cursor: pointer;
}

/* line 54, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input ~ div div span {
  position: absolute;
  width: 2em;
  left: 0;
  color: #3f5ca6;
  transition: opacity 0.15s ease-out;
}

/* line 62, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input ~ div div::after {
  content: "✇";
  position: absolute;
  top: .1em;
  left: .1em;
  width: .9em;
  height: .9em;
  line-height: .95;
  font-size: 1.8em;
  color: #e9eaed;
  opacity: 0;
  background: #3f5ca6;
  border-radius: 2em;
  vertical-align: middle;
  transition: opacity .3s .3s linear;
  animation: spin 3s infinite linear;
}

/* line 82, app/assets/stylesheets/application/classes/toggle.scss */
.toggle:hover > div {
  background-color: #416ec8;
}

/* line 86, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input:focus ~ div::after {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: 6px;
  border: 3px solid #363a49;
}

/* line 97, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input:checked ~ div {
  background-color: #ffb700;
}

/* line 100, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input:checked ~ div div {
  color: #3f5ca6;
  transform: translateX(4em);
}

/* line 103, app/assets/stylesheets/application/classes/toggle.scss */
.toggle input:checked ~ div div span {
  opacity: 0;
}

/* line 107, app/assets/stylesheets/application/classes/toggle.scss */
.toggle:hover input:checked ~ div {
  background-color: #f5a300;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
/* line 3, app/assets/stylesheets/application/classes/top-section.scss */
.top-section {
  margin: 0;
}

/* line 5, app/assets/stylesheets/application/classes/top-section.scss */
.top-section > div {
  background-image: url(https://asset.lunchboxsessions.com/assets/waves-top-section-198fdd139af2990ca078ab48cc72643ec270b36bc47abb4d06efe3f41cd8d29f.svg);
  background-size: 95%;
  background-position: center;
  padding: 3em 1em;
}
/* line 3, app/assets/stylesheets/application/elements/a.scss */
a {
  color: #ffa366;
  color: color(display-p3 1 0.695 0.475);
  text-decoration: underline;
}

/* line 8, app/assets/stylesheets/application/elements/a.scss */
a.plain {
  color: inherit;
  text-decoration: none;
}

/* line 12, app/assets/stylesheets/application/elements/a.scss */
a.plain.hover:hover {
  text-decoration: underline;
}
/* line 3, app/assets/stylesheets/application/elements/body.scss */
body {
  min-height: 100%;
  padding-top: var(--header-height);
  background: var(--bg-gradient);
}

/* line 7, app/assets/stylesheets/application/elements/body.scss */
body.hide-header {
  padding-top: 0;
}
/* line 3, app/assets/stylesheets/application/elements/em.scss */
em {
  color: #ffb700;
  color: color(display-p3 1 0.74 0.2);
  font-style: normal;
}
/* line 2, app/assets/stylesheets/application/elements/headings.scss */
h1 {
  font-size: 1.953em;
}

/* line 3, app/assets/stylesheets/application/elements/headings.scss */
h2 {
  font-size: 1.563em;
}

/* line 4, app/assets/stylesheets/application/elements/headings.scss */
h3 {
  font-size: 1.25em;
}

/* line 5, app/assets/stylesheets/application/elements/headings.scss */
h4 {
  font-size: 1em;
}

/* line 6, app/assets/stylesheets/application/elements/headings.scss */
h5 {
  font-size: .8em;
}

/* line 8, app/assets/stylesheets/application/elements/headings.scss */
.ms7 {
  font-size: 4.768em;
}

/* line 9, app/assets/stylesheets/application/elements/headings.scss */
.ms6 {
  font-size: 3.815em;
}

/* line 10, app/assets/stylesheets/application/elements/headings.scss */
.ms5 {
  font-size: 3.052em;
}

/* line 11, app/assets/stylesheets/application/elements/headings.scss */
.ms4 {
  font-size: 2.441em;
}

/* line 12, app/assets/stylesheets/application/elements/headings.scss */
.ms3 {
  font-size: 1.953em;
}

/* line 13, app/assets/stylesheets/application/elements/headings.scss */
.ms2 {
  font-size: 1.563em;
}

/* line 14, app/assets/stylesheets/application/elements/headings.scss */
.ms1 {
  font-size: 1.25em;
}

/* line 15, app/assets/stylesheets/application/elements/headings.scss */
.ms0 {
  font-size: 1em;
}

/* line 16, app/assets/stylesheets/application/elements/headings.scss */
.ms-1 {
  font-size: .8em;
}

/* line 17, app/assets/stylesheets/application/elements/headings.scss */
.ms-2 {
  font-size: .64em;
}

@media (max-width: 700px) {
  /* line 24, app/assets/stylesheets/application/elements/headings.scss */
  h1 {
    font-size: 1.728em;
  }
  /* line 25, app/assets/stylesheets/application/elements/headings.scss */
  h2 {
    font-size: 1.44em;
  }
  /* line 26, app/assets/stylesheets/application/elements/headings.scss */
  h3 {
    font-size: 1.2em;
  }
  /* line 28, app/assets/stylesheets/application/elements/headings.scss */
  .ms7 {
    font-size: 2.358em;
  }
  /* line 29, app/assets/stylesheets/application/elements/headings.scss */
  .ms6 {
    font-size: 2.986em;
  }
  /* line 30, app/assets/stylesheets/application/elements/headings.scss */
  .ms5 {
    font-size: 2.488em;
  }
  /* line 31, app/assets/stylesheets/application/elements/headings.scss */
  .ms4 {
    font-size: 2.074em;
  }
  /* line 32, app/assets/stylesheets/application/elements/headings.scss */
  .ms3 {
    font-size: 1.728em;
  }
  /* line 33, app/assets/stylesheets/application/elements/headings.scss */
  .ms2 {
    font-size: 1.44em;
  }
  /* line 34, app/assets/stylesheets/application/elements/headings.scss */
  .ms1 {
    font-size: 1.2em;
  }
}

@media (max-width: 450px) {
  /* line 39, app/assets/stylesheets/application/elements/headings.scss */
  h1 {
    font-size: 1.424em;
  }
  /* line 40, app/assets/stylesheets/application/elements/headings.scss */
  h2 {
    font-size: 1.266em;
  }
  /* line 41, app/assets/stylesheets/application/elements/headings.scss */
  h3 {
    font-size: 1.125em;
  }
  /* line 43, app/assets/stylesheets/application/elements/headings.scss */
  .ms7 {
    font-size: 2.280em;
  }
  /* line 44, app/assets/stylesheets/application/elements/headings.scss */
  .ms6 {
    font-size: 2.027em;
  }
  /* line 45, app/assets/stylesheets/application/elements/headings.scss */
  .ms5 {
    font-size: 1.802em;
  }
  /* line 46, app/assets/stylesheets/application/elements/headings.scss */
  .ms4 {
    font-size: 1.602em;
  }
  /* line 47, app/assets/stylesheets/application/elements/headings.scss */
  .ms3 {
    font-size: 1.424em;
  }
  /* line 48, app/assets/stylesheets/application/elements/headings.scss */
  .ms2 {
    font-size: 1.266em;
  }
  /* line 49, app/assets/stylesheets/application/elements/headings.scss */
  .ms1 {
    font-size: 1.125em;
  }
}
/* line 3, app/assets/stylesheets/application/elements/hr.scss */
hr {
  height: 1px;
  margin: .5em 0;
  border: 0;
  background: #384c94;
}

/* line 9, app/assets/stylesheets/application/elements/hr.scss */
hr.small {
  margin: .2em 0;
}
/* line 1, app/assets/stylesheets/application/elements/html.scss */
html {
  width: 100%;
  height: 100%;
  text-align: center;
  font-family: var(--lbs-fonts);
  line-height: 1.3;
  color: white;
  background: var(--bg-gradient), var(--bg-d);
}
/* line 1, app/assets/stylesheets/application/elements/input-placeholder.scss */
::-webkit-input-placeholder {
  color: #8f99bc;
}

/* line 2, app/assets/stylesheets/application/elements/input-placeholder.scss */
::-ms-input-placeholder {
  color: #8f99bc;
}

/* line 3, app/assets/stylesheets/application/elements/input-placeholder.scss */
:-ms-input-placeholder {
  color: #8f99bc;
}

/* line 4, app/assets/stylesheets/application/elements/input-placeholder.scss */
::-moz-placeholder {
  color: #8f99bc;
}
/* line 3, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range] {
  margin: 0;
  font-size: 1em;
  width: calc(100% + 1em);
  margin-left: -.5em;
  vertical-align: middle;
  background: none;
  -webkit-appearance: none;
}

/* line 14, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]:focus {
  outline: none;
}

/* line 16, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2em;
  cursor: pointer;
  background: #232f5c;
  border-radius: 1em;
  border: none;
}

/* line 28, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-webkit-slider-thumb {
  border: 2px solid #232f5c;
  height: 2em;
  width: 2em;
  border-radius: 1em;
  background: #e9eaed;
  cursor: pointer;
  -webkit-appearance: none;
}

/* line 38, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-webkit-slider-thumb:focus, input[type=range]::-webkit-slider-thumb:hover {
  border-color: #85a3e0;
}

/* line 43, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2em;
  cursor: pointer;
  background: #232f5c;
  border-radius: 1em;
  border: none;
}

/* line 51, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-moz-range-thumb {
  border: 2px solid #232f5c;
  height: 2em;
  width: 2em;
  border-radius: 1em;
  background: #e9eaed;
  cursor: pointer;
}

/* line 60, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-moz-range-thumb:focus, input[type=range]::-moz-range-thumb:hover {
  border-color: #85a3e0;
}

/* line 65, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-ms-track {
  width: 100%;
  height: 2em;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

/* line 74, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-ms-fill-lower, input[type=range]::-ms-fill-upper {
  background: #232f5c;
  border: none;
  border-radius: 2em;
}

/* line 81, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]:focus::-ms-fill-lower, input[type=range]:focus::-ms-fill-upper {
  background: #232f5c;
}

/* line 87, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-ms-thumb {
  border: 2px solid #232f5c;
  width: 2em;
  border-radius: 1em;
  background: #e9eaed;
  cursor: pointer;
  height: 2em;
}

/* line 96, app/assets/stylesheets/application/elements/input-range.scss */
input[type=range]::-ms-thumb:focus, input[type=range]::-ms-thumb:hover {
  border-color: #85a3e0;
}
/* line 1, app/assets/stylesheets/application/elements/input-search.scss */
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
/* line 3, app/assets/stylesheets/application/elements/input.scss */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
select,
textarea {
  display: block;
  width: 100%;
  padding: .6em .8em;
  border: 2px solid transparent;
  border-radius: 4px;
  outline: none;
  line-height: 1.3;
  vertical-align: middle;
  text-decoration: none;
  color: #363a49;
  background-color: #e9eaed;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

/* line 20, app/assets/stylesheets/application/elements/input.scss */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not(select),
select:not(select),
textarea:not(select) {
  cursor: text;
}

/* line 24, app/assets/stylesheets/application/elements/input.scss */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):hover, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):focus,
select:hover,
select:focus,
textarea:hover,
textarea:focus {
  background-color: #dbdde1;
}

/* line 25, app/assets/stylesheets/application/elements/input.scss */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):focus, input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):active,
select:focus,
select:active,
textarea:focus,
textarea:active {
  border-color: currentColor;
}

/* line 27, app/assets/stylesheets/application/elements/input.scss */
input[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not(.selectable), input.disabled:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
select[disabled]:not(.selectable),
select.disabled,
textarea[disabled]:not(.selectable),
textarea.disabled {
  opacity: .5;
  pointer-events: none;
}

/* line 33, app/assets/stylesheets/application/elements/input.scss */
input.selectable[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
select.selectable[disabled],
textarea.selectable[disabled] {
  color: #1e2138;
}

/* line 35, app/assets/stylesheets/application/elements/input.scss */
input.selectable[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):hover, input.selectable[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):focus,
select.selectable[disabled]:hover,
select.selectable[disabled]:focus,
textarea.selectable[disabled]:hover,
textarea.selectable[disabled]:focus {
  background-color: #e9eaed;
}

/* line 36, app/assets/stylesheets/application/elements/input.scss */
input.selectable[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):focus, input.selectable[disabled]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):active,
select.selectable[disabled]:focus,
select.selectable[disabled]:active,
textarea.selectable[disabled]:focus,
textarea.selectable[disabled]:active {
  border-color: transparent;
}

/* line 39, app/assets/stylesheets/application/elements/input.scss */
input[readonly]:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
select[readonly],
textarea[readonly] {
  background: #5371ac;
  color: white;
  cursor: default;
}

/* line 45, app/assets/stylesheets/application/elements/input.scss */
input.error:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]),
select.error,
textarea.error {
  border-color: #e83037;
}
/* line 1, app/assets/stylesheets/application/elements/label.scss */
label {
  display: block;
}

/* line 6, app/assets/stylesheets/application/elements/label.scss */
.space-contents label ~ input:not([type="submit"]), .space-contents label ~ select, .space-contents label ~ fieldset, .space-contents label ~ textarea, .space-contents label + .row, .space-contents label > input:not([type="submit"]), .space-contents label > select, .space-contents label > fieldset, .space-contents label > textarea {
  margin-top: .2em;
}
/* line 3, app/assets/stylesheets/application/elements/section.scss */
section {
  margin: 2em auto;
}

/* line 6, app/assets/stylesheets/application/elements/section.scss */
section.section-fade {
  padding: 5em 0;
  background: linear-gradient(#384c94, rgba(56, 76, 148, 0) 50%, rgba(56, 76, 148, 0));
}
/* Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/* line 4, app/assets/stylesheets/application/elements/select.scss */
select {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: '';
}
/* line 1, app/assets/stylesheets/application/elements/svg.scss */
svg {
  text-rendering: geometricPrecision;
}
/* line 3, app/assets/stylesheets/application/ids/banner.scss */
#banner {
  position: relative;
  padding: .8em .5em;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #ffb700;
  background: #060613;
  z-index: 5000;
}
/* line 3, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block {
  margin: calc(5vw + 5em) 0 0;
  overflow: hidden;
}

@media (max-width: 400px) {
  /* line 3, app/assets/stylesheets/application/ids/contact-block.scss */
  #contact-block {
    font-size: .9em;
  }
}

/* line 9, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block > div {
  position: relative;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block > div::before, #contact-block > div::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #10121e;
  background-size: 25em;
}

/* line 26, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block > div::before {
  background-position: right;
  transform: skew(0deg, -5deg) translateX(-49.9%);
}

@media (max-width: 700px) {
  /* line 26, app/assets/stylesheets/application/ids/contact-block.scss */
  #contact-block > div::before {
    transform: none;
  }
}

/* line 32, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block > div::after {
  background-position: left;
  transform: skew(0deg, 5deg) translateX(49.9%);
}

@media (max-width: 700px) {
  /* line 32, app/assets/stylesheets/application/ids/contact-block.scss */
  #contact-block > div::after {
    transform: none;
  }
}

/* line 39, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-details {
  padding: 3.5em 0 2.5em;
  text-shadow: 0 0 0.5em #060613;
}

/* line 43, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-details::before, #contact-block .contact-details::after {
  background-image: url("https://asset.lunchboxsessions.com/assets/gears-a56b027b9fd5c18e4c751692df8d95c28f3bd0542d18e12f4bfda12ae99d2cc6.png");
}

/* line 47, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-details h1 {
  font-weight: 900;
}

/* line 48, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-details h3 {
  margin-top: .7em;
}

/* line 51, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta {
  margin-top: -1px;
  padding: 2.5em 0 2em;
}

/* line 55, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta::before {
  background: radial-gradient(ellipse at top right, #242742, #151828);
}

/* line 56, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta::after {
  background: radial-gradient(ellipse at top left, #242742, #151828);
}

/* line 59, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .social img {
  margin: 0 .5em;
  height: 1.3em;
}

/* line 65, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .links {
  text-align: center;
  margin: 1em 0;
}

@media (max-width: 500px) {
  /* line 65, app/assets/stylesheets/application/ids/contact-block.scss */
  #contact-block .contact-meta .links {
    display: inline-block;
    margin: 1.5em 0;
  }
}

/* line 74, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .links .link-list {
  display: inline-block;
  margin: .5em 1.5vw;
  vertical-align: top;
}

@media (max-width: 500px) {
  /* line 74, app/assets/stylesheets/application/ids/contact-block.scss */
  #contact-block .contact-meta .links .link-list {
    display: inline;
    margin: 0;
  }
}

/* line 84, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .links .link-list a {
  display: block;
  margin: .6em;
  color: white;
}

@media (max-width: 500px) {
  /* line 84, app/assets/stylesheets/application/ids/contact-block.scss */
  #contact-block .contact-meta .links .link-list a {
    display: inline-block;
  }
}

/* line 96, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .languages {
  max-width: 36em;
  margin: 0 auto;
  padding: 0 .5em 2em;
  -moz-columns: 4;
       columns: 4;
}

/* line 101, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .languages span {
  display: block;
}

/* line 102, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .languages a {
  color: inherit;
}

/* line 105, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .contact-meta .copyright a {
  color: inherit;
}

/* line 110, app/assets/stylesheets/application/ids/contact-block.scss */
#contact-block .rating {
  margin-top: 1.5em;
}
/* line 3, app/assets/stylesheets/application/ids/form-errors.scss */
#form-errors {
  background: #0e1239;
  margin-left: -2rem;
  margin-right: -2rem;
  padding: .6em 2em;
  color: #e83037;
}

/* line 11, app/assets/stylesheets/application/ids/form-errors.scss */
[name="authenticity_token"] + #form-errors {
  margin-top: -2rem;
  padding: 1em 2em;
}
/* line 3, app/assets/stylesheets/application/ids/header.scss */
.leaving-home #header {
  animation: fade-in .6s .4s both;
}

/* line 4, app/assets/stylesheets/application/ids/header.scss */
.hide-header #header {
  display: none;
}

/* line 6, app/assets/stylesheets/application/ids/header.scss */
#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  background: linear-gradient(to right, #384c94, #406abf, #384c94);
  z-index: 2000;
}

/* line 15, app/assets/stylesheets/application/ids/header.scss */
#header .header-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  background: linear-gradient(to right, #384c94, #4b73c3, #384c94);
  box-shadow: 0 2px 6px rgba(56, 76, 148, 0.5);
  border-bottom: 1px solid rgba(56, 76, 148, 0.6);
  opacity: 0;
  z-index: 2001;
  transition: opacity .3s;
}

/* line 29, app/assets/stylesheets/application/ids/header.scss */
#header[lift] .header-bg {
  opacity: 1;
}

/* line 33, app/assets/stylesheets/application/ids/header.scss */
#header .inner {
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-height);
  overflow-x: auto;
  z-index: 2002;
}

@media (max-width: 560px) {
  /* line 33, app/assets/stylesheets/application/ids/header.scss */
  #header .inner {
    font-size: .9em;
  }
}

@media (max-width: 400px) {
  /* line 33, app/assets/stylesheets/application/ids/header.scss */
  #header .inner {
    font-size: .8em;
  }
}

/* line 48, app/assets/stylesheets/application/ids/header.scss */
#header .inner .logo {
  display: inline-block;
  margin: 0 1.5em;
  text-decoration: none;
  opacity: 1;
}

/* line 54, app/assets/stylesheets/application/ids/header.scss */
#header .inner .logo:hover {
  opacity: .8;
}

/* line 56, app/assets/stylesheets/application/ids/header.scss */
#header .inner .logo svg {
  vertical-align: middle;
}

@media (max-width: 480px) {
  /* line 56, app/assets/stylesheets/application/ids/header.scss */
  #header .inner .logo svg {
    width: 36px;
  }
}

/* line 62, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half {
  flex: 1 1 50%;
}

/* line 65, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half.left {
  text-align: right;
}

/* line 66, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half.right {
  text-align: left;
}

/* line 69, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half .buttons {
  text-align: center;
  flex-flow: row nowrap;
  display: inline-flex;
  flex-flow: row wrap;
  border-radius: 4px;
}

/* line 78, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half .buttons .button {
  flex: 0 0 auto;
  width: auto;
  padding: .5em 1em;
  margin-top: 0;
  margin-bottom: 0;
  min-width: 11em;
  border-radius: 0;
}

/* line 86, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half .buttons .button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* line 91, app/assets/stylesheets/application/ids/header.scss */
#header .inner .half .buttons .button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (max-width: 480px) {
  /* line 78, app/assets/stylesheets/application/ids/header.scss */
  #header .inner .half .buttons .button {
    min-width: 0;
    padding: .5em .4em;
  }
}

/* line 104, app/assets/stylesheets/application/ids/header.scss */
#header .inner .author {
  float: right;
  margin-right: 4px;
}

@media (max-width: 700px) {
  /* line 104, app/assets/stylesheets/application/ids/header.scss */
  #header .inner .author {
    display: none;
  }
}

/* line 116, app/assets/stylesheets/application/ids/header.scss */
.has-admin #header .right.half .buttons .button,
.possessed #header .right.half .buttons .button {
  min-width: 0;
}

/* line 119, app/assets/stylesheets/application/ids/header.scss */
.has-admin #header .right.half .buttons .button.depossess,
.possessed #header .right.half .buttons .button.depossess {
  padding-left: .3em;
  padding-right: .6em;
}

@media (max-width: 480px) {
  /* line 119, app/assets/stylesheets/application/ids/header.scss */
  .has-admin #header .right.half .buttons .button.depossess,
.possessed #header .right.half .buttons .button.depossess {
    padding-left: 0em;
    padding-right: .2em;
  }
  /* line 125, app/assets/stylesheets/application/ids/header.scss */
  .has-admin #header .right.half .buttons .button.depossess span,
.possessed #header .right.half .buttons .button.depossess span {
    display: none;
  }
}
/* line 1, app/assets/stylesheets/application/ids/page.scss */
#page {
  position: relative;
  width: 100%;
  transition: opacity .3s linear;
}
/* line 3, app/assets/stylesheets/application/ids/popover.scss */
#popover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  padding-top: calc(50vh - 10em);
  font-size: 16px;
}

/* line 20, app/assets/stylesheets/application/ids/popover.scss */
#popover > div {
  max-width: 34em;
  margin: 1em auto;
  border-radius: 8px;
  padding: 2em;
  color: white;
  background-color: #384c94;
  line-height: 1.3;
}

/* line 30, app/assets/stylesheets/application/ids/popover.scss */
#popover h2 {
  margin: 0;
  font-size: 1.5em;
}

/* line 35, app/assets/stylesheets/application/ids/popover.scss */
#popover p {
  margin: 1em 0;
  text-align: left;
}

/* line 40, app/assets/stylesheets/application/ids/popover.scss */
#popover a {
  text-decoration: underline;
  color: #ffa366;
}

/* line 45, app/assets/stylesheets/application/ids/popover.scss */
#popover button {
  color: white;
}
/* line 3, app/assets/stylesheets/application/ids/server-error.scss */
body[server-error] {
  background: url("https://asset.lunchboxsessions.com/assets/waves-hiring-733395dcd97f6b2c988073922bdf21b5925d5112a9593ca0213dfece56c9a201.svg"), linear-gradient(#363a49 0%, rgba(255, 133, 51, 0.8), rgba(255, 133, 51, 0.1)), linear-gradient(to right, #363a49, #ff8533, #363a49);
  background-repeat: no-repeat;
  background-size: calc(1400px + 30vw), 100%, 100%;
  background-position: top center;
}

/* line 9, app/assets/stylesheets/application/ids/server-error.scss */
body[server-error] .stretched {
  display: flex;
  max-width: 100%;
  height: clamp(25em, calc(100vh - 48px), calc(100vh - 48px));
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding-top: calc(1em + 2vw);
}

/* line 19, app/assets/stylesheets/application/ids/server-error.scss */
body[server-error] .upper {
  margin-bottom: auto;
  padding: .5em;
}

/* line 24, app/assets/stylesheets/application/ids/server-error.scss */
body[server-error] #explosion {
  padding-top: 1em;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
/* line 3, app/assets/stylesheets/application/ids/toasts.scss */
#toasts {
  position: fixed;
  top: 5em;
  right: 0;
  z-index: 2001;
  pointer-events: none;
}

/* line 10, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .type {
  position: relative;
  margin-bottom: .4em;
}

/* line 14, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .type * {
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .type .message {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: calc(100vw + 9em);
  margin-right: -10em;
  padding: .6em;
  padding-right: 11em;
  border-radius: 5px;
  -webkit-mask-image: paint(superellipse);
          mask-image: paint(superellipse);
  text-align: left;
  color: black;
  background: linear-gradient(to right, white, #e9eaed);
  transform: translateX(100%);
  transition: transform 0.7s var(--delay) cubic-bezier(0.4, 0.01, 0.4, -0.2);
  animation: blur-out 0.3s calc(.2s + var(--delay)) linear;
  will-change: transform, filter;
}

@media (prefers-color-scheme: dark) {
  /* line 16, app/assets/stylesheets/application/ids/toasts.scss */
  #toasts .type .message {
    color: white;
    background: linear-gradient(to right, #363a49, #1e2138);
  }
}

/* line 40, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .type .icon {
  flex: 0 0 auto;
  width: 2em;
  height: 2em;
  padding: 4px;
  border-radius: 3px;
  -webkit-mask-image: paint(superellipse);
          mask-image: paint(superellipse);
}

/* line 48, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .type .icon::after {
  width: 100%;
  height: 100%;
}

/* line 54, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .type .text {
  margin-left: .5em;
}

/* line 59, app/assets/stylesheets/application/ids/toasts.scss */
#toasts[fade-in] {
  pointer-events: auto;
}

/* line 61, app/assets/stylesheets/application/ids/toasts.scss */
#toasts[fade-in] .message {
  transform: translateX(0%);
  transition: transform 0.7s cubic-bezier(0.7, 1.2, 0, 0.99);
  animation: blur-in .1s linear backwards;
  transition-delay: calc(.2s + var(--delay));
  animation-delay: calc(.2s + .22s + var(--delay));
}

/* line 70, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .success .icon {
  background-color: #15bc71;
  background-color: color(display-p3 0.28 0.81 0.5);
}

/* line 73, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .success .icon::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" fill="none" stroke="white" stroke-width="35" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><path d="M20 100L75 155 185 45"/></svg>');
}

/* line 75, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .notice .icon {
  background-color: #ffb700;
  background-color: color(display-p3 1 0.74 0.2);
}

/* line 78, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .notice .icon::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" fill="none" stroke="white" stroke-width="25" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><path d="M100 35 L100 165 M35 100 L165 100 M55 145 L145 55 M55 55 L145 145"/></svg>');
}

/* line 80, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .alert .icon {
  background-color: #ff8533;
  background-color: color(display-p3 1 0.5 0.2);
}

/* line 83, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .alert .icon::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" fill="none" stroke="white" stroke-width="45" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><path d="M100 35 L100 110 M100 165 L100 165"/></svg>');
}

/* line 85, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .error .icon {
  background-color: #e83037;
  background-color: color(display-p3 0.95 0.25 0.25);
}

/* line 88, app/assets/stylesheets/application/ids/toasts.scss */
#toasts .error .icon::after {
  content: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" fill="none" stroke="white" stroke-width="30" stroke-linecap="round" xmlns="http://www.w3.org/2000/svg"><path d="M35 165 L165 35 M35 35 L165 165"/></svg>');
}
/* line 3, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav {
  margin-bottom: 4vh;
}

/* line 6, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav .main, #page #top-nav .yield {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

/* line 13, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav [team-switcher] {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  margin: .5em;
}

/* line 20, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav [team-switcher] div {
  margin-right: .3em;
}

/* line 24, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav [team-switcher] select {
  width: inherit;
  padding: .25em .4em;
  color: white;
  background: #507ed3;
}

/* line 29, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav [team-switcher] select:focus {
  border-color: #363a49;
}

/* line 30, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav [team-switcher] select:hover {
  background-color: #4375d0;
}

/* line 34, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav .yield {
  font-size: .93em;
}

/* line 38, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav .buttons, #page #top-nav .spaced-buttons {
  margin: 0 .3vw;
}

/* line 41, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav .buttons a, #page #top-nav .spaced-buttons a {
  flex: 0 0 auto;
  padding: .4em .8em;
}

/* line 47, app/assets/stylesheets/application/ids/top-nav.scss */
#page #top-nav .active-accounts {
  display: inline-block;
  margin-top: .3em;
  padding: .3em .6em;
  border-radius: 8px;
}

@media (max-width: 620px) {
  /* line 3, app/assets/stylesheets/application/ids/top-nav.scss */
  #page #top-nav {
    font-size: .9em;
  }
  /* line 56, app/assets/stylesheets/application/ids/top-nav.scss */
  #page #top-nav .buttons {
    margin: 0 .25em;
  }
  /* line 57, app/assets/stylesheets/application/ids/top-nav.scss */
  #page #top-nav .yield {
    margin: .3em 0 0;
  }
  /* line 58, app/assets/stylesheets/application/ids/top-nav.scss */
  #page #top-nav a span {
    display: none;
  }
}

@media (max-width: 500px) {
  /* line 62, app/assets/stylesheets/application/ids/top-nav.scss */
  #page #top-nav.admin-nav .buttons {
    display: inline-flex;
    margin: 0 0 .2em;
  }
  /* line 65, app/assets/stylesheets/application/ids/top-nav.scss */
  #page #top-nav.admin-nav .buttons a {
    margin: 0 .1em;
    padding: .4em .2em;
  }
}