@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 */
/* line 2, node_modules/trix/dist/trix.css */
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

/* line 11, node_modules/trix/dist/trix.css */
trix-toolbar * {
  box-sizing: border-box;
}

/* line 14, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

/* line 20, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

/* line 28, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-width: 768px) {
  /* line 32, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

/* line 36, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-width: 768px) {
  /* line 40, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

/* line 44, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

/* line 59, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 62, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

/* line 66, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 69, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-width: 768px) {
  /* line 73, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

/* line 78, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-width: 768px) {
  /* line 86, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

/* line 91, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  /* line 105, node_modules/trix/dist/trix.css */
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

/* line 110, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

/* line 113, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

/* line 116, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}

/* line 121, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 124, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 127, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 130, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 133, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 136, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 139, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 142, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 145, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 148, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 151, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 154, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 157, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 160, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialogs {
  position: relative;
}

/* line 163, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

/* line 176, node_modules/trix/dist/trix.css */
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 189, node_modules/trix/dist/trix.css */
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

/* line 192, node_modules/trix/dist/trix.css */
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

/* line 197, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

/* line 200, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

/* line 204, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

/* line 207, node_modules/trix/dist/trix.css */
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

/* line 212, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 219, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}

/* line 223, node_modules/trix/dist/trix.css */
trix-editor [data-trix-mutable] ::selection, trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection {
  background: none;
}

/* line 228, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection {
  background: highlight;
}

/* line 231, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection {
  background: highlight;
}

/* line 235, node_modules/trix/dist/trix.css */
trix-editor .attachment.attachment--file[data-trix-mutable] {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

/* line 239, node_modules/trix/dist/trix.css */
trix-editor .attachment[data-trix-mutable] img {
  box-shadow: 0 0 0 2px highlight;
}

/* line 242, node_modules/trix/dist/trix.css */
trix-editor .attachment {
  position: relative;
}

/* line 245, node_modules/trix/dist/trix.css */
trix-editor .attachment:hover {
  cursor: default;
}

/* line 248, node_modules/trix/dist/trix.css */
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

/* line 251, node_modules/trix/dist/trix.css */
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

/* line 261, node_modules/trix/dist/trix.css */
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

/* line 264, node_modules/trix/dist/trix.css */
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 280, node_modules/trix/dist/trix.css */
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 288, node_modules/trix/dist/trix.css */
trix-editor .trix-button-group {
  display: inline-flex;
}

/* line 291, node_modules/trix/dist/trix.css */
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

/* line 304, node_modules/trix/dist/trix.css */
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 307, node_modules/trix/dist/trix.css */
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

/* line 310, node_modules/trix/dist/trix.css */
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 313, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

/* line 326, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

/* line 340, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove:hover {
  border-color: #333;
}

/* line 343, node_modules/trix/dist/trix.css */
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

/* line 346, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata-container {
  position: relative;
}

/* line 349, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

/* line 361, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 369, node_modules/trix/dist/trix.css */
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

/* line 374, node_modules/trix/dist/trix.css */
.trix-content {
  line-height: 1.5;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* line 379, node_modules/trix/dist/trix.css */
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 384, node_modules/trix/dist/trix.css */
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

/* line 388, node_modules/trix/dist/trix.css */
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

/* line 394, node_modules/trix/dist/trix.css */
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

/* line 401, node_modules/trix/dist/trix.css */
.trix-content li {
  margin-left: 1em;
}

/* line 404, node_modules/trix/dist/trix.css */
.trix-content [dir=rtl] li {
  margin-right: 1em;
}

/* line 407, node_modules/trix/dist/trix.css */
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

/* line 418, node_modules/trix/dist/trix.css */
.trix-content img {
  max-width: 100%;
  height: auto;
}

/* line 422, node_modules/trix/dist/trix.css */
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

/* line 427, node_modules/trix/dist/trix.css */
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

/* line 431, node_modules/trix/dist/trix.css */
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

/* line 434, node_modules/trix/dist/trix.css */
.trix-content .attachment__caption {
  text-align: center;
}

/* line 437, node_modules/trix/dist/trix.css */
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: " •";
}

/* line 440, node_modules/trix/dist/trix.css */
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

/* line 444, node_modules/trix/dist/trix.css */
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 449, node_modules/trix/dist/trix.css */
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

/* line 457, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

/* line 462, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 467, node_modules/trix/dist/trix.css */
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* Import this first so we can override defaults in our base css*/
/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 3, app/assets/stylesheets/base/actiontext.scss */
.rich-text {
  border: 1px solid #ccc;
  padding: 1rem;
  border-radius: 5px;
  margin: 0;
  width: 100%;
}

/* line 10, app/assets/stylesheets/base/actiontext.scss */
.rich-text.border-box {
  box-sizing: border-box;
}

/* line 15, app/assets/stylesheets/base/actiontext.scss */
.hide-toolbar trix-toolbar {
  display: none;
}

/* line 19, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar {
  margin: 0 0 1rem 0;
}

/* line 23, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-dialog {
  border-top: none;
  padding: 1rem;
  font-size: 1rem;
}

/* line 29, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-dialog .trix-button-group {
  border-radius: 7px;
  overflow: hidden;
}

/* line 34, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-dialog .trix-button--dialog {
  text-transform: uppercase;
  background: #fff;
  padding: .875rem 1.125rem .75rem;
  color: #5420E0;
  font-size: .75rem;
  box-shadow: none;
  border: none;
  border-radius: 0px;
}

/* line 46, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button-row {
  overflow: visible;
  flex-wrap: wrap;
  gap: .5rem;
}

/* line 52, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 0;
  height: 32px;
  border: none;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

/* line 63, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ddd;
}

/* line 67, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 0;
}

/* line 71, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button.trix-active {
  background: #ECECF7;
  color: #5420E0;
}

/* line 76, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 32px;
  height: auto;
  text-indent: -9999px;
}

/* line 83, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button {
  position: relative;
  float: none;
  color: rgba(0, 0, 0, 0.6);
  font-size: 1.2rem;
  font-weight: 400;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* line 99, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button:hover {
  transform: none;
  box-shadow: none;
}

/* line 105, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon:before {
  background-size: 24px;
  opacity: .8;
}

/* line 110, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-bold::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/bold-d50a4e04bd391337c13ed194efb443a900c02b0aef3e9b95e222463bd99c10fd.svg);
}

/* line 114, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-strike::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/strikethru-d35449ff60f7153253083cd311103de88ac1f243c08cdd9b989482ecaf576eda.svg);
}

/* line 118, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-italic::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/italic-505ab8ce8c23ebb59d628302e41811bb22300152fc0fe1e049447b8771f8b290.svg);
}

/* line 122, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-link::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/link-6b556a0ba450d60ff79913753d41c11d5591bda4dc141fed5fc57effbc25d11c.svg);
}

/* line 125, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/size-d2382ea45fdc9c54b0650bc23306889675b5b506fe8b0772d6f1d8ea4ddf53f5.svg);
}

/* line 128, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-quote::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/quote-73aaff8b206de1ea3f781321fb39582ffa520db6b849a85c2f9143386f3965fd.svg);
}

/* line 131, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-code::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/code-3ec8e9117a605bdfb58d83f681e3158ed527590942dcf3b70fb721d240c0317b.svg);
}

/* line 134, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/bullets-3be9f2099c05f589f6c482100643e30a48c7acd9a14780147ea4692982d54d28.svg);
}

/* line 137, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/numbers-923c3857588595ab7ec296b6f1f52f32acbc263bc3497f4420fbee02ceb85fb1.svg);
}

/* line 140, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/nesting_level_decrease-816eb9a6cf828b73466fc47d4aebc42ba16ddd1b0fba62412b6dfc62f968704e.svg);
}

/* line 143, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/nesting_level_increase-a228fefd9a0f227a03906776bdeb0c1255f3709abe2a2f54a05bb6b39bd96cb5.svg);
}

/* line 146, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-attach::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/attach-57845b723b3f463ffda96a04ff2888e6ad2b0155d7531331c49121148fbcb9c3.svg);
}

/* line 149, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-redo::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/redo-c991e3a052be0e74b4cf1a53d5583fbcfcee839b0b794570c0048ac79af82e28.svg);
}

/* line 152, app/assets/stylesheets/base/actiontext.scss */
trix-toolbar .trix-button--icon-undo::before {
  background-image: url(https://staging.getcampfire.com/assets/action_text/undo-60693cb74ebbe428eefc407768617038dcbdbcbc1dbdefe8a9642e6f8940da33.svg);
}

/* line 156, app/assets/stylesheets/base/actiontext.scss */
trix-editor {
  border: none;
  margin: 0;
}

/* line 160, app/assets/stylesheets/base/actiontext.scss */
trix-editor a:link, trix-editor a:visited {
  color: #6A3DC5;
  text-decoration: underline;
}

/* line 166, app/assets/stylesheets/base/actiontext.scss */
.trix-content {
  font-size: inherit;
  line-height: 1.5rem;
}

/* line 170, app/assets/stylesheets/base/actiontext.scss */
.trix-content a:link, .trix-content a:visited {
  color: #6A3DC5;
  text-decoration: underline;
}

/* line 175, app/assets/stylesheets/base/actiontext.scss */
.trix-content li {
  list-style-type: initial;
}

/* line 179, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment-gallery {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  justify-content: space-evenly;
  align-items: stretch;
  align-content: center;
}

/* line 187, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment-gallery .attachment {
  padding: 0;
  max-width: 100%;
  display: flex;
  justify-content: space-evenly;
  flex-flow: column;
}

/* line 194, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment-gallery .attachment .attachment-download {
  diplay: block;
}

/* line 199, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  padding: .25rem;
  margin: .25rem;
  max-width: calc(33% - .25rem);
  flex: 0 0 30%;
  border: 1px solid #eee;
  border-radius: 3px;
}

/* line 211, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment-gallery .attachment-gallery--2 > action-text-attachment,
.trix-content .attachment-gallery .attachment-gallery--2 > .attachment,
.trix-content .attachment-gallery .attachment-gallery--4 > action-text-attachment,
.trix-content .attachment-gallery .attachment-gallery--4 > .attachment {
  flex: 0 0 50%;
  max-width: 50%;
}

/* line 220, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment-gallery .attachment-gallery--8 > action-text-attachment,
.trix-content .attachment-gallery .attachment-gallery--8 > .attachment,
.trix-content .attachment-gallery .attachment-gallery--12 > action-text-attachment,
.trix-content .attachment-gallery .attachment-gallery--12 > .attachment {
  flex: 0 0 25%;
  margin: .5rem;
  max-width: calc(25% - 1rem);
}

/* line 230, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview img {
  width: 100%;
  display: block;
}

/* line 234, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview .attachment__caption {
  display: block;
  margin-top: 1rem;
}

/* line 238, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview .attachment__caption textarea.attachment__caption-editor {
  min-height: 0px;
  height: auto !important;
  padding: .5rem;
}

/* line 247, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview {
  background-repeat: no-repeat;
}

/* line 250, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview.attachment--mp3, .trix-content .attachment--preview.attachment--m4a, .trix-content .attachment--preview.attachment--mp4, .trix-content .attachment--preview.attachment--wav, .trix-content .attachment--preview.attachment--aac, .trix-content .attachment--preview.attachment--pdf {
  width: auto;
  background-position: 12px 50%;
}

/* line 256, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview.attachment--mp3 figcaption.attachment__caption, .trix-content .attachment--preview.attachment--m4a figcaption.attachment__caption, .trix-content .attachment--preview.attachment--mp4 figcaption.attachment__caption, .trix-content .attachment--preview.attachment--wav figcaption.attachment__caption, .trix-content .attachment--preview.attachment--aac figcaption.attachment__caption, .trix-content .attachment--preview.attachment--pdf figcaption.attachment__caption {
  font-size: 1.1rem;
  display: block;
  text-align: left;
  color: #262F56;
  border: 1px solid #ccc;
  margin: .25rem;
  padding: 16px 16px 14px 38px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* line 268, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--preview.attachment--mp3 img, .trix-content .attachment--preview.attachment--m4a img, .trix-content .attachment--preview.attachment--mp4 img, .trix-content .attachment--preview.attachment--wav img, .trix-content .attachment--preview.attachment--aac img, .trix-content .attachment--preview.attachment--pdf img {
  display: none;
}

/* line 274, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--file {
  color: #333;
  max-width: 100% !important;
  margin: 0;
  border: none;
  margin: .25rem;
  padding: 16px 16px 14px 38px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-decoration: none !important;
  color: #262F56 !important;
  background-image: url(https://staging.getcampfire.com/assets/file-cc5caf05cb01c3fe2848b8515513e3bed1856ba99e907541f1bb877988fb318b.svg);
  background-repeat: no-repeat;
  background-size: 28px;
  background-position: 6px 50%;
}

/* line 290, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--file a {
  display: inline-block;
}

/* line 293, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--file a .attachment__size {
  font-size: .8rem;
}

/* line 299, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--pptx,
.trix-content .attachment--ppt,
.trix-content .attachment--potm,
.trix-content .attachment--potx,
.trix-content .attachment--ppam,
.trix-content .attachment--pps,
.trix-content .attachment--ppsx,
.trix-content .attachment--ppsm,
.trix-content .attachment--pptm,
.trix-content .attachment--pptx {
  background-image: url(https://staging.getcampfire.com/assets/ppt-24c64826c52973d5bcc6592e983dcaeab9d11fea0eb500e66d3944eb601c9bfa.svg);
}

/* line 312, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--csv,
.trix-content .attachment--xlsx,
.trix-content .attachment--xlsb,
.trix-content .attachment--xls,
.trix-content .attachment--xlsm {
  background-image: url(https://staging.getcampfire.com/assets/csv-8669e2b444f1fbaaecf04dbbb3acf29cd819bd3916cc2d06769ea5da159617c3.svg);
}

/* line 320, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--doc,
.trix-content .attachment--docm,
.trix-content .attachment--docx,
.trix-content .attachment--dotx,
.trix-content .attachment--dotm {
  background-image: url(https://staging.getcampfire.com/assets/doc-a9eb9044d7d1a3f575010fe29d0774364c67b828f433eb5aa323a449f9e92867.svg);
}

/* line 328, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--html,
.trix-content .attachment--rtf,
.trix-content .attachment--rtf2,
.trix-content .attachment--txt {
  background-image: url(https://staging.getcampfire.com/assets/code-ae936e3f3307f6d5540259f1d8c15c2d0247832c20852b7125e2c77a8d70a3b5.svg);
}

/* line 335, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--zip,
.trix-content .attachment--gzip {
  background-image: url(https://staging.getcampfire.com/assets/zip-2652a3e8c996a57662bf789141d96a11d364fedc38c5d732d120f19de79fa3d1.svg);
}

/* line 340, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--pdf {
  background-image: url(https://staging.getcampfire.com/assets/file-cc5caf05cb01c3fe2848b8515513e3bed1856ba99e907541f1bb877988fb318b.svg);
}

/* line 344, app/assets/stylesheets/base/actiontext.scss */
.trix-content .attachment--m4a, .trix-content .attachment--mp4, .trix-content .attachment--wav, .trix-content .attachment--mp3, .trix-content .attachment--aac {
  background-image: url(https://staging.getcampfire.com/assets/audio_file-a07553b5d375f4a0fdd9346c5b6b1eef04300710a8275ccea9403a5105624aed.svg);
}

/* line 348, app/assets/stylesheets/base/actiontext.scss */
.trix-content h2 {
  font-size: 1.375rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

/* line 354, app/assets/stylesheets/base/actiontext.scss */
.trix-content blockquote {
  border: none;
  margin: 0;
  padding: .5rem 0 .5rem 1.625rem;
  font-size: 1.25rem;
  font-weight: 300;
  position: relative;
  line-height: 2;
}

/* line 366, app/assets/stylesheets/base/actiontext.scss */
#lesson-form .trix-button-group--history-tools {
  display: none;
}

/* line 370, app/assets/stylesheets/base/actiontext.scss */
#lesson-form .trix-button-group--file-tools {
  display: none;
}

/* line 374, app/assets/stylesheets/base/actiontext.scss */
#lesson-form .trix-button--icon-link {
  display: none;
}

/* line 378, app/assets/stylesheets/base/actiontext.scss */
#lesson-form .trix-button--icon-heading-1, #lesson-form .trix-button--icon-quote, #lesson-form .trix-button--icon-code {
  display: none;
}

/* line 382, app/assets/stylesheets/base/actiontext.scss */
#lesson-form .trix-button-group-spacer {
  display: none;
}

/* ============== AVATAR STYLES =============== */
/*
<div class="avatar-block">
  <div class="avatar">
    <img src="https://lh3.googleusercontent.com/a-/AOh14Gjm_wTG8StFjlM2_9HaYj3zVoDLPK8UlIgr7AA=s96-c" alt="Todd Ericksen's avatar image" class="primary-avatar">
    <img src="https://www.blipbillboards.com/wp-content/uploads/2017/12/cropped-squareBlogo-512x512-180x180.png" alt="Campfire's avatar image" class="secondary-avatar">
  </div>
  <div class="name">
    <strong>Olivia Hernandez</strong>
    <span>DoorDash</span>
  </div>
</div>
*/
/* line 16, app/assets/stylesheets/base/avatars.scss */
.avatar-list {
  display: flex;
  flex-flow: row wrap;
  gap: 1.375rem 1.375rem;
  padding: 0;
}

/* line 24, app/assets/stylesheets/base/avatars.scss */
.avatar-list .avatar-block .name strong, .avatar-list .avatar-block .name span {
  width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 32, app/assets/stylesheets/base/avatars.scss */
.avatar-list .avatar-block .name {
  width: 14.75rem;
}

/* line 37, app/assets/stylesheets/base/avatars.scss */
.avatar-list .avatar-block.tiny .name {
  width: 11.75rem;
}

/* line 43, app/assets/stylesheets/base/avatars.scss */
.avatar-list .avatar-block.micro .name {
  width: 9.375rem;
}

/* line 51, app/assets/stylesheets/base/avatars.scss */
.avatar-block {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 56, app/assets/stylesheets/base/avatars.scss */
.avatar-block .avatar {
  display: flex;
  border: 2px solid rgba(255, 255, 255, 0.8);
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: 50%;
  border-radius: 72px;
  position: relative;
  height: 48px;
  min-width: 48px;
}

/* line 67, app/assets/stylesheets/base/avatars.scss */
.avatar-block .avatar.status {
  position: relative;
}

/* line 71, app/assets/stylesheets/base/avatars.scss */
.avatar-block .avatar.status:before {
  content: "";
  position: absolute;
  right: 6px;
  bottom: -6px;
  height: 18px;
  width: 18px;
  background-size: 18px;
}

/* line 81, app/assets/stylesheets/base/avatars.scss */
.avatar-block .avatar.status.accepted:before {
  background-image: url(https://staging.getcampfire.com/assets/check-e6f15eeb67ae6a7fe75e62fef05216a2bff3e82a5c493b84863413fa6d129ae9.svg);
}

/* line 85, app/assets/stylesheets/base/avatars.scss */
.avatar-block .avatar.status.needsAction:before {
  background-image: url(https://staging.getcampfire.com/assets/question-09f6420512b2699627ba344af7d77320a5b28291d67f704fef269b9b33a83d53.svg);
}

/* line 89, app/assets/stylesheets/base/avatars.scss */
.avatar-block .avatar.status.declined:before {
  background-image: url(https://staging.getcampfire.com/assets/declined-d16d11938cd50cdc98b547002e810156b867715df4712413576b84db6ee7aabf.svg);
}

/* line 94, app/assets/stylesheets/base/avatars.scss */
.avatar-block .name {
  margin-left: .625rem;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 101, app/assets/stylesheets/base/avatars.scss */
.avatar-block .name span {
  font-size: .875rem;
  display: block;
  color: rgba(0, 0, 0, 0.66);
  line-height: 1.25;
}

/* line 108, app/assets/stylesheets/base/avatars.scss */
.avatar-block .name strong {
  padding-top: .375rem;
  font-weight: 500;
  line-height: 1.2;
}

/* line 116, app/assets/stylesheets/base/avatars.scss */
.avatar-block img.primary-avatar {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 45%;
  border: 2px solid #fff;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.125), 0 5px 25px rgba(0, 0, 0, 0.125);
}

/* line 127, app/assets/stylesheets/base/avatars.scss */
.avatar-block img.secondary-avatar {
  width: 16px;
  height: 16px;
  position: absolute;
  left: -4px;
  bottom: -4px;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: 45%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background-color: #fff;
}

/* line 143, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tile {
  padding: 1rem .5rem 1rem 1rem;
  border-radius: 7px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.025), 0 5px 10px -3px rgba(0, 0, 0, 0.125);
}

/* line 151, app/assets/stylesheets/base/avatars.scss */
.avatar-block.x-large .avatar {
  height: 92px;
  min-width: 92px;
}

/* line 156, app/assets/stylesheets/base/avatars.scss */
.avatar-block.x-large .name {
  font-size: 2.25rem;
  font-weight: 700;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 164, app/assets/stylesheets/base/avatars.scss */
.avatar-block.x-large .name span {
  display: block;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.66);
  line-height: 1.25;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 177, app/assets/stylesheets/base/avatars.scss */
.avatar-block.x-large .name strong {
  font-weight: 600;
  letter-spacing: -0.025rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2;
}

/* line 188, app/assets/stylesheets/base/avatars.scss */
.avatar-block.x-large img.primary-avatar {
  width: 84px;
  height: 84px;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 45%;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 1px 6px 2px rgba(0, 0, 0, 0.25);
}

/* line 198, app/assets/stylesheets/base/avatars.scss */
.avatar-block.x-large img.secondary-avatar {
  position: absolute;
  height: 26px;
  width: 26px;
  left: -6px;
  bottom: -6px;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: 45%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background-color: #fff;
}

/* line 215, app/assets/stylesheets/base/avatars.scss */
.avatar-block.large .avatar {
  height: 75px;
  min-width: 75px;
}

/* line 219, app/assets/stylesheets/base/avatars.scss */
.avatar-block.large .name {
  font-size: 1.75rem;
  font-weight: 700;
  width: 17rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 227, app/assets/stylesheets/base/avatars.scss */
.avatar-block.large .name span {
  display: block;
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: 0;
  color: rgba(0, 0, 0, 0.66);
  line-height: 1.25;
  width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 240, app/assets/stylesheets/base/avatars.scss */
.avatar-block.large .name strong {
  font-weight: 600;
  letter-spacing: -0.025rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.2;
}

/* line 251, app/assets/stylesheets/base/avatars.scss */
.avatar-block.large img.primary-avatar {
  width: 72px;
  height: 72px;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 45%;
  box-shadow: 0px 0px 0px 2px #FFFFFF, 0px 1px 6px 2px rgba(0, 0, 0, 0.25);
}

/* line 261, app/assets/stylesheets/base/avatars.scss */
.avatar-block.large img.secondary-avatar {
  position: absolute;
  height: 26px;
  width: 26px;
  left: -6px;
  bottom: -6px;
  border-radius: 100px;
  background-repeat: no-repeat;
  background-size: 110%;
  background-position: 45%;
  border: 2px solid rgba(255, 255, 255, 0.75);
  background-color: #fff;
}

/* line 281, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tiny .avatar {
  width: 32px;
  height: 32px;
}

/* line 285, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tiny .avatar .primary-avatar {
  width: 32px;
  height: 32px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125), 0 3px 8px rgba(0, 0, 0, 0.125);
  border: 1px solid rgba(255, 255, 255, 0.25);
}

/* line 292, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tiny .avatar .secondary-avatar {
  height: 16px;
  width: 16px;
  left: -6px;
  bottom: -6px;
  border: 1px solid rgba(255, 255, 255, 0.75);
}

/* line 301, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tiny .name {
  margin: 0 0 0 .5rem;
}

/* line 304, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tiny .name strong {
  font-size: 1rem;
}

/* line 308, app/assets/stylesheets/base/avatars.scss */
.avatar-block.tiny .name span {
  font-size: .75rem;
}

/* line 316, app/assets/stylesheets/base/avatars.scss */
.avatar-block.micro .name {
  margin: 0.375rem 0 0 0.625rem;
}

/* line 319, app/assets/stylesheets/base/avatars.scss */
.avatar-block.micro .name strong {
  padding-top: 0;
  font-size: .75rem;
  font-weight: 500;
}

/* line 325, app/assets/stylesheets/base/avatars.scss */
.avatar-block.micro .name span {
  font-size: .625rem;
}

/* line 330, app/assets/stylesheets/base/avatars.scss */
.avatar-block.micro .avatar {
  width: 25px;
  height: 25px;
}

/* line 334, app/assets/stylesheets/base/avatars.scss */
.avatar-block.micro .avatar .primary-avatar {
  width: 25px;
  height: 25px;
  box-shadow: none;
  border: none;
}

/* line 341, app/assets/stylesheets/base/avatars.scss */
.avatar-block.micro .avatar .secondary-avatar {
  display: none;
}

/* line 349, app/assets/stylesheets/base/avatars.scss */
.inline-avatar {
  display: flex;
  white-space: nowrap;
  align-items: center;
}

/* line 354, app/assets/stylesheets/base/avatars.scss */
.inline-avatar img {
  height: 32px;
  width: 32px;
  border-radius: 100%;
}

/* line 360, app/assets/stylesheets/base/avatars.scss */
.inline-avatar span {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  line-height: 1.25rem;
  padding: 0.625rem 0.5rem 0;
}

/* line 367, app/assets/stylesheets/base/avatars.scss */
.inline-avatar span span {
  padding: 0;
}

/* line 374, app/assets/stylesheets/base/avatars.scss */
.microchip .avatar {
  width: 32px;
  height: 32px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  background-size: 38px;
  border-radius: 100px;
  background-position: 45%;
}

/* line 383, app/assets/stylesheets/base/avatars.scss */
.event-attendee-avatars {
  margin: .75rem 0 0 0;
  padding-left: 1rem;
}

/* line 388, app/assets/stylesheets/base/avatars.scss */
.event-attendee-avatars img {
  width: 28px;
  height: 28px;
  border-radius: 10rem;
  display: inline-block;
  border: 3px solid #fff;
  margin: 0 0 0 -1.25rem;
}

/* line 397, app/assets/stylesheets/base/avatars.scss */
.event-attendee-avatars span {
  line-height: 36px;
  vertical-align: text-bottom;
  font-size: .75rem;
}

/* line 1, app/assets/stylesheets/base/buttons.scss */
.button-flex {
  display: flex;
  flex-flow: row no-wrap;
  align-items: flex-start;
  justify-content: space-between;
}

/* line 8, app/assets/stylesheets/base/buttons.scss */
a.button, input.button, button, div.button, input[type=submit]:not(.link-submit), input[type=button], .link.button {
  text-transform: uppercase;
  background: #6A3DC5;
  padding: 1rem 1.5rem .8rem;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125), 0 1px 3px -3px rgba(0, 0, 0, 0.125);
  border-radius: 4px;
  text-decoration: none;
  transition: all .15s ease;
  text-shadow: none;
  transform: translateY(0px);
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
  letter-spacing: .125rem;
}

/* line 28, app/assets/stylesheets/base/buttons.scss */
a.button.small, input.button.small, button.small, div.button.small, input.small[type=submit]:not(.link-submit), input.small[type=button], .link.button.small {
  font-size: 0.75rem;
  padding: 0.625rem 0.75rem 0.4rem;
}

/* line 33, app/assets/stylesheets/base/buttons.scss */
a.button.vivant, input.button.vivant, button.vivant, div.button.vivant, input.vivant[type=submit]:not(.link-submit), input.vivant[type=button], .link.button.vivant {
  background-color: #9D88ED;
}

/* line 37, app/assets/stylesheets/base/buttons.scss */
a.button.eventide, input.button.eventide, button.eventide, div.button.eventide, input.eventide[type=submit]:not(.link-submit), input.eventide[type=button], .link.button.eventide {
  background-color: #F8F5FC;
  color: #6A3DC5;
  box-shadow: none;
}

/* line 42, app/assets/stylesheets/base/buttons.scss */
a.button.eventide:hover, input.button.eventide:hover, button.eventide:hover, div.button.eventide:hover, input.eventide[type=submit]:not(.link-submit):hover, input.eventide[type=button]:hover, .link.button.eventide:hover {
  border-color: #E8E2F9;
}

/* line 47, app/assets/stylesheets/base/buttons.scss */
a.button.disabled, a.button:disabled, input.button.disabled, input.button:disabled, button.disabled, button:disabled, div.button.disabled, div.button:disabled, input.disabled[type=submit]:not(.link-submit), input[type=submit]:not(.link-submit):disabled, input.disabled[type=button], input[type=button]:disabled, .link.button.disabled, .link.button:disabled {
  cursor: not-allowed;
  background-color: #EFEEF5;
  border-color: #9397AB;
  color: #9397AB;
}

/* line 55, app/assets/stylesheets/base/buttons.scss */
.purple {
  position: relative;
  padding-bottom: 200px;
  background: #E6DBF6;
  color: #fff;
}

/* line 61, app/assets/stylesheets/base/buttons.scss */
.purple:hover {
  color: #fff;
}

/* line 66, app/assets/stylesheets/base/buttons.scss */
a.button:hover, input.button:hover, button:hover, input[type=submit]:hover, input[type=button]:hover {
  text-decoration: none;
  transition: .1s ease;
  transform: translateY(-2px);
  box-shadow: 0 1px 3px rgba(255, 255, 255, 0), 0 6px 10px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* line 73, app/assets/stylesheets/base/buttons.scss */
.button.alt {
  color: #6848E3;
  border: 1px solid #6848E3;
  background: #fff;
}

/* line 79, app/assets/stylesheets/base/buttons.scss */
.subtle, .button.subtle {
  color: #9D88ED;
  border: 1px solid #E8E2F9;
  background: #fff;
  box-shadow: none;
}

/* line 86, app/assets/stylesheets/base/buttons.scss */
.button.alt:hover {
  border-color: #8D40D2;
}

/* line 90, app/assets/stylesheets/base/buttons.scss */
.button.plain {
  color: #555;
  border: 1px solid #999;
  background: #fff;
}

/* line 96, app/assets/stylesheets/base/buttons.scss */
.button.plain:hover {
  border-color: #333;
  color: #333;
}

/* line 101, app/assets/stylesheets/base/buttons.scss */
.button.blank {
  border-color: transparent;
  color: #6848E3;
  background-color: #fff;
}

/* line 107, app/assets/stylesheets/base/buttons.scss */
.button.flat {
  border-color: transparent;
  color: #777;
  background-color: #fff;
  box-shadow: none;
}

/* line 114, app/assets/stylesheets/base/buttons.scss */
.button.locked {
  font-size: 0.75rem;
  font-weight: 600;
  border-color: #E8E2F9;
  color: #9397AB;
  background-color: #fff;
  box-shadow: none;
  background-image: url(https://staging.getcampfire.com/assets/icon-lock-gray-39e89def46729e0b05413829ed0961c9f2831d9c45be9cafebec489ee8b50eed.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem 45%;
  background-size: 1rem;
  padding-left: 3rem;
}

/* line 128, app/assets/stylesheets/base/buttons.scss */
.button.upgrade {
  font-size: 0.75rem;
  font-weight: 600;
  border-color: #CED0DB;
  color: #9397AB;
  background-color: #fff;
  box-shadow: none;
  background-image: url(https://staging.getcampfire.com/assets/icon-lock-gray-39e89def46729e0b05413829ed0961c9f2831d9c45be9cafebec489ee8b50eed.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem 45%;
  background-size: 1rem;
  padding-left: 3rem;
}

/* line 142, app/assets/stylesheets/base/buttons.scss */
.button.preview {
  font-size: 0.8rem;
  color: #6848E3;
  border: 1px solid #6848E3;
  background: #fff;
  border-color: #6848E3;
  background-color: #fff;
  box-shadow: none;
  background-image: url(https://staging.getcampfire.com/assets/photo_preview-d803f28b081b92f9986faeb9bc4b5f894a9337793c7b3e977af1f58d8ac26c1e.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem 50%;
  background-size: 1rem;
  padding-left: 3rem;
}

/* line 157, app/assets/stylesheets/base/buttons.scss */
.button.info {
  background-color: #fff;
  border: 1px solid #6848E3;
  display: inline-block;
  padding: 0;
  height: 47px;
  align-items: center;
  display: flex;
  justify-content: center;
  min-width: 47px;
  max-width: 47px;
}

/* line 171, app/assets/stylesheets/base/buttons.scss */
.button.right {
  float: right;
  z-index: 1;
  margin-left: 1.5rem;
}

/* line 177, app/assets/stylesheets/base/buttons.scss */
.button.danger {
  color: #DA1818;
  border: 1px solid #DA1818;
  background: #fff;
}

/* line 183, app/assets/stylesheets/base/buttons.scss */
.button.danger:hover {
  border-color: #333;
  color: #333;
}

/* line 188, app/assets/stylesheets/base/buttons.scss */
.button.image {
  background-image: url(https://staging.getcampfire.com/assets/image-e31258e5183e96ee4a1b553c2e2e4d960fd554c93ca4833e7d1eceba51d52646.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem 50%;
  background-size: 1rem;
  padding-left: 3rem;
}

/* line 196, app/assets/stylesheets/base/buttons.scss */
.button.document {
  background-image: url(https://staging.getcampfire.com/assets/document-a7d7d668d99e040dc3762a90d0dcecd63d60ac80e9573bb0ea8fed8b0b28acf4.svg);
  background-repeat: no-repeat;
  background-position: 1.125rem 50%;
  background-size: 1.625rem;
  padding-left: 3.25rem;
}

/* line 204, app/assets/stylesheets/base/buttons.scss */
.button.email {
  background-image: url(https://staging.getcampfire.com/assets/email_icon-025881d2421f6f2aa078353c4c95ac1de6f75b8e3154e578edff7f692be4910c.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem 50%;
  background-size: 1.5rem;
  padding-left: 3.5rem;
}

/* line 211, app/assets/stylesheets/base/buttons.scss */
.button.email.icon-white {
  background-image: url(https://staging.getcampfire.com/assets/email-icon-white-ce868dea0dd52b3acb8e632ec2bc67a27ad9e0a68aa481c78b1f376743bf99e6.svg);
}

/* line 216, app/assets/stylesheets/base/buttons.scss */
.button.send-arrow {
  background-image: url(https://staging.getcampfire.com/assets/send-arrow-e7d8443d4f44155d20471870779346272a15fde8530eba6a9bab74b29246a9fe.svg);
  background-repeat: no-repeat;
  background-position: 1.5rem 50%;
  background-size: 1.5rem;
  padding-left: 3.5rem;
}

/* line 224, app/assets/stylesheets/base/buttons.scss */
.button.shuffle {
  background-image: url(https://staging.getcampfire.com/assets/shuffle_purple-bae49e91f0e38a8e975d21c6c634fe03c56c0bfb28f5b72ead63321d9b6cede1.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 232, app/assets/stylesheets/base/buttons.scss */
.button.settings {
  background-image: url(https://staging.getcampfire.com/assets/settings_purple-f2828f0d4633c2063b13ec01ee31642a074be5f9a2fed3ede301dd9a497f4f0d.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.66rem;
  padding-left: 3.5rem;
}

/* line 240, app/assets/stylesheets/base/buttons.scss */
.button.icon-only {
  background-position: 50% 50% !important;
  padding: inherit 0;
}

/* line 245, app/assets/stylesheets/base/buttons.scss */
.button.add {
  background-image: url(https://staging.getcampfire.com/assets/add-8b6b8edc16d88541b86cc61e9a4a4220f1bf3a22c5cfba0d08fb94439f294957.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.25rem;
  padding-left: 3rem;
}

/* line 253, app/assets/stylesheets/base/buttons.scss */
.button.calendar {
  background-image: url(https://staging.getcampfire.com/assets/calendar-46ee4b1adb4406c9d0dd57bdc6d3a5e7f3e440211ff7a1de365a7cdc393cd415.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.25rem;
  padding-left: 3rem;
}

/* line 261, app/assets/stylesheets/base/buttons.scss */
.button.bucket {
  background-image: url(https://staging.getcampfire.com/assets/bucket-09a1a42f321bc3c73f41b673c9791f6b2f3358ab813a16499a8fd6c38c0613c6.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.25rem;
  padding-left: 3rem;
}

/* line 269, app/assets/stylesheets/base/buttons.scss */
.button.group {
  background-image: url(https://staging.getcampfire.com/assets/group-967517ca8dfb82b93e72a394e7331a39988f544f5c4455aca10d2359a17e748d.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.5rem;
  padding-left: 3.5rem;
}

/* line 277, app/assets/stylesheets/base/buttons.scss */
.button.merge {
  background-image: url(https://staging.getcampfire.com/assets/merge-dc9dd45bec53ce5ee0b140c3476405c83399dc607c60f0fa05c64951c937e4c5.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.5rem;
  padding-left: 3.25rem;
}

/* line 285, app/assets/stylesheets/base/buttons.scss */
.button.open-rooms {
  background-image: url(https://staging.getcampfire.com/assets/rooms_open_purple-5c695c6414f896992f030cde538a215352f03c4af098a3a4158c3032c448a3ae.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 293, app/assets/stylesheets/base/buttons.scss */
.button.close-rooms {
  background-image: url(https://staging.getcampfire.com/assets/rooms_close_purple-fbaa82ae6d6b26d2603e1c5e35e27a8a5585d60e2a33ef3078a42604303a39ce.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 301, app/assets/stylesheets/base/buttons.scss */
.button.add-room {
  background-image: url(https://staging.getcampfire.com/assets/rooms_new_purple-d53b7123527e0943ebcc601304f66b103b79929e95e3f7a2dda160eaaefcd3b2.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 309, app/assets/stylesheets/base/buttons.scss */
.button.more-horizontal {
  background-image: url(https://staging.getcampfire.com/assets/menu_more_horizontal_purple-40c295801bfc6edb4a97a3bf98602eb74ca4ed08a3e2d33fdaa480fe5cea787c.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 317, app/assets/stylesheets/base/buttons.scss */
.button.download, .button.upload {
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.5rem;
  padding-left: 3.5rem;
}

/* line 324, app/assets/stylesheets/base/buttons.scss */
.button.upload {
  background-image: url(https://staging.getcampfire.com/assets/upload-514fdc2a225183ecdad76788ab2a25e0fbd27032d7d004986a3a809bc050b44b.svg);
}

/* line 326, app/assets/stylesheets/base/buttons.scss */
.button.upload.thin {
  background-image: url(https://staging.getcampfire.com/assets/upload-thin-white-b02048345a1d6c7063cfd30c4ec8c78b7603828775e4cf2de900d453d6fd5669.svg);
}

/* line 331, app/assets/stylesheets/base/buttons.scss */
.button.download {
  background-image: url(https://staging.getcampfire.com/assets/download-085e6af1532ec46225e1e6617d3e00be161c6f6d16bfb08f2ef1da880240dce7.svg);
}

/* line 333, app/assets/stylesheets/base/buttons.scss */
.button.download.thin-icon {
  background-image: url(https://staging.getcampfire.com/assets/download-thin-icon-650116253d1af3d9d1949032d08aa067db880a870d8c2cb1e3b467b673bb4cef.svg);
}

/* line 338, app/assets/stylesheets/base/buttons.scss */
.button.join {
  background-image: url(https://staging.getcampfire.com/assets/join-137f31cbdbd9300a67ba31759a61668f57f07e790ed9298135874c77b4f5be40.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.875rem;
}

/* line 346, app/assets/stylesheets/base/buttons.scss */
.button.join-dark {
  background-image: url(https://staging.getcampfire.com/assets/join-white-e501ef52d50d2f09f54bfe9e4baa1daf69c85ff09df1593814e2f06e71ca36fd.svg);
}

/* line 350, app/assets/stylesheets/base/buttons.scss */
.button.import {
  background-image: url(https://staging.getcampfire.com/assets/import-514100b9e88d8516dbba613a8eb3e4d93e75c7df9b1184d5b1e1f94358b193e8.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 358, app/assets/stylesheets/base/buttons.scss */
.button.new-window {
  background-image: url(https://staging.getcampfire.com/assets/new-window-48d442786b25d02beb35d8cd5f845c67139d270faff75954829aff94797d6151.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 2rem;
  padding-left: 3.5rem;
}

/* line 366, app/assets/stylesheets/base/buttons.scss */
.button.folder {
  background-image: url(https://staging.getcampfire.com/assets/folder-c2355296f5e473e2af74a4ab4ce9aa0264e6d744984b2de77a32e63972594e44.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.5rem;
  padding-left: 3.5rem;
}

/* line 374, app/assets/stylesheets/base/buttons.scss */
.button.edit, .button_actions.edit input[type=submit] {
  background-image: url(https://staging.getcampfire.com/assets/pencil-e371b2739ef615fbd29bad4cdf7b09c186c65b9ea5f444214fbe28d5b119752a.svg);
  background-repeat: no-repeat;
  background-position: .75rem 50%;
  background-size: 1.5rem;
  padding-left: 2.75rem;
}

/* line 382, app/assets/stylesheets/base/buttons.scss */
.button.delete, .button_actions.delete input[type=submit] {
  background-image: url(https://staging.getcampfire.com/assets/bucket-09a1a42f321bc3c73f41b673c9791f6b2f3358ab813a16499a8fd6c38c0613c6.svg);
  background-repeat: no-repeat;
  background-position: center;
  padding: 0;
  height: 24px;
  width: 24px;
}

/* line 391, app/assets/stylesheets/base/buttons.scss */
.button.attendance {
  background-image: url(https://staging.getcampfire.com/assets/attendance-947c81395c9137ddd8856c8751065b5d47f6ba8a5eb1090aa76e734ed004060a.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.25rem;
  padding-left: 3rem;
}

/* line 399, app/assets/stylesheets/base/buttons.scss */
.button.video {
  background-image: url(https://staging.getcampfire.com/assets/videocam-24px-10c8329ab7f2a32f3f2ad0e75a69399c11c88a5868b95edc80d20d9057cc178b.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.25rem;
  padding-left: 3rem;
}

/* line 407, app/assets/stylesheets/base/buttons.scss */
.button-corner-delete {
  position: absolute;
  top: -1.25rem;
  right: -0.75rem;
  background: #fff;
  display: inline-block;
  text-align: center;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100rem;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 423, app/assets/stylesheets/base/buttons.scss */
.button-corner-delete img {
  width: 70%;
}

/* line 427, app/assets/stylesheets/base/buttons.scss */
.button-corner-delete:hover {
  border-color: #6848e3;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

/* line 432, app/assets/stylesheets/base/buttons.scss */
.button.google_slides {
  background-image: url(https://staging.getcampfire.com/assets/google_slides-175a05b24ddcd9335e53134f7dcb7d73bde0fcf688528b466212be92980f9171.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.5rem;
  padding-left: 3.5rem;
}

/* line 440, app/assets/stylesheets/base/buttons.scss */
.button.large {
  font-size: 1.15rem;
  padding: 1rem 2rem 1rem 2rem;
  font-weight: 600;
  background-size: 1.75rem;
}

/* line 447, app/assets/stylesheets/base/buttons.scss */
.button.bamboo {
  background-image: url(https://staging.getcampfire.com/assets/bamboo-logo-17b56249d440a110239ed5f8c2b91a4cb55d3007295ca8d6b14febcd0300b307.svg);
  background-color: white;
  color: #85C936;
}

/* line 453, app/assets/stylesheets/base/buttons.scss */
.button.with-background {
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: 1.25rem;
  padding-left: 3rem;
}

/* line 460, app/assets/stylesheets/base/buttons.scss */
.button.simple-hover-outline {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;
  color: #6848E3;
  transition: none;
}

/* line 465, app/assets/stylesheets/base/buttons.scss */
.button.simple-hover-outline:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;
  transform: none;
  cursor: pointer;
  border-color: #6A3DC5;
  transition: none;
}

/* line 474, app/assets/stylesheets/base/buttons.scss */
button.mark-complete {
  box-shadow: none;
  color: #6A3DC5;
  background-color: #fff;
  padding-left: 2rem;
  background-position-x: 5px;
  background-image: url(https://staging.getcampfire.com/assets/checkmark-purple-7e1653184e9eb50f5351e1e623550de2beb2d0c3bedc9531409422c8728db648.svg);
  background-repeat: no-repeat;
  background-position-y: center;
}

/* line 485, app/assets/stylesheets/base/buttons.scss */
input.link-submit[type=submit] {
  display: inline-block !important;
  width: auto !important;
  border: none;
  padding: 0;
  cursor: pointer;
  color: #6A3DC5;
  font-weight: 500;
  background: none;
}

/* line 495, app/assets/stylesheets/base/buttons.scss */
input.link-submit[type=submit]:hover {
  box-shadow: none;
  transform: none;
}

/* line 502, app/assets/stylesheets/base/buttons.scss */
.button-stretch a.button, .button-stretch input.button, .button-stretch button, .button-stretch input[type=submit], .button-stretch input[type=button], .button-stretch .link.button {
  display: block;
  width: 100%;
  -webkit-appearance: none;
}

/* line 509, app/assets/stylesheets/base/buttons.scss */
.auth-button {
  width: 100%;
}

/* line 512, app/assets/stylesheets/base/buttons.scss */
.auth-button button.signin-button {
  color: initial;
  background: #fff;
  position: relative;
  font-weight: 400;
  z-index: 1;
  text-decoration: none;
  letter-spacing: .1rem;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  line-height: 1;
  justify-content: center;
  max-height: 55px;
  margin: 0;
  font-size: 0.7rem;
  --tw-border-opacity: 1;
  border-color: rgba(209, 213, 219, var(--tw-border-opacity));
  border-radius: .5rem;
  box-shadow: none;
  border-width: 1px;
}

/* line 537, app/assets/stylesheets/base/buttons.scss */
.auth-button button.signin-button img {
  margin-right: 8px;
  max-width: 20px;
  max-height: 20px;
}

/* line 543, app/assets/stylesheets/base/buttons.scss */
.auth-button button.signin-button span {
  margin-top: 3px;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-1 {
  font-size: 1.1rem;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-2 {
  font-size: 1.2rem;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-3 {
  font-size: 1.3rem;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-4 {
  font-size: 1.4rem;
}

/* line 11, app/assets/stylesheets/base/fonts.scss */
.grey, .gray {
  color: #515087;
}

/* Webfont: SpartanMB-Black */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Black-2637e392a98d818e1949b8a4251f14527998d53185038fa86307a340d2433150.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Black-2637e392a98d818e1949b8a4251f14527998d53185038fa86307a340d2433150.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Black-c4356349a35cbb95e672698c13f90118a1a29d008aa4c24cc7bddf14627609f8.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Black-c1cb7265c160c0ff1e2b76b6bd3d24cc1305f21f4ca9bf8b52a31fcd76286d8a.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Black-456b8e1380e8872811914df2dac258f84fdddda48bc8f85341d4b99e6a96db43.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-ExtraBold */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-bd4b0430cf2ca883925160a30bb94e9e2d38f4d2c21c3009d1880f3abaabae85.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-bd4b0430cf2ca883925160a30bb94e9e2d38f4d2c21c3009d1880f3abaabae85.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-be1e19263a45997caa78372ebe2837459624539ac262f793253a80d7e120ffed.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-7ea6aa123feab419422bccd3dfd6e2369e90704d1db1f3d97776f533c3fee6ce.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-be155244bf081e64f21e269b7abc545623037d47786a86b5bd73fe8ec7d8bc96.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Bold */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Bold-db2cc803616372be0d8849a37d6e38cbac1d0ba9c8a26a957b745e876aa54731.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Bold-db2cc803616372be0d8849a37d6e38cbac1d0ba9c8a26a957b745e876aa54731.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Bold-36560db8d574b8281d58da310a67310291094e6b8dab00f46472c953246784ea.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Bold-e2bf1466d1835a5201c3c93ead29c55c3bf429c70b30407413bf5f1d204f591b.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Bold-d5ed560819fdd82755eb7c996cdb4103fc1de8fab0daf761dbd658c3a56e0585.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-SemiBold */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-00dbb08f4020fd2f23061022bb35edec4e4075a4051c0463e535b1972d26021b.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-00dbb08f4020fd2f23061022bb35edec4e4075a4051c0463e535b1972d26021b.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-1ad85829eb69412ef4bf4f145589f38c90078027830cb8704532299ff8d39d82.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-6cd6f28ca85f21489060bb984f768877cb426d0e9bd0896de960e5d179916ba3.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-3a19f96cc4ff7193858453b7ae6ffa105be891d00cab672e610ff296f1e325cb.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Medium */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Medium-d069b6d9678dbe02c384acc61b05c9e299334dff0e26551e143cdf59dc726d76.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Medium-d069b6d9678dbe02c384acc61b05c9e299334dff0e26551e143cdf59dc726d76.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Medium-afd3db568ad84a5156b0169be3fa2e581851c8d6a2b462c2fe50fe2b80f68aa3.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Medium-1b60c9f7a1ca0909da517b5bcd0e0d7487902b06dfd79d76677dfc300c35b8e2.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Medium-c8cee07b8690cbb3aa885a81f9764c3d1b9c9003ced181190d92a69a04b35d1e.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Regular */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Regular-d70362e9d950a177426f149e5f59a6fb7e37eba45db9c6d1ca22d8a387c399ca.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Regular-d70362e9d950a177426f149e5f59a6fb7e37eba45db9c6d1ca22d8a387c399ca.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Regular-c752388a01524f3dd9f0af7964b2ec3c3f118edf898339f6ddd8cbe0148fa689.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Regular-8bf437a84f64806357f6729149d105484e6e5aa70bf8c81dfc5cef08f9614a81.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Regular-805ab844feca149e0dc424f3019ba242fd88526fd24cbbb7412a498e5df85656.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Light */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Light-99899629abb06f476fa0231b3f55fbe5ca6d297032e747f64e923d56ac7a97d7.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Light-99899629abb06f476fa0231b3f55fbe5ca6d297032e747f64e923d56ac7a97d7.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Light-c0c180c58351299062f03cce65e0311bbbafdbfe7b4ae80c21b7d59e146f01d3.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Light-a054d6da41ff7d0bc02a1c4dc56b0b32b77cfc056ef09bd203e1a603c63b7f06.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Light-0696b0049f99d88136bb7b3789eb3f32f6a392dc197ee6497a4a4c7dec3081d1.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-ExtraLight */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-716015093ddc042c459406c2f0835a4c4d504cda36cffff7f3a4d9e2f1d9f074.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-716015093ddc042c459406c2f0835a4c4d504cda36cffff7f3a4d9e2f1d9f074.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-725244dd5a519552a3e844dbeafabbee15f1af486b823536587b9e211014463d.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-99b81b3793708f0b25f84799c114c26a439f7f11388be012d4516eceafd70262.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-7d9bb5b581d56f7f9a8e7a468eb7ed95406ad307666db51cca9d33ebf708882f.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Thin */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Thin-71e6138196046d66043b24e72f9422975a5dfcf6210a756fdc918c5e15b6d777.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Thin-71e6138196046d66043b24e72f9422975a5dfcf6210a756fdc918c5e15b6d777.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Thin-143e411af0c46dbb99ef58745038dde3a9bca92afd046bdbe63c23eece45451c.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Thin-b1a9154d5a9f7a25d4450d9dcb84779e21a6001ff57e303fd36e3bdc8e10ff9c.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Thin-5f68ec01137cce6667e76f1503d1b918736906b18aef529ed350e83cbc51458a.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}

/* line 3, app/assets/stylesheets/base/common.scss */
body, p, ol, ul, td, button, input, textarea {
  font-family: "Spartan", "Avenir Next", "Avenir", "Droid Sans", "DroidSansRegular", Corbel, Tahoma, Geneva, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

/* line 7, app/assets/stylesheets/base/common.scss */
html {
  margin: 0;
  padding: 0;
  font-family: "Spartan", "Avenir Next", "Avenir", "Droid Sans", "DroidSansRegular", Corbel, Tahoma, Geneva, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 15px;
  color: #262F56;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 17, app/assets/stylesheets/base/common.scss */
body {
  font-size: calc(1rem + (5 - 1) * ((100vw - 800px) / (2560 - 800)));
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  padding: 0;
  width: 100%;
}

/* line 26, app/assets/stylesheets/base/common.scss */
.section-header {
  font-weight: 400;
  font-size: 1.75rem;
  margin: 4rem 0 2.5rem;
  line-height: 1.875rem;
}

/* line 33, app/assets/stylesheets/base/common.scss */
.section-header + p {
  font-size: 1rem;
  margin-top: -1.75rem;
}

/* line 38, app/assets/stylesheets/base/common.scss */
.text-center {
  text-align: center;
}

/* line 40, app/assets/stylesheets/base/common.scss */
.pull-left {
  float: left;
}

/* line 44, app/assets/stylesheets/base/common.scss */
.pull-right {
  float: right;
}

/* line 48, app/assets/stylesheets/base/common.scss */
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* line 54, app/assets/stylesheets/base/common.scss */
a {
  color: #262F56;
}

/* line 58, app/assets/stylesheets/base/common.scss */
h1, h2, h3, h4, h5 {
  font-family: "Spartan", "Avenir Next", "Avenir", "Droid Sans", "DroidSansRegular", Corbel, Tahoma, Geneva, "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

/* line 62, app/assets/stylesheets/base/common.scss */
table {
  border-collapse: collapse;
  border-radius: 5px;
  width: 100%;
  max-width: 100vw;
}

/* line 69, app/assets/stylesheets/base/common.scss */
tr:nth-child(2n+0) {
  background: #fafaff;
  border-color: #eee;
  border-width: 1px 0;
  border-style: solid;
}

/* line 76, app/assets/stylesheets/base/common.scss */
th {
  white-space: nowrap;
  background: #fff;
  font-size: .75rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05rem;
  color: #73837C;
  text-align: left;
  padding: .75rem 1rem;
  border-bottom: 1px solid #E2E7E9;
}

/* line 89, app/assets/stylesheets/base/common.scss */
td {
  text-align: left;
  padding: 1rem;
  vertical-align: middle;
  word-break: break-word;
  overflow: hidden;
}

/* line 97, app/assets/stylesheets/base/common.scss */
a {
  text-decoration: none;
}

/* line 101, app/assets/stylesheets/base/common.scss */
.clickable {
  cursor: pointer;
}

/* line 105, app/assets/stylesheets/base/common.scss */
a:hover {
  color: #6848E3;
  text-decoration: none;
}

/* line 110, app/assets/stylesheets/base/common.scss */
strong, b {
  font-weight: 600;
}

/* line 114, app/assets/stylesheets/base/common.scss */
dl {
  margin: 0 0 1.5rem 0;
}

/* line 118, app/assets/stylesheets/base/common.scss */
dt {
  font-weight: 500;
  text-transform: uppercase;
  font-size: .75rem;
  color: #888;
  margin-bottom: .5rem;
}

/* line 127, app/assets/stylesheets/base/common.scss */
dd {
  padding-left: 1rem;
  margin-inline-start: 0px;
}

/* line 132, app/assets/stylesheets/base/common.scss */
header {
  margin-bottom: 1rem;
  position: relative;
  background: #6848E3;
}

/* line 138, app/assets/stylesheets/base/common.scss */
header.alt {
  background: #fff;
}

/* line 142, app/assets/stylesheets/base/common.scss */
.header-flex {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}

/* line 149, app/assets/stylesheets/base/common.scss */
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F0F0F9;
}

/* line 156, app/assets/stylesheets/base/common.scss */
nav img.logo {
  width: 30px;
  top: 10px;
  left: 24px;
}

/* line 162, app/assets/stylesheets/base/common.scss */
nav ul {
  display: flex;
  flex-flow: row nowrap;
  margin: 0;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* line 171, app/assets/stylesheets/base/common.scss */
nav ul::-webkit-scrollbar {
  display: none;
}

/* line 176, app/assets/stylesheets/base/common.scss */
nav ul li {
  list-style-type: none;
  display: inline-block;
}

/* line 181, app/assets/stylesheets/base/common.scss */
nav ul li a {
  text-transform: uppercase;
  font-size: .85rem;
  font-weight: 500;
  color: #6848E3;
  text-decoration: none;
  letter-spacing: 0.125rem;
}

/* line 191, app/assets/stylesheets/base/common.scss */
nav #account-info {
  position: relative;
  margin: 0;
  padding: 0.6rem 1rem 1rem;
  z-index: 5;
}

/* line 197, app/assets/stylesheets/base/common.scss */
nav #account-info .account-chip {
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  height: 30px;
  position: relative;
  z-index: 3;
}

/* line 206, app/assets/stylesheets/base/common.scss */
nav #account-info .account-chip .avatar {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  background-size: 28px;
  border-radius: 100%;
  background-position: 45%;
}

/* line 214, app/assets/stylesheets/base/common.scss */
nav #account-info .account-chip .name {
  line-height: 30px;
  font-size: 1rem;
  padding: 0 1.5rem 0 0.5rem;
  background: url(https://staging.getcampfire.com/assets/dropdown-arrow-0db1386e065e9f6efc1e7fe908841c100a6edbd9da4f0eb49fe348e5ed90e173.svg) no-repeat 100% 50%;
  background-size: 1rem;
  color: #6A3DC5;
  font-weight: 600;
  white-space: nowrap;
  margin-top: 3px;
}

/* line 227, app/assets/stylesheets/base/common.scss */
nav #account-info .account-actions {
  display: none;
  width: 100%;
  flex-flow: column nowrap;
  z-index: 0;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  transition: .2s ease;
  padding: 45px 0rem 0.5rem 0;
  background-color: #fff;
  box-shadow: 0 0.25rem 1rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 7px;
  border: 1px solid #F8F5FC;
}

/* line 243, app/assets/stylesheets/base/common.scss */
nav #account-info .account-actions a:link, nav #account-info .account-actions a:visited, nav #account-info .account-actions a:hover, nav #account-info .account-actions button {
  border: none;
  text-decoration: none;
  display: block;
  border-top: 1px solid #F8F5FC;
  padding: 1rem 1.5rem 0.75rem;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05rem;
  font-size: 11px;
  color: #6A3DC5;
  background: #fff;
  box-shadow: none;
  text-align: left;
  width: auto;
  border-radius: 0;
  margin: 0;
  position: static;
}

/* line 262, app/assets/stylesheets/base/common.scss */
nav #account-info .account-actions button {
  width: 160px;
}

/* line 265, app/assets/stylesheets/base/common.scss */
nav #account-info .account-actions button:hover {
  transform: none;
}

/* line 270, app/assets/stylesheets/base/common.scss */
nav #account-info:hover .account-actions {
  display: flex;
  z-index: 2;
  opacity: 1;
}

/* line 279, app/assets/stylesheets/base/common.scss */
input:disabled {
  background-color: #f9f9f9;
  color: #999;
}

/* line 284, app/assets/stylesheets/base/common.scss */
input[type=checkbox] + label, input[type=radio] + label {
  text-transform: none;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0;
}

/* line 292, app/assets/stylesheets/base/common.scss */
input.search {
  background-image: url(https://staging.getcampfire.com/assets/search-edf2324a58f25c73fa04f91409a54a870306c86a183a8b4884c3aca00847ca11.svg);
  background-repeat: no-repeat;
  background-position: 1rem 45%;
  background-size: 1.66rem;
  padding-left: 3rem;
  border-color: #E8E2F9;
}

/* line 301, app/assets/stylesheets/base/common.scss */
.flex-form {
  display: flex;
  flex-flow: row wrap;
  align-content: stretch;
}

/* line 306, app/assets/stylesheets/base/common.scss */
.spacer-line {
  margin: 3rem 0 0 0;
  padding: 0 0 2rem 0;
  border-top: 1px solid #ccc;
}

/* line 312, app/assets/stylesheets/base/common.scss */
fieldset {
  border: 1px solid #ccc;
  padding: .5rem 2rem 2rem;
  border-radius: 7px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  position: relative;
}

/* line 321, app/assets/stylesheets/base/common.scss */
fieldset.for_facilitators {
  width: calc(100% - 6rem);
  border-color: #444;
  margin: 0 0 1rem -1rem;
  padding: 1rem 3rem 2rem;
}

/* line 327, app/assets/stylesheets/base/common.scss */
fieldset.for_facilitators legend {
  font-size: 1.5rem;
  color: #444;
}

/* line 334, app/assets/stylesheets/base/common.scss */
.full-width {
  max-width: none;
  display: block;
}

/* line 339, app/assets/stylesheets/base/common.scss */
fieldset legend {
  color: #888;
  font-weight: 400;
  font-size: 1.125rem;
  background: #fff;
  position: absolute;
  padding: 0 1rem;
  top: -10px;
  line-height: 1;
  left: 8px;
}

/* line 351, app/assets/stylesheets/base/common.scss */
fieldset.new {
  border: none;
  padding: 0;
}

/* line 355, app/assets/stylesheets/base/common.scss */
fieldset.new legend {
  color: initial;
  font-weight: initial;
  font-size: 1.125rem;
  background: initial;
  position: initial;
  padding: initial;
  top: initial;
  left: initial;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .075rem;
}

/* line 372, app/assets/stylesheets/base/common.scss */
fieldset.new .field:first-child label {
  padding-top: 0;
}

/* line 377, app/assets/stylesheets/base/common.scss */
fieldset.new .field input, fieldset.new .field textarea {
  display: flex;
}

/* line 382, app/assets/stylesheets/base/common.scss */
fieldset.new label {
  display: inline-flex;
  align-items: center;
  font-size: .8rem;
  width: 100%;
  padding-top: 1.5rem;
}

/* line 391, app/assets/stylesheets/base/common.scss */
textarea {
  min-height: 100px;
}

/* line 395, app/assets/stylesheets/base/common.scss */
audio {
  width: 250px;
  display: block;
  margin: 1rem 0;
}

/* line 401, app/assets/stylesheets/base/common.scss */
h1 {
  font-weight: 700;
  font-size: 2.625rem;
  line-height: 3.5rem;
  margin: .5rem 0 1rem;
  letter-spacing: -0.05rem;
}

/* line 409, app/assets/stylesheets/base/common.scss */
h2 {
  font-weight: 700;
  font-size: 2.375rem;
  margin: 0 0 1rem;
  line-height: 3rem;
  word-spacing: -.1rem;
  letter-spacing: -0.075rem;
}

/* line 418, app/assets/stylesheets/base/common.scss */
h1 span, h2 span, h3 span {
  font-weight: 300;
  display: block;
  font-size: 1.5rem;
  color: #6a6a6a;
  line-height: 1.1;
  margin: 0.25rem 0;
  letter-spacing: 0;
}

/* line 428, app/assets/stylesheets/base/common.scss */
h4 {
  font-weight: 600;
  font-size: 1.625rem;
  margin: 0 0 .5rem;
  line-height: 1.875rem;
  word-spacing: -.1rem;
}

/* line 437, app/assets/stylesheets/base/common.scss */
.thin {
  font-weight: 300;
  font-size: 1.5rem;
  margin: 1rem 0 2rem;
  line-height: 1.5;
}

/* line 444, app/assets/stylesheets/base/common.scss */
h4 span {
  font-weight: 300;
  display: block;
  font-size: 1rem;
  color: #6a6a6a;
  line-height: 1.1;
  margin: 0.25rem 0;
}

/* line 454, app/assets/stylesheets/base/common.scss */
h3 {
  font-size: 2rem;
  font-weight: 600;
  margin: 0 0 .5rem;
  line-height: 2.5rem;
  word-spacing: -.1rem;
  letter-spacing: -0.025rem;
}

/* line 463, app/assets/stylesheets/base/common.scss */
h5 {
  font-weight: 600;
  font-size: 1.25rem;
  margin: 0 0 .5rem;
  line-height: 1.875rem;
  word-spacing: -.1rem;
}

/* line 472, app/assets/stylesheets/base/common.scss */
h6 {
  font-weight: 600;
  font-size: .875rem;
  margin: 0 0 .5rem;
  line-height: 1.875rem;
  word-spacing: -.1rem;
}

/* line 481, app/assets/stylesheets/base/common.scss */
.bold-normal {
  font-weight: 500;
}

/* line 485, app/assets/stylesheets/base/common.scss */
.bold-medium {
  font-weight: 700;
}

/* line 489, app/assets/stylesheets/base/common.scss */
.bold-heavy {
  font-weight: 800;
}

/* line 493, app/assets/stylesheets/base/common.scss */
.gray {
  color: #515087;
}

/* line 497, app/assets/stylesheets/base/common.scss */
.light-gray {
  color: #9397AB;
}

/* line 501, app/assets/stylesheets/base/common.scss */
.translucent-white {
  color: rgba(255, 255, 255, 0.65);
}

/* line 505, app/assets/stylesheets/base/common.scss */
.title-subtitle {
  font-weight: 400;
  font-size: 1.25rem;
}

/* line 510, app/assets/stylesheets/base/common.scss */
.title-subtitle span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}

/* line 518, app/assets/stylesheets/base/common.scss */
.title-subtitle span.name {
  font-weight: 500;
  padding-top: .125rem;
}

/* line 523, app/assets/stylesheets/base/common.scss */
.title-subtitle span.name em {
  font-weight: 400;
  font-size: .85rem;
  font-style: normal;
}

/* line 529, app/assets/stylesheets/base/common.scss */
.title-subtitle span.subtitle {
  font-weight: 300;
  font-size: 1rem;
  margin-top: 0rem;
}

/* line 535, app/assets/stylesheets/base/common.scss */
.rounded {
  border-radius: 5px;
}

/* line 539, app/assets/stylesheets/base/common.scss */
.tabs {
  display: flex;
  border-bottom: 1px solid rgba(106, 67, 194, 0.25);
  margin-bottom: 3rem;
  align-items: center;
  flex-wrap: wrap;
}

/* line 547, app/assets/stylesheets/base/common.scss */
.tab {
  padding: 1.25rem 2rem;
}

/* line 551, app/assets/stylesheets/base/common.scss */
.tab a:link, .tab a:visited {
  color: #777;
}

/* line 555, app/assets/stylesheets/base/common.scss */
.tab a:hover {
  color: #6848E3;
}

/* line 558, app/assets/stylesheets/base/common.scss */
.tab.disabled {
  color: #9397AB;
  cursor: not-allowed;
}

/* line 563, app/assets/stylesheets/base/common.scss */
.tab.active a:link, .tab.active a:visited {
  color: #6848E3;
  font-weight: 600;
  font-size: 1.25rem;
}

/* line 569, app/assets/stylesheets/base/common.scss */
.tab.active {
  border-bottom: 3px solid #6848E3;
  margin-bottom: -2px;
}

/* line 574, app/assets/stylesheets/base/common.scss */
.tabs.new {
  margin: 0;
  border-bottom: none;
  text-transform: uppercase;
  font-size: .85rem;
  letter-spacing: .1rem;
  flex-wrap: nowrap;
}

@media (max-width: 640px) {
  /* line 574, app/assets/stylesheets/base/common.scss */
  .tabs.new {
    justify-content: center;
    width: 100%;
  }
}

/* line 587, app/assets/stylesheets/base/common.scss */
.tabs.new .tab {
  padding: 0 1.5rem;
  color: #C0BEC4;
  white-space: nowrap;
}

@media (max-width: 1024px) {
  /* line 587, app/assets/stylesheets/base/common.scss */
  .tabs.new .tab {
    padding: 0 1rem;
  }
}

/* line 596, app/assets/stylesheets/base/common.scss */
.tabs.new .tab.active {
  color: #262F56;
  border-bottom: none;
  font-weight: 700;
}

/* line 604, app/assets/stylesheets/base/common.scss */
.tabs.alt {
  margin-top: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 608, app/assets/stylesheets/base/common.scss */
.tabs.alt a.tab {
  color: #262F56;
  text-transform: uppercase;
  font-size: .85rem;
  letter-spacing: .125rem;
  font-weight: 700;
  padding: 1rem;
  margin-right: 1.5rem;
}

/* line 617, app/assets/stylesheets/base/common.scss */
.tabs.alt .active {
  border-color: #FFB554;
}

/* line 622, app/assets/stylesheets/base/common.scss */
.events-alt {
  text-align: left;
  margin: 1rem 0;
  display: flex;
  flex-flow: row wrap;
}

/* line 628, app/assets/stylesheets/base/common.scss */
.events-alt .event {
  margin: 0 0 2rem 0;
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  background-color: #fff;
  border-radius: 7px;
  padding: 2.25rem;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.125);
  border: 5px solid #fff;
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(96, 41, 165, 0.25), 0 1rem 1.5rem -1rem rgba(0, 0, 0, 0.125);
  position: relative;
}

/* line 643, app/assets/stylesheets/base/common.scss */
.events-alt .event-title {
  font-size: 1.625rem;
  margin: 1rem 0 0 0;
  font-weight: 600;
  line-height: 1;
}

/* line 650, app/assets/stylesheets/base/common.scss */
.events-alt .event-info {
  margin: 0;
  font-size: 1.25rem;
  color: #999;
  padding: .375rem 0 0 0;
  background: none;
}

/* line 659, app/assets/stylesheets/base/common.scss */
.events-alt-2 {
  text-align: left;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  align-content: center;
}

/* line 666, app/assets/stylesheets/base/common.scss */
.events-alt-2 .event {
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-around;
  background-color: #fff;
  border-radius: 7px;
  padding: 3rem;
  margin: 2rem auto;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.13);
  border: 5px solid #fff;
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(96, 41, 165, 0.25), 0 1rem 1.5rem -1rem black;
  position: relative;
}

/* line 682, app/assets/stylesheets/base/common.scss */
.events-alt-2 .event .event-title {
  font-size: 2.25rem;
  margin: 1rem 0 0;
  font-weight: 700;
  line-height: 1.2;
}

/* line 688, app/assets/stylesheets/base/common.scss */
.events-alt-2 .event .event-info {
  margin: 0;
  font-size: 1.5rem;
  color: #999;
  padding: .375rem 0 0;
  background: 0 0;
}

/* line 698, app/assets/stylesheets/base/common.scss */
.events {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: center;
}

/* line 705, app/assets/stylesheets/base/common.scss */
.event {
  width: 20rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 7px;
  padding: 1.75rem;
  margin: 2rem 2rem 0 0;
  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.125);
  border: 5px solid #fff;
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(96, 41, 165, 0.25), 0 1rem 1.5rem -1rem rgba(0, 0, 0, 0.125);
  position: relative;
}

/* line 721, app/assets/stylesheets/base/common.scss */
.event-title {
  font-size: 1.25rem;
  font-weight: 500;
  margin: 0 0 .05rem 0;
}

/* line 727, app/assets/stylesheets/base/common.scss */
.event-info {
  margin: 0;
  font-size: 1rem;
  color: #6848E3;
  padding: .375rem 0 0 1.75rem;
  background: #fff url(https://staging.getcampfire.com/assets/calendar-46ee4b1adb4406c9d0dd57bdc6d3a5e7f3e440211ff7a1de365a7cdc393cd415.svg) no-repeat 0 50%;
  background-size: 1.25rem;
}

/* line 736, app/assets/stylesheets/base/common.scss */
.event-description {
  font-size: 1rem;
  color: #999;
  margin-bottom: 0;
}

/* line 743, app/assets/stylesheets/base/common.scss */
.event-actions {
  margin-bottom: 0;
}

/* line 747, app/assets/stylesheets/base/common.scss */
.flex-row {
  display: flex;
  flex-flow: row wrap;
}

/* line 751, app/assets/stylesheets/base/common.scss */
.flex-row.spread {
  justify-content: space-between;
}

/* line 756, app/assets/stylesheets/base/common.scss */
.flex-grow {
  flex-grow: 3;
  width: 100%;
}

/* line 761, app/assets/stylesheets/base/common.scss */
.items {
  display: flex;
  perspective: 100vw;
  margin: 2rem 0 0 0;
  flex-wrap: wrap;
}

/* line 768, app/assets/stylesheets/base/common.scss */
.item-wrapper {
  position: relative;
  width: 17rem;
  height: 20rem;
  margin: 0 3rem 3rem 0;
  background: pink;
}

/* line 776, app/assets/stylesheets/base/common.scss */
.items.small .item {
  height: 8rem;
  width: 6rem;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

/* line 783, app/assets/stylesheets/base/common.scss */
.items.small .item-wrapper {
  width: 11rem;
  height: 13rem;
}

/* line 788, app/assets/stylesheets/base/common.scss */
.item {
  background-color: #EDE8F4;
  height: 14.5rem;
  width: 12.5rem;
  border: 1px solid rgba(133, 82, 209, 0.125);
  font-weight: 600;
  box-shadow: 0 0 0 6px #fff, 0 0.5rem 1.75rem rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 2.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: relative;
  transition: .2s ease;
  font-size: 1.25rem;
  line-height: 1.5rem;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

/* line 810, app/assets/stylesheets/base/common.scss */
.item span {
  font-size: 1rem;
  font-weight: 400;
  margin-top: .5rem;
}

/* line 816, app/assets/stylesheets/base/common.scss */
.item span.meta {
  font-size: .75rem;
}

/* line 820, app/assets/stylesheets/base/common.scss */
.item-wrapper:hover .item {
  transform: translate3d(2px, -3px, 20px);
  border: 1px solid rgba(133, 82, 209, 0.85);
  box-shadow: 0 0 0 6px #fff, 0 1.5rem 2rem rgba(0, 0, 0, 0.12);
}

/* line 826, app/assets/stylesheets/base/common.scss */
.item.empty {
  color: #6F38C6;
  background-color: #fff;
  border: 1px solid rgba(133, 82, 209, 0.25);
  box-shadow: 0 0 0 6px #fff, 0 0.5rem 1.75rem rgba(0, 0, 0, 0.25);
  transition: .2s ease;
}

/* line 833, app/assets/stylesheets/base/common.scss */
.item.empty:hover {
  color: #6227BF;
  border: 1px solid #8552d1;
  box-shadow: 0 0 0 8px #fff, 0 1.2rem 2rem rgba(0, 0, 0, 0.15);
}

/* line 839, app/assets/stylesheets/base/common.scss */
.item-wrapper .actions {
  width: 100%;
  text-align: center;
  margin: -70px auto;
}

/* line 845, app/assets/stylesheets/base/common.scss */
.item-wrapper .actions a {
  border: 1px solid #fff;
  opacity: 0;
  transform: scale(0.9) translateY(5px);
  background: rgba(255, 255, 255, 0.6);
  padding: .75rem 1.125rem .5rem;
  border-radius: 5px;
  transition: .2s ease;
  display: inline-block;
}

/* line 856, app/assets/stylesheets/base/common.scss */
.item-wrapper:hover .actions a {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* line 860, app/assets/stylesheets/base/common.scss */
.item-wrapper:hover .actions a:hover {
  border-color: #8552D1;
  background: white;
}

/* line 865, app/assets/stylesheets/base/common.scss */
.item-wrapper .actions a {
  margin: 0 .66rem;
  position: relative;
  top: 4px;
}

/* line 871, app/assets/stylesheets/base/common.scss */
.invite {
  text-align: center;
  display: inline-block;
  border: 5px solid #fff;
  background: #f9f9ff;
  padding: 3rem 3rem 3rem;
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(96, 41, 165, 0.25), 0 1rem 1.5rem -1rem rgba(0, 0, 0, 0.125);
}

/* line 881, app/assets/stylesheets/base/common.scss */
.invite h4 {
  margin: 0 0 .25rem 0;
}

/* line 885, app/assets/stylesheets/base/common.scss */
.invite p {
  margin: 0 0 1.25rem 0;
}

/* line 888, app/assets/stylesheets/base/common.scss */
div.resources {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0.5rem 0 2rem;
  gap: 2rem;
}

/* line 897, app/assets/stylesheets/base/common.scss */
.resource_preview {
  display: flex;
  flex-flow: row nowrap;
}

/* line 901, app/assets/stylesheets/base/common.scss */
.resource_preview .resource_fields {
  width: 40%;
}

/* line 904, app/assets/stylesheets/base/common.scss */
.resource_preview .resource_outputs {
  width: 60%;
  padding-left: 5rem;
}

/* line 910, app/assets/stylesheets/base/common.scss */
.resource {
  display: flex;
  flex-direction: column;
  border-radius: 7px;
  width: 100%;
  max-width: 18.5rem;
  justify-content: space-between;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.075);
}

/* line 919, app/assets/stylesheets/base/common.scss */
.resource .image {
  height: 125px;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 9px 9px 0 0;
  position: relative;
}

/* line 927, app/assets/stylesheets/base/common.scss */
.resource .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 2rem 0;
  font-size: 1rem;
  color: #9397AB;
}

/* line 935, app/assets/stylesheets/base/common.scss */
.resource .content h3 {
  color: #262F56;
  font-size: 1.125rem;
  margin: 0 0 .5rem 0;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.0125rem;
}

/* line 945, app/assets/stylesheets/base/common.scss */
.resource .lesson {
  padding: 0 2rem 1rem;
  color: #9397AB;
  font-size: .8rem;
}

/* line 951, app/assets/stylesheets/base/common.scss */
.resource .controls {
  border-top: 1px solid #eee;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: .5rem 1rem;
}

/* line 958, app/assets/stylesheets/base/common.scss */
.resource .controls a.action {
  font-weight: 600;
  padding: .75rem 1rem;
  text-transform: uppercase;
  letter-spacing: .1rem;
  font-size: 13px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 3px;
}

/* line 968, app/assets/stylesheets/base/common.scss */
.resource .controls a.action:hover {
  border-color: #E8E2F9;
}

/* line 972, app/assets/stylesheets/base/common.scss */
.resource .controls a.action.danger {
  color: #E26666;
}

/* line 975, app/assets/stylesheets/base/common.scss */
.resource .controls a.action.danger:hover {
  border-color: #FCD3D3;
  color: #DD3F3F !important;
}

/* line 983, app/assets/stylesheets/base/common.scss */
.resource .content-type {
  position: absolute;
  top: .875rem;
  right: .875rem;
  font-weight: 700;
  font-size: 11px;
  text-transform: uppercase;
  background: #262F56;
  border-radius: 3rem;
  color: #fff;
  padding: .375rem .75rem .25rem;
  letter-spacing: .1rem;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25), 0 0 0.25rem rgba(0, 0, 0, 0.25);
}

/* line 998, app/assets/stylesheets/base/common.scss */
.resource img.resource-image {
  width: 100%;
  max-width: 100%;
  border-radius: 5px 5px 0 0;
}

/* line 1005, app/assets/stylesheets/base/common.scss */
.sparks {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

/* line 1012, app/assets/stylesheets/base/common.scss */
.spark {
  display: flex;
  flex-direction: column;
  border-radius: 7px;
  padding: 2rem 3rem 2rem 0;
  max-width: 32rem;
  margin: 0rem 3rem 2rem 0;
}

/* line 1021, app/assets/stylesheets/base/common.scss */
blockquote {
  margin: 0;
  padding: .5rem 0 .5rem 2.25rem;
  font-size: 1.625rem;
  font-weight: 600;
  position: relative;
  line-height: 1.5;
}

/* line 1030, app/assets/stylesheets/base/common.scss */
blockquote:before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  content: " ";
  height: 100%;
  width: 4px;
  background-color: rgba(133, 82, 209, 0.25);
  background-color: rgba(106, 61, 197, 0.25);
  border-radius: 100px;
}

/* line 1043, app/assets/stylesheets/base/common.scss */
blockquote cite {
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  display: block;
  color: #999;
}

/* line 1051, app/assets/stylesheets/base/common.scss */
blockquote em {
  font-style: italic;
}

/* line 1055, app/assets/stylesheets/base/common.scss */
p.primary {
  font-size: 1.2rem;
}

/* line 1059, app/assets/stylesheets/base/common.scss */
p.secondary {
  color: #5B5B5B;
}

/* line 1063, app/assets/stylesheets/base/common.scss */
.spark p.prompt-text {
  margin-top: 2rem;
  font-size: 1.125rem;
  font-weight: 400;
  color: #777;
}

/* line 1070, app/assets/stylesheets/base/common.scss */
.right {
  float: right;
}

/* line 1074, app/assets/stylesheets/base/common.scss */
.center {
  text-align: center;
}

/* line 1078, app/assets/stylesheets/base/common.scss */
.actions.right {
  margin-top: 1rem;
  float: right;
  text-align: right;
  position: relative;
  z-index: 1;
}

/* line 1086, app/assets/stylesheets/base/common.scss */
.button_actions input[type=submit] {
  color: #6848E3;
  background-color: #fff;
}

/* line 1091, app/assets/stylesheets/base/common.scss */
.actions.right .button {
  margin-left: 1.5rem;
}

/* line 1095, app/assets/stylesheets/base/common.scss */
.chevron-right, a.chevron-right {
  padding-right: 1.5rem;
  background-image: url(https://staging.getcampfire.com/assets/chevron-right-0bf557118295e770af70e961f86e2e4a64f939e00c8babd652dd6220218bceb6.svg);
  background-size: 1.125rem;
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

/* line 1103, app/assets/stylesheets/base/common.scss */
.chevron-left, a.chevron-left {
  padding-left: 1.5rem;
  background-image: url(https://staging.getcampfire.com/assets/chevron-left-b7a22ce5ed6f8253284215d8df75f5518b8654a5565d5748a93f36216f080269.svg);
  background-size: 1.125rem;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

/* line 1111, app/assets/stylesheets/base/common.scss */
a.back {
  padding-left: 1.5rem;
  background-image: url(https://staging.getcampfire.com/assets/back-800de4a2ed1066d792fc89a1123d78111a6ac9cd78cf47dd12b7567bd63c1de3.svg);
  background-size: 1.125rem;
  background-position: 0 0;
}

/* line 1118, app/assets/stylesheets/base/common.scss */
a.back.aligned {
  position: static;
  left: 0;
}

/* line 1123, app/assets/stylesheets/base/common.scss */
.upper-right-corner {
  padding: 0;
  background: #fff;
  text-align: center;
  height: 3rem;
  width: 3rem;
  border-radius: 100rem;
  border: 2px solid #fff;
  border-color: rgba(104, 72, 227, 0.25);
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 3px 10px 0 white;
  transition: all .25s ease;
}

/* line 1137, app/assets/stylesheets/base/common.scss */
.upper-right-corner.absolute {
  position: absolute;
  top: -1.125rem;
  right: -0.875rem;
  display: inline-block;
}

/* line 1143, app/assets/stylesheets/base/common.scss */
.upper-right-corner:hover {
  border-color: #6848e3;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
  transform: translateY(0);
}

/* line 1150, app/assets/stylesheets/base/common.scss */
.download-icon {
  background-image: url(https://staging.getcampfire.com/assets/download-icon-3d84b30d06ade69f8cf57a3aeb139bc5beeb1e38b190f240472f70ee7d07e814.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 24px;
  border-radius: .5rem;
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #E8E2F9;
}

/* line 1160, app/assets/stylesheets/base/common.scss */
.download-icon:hover, .download-icon:focus {
  border-color: #6A3DC5;
}

/* line 1165, app/assets/stylesheets/base/common.scss */
.back {
  padding-left: 1.25rem;
  background: url(https://staging.getcampfire.com/assets/back-800de4a2ed1066d792fc89a1123d78111a6ac9cd78cf47dd12b7567bd63c1de3.svg) no-repeat;
  background-size: 1rem;
  background-position: 0 50%;
  position: relative;
  left: -1.25rem;
}

/* line 1174, app/assets/stylesheets/base/common.scss */
.mini-container {
  margin-top: 2rem;
}

/* line 1178, app/assets/stylesheets/base/common.scss */
.separator {
  border-top: 1px solid #E2E7E9;
  margin: 2rem 0;
  height: 0;
}

/* line 1184, app/assets/stylesheets/base/common.scss */
.card {
  padding: 1rem 2rem;
  border: 1px solid #E2E7E9;
  border-radius: 5px;
  box-shadow: 0px 7.1px 10.7px 0px #0000000D;
}

/* line 1191, app/assets/stylesheets/base/common.scss */
.badge {
  display: inline-block;
  color: #F2994A;
  font-size: .6rem;
  text-transform: uppercase;
  letter-spacing: 0.075rem;
  border-radius: 3px;
  font-weight: 600;
  line-height: 1.1rem;
}

/* line 1202, app/assets/stylesheets/base/common.scss */
.badge.alt {
  color: #A8A8A8;
  padding: .25rem .5rem .125rem;
  background: #f5f2fc;
}

/* line 1208, app/assets/stylesheets/base/common.scss */
.badge.border {
  border-radius: 3rem;
  border: 1px solid #ddd;
}

/* line 1213, app/assets/stylesheets/base/common.scss */
.badge.lock {
  padding-left: 1rem;
  background-size: .7rem;
  background-repeat: no-repeat;
  background-position: 0rem 50%;
}

/* line 1220, app/assets/stylesheets/base/common.scss */
.badge.filled {
  background: #6848E3;
  padding: .375rem .5rem .125rem;
  color: #fff;
}

/* line 1226, app/assets/stylesheets/base/common.scss */
.badge.filled--subtle {
  background: #F1ECFF;
  padding: .375rem .5rem .125rem;
  color: #A679FF;
}

/* line 1232, app/assets/stylesheets/base/common.scss */
.badge.upgrade.filled {
  background: #DDD4FB;
  padding: .375rem .5rem .125rem;
  color: #6A3DC5;
}

/* line 1238, app/assets/stylesheets/base/common.scss */
.badge.free {
  background: #C5F6D5;
  padding: .275rem .375rem .125rem;
  color: #34C761;
}

/* line 1244, app/assets/stylesheets/base/common.scss */
.badge.warning {
  background: #F6F3C5;
  padding: .375rem .375rem .125rem;
  color: #C7B734;
}

/* line 1250, app/assets/stylesheets/base/common.scss */
.badge.reflection {
  padding-left: 1rem;
  background-image: url(https://staging.getcampfire.com/assets/reflect-orange-7631eb7850fef5680d54dc12841d37aa1816bd7ff5aa61cd4babb72ca96b09f6.svg);
  background-size: .8rem;
  background-repeat: no-repeat;
  background-position: 0rem 50%;
}

/* line 1258, app/assets/stylesheets/base/common.scss */
.badge.alt.reflection {
  background-image: url(https://staging.getcampfire.com/assets/reflect-d5d327e94c58e2b4070313230d9cef51868695ce745f8a10aa7c3f87c608d5c6.svg);
}

/* line 1262, app/assets/stylesheets/base/common.scss */
.badge.discussion {
  padding-left: 1rem;
  background-size: .8rem;
  background-repeat: no-repeat;
  background-position: 0rem 50%;
}

/* line 1269, app/assets/stylesheets/base/common.scss */
.badge.alt.discussion {
  background-image: url(https://staging.getcampfire.com/assets/chat-14d18bc8ec31c2cc679c4a861857dbb2962dda7ae6564cf9acd59c3b729dee76.svg);
}

/* line 1273, app/assets/stylesheets/base/common.scss */
.meta {
  display: inline-block;
  font-size: .8rem;
  text-transform: uppercase;
  color: #848484;
  letter-spacing: 0.075rem;
  font-weight: 400;
}

/* line 1282, app/assets/stylesheets/base/common.scss */
.meta.large {
  font-size: 1rem;
}

/* line 1286, app/assets/stylesheets/base/common.scss */
.radio_options label .teeny.block {
  display: block;
  color: #999;
}

/* line 1291, app/assets/stylesheets/base/common.scss */
.teeny, .radio_options label span.teeny {
  font-size: .8rem;
}

/* line 1295, app/assets/stylesheets/base/common.scss */
.attributes {
  margin: 0 0 2rem 0;
}

/* line 1299, app/assets/stylesheets/base/common.scss */
.attributes em {
  margin: 0 .5rem;
  font-size: 1.5rem;
  font-weight: 100;
  color: #ddd;
  position: relative;
  top: .25rem;
}

/* line 1309, app/assets/stylesheets/base/common.scss */
.field .form-tip {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
  color: #888;
  font-size: .9rem;
}

/* line 1318, app/assets/stylesheets/base/common.scss */
textarea:focus ~ .form-tip, input:focus ~ .form-tip {
  color: #8509d2;
  color: #7408c1;
}

/* line 1324, app/assets/stylesheets/base/common.scss */
.description {
  display: block;
  color: #999;
  font-size: .8rem;
  margin: 0.25rem 0 1.25rem;
  position: relative;
}

/* line 1332, app/assets/stylesheets/base/common.scss */
.description-text {
  color: #999;
  font-size: 1rem;
}

/* line 1337, app/assets/stylesheets/base/common.scss */
.field label + .description {
  margin-bottom: 0;
}

/* line 1341, app/assets/stylesheets/base/common.scss */
.field .description.page_num {
  margin-bottom: 0;
}

/* line 1346, app/assets/stylesheets/base/common.scss */
.field .description.required {
  color: #ff4d4d;
  opacity: .75;
}

/* line 1351, app/assets/stylesheets/base/common.scss */
.field textarea + .description {
  margin-top: -0.2rem;
}

/* line 1355, app/assets/stylesheets/base/common.scss */
.text-right {
  text-align: right;
}

/* line 1357, app/assets/stylesheets/base/common.scss */
.screenreader-only {
  height: 1px;
  position: absolute;
  left: -9999rem;
  width: 1px;
}

/* line 1364, app/assets/stylesheets/base/common.scss */
.flash {
  border-radius: 5px;
  color: #fff;
  font-weight: 450;
  margin: 0 auto;
  padding: 1.25rem 1.75rem 1rem;
  position: absolute;
  right: 5px;
  text-align: left;
  top: 5px;
  z-index: 99;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

/* line 1380, app/assets/stylesheets/base/common.scss */
.fullpage-notice {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  border-radius: 11px;
  padding: 5rem;
  color: #777;
}

/* line 1390, app/assets/stylesheets/base/common.scss */
.fullpage-notice p {
  text-align: center;
  font-size: 1.375rem;
  font-weight: 400;
  width: 100%;
  max-width: 400px;
  margin-top: 2rem;
}

/* line 1399, app/assets/stylesheets/base/common.scss */
.inline-notice {
  border: 1px solid #F8F5FC;
  background: #E8E2F9;
  padding: 1rem 2rem;
  border-radius: 5px;
  font-size: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

/* line 1408, app/assets/stylesheets/base/common.scss */
.inline-notice .image {
  position: absolute;
  left: 1rem;
  top: 0.75rem;
}

/* line 1414, app/assets/stylesheets/base/common.scss */
.inline-notice .image + .text {
  padding-left: 1.25rem;
}

/* line 1419, app/assets/stylesheets/base/common.scss */
.flash--notice, .flash--success {
  color: #005d14;
  background: #a8e4bc;
}

/* line 1424, app/assets/stylesheets/base/common.scss */
.flash--alert, .flash--error {
  color: #bb0000;
  background: #ecb4b4;
}

/* line 1429, app/assets/stylesheets/base/common.scss */
.flash__closeBtn {
  background: 0;
  border: 0;
  box-shadow: none;
  color: inherit;
  display: inline-block;
  margin: 0 0 0 1rem;
  padding: 0;
  transform: translateY(-2px);
}

/* line 1440, app/assets/stylesheets/base/common.scss */
.flash__closeBtn:hover {
  box-shadow: none;
  background-color: #6A3DC5;
}

/* line 1445, app/assets/stylesheets/base/common.scss */
.flash__closeBtn .close-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(https://staging.getcampfire.com/assets/close-a3e36ab00c69ea610056ff375891785e778053b1d04673d50aff699e62c1f3cb.svg) no-repeat 50% 50%;
}

/* line 1452, app/assets/stylesheets/base/common.scss */
.flash__closeBtn:hover .close-icon {
  background: url(https://staging.getcampfire.com/assets/close-white-0e8af4433a441550d6aa927a589535075c52f379d3db81660be1cb793a9852bd.svg) no-repeat 50% 50%;
}

/* line 1456, app/assets/stylesheets/base/common.scss */
pre {
  background-color: #fefefe;
  padding: 10px;
  font-size: 21px;
}

/* line 1462, app/assets/stylesheets/base/common.scss */
#notice {
  color: green;
}

/* line 1466, app/assets/stylesheets/base/common.scss */
.field_with_errors input, .field_with_errors textarea {
  border: 2px solid #FF7474;
  border-radius: 3px;
}

/* line 1471, app/assets/stylesheets/base/common.scss */
.field_with_errors label span.required {
  color: #fff;
}

/* line 1475, app/assets/stylesheets/base/common.scss */
#error_explanation {
  max-width: 500px;
  border: 2px solid #FF7474;
  padding: 1.25rem 1.5rem;
  margin-bottom: 20px;
  background-color: #FFF3F3;
  border-radius: 3px;
}

/* line 1484, app/assets/stylesheets/base/common.scss */
#error_explanation h2 {
  font-size: 1.1rem;
  font-family: inherit;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: 0;
}

/* line 1492, app/assets/stylesheets/base/common.scss */
#error_explanation ul li {
  font-size: 1rem;
  list-style: square;
}

/* line 1497, app/assets/stylesheets/base/common.scss */
label {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: .66rem;
  letter-spacing: .075rem;
  padding: 1rem 0 .25rem 0;
}

/* line 1506, app/assets/stylesheets/base/common.scss */
span.required {
  font-size: 1.1rem;
  text-transform: lowercase;
  color: brown;
  display: inline-block;
  letter-spacing: .05rem;
}

/* line 1515, app/assets/stylesheets/base/common.scss */
span.extra {
  font-weight: 400;
  text-transform: capitalize;
  color: #9397AB;
  display: inline-block;
  margin-left: .25rem;
  letter-spacing: .05rem;
}

/* line 1524, app/assets/stylesheets/base/common.scss */
a.option {
  border: .25rem solid #eee;
  display: inline-block;
  padding: 1.5rem;
  background: #fff;
  position: relative;
  z-index: 2;
  border-radius: .5rem;
  color: rgba(0, 0, 0, 0.65);
  transition: 0.5s cubic-bezier(0.17, 0.67, 0.18, 0.96);
}

/* line 1535, app/assets/stylesheets/base/common.scss */
a.option span {
  text-align: center;
  display: block;
}

/* line 1540, app/assets/stylesheets/base/common.scss */
a.option:hover {
  text-decoration: none;
  transform: scale(1.05);
  transition: 0.5s cubic-bezier(0.17, 0.67, 0.18, 0.96);
  outline: none;
  position: relative;
  cursor: pointer;
  z-index: 5;
  border-color: #40DFBC;
}

/* line 1551, app/assets/stylesheets/base/common.scss */
a.emphasize {
  color: #542ADC;
}

/* line 1555, app/assets/stylesheets/base/common.scss */
.side_by_side {
  display: inline-block;
}

/* line 1560, app/assets/stylesheets/base/common.scss */
.segmented-control {
  display: flex;
  max-width: 336px;
  width: 100%;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 1;
  margin: 0;
  border: 1px solid #ccc;
  border-radius: .5rem;
  color: #222;
  overflow: hidden;
  position: relative;
}

/* line 1576, app/assets/stylesheets/base/common.scss */
.segmented-control > input[type=radio] {
  position: absolute;
  z-index: -1;
  left: -20px;
}

/* line 1582, app/assets/stylesheets/base/common.scss */
.segmented-control > input[type=radio]:checked + label {
  color: #fff;
}

/* line 1585, app/assets/stylesheets/base/common.scss */
.segmented-control > input[type=radio]:nth-of-type(1):checked ~ label:last-of-type:before {
  transform: translateX(calc(0% + 0px));
}

/* line 1588, app/assets/stylesheets/base/common.scss */
.segmented-control > input[type=radio]:nth-of-type(2):checked ~ label:last-of-type:before {
  transform: translateX(calc(100% + 0px));
}

/* line 1591, app/assets/stylesheets/base/common.scss */
.segmented-control > input[type=radio]:nth-of-type(3):checked ~ label:last-of-type:before {
  transform: translateX(calc(200% + 0px));
}

/* line 1594, app/assets/stylesheets/base/common.scss */
.segmented-control label {
  flex: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  margin: 0;
  text-transform: none;
  font-size: 1rem;
  font-weight: normal;
}

/* line 1607, app/assets/stylesheets/base/common.scss */
.segmented-control label:last-of-type:before {
  content: "";
  display: block;
  max-width: calc(33.3333333333% - 0px);
  margin: 0px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  transform: translateX(0);
}

/* line 1620, app/assets/stylesheets/base/common.scss */
.segmented-control label {
  padding: .5rem;
  transition: color 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
}

/* line 1624, app/assets/stylesheets/base/common.scss */
.segmented-control label:before {
  background: #8509d2;
  transition: all 250ms cubic-bezier(0, 0.95, 0.38, 0.98);
}

/* line 1628, app/assets/stylesheets/base/common.scss */
.segmented-control label:not(:last-child) {
  border-right: 1px solid #ccc;
}

/* line 1632, app/assets/stylesheets/base/common.scss */
ul.vertical_options {
  margin-left: 0;
  padding-left: 0;
}

/* line 1636, app/assets/stylesheets/base/common.scss */
ul.vertical_options li {
  list-style-type: none;
}

/* line 1639, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label {
  cursor: pointer;
  text-transform: none;
  font-weight: 400;
  letter-spacing: 0;
  font-size: 1rem;
  display: grid;
  grid-template-columns: 1.875rem auto;
  gap: 0.5rem;
  align-items: center;
  box-sizing: border-box;
}

/* line 1651, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label span {
  white-space: nowrap;
  padding-top: 3px;
}

/* line 1656, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: #F8F5FC;
  /* Not removed via appearance */
  margin: 0;
  color: #6A3DC5;
  width: 1rem;
  height: 1rem;
  border: 2px solid #E8E2F9;
  border-radius: 2rem;
  transform: translateY(-0.075rem) scale(90%);
  display: grid;
  place-content: center;
}

/* line 1675, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label input[type=radio]::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 1rem;
  transform: scale(0);
  transition: 200ms transform ease-in-out;
  box-shadow: inset 1rem 1rem #9D88ED;
  background-color: #9D88ED;
}

/* line 1685, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label input[type=radio]:checked {
  border: 2px solid #fff;
  position: relative;
}

/* line 1689, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label input[type=radio]:checked::before {
  transform: scale(1) translateY(0);
}

/* line 1693, app/assets/stylesheets/base/common.scss */
ul.vertical_options li label input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 2px solid #9D88ED;
  border-radius: 2rem;
}

/* line 1709, app/assets/stylesheets/base/common.scss */
.radio_options {
  margin: 3rem 0 3rem;
  clear: both;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2rem 1rem;
}

/* line 1718, app/assets/stylesheets/base/common.scss */
.radio_options.mini {
  margin: 0 0 2rem -1rem;
}

/* line 1722, app/assets/stylesheets/base/common.scss */
.radio_options span {
  vertical-align: middle;
}

/* line 1726, app/assets/stylesheets/base/common.scss */
.radio_options .label {
  line-height: 3rem;
  margin: 0;
  position: relative;
  top: 0.5rem;
}

/* line 1733, app/assets/stylesheets/base/common.scss */
.radio_wrapper {
  display: inline-block;
}

/* line 1736, app/assets/stylesheets/base/common.scss */
.radio_wrapper.full {
  display: block;
}

/* line 1740, app/assets/stylesheets/base/common.scss */
.radio_options input[type=checkbox] + label, .radio_options input[type=radio] + label {
  text-transform: none;
  display: inline-block;
  padding: 1.625rem 2rem;
  background-color: #fff;
  position: relative;
  left: -1.25rem;
  top: -1.25rem;
  z-index: 2;
  transition: 0.2s cubic-bezier(0.17, 0.67, 0.18, 0.96);
  color: #515087;
  font-weight: 400;
  border: 3px solid #E8E2F9;
  margin: 0;
  box-shadow: 0 0 0 3px #F8F5FC;
  border-radius: 7px;
}

/* line 1759, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio], .radio_options input[type=checkbox] {
  position: relative;
  left: 1.25rem;
  top: 1.25rem;
  z-index: -1;
}

/* line 1766, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio]:checked:disabled + label, .radio_options input[type=radio]:disabled + label, .radio_options input[type=checkbox]:checked:disabled + label, .radio_options input[type=checkbox]:disabled + label {
  background: #F8F8F8;
  border: 1px solid rgba(191, 191, 191, 0.15);
  box-sizing: border-box;
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
}

/* line 1774, app/assets/stylesheets/base/common.scss */
.radio_options label strong {
  font-weight: 600;
}

/* line 1778, app/assets/stylesheets/base/common.scss */
.radio_options label span {
  font-size: 1.125rem;
  font-weight: 400;
}

/* line 1783, app/assets/stylesheets/base/common.scss */
.radio_options.mini label {
  text-transform: capitalize;
  border: 2px solid #eee;
  display: inline-block;
  padding: .75rem 1.25rem .75rem 2.5rem;
  background: #fff;
  position: relative;
  z-index: 2;
  border-radius: .5rem;
  color: rgba(0, 0, 0, 0.65);
  transition: 0.5s cubic-bezier(0.17, 0.67, 0.18, 0.96);
}

/* line 1796, app/assets/stylesheets/base/common.scss */
.radio_options.mini label.discussion {
  background-image: url(https://staging.getcampfire.com/assets/chat-14d18bc8ec31c2cc679c4a861857dbb2962dda7ae6564cf9acd59c3b729dee76.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: .9rem;
}

/* line 1803, app/assets/stylesheets/base/common.scss */
.radio_options.mini label.reflection {
  background-image: url(https://staging.getcampfire.com/assets/reflect-d5d327e94c58e2b4070313230d9cef51868695ce745f8a10aa7c3f87c608d5c6.svg);
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: .9rem;
}

/* line 1810, app/assets/stylesheets/base/common.scss */
.radio_options.mini label.private {
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: .95rem;
}

/* line 1816, app/assets/stylesheets/base/common.scss */
.radio_options.mini label.public {
  background-repeat: no-repeat;
  background-position: 1.25rem 50%;
  background-size: .95rem;
}

/* line 1822, app/assets/stylesheets/base/common.scss */
.radio_options.mini label {
  font-size: .8rem;
  font-weight: 500;
}

/* line 1827, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio]:focus + label,
.radio_options input[type=radio]:hover + label,
.radio_options input[type=checkbox]:focus + label,
.radio_options input[type=checkbox]:hover + label {
  transform: scale(1.025);
  transition: 0.2s cubic-bezier(0.17, 0.67, 0.18, 0.96);
  outline: none;
  position: relative;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 0 0 3px rgba(133, 82, 209, 0.05), 0 1.5rem 3rem -2.1rem rgba(20, 0, 20, 0.65);
}

/* line 1841, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio]:disabled:focus + label,
.radio_options input[type=radio]:disabled:hover + label,
.radio_options input[type=checkbox]:disabled:focus + label,
.radio_options input[type=checkbox]:disabled:hover + label {
  transform: scale(1);
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.12);
}

/* line 1850, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio]:checked + label,
.radio_options input[type=checkbox]:checked + label {
  border: 2px solid #6A3DC5;
  transform: scale(1.1);
  transition: 0.2s cubic-bezier(0.17, 0.67, 0.18, 0.96);
  outline: none;
  position: relative;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 0 0 2px rgba(133, 82, 209, 0.25), 0 1.9rem 3.4rem -2.1rem rgba(20, 0, 20, 0.65);
  color: #6A3DC5;
}

/* line 1864, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio] + label:after,
.radio_options input[type=checkbox] + label:after {
  content: "";
  position: absolute;
  width: 2rem;
  height: 2rem;
  left: calc(50% - 1rem);
  bottom: -1rem;
  transform: scale(0.25);
  background-image: url(https://staging.getcampfire.com/assets/radio-check-purple-aa4be4b43190900625c85675ba9e3a692b6f76b90004198a23c0178c5ee90961.svg);
  background-size: 1.75rem;
  background-repeat: no-repeat;
  transition: 0.2s cubic-bezier(0.17, 0.67, 0.18, 0.96);
  opacity: 0;
  background-position: 50% 50%;
}

/* line 1880, app/assets/stylesheets/base/common.scss */
.radio_options.mini input[type=radio] + label:after {
  background-size: 1.25rem;
  bottom: -1rem;
}

/* line 1885, app/assets/stylesheets/base/common.scss */
.radio_options input[type=radio]:checked + label:after,
.radio_options input[type=checkbox]:checked + label:after {
  opacity: 1;
  transform: scale(1);
  transition: 0.2s cubic-bezier(0.17, 0.67, 0.18, 0.96);
}

/* line 1891, app/assets/stylesheets/base/common.scss */
.full {
  position: relative;
}

/* line 1894, app/assets/stylesheets/base/common.scss */
.radio_options label .ribbon:before {
  content: '';
  border-bottom: 20px solid rgba(0, 0, 0, 0.2);
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  height: 0;
  width: 42px;
  position: absolute;
  top: 4px;
  right: -16px;
}

/* line 1906, app/assets/stylesheets/base/common.scss */
.radio_options label .ribbon {
  /*background: rgba(100,0,0,.2);*/
  position: absolute;
  width: 50px;
  top: 8px;
  right: -3px;
  text-align: center;
  line-height: 30px;
  color: #000;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  z-index: 6;
  text-transform: uppercase;
  font-size: .6rem;
  font-weight: 700;
}

/* line 1925, app/assets/stylesheets/base/common.scss */
.radio_options label .ribbon span {
  position: absolute;
  z-index: 7;
  color: #000;
}

/* line 1931, app/assets/stylesheets/base/common.scss */
.toggles [disabled] + label,
.toggles [disabled]:hover + label {
  color: #999;
}

/* line 1936, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"] {
  position: absolute;
  top: auto;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  white-space: nowrap;
}

/* line 1946, app/assets/stylesheets/base/common.scss */
div.toggles {
  margin-bottom: 1.75rem;
}

/* line 1950, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"] + label {
  display: block;
  position: relative;
  max-width: calc(100% - 2rem);
  line-height: 0rem;
  padding: 1.25rem 0.6rem 0.6rem 4.25rem;
}

/* line 1958, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:focus + label {
  color: #000;
}

/* line 1962, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:focus + label::before {
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
  background: #8509d2;
  border-color: #8509d2;
}

/* line 1968, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:focus + label::after {
  background-color: #fff;
  background-size: 30%;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
  border-color: #8509d2;
}

/* line 1977, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"] + label::before,
.toggles [type="checkbox"] + label::after {
  content: "";
  position: absolute;
  height: 1.75rem;
  transition: all 0.25s ease;
}

/* line 1986, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"] + label::before {
  left: 0;
  top: 0.2rem;
  width: 3.33rem;
  border: 3px solid #767676;
  background: #767676;
  border-radius: 1.1rem;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
}

/* line 1996, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"] + label::after {
  left: 0.075rem;
  top: 0.32rem;
  background-color: #fff;
  background-position: center center;
  border-radius: 50%;
  width: 1.7rem;
  height: 1.65rem;
  border: 2px solid #767676;
  box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.25);
}

/* line 2008, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:checked + label::after {
  left: 1.675rem;
  border-color: #8509d2;
  color: #8509d2;
}

/* line 2013, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:checked:focus + label::after {
  border-color: #8509d2;
}

/* line 2018, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:indeterminate + label::after {
  left: 0.8rem;
}

/* line 2022, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:indeterminate + label::before {
  background-color: #ddd;
}

/* line 2026, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:checked + label::before {
  background-color: #8509d2;
  border-color: #8509d2;
}

/* line 2031, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"]:checked:focus + label::before {
  border: 3px solid #8509d2;
  background-color: #8509d2;
}

/* line 2037, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"][disabled] + label::before {
  background-color: transparent;
  border-color: #ddd;
}

/* line 2042, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"][disabled] + label::after {
  border-color: #ddd;
}

/* line 2046, app/assets/stylesheets/base/common.scss */
.toggles [disabled]:hover + label {
  color: #999;
  /* case for CSS custom property if not supporting IE/Edge */
}

/* line 2050, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"][disabled]:hover + label::before {
  box-shadow: none;
}

/* line 2054, app/assets/stylesheets/base/common.scss */
.toggles [type="checkbox"][disabled]:hover + label::after {
  background-image: none;
}

/* Put toggles on the right like the iOS the kids like */
/* line 2060, app/assets/stylesheets/base/common.scss */
.toggles.flip [type="checkbox"] + label::before,
.toggles.flip [type="checkbox"] + label::after {
  left: auto;
  right: 0;
}

/* line 2066, app/assets/stylesheets/base/common.scss */
.toggles.flip [type="checkbox"] + label::after {
  left: auto;
  right: 1.6rem;
}

/* line 2071, app/assets/stylesheets/base/common.scss */
.toggles.flip [type="checkbox"]:checked + label::after {
  right: 0;
}

/* line 2075, app/assets/stylesheets/base/common.scss */
.toggles.flip [type="checkbox"]:indeterminate + label::after {
  right: 0.8rem;
}

/* line 2079, app/assets/stylesheets/base/common.scss */
.toggles.flip [type="checkbox"] + label {
  padding-left: 0;
  padding-right: 4rem;
}

/* line 2084, app/assets/stylesheets/base/common.scss */
.overlay {
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  max-width: 800px;
  min-height: 300px;
  padding: 0rem;
  margin: 2rem auto 4rem;
  border: 5px solid rgba(255, 255, 255, 0.5);
  border-radius: 9px;
  box-shadow: 0 0 2px rgba(96, 41, 165, 0.25), 0 1rem 1.5rem -1rem rgba(0, 0, 0, 0.13);
}

/* line 2098, app/assets/stylesheets/base/common.scss */
.overlay h3 {
  font-size: 2.375rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* line 2104, app/assets/stylesheets/base/common.scss */
.overlay h4 {
  font-size: 1.375rem;
  margin-bottom: 1.5rem;
  font-weight: 400;
}

/* line 2110, app/assets/stylesheets/base/common.scss */
.overlay .content {
  padding: 6rem;
  text-align: center;
}

/* line 2115, app/assets/stylesheets/base/common.scss */
.overlay .radio_options label {
  padding: 2rem 2.25rem 1.875rem;
  font-size: 1.125rem;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3), 0 0.7rem 2.5rem -1.8rem rgba(0, 0, 0, 0.75);
}

/* line 2121, app/assets/stylesheets/base/common.scss */
.overlay .radio_options input[type=radio] {
  left: 3.25rem;
  top: 0.55rem;
}

/* line 2126, app/assets/stylesheets/base/common.scss */
#slide-preview-write-read-activity-prompt {
  background: #F0F0F9;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
}

/* line 2135, app/assets/stylesheets/base/common.scss */
#slide-preview-write-read-activity-prompt p {
  margin: 2rem;
  font-weight: 600;
}

/* line 2141, app/assets/stylesheets/base/common.scss */
body.devise {
  margin: 0;
  padding: 0;
}

/* line 2145, app/assets/stylesheets/base/common.scss */
body.devise .page {
  min-height: 100vh;
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 100vw;
  background: #262F56;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  align-items: center;
  background-image: url(https://staging.getcampfire.com/assets/purple-sign-in-background-a44ac39ee6eb76d30644fceae12cf86d57830bd80a1f683b0682490a0fce28fb.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 50%;
}

/* line 2165, app/assets/stylesheets/base/common.scss */
body.users-registrations .messaging {
  margin: 1rem -1rem 1rem 0;
  padding: 0 6rem 0 7rem;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  width: 100%;
  max-width: 850px;
  box-sizing: border-box;
  color: #2c136a;
  color: #322f5d;
  text-align: left;
  border-radius: 11px 0 0 11px;
  background-image: radial-gradient(75vw 75vh at 90% 85%, rgba(247, 227, 184, 0.92), rgba(140, 82, 177, 0.65));
}

/* line 2181, app/assets/stylesheets/base/common.scss */
body.users-registrations .messaging h1 {
  letter-spacing: -0.1rem;
  margin-bottom: 0rem;
  font-weight: 800;
  font-size: 4.875rem;
  line-height: 0.9;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25), -1px -1px 2px rgba(243, 232, 210, 0.25), 2px 4px 15px rgba(241, 194, 91, 0.25);
}

/* line 2191, app/assets/stylesheets/base/common.scss */
body.users-registrations .messaging p {
  color: rgba(0, 0, 0, 0.75);
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0;
}

/* line 2200, app/assets/stylesheets/base/common.scss */
#login-modal {
  border-radius: 15px;
  display: flex;
  overflow: hidden;
}

/* line 2205, app/assets/stylesheets/base/common.scss */
#login-modal form {
  width: 100%;
}

/* line 2209, app/assets/stylesheets/base/common.scss */
#login-modal input[type="email"],
#login-modal input[type="text"],
#login-modal input[type="password"] {
  width: 100%;
}

/* line 2216, app/assets/stylesheets/base/common.scss */
#login-modal .flash {
  position: relative;
  right: 0px;
  top: 0px;
  margin-bottom: 1rem;
}

/* line 2223, app/assets/stylesheets/base/common.scss */
#login-modal .flash--alert, #login-modal .flash--error {
  color: #D66464;
  background: #FEC5C6;
}

/* line 2228, app/assets/stylesheets/base/common.scss */
#login-modal .flash__closeBtn {
  display: none;
}

/* line 2232, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container {
  background: #fff;
  padding: 4rem;
  min-width: 350px;
  align-content: center;
}

/* line 2238, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container .field, #login-modal .modal-container .container {
  text-align: left;
}

/* line 2242, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container .login-links {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-top: 2rem;
  gap: 1.5rem;
}

/* line 2249, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container .login-links a {
  display: block;
  color: #6848E3;
  font-weight: 600;
  font-size: 0.875rem;
}

/* line 2257, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container .login-option-section {
  position: relative;
  width: 100%;
}

/* line 2261, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container .login-option-section span {
  display: inline-block;
  color: #9397AB;
  font-size: 14px;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 1rem;
  line-height: 1;
}

/* line 2272, app/assets/stylesheets/base/common.scss */
#login-modal .modal-container .login-option-section:after {
  content: "";
  position: absolute;
  border-top: 1px solid #E8F2F9;
  left: 0;
  top: 50%;
  width: 100%;
  z-index: 0;
}

/* Windows High Contrast Mode Support */
@media screen and (-ms-high-contrast: active) {
  /* line 2287, app/assets/stylesheets/base/common.scss */
  .toggles [type="checkbox"]:focus + label::before {
    outline: 1px dotted windowText;
    outline-offset: 0.25rem;
  }
  /* line 2291, app/assets/stylesheets/base/common.scss */
  .toggles [type="checkbox"] + label::after {
    background-color: windowText;
  }
  /* line 2294, app/assets/stylesheets/base/common.scss */
  .toggles [type="checkbox"][disabled] + label::after {
    background-color: transparent;
  }
}

/* Reduced motion */
@media screen and (prefers-reduced-motion: reduce) {
  /* line 2301, app/assets/stylesheets/base/common.scss */
  .toggles [type="checkbox"] + label::before,
.toggles [type="checkbox"] + label::after {
    transition: none;
  }
}

/* RTL */
/* https://twitter.com/dror3go/status/1102946375396982784 */
/* line 2309, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles [type="checkbox"] + label {
  padding-left: 0;
  padding-right: 4rem;
}

/* line 2314, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles [type="checkbox"] + label::before,
*[dir="rtl"] .toggles [type="checkbox"] + label::after {
  left: auto;
  right: 0;
}

/* line 2320, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles [type="checkbox"] + label::after {
  right: 0;
}

/* line 2324, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles [type="checkbox"]:checked + label::after {
  right: 1.6rem;
}

/* line 2328, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles [type="checkbox"]:indeterminate + label::after {
  right: 0.8rem;
}

/* Put toggles on the right like the iOS the kids like */
/* line 2334, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles.flip [type="checkbox"] + label::before,
*[dir="rtl"] .toggles.flip [type="checkbox"] + label::after {
  left: 0;
  right: auto;
}

/* line 2340, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles.flip [type="checkbox"] + label::after {
  right: auto;
  left: 1.6rem;
}

/* line 2345, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles.flip [type="checkbox"]:checked + label::after {
  left: 0;
}

/* line 2349, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles.flip [type="checkbox"]:indeterminate + label::after {
  left: 0.8rem;
}

/* line 2353, app/assets/stylesheets/base/common.scss */
*[dir="rtl"] .toggles.flip [type="checkbox"] + label {
  padding-right: 0;
  padding-left: 4rem;
}

/* line 2359, app/assets/stylesheets/base/common.scss */
.tooltip {
  display: inline-block;
  position: absolute;
  text-align: center;
  right: 2px;
  top: -10px;
}

/* line 2367, app/assets/stylesheets/base/common.scss */
.tooltip .top {
  min-width: 120px;
  top: -4px;
  left: 50%;
  transform: translate(-50%, -100%);
  padding: 0px 0px;
  color: #FFFFFF;
  background-color: #60B62D;
  font-weight: normal;
  font-size: 14px;
  border-radius: 5px;
  position: absolute;
  z-index: 99999999;
  box-sizing: border-box;
}

/* line 2383, app/assets/stylesheets/base/common.scss */
.tooltip .top p {
  margin: 8px 0;
}

/* line 2387, app/assets/stylesheets/base/common.scss */
.tooltip .top i {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 12px;
  overflow: hidden;
}

/* line 2397, app/assets/stylesheets/base/common.scss */
.tooltip .top i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: #60B62D;
}

/* line 2407, app/assets/stylesheets/base/common.scss */
.print {
  visibility: hidden;
}

/* line 2411, app/assets/stylesheets/base/common.scss */
.no-wrap {
  white-space: nowrap;
}

/* line 2415, app/assets/stylesheets/base/common.scss */
.ellipsis {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 2422, app/assets/stylesheets/base/common.scss */
.stripped_p {
  margin-top: 0px;
}

/* line 2426, app/assets/stylesheets/base/common.scss */
.loading {
  display: block;
  animation: loading 1s infinite ease-in-out;
}

/* line 2431, app/assets/stylesheets/base/common.scss */
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}

/* line 2442, app/assets/stylesheets/base/common.scss */
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

/* line 2454, app/assets/stylesheets/base/common.scss */
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}

/* line 2460, app/assets/stylesheets/base/common.scss */
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

/* line 2465, app/assets/stylesheets/base/common.scss */
.loader:after {
  left: 3.5em;
}

/* line 2471, app/assets/stylesheets/base/common.scss */
.activity-indicator, .activity-indicator:before, .activity-indicator:after {
  position: relative;
  height: 6px;
  width: 6px;
  background-color: #AA9CC1;
  border-radius: 10px;
}

/* line 2478, app/assets/stylesheets/base/common.scss */
.activity-indicator:before, .activity-indicator:after {
  content: "";
  position: absolute;
}

/* line 2482, app/assets/stylesheets/base/common.scss */
.activity-indicator:before {
  left: 7px;
}

/* line 2485, app/assets/stylesheets/base/common.scss */
.activity-indicator:after {
  left: 14px;
}

/* line 2489, app/assets/stylesheets/base/common.scss */
.activity-indicator, .activity-indicator:before, .activity-indicator:after {
  -webkit-animation: activityAnimation .875s infinite ease-in-out;
  border-radius: 2px;
  display: inline-block;
  height: 4px;
  margin-right: 2px;
  width: 4px;
}

@-webkit-keyframes activityAnimation {
  0% {
    transform: translateY(0px);
    opacity: 1;
  }
  28% {
    transform: translateY(-3px);
    opacity: 1;
  }
  44% {
    transform: translateY(0px);
    opacity: .6;
  }
}

/* line 2513, app/assets/stylesheets/base/common.scss */
.activity-indicator {
  -webkit-animation-delay: 200ms;
}

/* line 2516, app/assets/stylesheets/base/common.scss */
.activity-indicator:before {
  -webkit-animation-delay: 300ms;
}

/* line 2519, app/assets/stylesheets/base/common.scss */
.activity-indicator:after {
  -webkit-animation-delay: 400ms;
}

/* line 2523, app/assets/stylesheets/base/common.scss */
turbo-frame {
  display: inline;
}

@-webkit-keyframes load7 {
  0%,
80%,
100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7 {
  0%,
80%,
100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes loading {
  0%,
80%,
100% {
    opacity: 1;
    transform: translateX(0);
  }
  40% {
    opacity: .5;
    transform: translateX(-2px);
  }
}

/* line 2565, app/assets/stylesheets/base/common.scss */
.color-purple {
  color: #6A3DC5;
}

/* line 2569, app/assets/stylesheets/base/common.scss */
.color-red {
  color: #D66464;
}

/* line 2573, app/assets/stylesheets/base/common.scss */
.color-white {
  color: #fff;
}

/* line 2577, app/assets/stylesheets/base/common.scss */
.color-light-gray {
  color: #9397AB;
}

/* line 2581, app/assets/stylesheets/base/common.scss */
.pointer:hover {
  cursor: pointer;
}

/* line 2585, app/assets/stylesheets/base/common.scss */
.bold {
  font-weight: bold;
}

/* line 2589, app/assets/stylesheets/base/common.scss */
.semi-bold {
  font-weight: 600;
}

/* line 2593, app/assets/stylesheets/base/common.scss */
.italic {
  font-style: italic;
}

/* line 2597, app/assets/stylesheets/base/common.scss */
.underline {
  text-decoration: underline;
}

/* line 2601, app/assets/stylesheets/base/common.scss */
.caps {
  text-transform: uppercase;
}

/* line 2605, app/assets/stylesheets/base/common.scss */
.text-spread {
  letter-spacing: 0.1rem;
}

/* line 2609, app/assets/stylesheets/base/common.scss */
.text-small {
  font-size: .875rem;
}

/* line 2613, app/assets/stylesheets/base/common.scss */
.text-normal {
  font-size: 1rem;
}

/* line 2617, app/assets/stylesheets/base/common.scss */
.text-medium {
  font-size: 1.25rem;
}

/* line 2621, app/assets/stylesheets/base/common.scss */
.text-large {
  font-size: 1.625rem;
}

/* line 2625, app/assets/stylesheets/base/common.scss */
.text-xlarge {
  font-size: 2.125rem;
}

/* line 2629, app/assets/stylesheets/base/common.scss */
.star-wrapper {
  white-space: nowrap;
}

/* line 2634, app/assets/stylesheets/base/common.scss */
table thead {
  position: relative;
}

/* line 2639, app/assets/stylesheets/base/common.scss */
table .thumb_label:before {
  background-color: #262F56;
  border-radius: 9px;
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* line 2652, app/assets/stylesheets/base/common.scss */
table .thumb_label.down:before {
  background-image: url(https://staging.getcampfire.com/assets/thumb-down-filled-405bcc3fa69d16b5cb42e62b85cc79fef79fea3fe848abc8f98fd0e706e66303.svg);
}

/* line 2658, app/assets/stylesheets/base/common.scss */
table .thumb_label.up:before {
  background-image: url(https://staging.getcampfire.com/assets/thumb-filled-795b291bded61f1f157ae9b678ef47f06d45f6be470cedb0efa91c9885a28099.svg);
}

/* line 2665, app/assets/stylesheets/base/common.scss */
.sortable-handle {
  width: 30px;
  cursor: grab;
}

/* line 2668, app/assets/stylesheets/base/common.scss */
.sortable-handle img {
  width: 24px;
}

/* line 2674, app/assets/stylesheets/base/common.scss */
body.catalogs.index h5.catalog-header {
  margin-bottom: 1rem;
}

/* line 2680, app/assets/stylesheets/base/common.scss */
a.resurrect img {
  height: 24px;
  color: #262F56;
}

/* line 2686, app/assets/stylesheets/base/common.scss */
div.active-meeting-header {
  padding: 10px;
  text-align: center;
  margin: auto;
  background-color: #6439b9;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  margin-top: -1rem;
}

/* line 2687, app/assets/stylesheets/base/common.scss */
div.active-meeting-header a {
  margin: 10px;
}

/* line 2690, app/assets/stylesheets/base/common.scss */
div.active-meeting-header span {
  margin-left: 10px;
}

/* line 2705, app/assets/stylesheets/base/common.scss */
.js-select {
  position: relative;
  cursor: pointer;
  background-color: white;
  pointer-events: initial;
  font-weight: 500;
}

/* line 2712, app/assets/stylesheets/base/common.scss */
.js-select .drop-arrow {
  padding: 15px 60px 15px 10px;
  background: url(https://staging.getcampfire.com/assets/dropdown-arrow-0db1386e065e9f6efc1e7fe908841c100a6edbd9da4f0eb49fe348e5ed90e173.svg) no-repeat #fff;
  background-position: calc(100% - .75rem) 50%;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;
}

/* line 2719, app/assets/stylesheets/base/common.scss */
.js-select .exit-out {
  overflow: hidden;
  border: 1px solid #E8E2F9;
  border-radius: 3px;
  padding: 15px 60px 15px 10px;
  color: #999;
  background: url(https://staging.getcampfire.com/assets/close-gray-8fa753ca15355171005a4a86d00f2a489246e800d3ee109611d356c8bdb0b674.svg) no-repeat #fff;
  background-position: calc(100% - .75rem) 50%;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-size: 1.3rem;
}

/* line 2732, app/assets/stylesheets/base/common.scss */
.js-select .exit-out:hover, .js-select .exit-out:focus {
  padding-top: 15px;
  border-color: #6A3DC5;
  border-top: 1px solid #6A3DC5;
}

/* line 2739, app/assets/stylesheets/base/common.scss */
.js-select .prompt {
  color: #999;
}

/* line 2744, app/assets/stylesheets/base/common.scss */
.options {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 7px 15px 0px;
  position: absolute;
  width: 100%;
  text-transform: uppercase;
  font-size: .875rem;
  text-shadow: none;
  letter-spacing: .125rem;
  font-weight: 700;
  text-decoration: none;
  z-index: 1;
}

/* line 2757, app/assets/stylesheets/base/common.scss */
.options div {
  padding: 16px 10px 14px 10px;
}

/* line 2761, app/assets/stylesheets/base/common.scss */
.options .last {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* line 2766, app/assets/stylesheets/base/common.scss */
.options a {
  color: #777;
}

/* line 2770, app/assets/stylesheets/base/common.scss */
.options a:visited {
  color: #777;
}

/* line 2775, app/assets/stylesheets/base/common.scss */
.option {
  background-color: #fff;
  border: 1px solid #E8E2F9;
  border-radius: 0px;
  border-top: none;
  color: #777;
}

/* line 2782, app/assets/stylesheets/base/common.scss */
.option:hover, .option:focus {
  padding-top: 15px;
  border-color: #6A3DC5;
  border-top: 1px solid #6A3DC5;
}

/* line 2787, app/assets/stylesheets/base/common.scss */
.option:hover a, .option:focus a {
  color: #6848E3;
}

/* line 2791, app/assets/stylesheets/base/common.scss */
.option:hover a:visited, .option:focus a:visited {
  color: #6848E3;
}

/* line 2796, app/assets/stylesheets/base/common.scss */
.option.close {
  background-position: 50% 50%;
  border: none;
}

/* line 2802, app/assets/stylesheets/base/common.scss */
.flex-row.spread {
  gap: 1rem;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-wrap: nowrap;
}

/* line 2811, app/assets/stylesheets/base/common.scss */
.filter-dropdown {
  width: 160px;
}

/* line 2814, app/assets/stylesheets/base/common.scss */
.filter-dropdown .drop-arrow.prompt {
  background: url(https://staging.getcampfire.com/assets/filter-e1b43626c108ff9c4f22407332cbf512ca71af8780f4511a1ccccecf12c46be1.svg) no-repeat #fff;
  background-position: calc(0% + 1rem) 50%;
  padding: 12px 0px 12px 45px;
  color: #6848E3;
  text-transform: uppercase;
  font-size: .875rem;
  text-shadow: none;
  letter-spacing: .1rem;
  font-weight: 600;
  border-radius: 8px;
  line-height: 1;
}

/* line 2828, app/assets/stylesheets/base/common.scss */
.filter-dropdown .exit-out.prompt {
  overflow: hidden;
  background: url(https://staging.getcampfire.com/assets/close-gray-8fa753ca15355171005a4a86d00f2a489246e800d3ee109611d356c8bdb0b674.svg) no-repeat #fff;
  background-position: calc(100% - 1rem) 50%;
  border: 1px solid #E8E2F9;
  border-radius: 8px;
  padding: 15px 45px 14px 15px;
  color: #999;
  text-transform: uppercase;
  font-size: .875rem;
  text-shadow: none;
  letter-spacing: .1rem;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 15px 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-size: 1.3rem;
}

/* line 2846, app/assets/stylesheets/base/common.scss */
.filter-dropdown .exit-out.prompt:hover, .filter-dropdown .exit-out.prompt:focus {
  border-color: #6A3DC5;
}

/* line 2850, app/assets/stylesheets/base/common.scss */
.filter-dropdown .exit-out.prompt.close {
  background-position: 50% 50%;
  border: none;
}

/* line 2856, app/assets/stylesheets/base/common.scss */
.filter-dropdown .options {
  width: 160px;
  color: #777;
}

/* line 2860, app/assets/stylesheets/base/common.scss */
.filter-dropdown .options div {
  padding-left: 15px;
}

/* line 2864, app/assets/stylesheets/base/common.scss */
.filter-dropdown .options .last {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 2870, app/assets/stylesheets/base/common.scss */
.filter-dropdown .added-filter-option {
  display: none;
}

/* line 2875, app/assets/stylesheets/base/common.scss */
#filters-container {
  display: flex;
  justify-content: start;
  overflow: auto;
  flex-wrap: wrap;
}

/* line 2876, app/assets/stylesheets/base/common.scss */
#filters-container .facilitator-flex-form {
  display: flex;
}

/* line 2884, app/assets/stylesheets/base/common.scss */
#filters-container .field {
  margin-bottom: 0px;
  height: 39px;
}

/* line 2888, app/assets/stylesheets/base/common.scss */
#filters-container .field label {
  margin: 0px;
}

/* line 2893, app/assets/stylesheets/base/common.scss */
#filters-container .filter {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0px 10px 10px 0px;
  color: #262F56;
  font-size: 0.9rem;
  text-shadow: none;
  letter-spacing: .1rem;
  font-weight: 600;
  text-transform: uppercase;
  border-radius: 8px;
  border: 1px solid #E8E2F9;
  padding: 6px 45px 6px 15px;
  background: url(https://staging.getcampfire.com/assets/close-gray-8fa753ca15355171005a4a86d00f2a489246e800d3ee109611d356c8bdb0b674.svg) no-repeat #fff;
  background-size: 1.5rem;
  background-position: calc(100% - .8rem) 50%;
}

/* line 2911, app/assets/stylesheets/base/common.scss */
#filters-container .filter .filter-center {
  margin: 0px 12px 0px 12px;
}

/* line 2915, app/assets/stylesheets/base/common.scss */
#filters-container .filter select {
  padding: 4px 50px 4px 10px;
  max-width: 222px;
}

/* line 2920, app/assets/stylesheets/base/common.scss */
#filters-container .filter .x-overlay {
  position: absolute;
  right: 15px;
  height: 16px;
  width: 16px;
}

/* line 2926, app/assets/stylesheets/base/common.scss */
#filters-container .filter .x-overlay:hover {
  cursor: pointer;
}

/* line 2934, app/assets/stylesheets/base/common.scss */
#facilitator-calendar .filter-dropdown {
  width: 166px;
}

/* line 2937, app/assets/stylesheets/base/common.scss */
#facilitator-calendar .filter-dropdown .options {
  width: 166px;
}

@media (max-height: 800px) {
  /* line 2941, app/assets/stylesheets/base/common.scss */
  #facilitator-calendar .filter-dropdown {
    width: 160px;
  }
  /* line 2944, app/assets/stylesheets/base/common.scss */
  #facilitator-calendar .filter-dropdown .options {
    width: 160px;
  }
}

@media (max-height: 500px) {
  /* line 2949, app/assets/stylesheets/base/common.scss */
  #facilitator-calendar .filter-dropdown {
    width: 150px;
  }
  /* line 2952, app/assets/stylesheets/base/common.scss */
  #facilitator-calendar .filter-dropdown .options {
    width: 150px;
  }
}

/* line 2958, app/assets/stylesheets/base/common.scss */
.typeahead .empty\:hidden:empty {
  display: none;
}

/* line 2959, app/assets/stylesheets/base/common.scss */
.typeahead .peer:invalid ~ .peer-invalid\:hidden {
  display: none;
}

/* line 2960, app/assets/stylesheets/base/common.scss */
.typeahead .aria-selected\:outline-black[aria-selected="true"], .typeahead li:hover {
  background: #F8F5FC;
  outline: 2px solid #9D88ED;
  border-radius: 3px;
}

/* line 2966, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results {
  position: absolute;
  background: #fff;
  z-index: 2;
  min-height: 0;
  max-height: 400px;
  overflow-y: scroll;
  margin: 2px 0 0 0;
  padding: 2px;
  border-radius: 7px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
}

/* line 2980, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results.active {
  border: 1px solid #ddd;
}

/* line 2984, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results li {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: center;
  padding: 1rem 1.5rem 1rem 1.25rem;
  border: 1px solid #ddd;
  border-top-color: #eee;
  border-collapse: collapse;
  list-style-type: none;
}

/* line 2995, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results li:hover {
  cursor: pointer;
}

/* line 2999, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results li .company-name {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 3004, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results li .company-name div {
  max-width: 100px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 3011, app/assets/stylesheets/base/common.scss */
.typeahead .typeahead-results li .avatar-block .name strong,
.typeahead .typeahead-results li .avatar-block .name span {
  width: 100%;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 3022, app/assets/stylesheets/base/common.scss */
.border-box {
  border-radius: 7px;
  border: 1px solid #E8E2F9;
}

/* line 3026, app/assets/stylesheets/base/common.scss */
.border-box > div {
  margin: 0.25rem;
}

/* line 2, app/assets/stylesheets/base/toggle.scss */
.field .toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-bottom: 1em;
  cursor: pointer;
  gap: 1ch;
}

/* line 12, app/assets/stylesheets/base/toggle.scss */
.field button.toggle {
  border: 0;
  padding: 0;
  background-color: transparent;
  font: inherit;
}

/* line 19, app/assets/stylesheets/base/toggle.scss */
.field .toggle__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* line 26, app/assets/stylesheets/base/toggle.scss */
.field .toggle__display {
  --offset: 0.375rem;
  --diameter: 1.75rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: content-box;
  width: calc(var(--diameter) * 2 + var(--offset) * 2);
  height: calc(var(--diameter) + var(--offset) * 2);
  position: relative;
  border-radius: 100vw;
  background-color: #F8F5FC;
  transition: 250ms;
  border: 1px solid #E8E2F9;
}

/* line 42, app/assets/stylesheets/base/toggle.scss */
.field .toggle__display:before {
  border: 1px solid #E8E2F9;
}

/* line 47, app/assets/stylesheets/base/toggle.scss */
.field .toggle__display::before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 50%;
  left: var(--offset);
  box-sizing: border-box;
  width: var(--diameter);
  height: var(--diameter);
  border-radius: 50%;
  background-color: #fff;
  transform: translate(0, -50%);
  will-change: transform;
  transition: inherit;
}

/* line 63, app/assets/stylesheets/base/toggle.scss */
.field .toggle[aria-pressed="true"] .toggle__display,
.field .toggle__input:checked + .toggle__display {
  background-color: #E6FFEE;
  border: 1px solid #C5F6D5;
}

/* line 67, app/assets/stylesheets/base/toggle.scss */
.field .toggle[aria-pressed="true"] .toggle__display:before,
.field .toggle__input:checked + .toggle__display:before {
  border: 1px solid #C5F6D5;
}

/* line 72, app/assets/stylesheets/base/toggle.scss */
.field .toggle[aria-pressed="true"] .toggle__display::before,
.field .toggle__input:checked + .toggle__display::before {
  transform: translate(100%, -50%);
}

/* line 77, app/assets/stylesheets/base/toggle.scss */
.field .toggle[disabled] .toggle__display,
.field .toggle__input:disabled + .toggle__display {
  opacity: 0.6;
  filter: grayscale(40%);
  cursor: not-allowed;
}

/* line 84, app/assets/stylesheets/base/toggle.scss */
.field [dir="rtl"] .toggle__display::before {
  left: auto;
  right: var(--offset);
}

/* line 89, app/assets/stylesheets/base/toggle.scss */
.field [dir="rtl"] .toggle[aria-pressed="true"] + .toggle__display::before,
.field [dir="rtl"] .toggle__input:checked + .toggle__display::before {
  transform: translate(-100%, -50%);
}

/* line 94, app/assets/stylesheets/base/toggle.scss */
.field .toggle__icon {
  display: inline-block;
  color: inherit;
  fill: currentcolor;
  vertical-align: middle;
  overflow: hidden;
}

/* line 102, app/assets/stylesheets/base/toggle.scss */
.field .toggle__icon--cross {
  color: #9D88ED;
  margin-left: -1rem;
  width: 12px;
  height: 12px;
}

/* line 109, app/assets/stylesheets/base/toggle.scss */
.field .toggle__icon--checkmark {
  color: #34C761;
  width: 16px;
  height: 16px;
}

/* line 5, app/assets/stylesheets/base/components.scss */
.mar-bot-10 {
  margin-bottom: 10px;
}

/* line 5, app/assets/stylesheets/base/components.scss */
.mar-bot-20 {
  margin-bottom: 20px;
}

/* line 5, app/assets/stylesheets/base/components.scss */
.mar-bot-30 {
  margin-bottom: 30px;
}

/* line 5, app/assets/stylesheets/base/components.scss */
.mar-bot-40 {
  margin-bottom: 40px;
}

/* line 5, app/assets/stylesheets/base/components.scss */
.mar-bot-50 {
  margin-bottom: 50px;
}

/* line 5, app/assets/stylesheets/base/components.scss */
.mar-bot-80 {
  margin-bottom: 80px;
}

/* line 11, app/assets/stylesheets/base/components.scss */
.mar-top-10 {
  margin-top: 10px;
}

/* line 11, app/assets/stylesheets/base/components.scss */
.mar-top-20 {
  margin-top: 20px;
}

/* line 11, app/assets/stylesheets/base/components.scss */
.mar-top-30 {
  margin-top: 30px;
}

/* line 11, app/assets/stylesheets/base/components.scss */
.mar-top-40 {
  margin-top: 40px;
}

/* line 11, app/assets/stylesheets/base/components.scss */
.mar-top-50 {
  margin-top: 50px;
}

/* line 11, app/assets/stylesheets/base/components.scss */
.mar-top-80 {
  margin-top: 80px;
}

/* line 17, app/assets/stylesheets/base/components.scss */
.mar-left-10 {
  margin-left: 10px;
}

/* line 17, app/assets/stylesheets/base/components.scss */
.mar-left-20 {
  margin-left: 20px;
}

/* line 17, app/assets/stylesheets/base/components.scss */
.mar-left-30 {
  margin-left: 30px;
}

/* line 17, app/assets/stylesheets/base/components.scss */
.mar-left-40 {
  margin-left: 40px;
}

/* line 17, app/assets/stylesheets/base/components.scss */
.mar-left-50 {
  margin-left: 50px;
}

/* line 17, app/assets/stylesheets/base/components.scss */
.mar-left-80 {
  margin-left: 80px;
}

/* line 23, app/assets/stylesheets/base/components.scss */
.mar-right-10 {
  margin-right: 10px;
}

/* line 23, app/assets/stylesheets/base/components.scss */
.mar-right-20 {
  margin-right: 20px;
}

/* line 23, app/assets/stylesheets/base/components.scss */
.mar-right-30 {
  margin-right: 30px;
}

/* line 23, app/assets/stylesheets/base/components.scss */
.mar-right-40 {
  margin-right: 40px;
}

/* line 23, app/assets/stylesheets/base/components.scss */
.mar-right-50 {
  margin-right: 50px;
}

/* line 23, app/assets/stylesheets/base/components.scss */
.mar-right-80 {
  margin-right: 80px;
}

/* line 29, app/assets/stylesheets/base/components.scss */
.mar-top-bot-10 {
  margin: 10px 0;
}

/* line 29, app/assets/stylesheets/base/components.scss */
.mar-top-bot-20 {
  margin: 20px 0;
}

/* line 29, app/assets/stylesheets/base/components.scss */
.mar-top-bot-30 {
  margin: 30px 0;
}

/* line 29, app/assets/stylesheets/base/components.scss */
.mar-top-bot-40 {
  margin: 40px 0;
}

/* line 29, app/assets/stylesheets/base/components.scss */
.mar-top-bot-50 {
  margin: 50px 0;
}

/* line 29, app/assets/stylesheets/base/components.scss */
.mar-top-bot-80 {
  margin: 80px 0;
}

/* line 38, app/assets/stylesheets/base/components.scss */
.pad-bot-10 {
  padding-bottom: 10px;
}

/* line 38, app/assets/stylesheets/base/components.scss */
.pad-bot-20 {
  padding-bottom: 20px;
}

/* line 38, app/assets/stylesheets/base/components.scss */
.pad-bot-30 {
  padding-bottom: 30px;
}

/* line 38, app/assets/stylesheets/base/components.scss */
.pad-bot-40 {
  padding-bottom: 40px;
}

/* line 38, app/assets/stylesheets/base/components.scss */
.pad-bot-50 {
  padding-bottom: 50px;
}

/* line 38, app/assets/stylesheets/base/components.scss */
.pad-bot-80 {
  padding-bottom: 80px;
}

/* line 44, app/assets/stylesheets/base/components.scss */
.pad-top-10 {
  padding-top: 10px;
}

/* line 44, app/assets/stylesheets/base/components.scss */
.pad-top-20 {
  padding-top: 20px;
}

/* line 44, app/assets/stylesheets/base/components.scss */
.pad-top-30 {
  padding-top: 30px;
}

/* line 44, app/assets/stylesheets/base/components.scss */
.pad-top-40 {
  padding-top: 40px;
}

/* line 44, app/assets/stylesheets/base/components.scss */
.pad-top-50 {
  padding-top: 50px;
}

/* line 44, app/assets/stylesheets/base/components.scss */
.pad-top-80 {
  padding-top: 80px;
}

/* line 50, app/assets/stylesheets/base/components.scss */
.pad-left-10 {
  padding-left: 10px;
}

/* line 50, app/assets/stylesheets/base/components.scss */
.pad-left-20 {
  padding-left: 20px;
}

/* line 50, app/assets/stylesheets/base/components.scss */
.pad-left-30 {
  padding-left: 30px;
}

/* line 50, app/assets/stylesheets/base/components.scss */
.pad-left-40 {
  padding-left: 40px;
}

/* line 50, app/assets/stylesheets/base/components.scss */
.pad-left-50 {
  padding-left: 50px;
}

/* line 50, app/assets/stylesheets/base/components.scss */
.pad-left-80 {
  padding-left: 80px;
}

/* line 56, app/assets/stylesheets/base/components.scss */
.pad-right-10 {
  padding-right: 10px;
}

/* line 56, app/assets/stylesheets/base/components.scss */
.pad-right-20 {
  padding-right: 20px;
}

/* line 56, app/assets/stylesheets/base/components.scss */
.pad-right-30 {
  padding-right: 30px;
}

/* line 56, app/assets/stylesheets/base/components.scss */
.pad-right-40 {
  padding-right: 40px;
}

/* line 56, app/assets/stylesheets/base/components.scss */
.pad-right-50 {
  padding-right: 50px;
}

/* line 56, app/assets/stylesheets/base/components.scss */
.pad-right-80 {
  padding-right: 80px;
}

/* line 62, app/assets/stylesheets/base/components.scss */
.pad-top-bot-10 {
  padding: 10px 0;
}

/* line 62, app/assets/stylesheets/base/components.scss */
.pad-top-bot-20 {
  padding: 20px 0;
}

/* line 62, app/assets/stylesheets/base/components.scss */
.pad-top-bot-30 {
  padding: 30px 0;
}

/* line 62, app/assets/stylesheets/base/components.scss */
.pad-top-bot-40 {
  padding: 40px 0;
}

/* line 62, app/assets/stylesheets/base/components.scss */
.pad-top-bot-50 {
  padding: 50px 0;
}

/* line 62, app/assets/stylesheets/base/components.scss */
.pad-top-bot-80 {
  padding: 80px 0;
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-1 {
  font-size: calc((1rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-2 {
  font-size: calc((2rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-3 {
  font-size: calc((3rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-4 {
  font-size: calc((4rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-5 {
  font-size: calc((5rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-6 {
  font-size: calc((6rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-7 {
  font-size: calc((7rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-8 {
  font-size: calc((8rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-9 {
  font-size: calc((9rem / 10) + 1rem);
}

/* line 72, app/assets/stylesheets/base/components.scss */
.font-size-10 {
  font-size: calc((10rem / 10) + 1rem);
}

/* line 77, app/assets/stylesheets/base/components.scss */
.transparent-background {
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 81, app/assets/stylesheets/base/components.scss */
a.button-purple, .button-purple {
  background-color: #6A3DC5;
  color: #fff;
}

/* line 86, app/assets/stylesheets/base/components.scss */
a.button-white, .button-white {
  background-color: #fff;
  color: #6A3DC5;
}

/* line 91, app/assets/stylesheets/base/components.scss */
.file_preview, a.file_preview {
  border: 1px solid #E8E2F9;
  padding: 0.5rem;
  width: 100%;
  padding-left: 3rem;
  border-radius: 5px;
  color: #6A3DC5;
  background: url(https://staging.getcampfire.com/assets/icon_file_vivant-1ea0fc41c0c8d69f76a22c1ec49f94c638fae8494ddf559268e6d362ee774748.svg) no-repeat 1rem 45%;
  background-size: 1.75rem;
  display: -webkit-box;
  margin: 1rem 0;
}

/* line 104, app/assets/stylesheets/base/components.scss */
.button-group {
  width: 70%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

/* line 109, app/assets/stylesheets/base/components.scss */
.button-group .button {
  margin: 10px;
  flex: 1 1 0px;
}

/* line 114, app/assets/stylesheets/base/components.scss */
.background-light-grey {
  background: #EFEEF5;
}

/* line 118, app/assets/stylesheets/base/components.scss */
.bordered {
  border: 1px solid #E8E2F9;
}

/* line 122, app/assets/stylesheets/base/components.scss */
.bordered-top {
  border-top: 1px solid #E8E2F9;
}

/* line 126, app/assets/stylesheets/base/components.scss */
.bordered-right {
  border-right: 1px solid #E8E2F9;
}

/* line 130, app/assets/stylesheets/base/components.scss */
.bordered-bottom {
  border-bottom: 1px solid #E8E2F9;
}

/* line 134, app/assets/stylesheets/base/components.scss */
.bordered-left {
  border-left: 1px solid #E8E2F9;
}

/* line 139, app/assets/stylesheets/base/components.scss */
.custom-checkbox input[type=checkbox] {
  opacity: 0;
  height: 0;
  width: 0;
  cursor: pointer;
}

/* line 145, app/assets/stylesheets/base/components.scss */
.custom-checkbox label {
  cursor: pointer;
  text-transform: none;
  position: relative;
  margin-bottom: 1rem;
}

/* line 151, app/assets/stylesheets/base/components.scss */
.custom-checkbox label .avatar-block.small {
  width: auto;
  margin-right: 0;
  margin-bottom: 0rem;
}

/* line 157, app/assets/stylesheets/base/components.scss */
.custom-checkbox .checkmark:after {
  content: '';
  display: none;
  position: absolute;
}

/* line 162, app/assets/stylesheets/base/components.scss */
.custom-checkbox input[type=checkbox]:checked ~ .checkmark:after {
  display: block;
}

/* line 165, app/assets/stylesheets/base/components.scss */
.custom-checkbox .checkmark {
  cursor: pointer;
}

/* line 169, app/assets/stylesheets/base/components.scss */
.custom-checkbox.avatar-checkbox .checkmark {
  float: left;
  cursor: pointer;
  height: 36px;
  width: 36px;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 176, app/assets/stylesheets/base/components.scss */
.custom-checkbox.avatar-checkbox .checkmark.checkmark-x {
  background-image: url(https://staging.getcampfire.com/assets/user_x-17c0b496eab2ddd420f8c54b48165d73852462c729907796aa3ff36e76a90580.svg);
}

/* line 179, app/assets/stylesheets/base/components.scss */
.custom-checkbox.avatar-checkbox .checkmark.checkmark-check {
  background-image: url(https://staging.getcampfire.com/assets/user_check-e1c52415b03cbc25e4378f6416491cedd5074918637d44c988dc5992fd072294.svg);
}

/* line 182, app/assets/stylesheets/base/components.scss */
.custom-checkbox.avatar-checkbox .checkmark.absolute {
  position: absolute;
  top: 1rem;
  right: 2rem;
  float: none;
}

/* line 189, app/assets/stylesheets/base/components.scss */
.custom-checkbox.avatar-checkbox .checkmark-text {
  float: left;
  margin-left: 15px;
  margin-top: 5%;
  font-size: 15px;
}

/* line 195, app/assets/stylesheets/base/components.scss */
.custom-checkbox.avatar-checkbox .avatar-block.small {
  width: auto;
  margin-right: 0;
  margin-bottom: 0rem;
}

/* line 202, app/assets/stylesheets/base/components.scss */
.custom-checkbox.square-checkbox label {
  padding-left: 30px;
}

/* line 205, app/assets/stylesheets/base/components.scss */
.custom-checkbox.square-checkbox .checkmark {
  border-radius: 3px;
  height: 25px;
  left: 0;
  position: absolute;
  top: -50%;
  width: 25px;
}

/* line 213, app/assets/stylesheets/base/components.scss */
.custom-checkbox.square-checkbox .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid black;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 224, app/assets/stylesheets/base/components.scss */
.custom-checkbox.square-checkbox.flex {
  display: flex;
}

/* line 230, app/assets/stylesheets/base/components.scss */
.pill {
  color: #6A3DC5;
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: -0.05rem;
  padding: 0.4rem 1rem 0.2rem;
  background: #F5F3FE;
  border-radius: 5px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  justify-items: center;
}

/* line 244, app/assets/stylesheets/base/components.scss */
.pill .small {
  font-size: 1rem;
  margin-left: .5rem;
  font-weight: 400;
}

/* line 251, app/assets/stylesheets/base/components.scss */
.pointer {
  cursor: pointer;
}

/* line 257, app/assets/stylesheets/base/components.scss */
.table-list table tr {
  border: none;
}

/* line 260, app/assets/stylesheets/base/components.scss */
.table-list table tr.row_0 {
  border-top: 1px solid #EFEEF5;
}

/* line 264, app/assets/stylesheets/base/components.scss */
.table-list table tr.row_0 td:nth-child(1) {
  width: 60px;
  position: relative;
}

/* line 270, app/assets/stylesheets/base/components.scss */
.table-list table tr:nth-child(2n+0) {
  background-color: transparent;
}

/* line 273, app/assets/stylesheets/base/components.scss */
.table-list table td {
  padding: 2.5rem 1rem;
  border-top: 1px solid #EFEEF5;
}

/* line 277, app/assets/stylesheets/base/components.scss */
.table-list table td:nth-child(1) {
  border-top: none;
}

/* line 281, app/assets/stylesheets/base/components.scss */
.table-list .list-headers {
  display: flex;
  margin: 2rem 0;
  justify-content: space-between;
}

/* line 286, app/assets/stylesheets/base/components.scss */
.table-list .list-headers h3 {
  margin-top: 1rem;
}

/* line 291, app/assets/stylesheets/base/components.scss */
.table-list .list-item {
  border-top: 1px solid #E8E2F9;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 298, app/assets/stylesheets/base/components.scss */
.table-list .list-item:after {
  clear: both;
  content: '';
  display: table;
  border-bottom: 1px #EFEEF5 solid;
}

/* line 305, app/assets/stylesheets/base/components.scss */
.table-list .sub-list-item {
  width: 100%;
  border-bottom: 1px #EFEEF5 solid;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-top: 20px;
  text-align: left;
  gap: 0 3rem;
}

/* line 315, app/assets/stylesheets/base/components.scss */
.table-list .sub-list-item:last-child {
  border: none;
}

/* line 323, app/assets/stylesheets/base/components.scss */
.list-with-actions button {
  display: inline-block;
  border: none;
  padding: 0;
  background: #fff no-repeat;
  box-shadow: none;
  width: 36px;
  height: 36px;
  color: transparent;
  background-size: 24px;
  background-position: 50% 50%;
}

/* line 335, app/assets/stylesheets/base/components.scss */
.list-with-actions button.add {
  background-image: url(https://staging.getcampfire.com/assets/icon-add-f007a3064f84e37741629dfb4e20dfde4fab34bbba551abce52154dffeaa9654.svg);
}

/* line 337, app/assets/stylesheets/base/components.scss */
.list-with-actions button.add.disabled {
  cursor: not-allowed;
  background-color: lightgray;
}

/* line 343, app/assets/stylesheets/base/components.scss */
.list-with-actions button.delete {
  background-image: url(https://staging.getcampfire.com/assets/icon-delete-b7d94d3f358f09091ee45fcbd9120ada5c3fad5ca493673d369e2302d195d4ba.svg);
}

/* line 347, app/assets/stylesheets/base/components.scss */
.list-with-actions button.edit {
  background-image: url(https://staging.getcampfire.com/assets/icon-edit-281d1d5b7470986b92975e7605dfd0b7286ce70aaee30f8945827a10cd8de218.svg);
}

/* line 352, app/assets/stylesheets/base/components.scss */
.list-with-actions .new-item {
  display: none;
}

/* line 355, app/assets/stylesheets/base/components.scss */
.list-with-actions .new-item select {
  max-width: 450px;
}

/* line 360, app/assets/stylesheets/base/components.scss */
.list-with-actions .new-item.visible {
  display: block;
  border: 1px solid #E8E2F9;
  border-radius: 5px;
  padding: .75rem 1rem;
}

/* line 367, app/assets/stylesheets/base/components.scss */
.list-with-actions .hidden {
  display: none;
}

/* line 370, app/assets/stylesheets/base/components.scss */
.list-with-actions-items {
  margin-top: 1rem;
}

/* line 373, app/assets/stylesheets/base/components.scss */
.list-with-actions-items .nested-flex {
  padding: .75rem 1rem;
  margin: .5rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 381, app/assets/stylesheets/base/components.scss */
.list-with-actions-items .nested-flex .input-width {
  width: 100%;
}

/* line 387, app/assets/stylesheets/base/components.scss */
.list-with-actions-items > div.bordered {
  border: 1px solid #E8E2F9;
  border-radius: 5px;
}

/* line 393, app/assets/stylesheets/base/components.scss */
.list-with-actions-items > div .avatar-block.tiny .avatar .primary-avatar {
  width: 30px;
  height: 30px;
  box-shadow: none;
}

/* line 399, app/assets/stylesheets/base/components.scss */
.list-with-actions-items > div .avatar-block.tiny .name {
  margin: .25rem 0 0.25rem 0.625rem;
}

/* line 402, app/assets/stylesheets/base/components.scss */
.list-with-actions-items > div .avatar-block.tiny .name strong {
  font-weight: 400;
  font-size: 1.125rem;
}

/* line 412, app/assets/stylesheets/base/components.scss */
.list-with-actions-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 417, app/assets/stylesheets/base/components.scss */
.list-with-actions-header button {
  border: 1px solid #E8E2F9;
}

/* line 423, app/assets/stylesheets/base/components.scss */
.presenter-notes span {
  display: inline-block;
}

/* line 426, app/assets/stylesheets/base/components.scss */
.presenter-notes span.has-color span {
  display: inline-block;
}

/* line 433, app/assets/stylesheets/base/components.scss */
.arrow-keys a.button {
  margin-left: 1rem;
  padding: .75rem 1rem .5rem;
}

/* line 438, app/assets/stylesheets/base/components.scss */
.date-box-column {
  vertical-align: top;
}

/* line 441, app/assets/stylesheets/base/components.scss */
.date-box {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  background-color: #F8F5FC;
  background-color: #E8E2F9;
  color: #6A3DC5;
  padding: 1.75rem;
  text-align: center;
  position: absolute;
  top: 1px;
  left: 0;
}

/* line 455, app/assets/stylesheets/base/components.scss */
.notifications {
  border: 1px solid #eee;
  padding: 2rem 3.5rem;
  border-radius: 7px;
  display: flex;
  justify-content: space-between;
}

/* line 463, app/assets/stylesheets/base/components.scss */
.custom-file-upload {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

/* line 464, app/assets/stylesheets/base/components.scss */
.custom-file-upload input[type="file"] {
  display: none;
}

/* line 473, app/assets/stylesheets/base/components.scss */
.popup-box {
  border: 1px solid #E8E2F9;
  background-color: #fff;
  box-shadow: 0px 1rem 2rem rgba(0, 0, 0, 0.1);
  padding: 1rem 3rem;
  border-radius: 10px;
  z-index: 1;
  display: none;
}

/* line 482, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item {
  display: flex;
  justify-content: space-between;
  padding: 25px 0;
}

/* line 486, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item div:first-child {
  flex-grow: 2;
}

/* line 489, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item:not(:first-child) {
  border-top: 1px solid #E8E2F9;
}

/* line 493, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item .title {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: .25rem;
}

/* line 499, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item .secondary-action {
  text-transform: uppercase;
  cursor: pointer;
}

/* line 502, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item .secondary-action .button {
  color: #6A3DC5;
  padding: 0 0 0 50px;
  margin-left: -20px;
}

/* line 507, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item .secondary-action img {
  margin: auto;
  transform: translateY(25%);
}

/* line 512, app/assets/stylesheets/base/components.scss */
.popup-box .popup-item .action {
  margin: auto;
}

/* line 518, app/assets/stylesheets/base/components.scss */
.table-filter {
  margin-bottom: 2rem;
  display: block;
}

/* line 522, app/assets/stylesheets/base/components.scss */
.table-filter .filters {
  margin-bottom: 3rem;
}

/* line 527, app/assets/stylesheets/base/components.scss */
.floating-label {
  position: relative;
}

/* line 529, app/assets/stylesheets/base/components.scss */
.floating-label label {
  position: absolute;
  left: 15px;
  margin: 0;
}

/* line 533, app/assets/stylesheets/base/components.scss */
.floating-label label.light {
  font-weight: 300;
}

/* line 537, app/assets/stylesheets/base/components.scss */
.floating-label input {
  padding-left: 75px;
  padding-right: 20px;
  box-sizing: border-box;
}

/* line 544, app/assets/stylesheets/base/components.scss */
.page-header {
  display: flex;
  justify-content: space-between;
}

/* line 548, app/assets/stylesheets/base/components.scss */
.page-header .header-title {
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: -0.15rem;
}

/* line 555, app/assets/stylesheets/base/components.scss */
.actions {
  width: 100%;
  border-radius: 5px;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  flex-shrink: 4;
  gap: 1rem;
}

/* line 565, app/assets/stylesheets/base/components.scss */
.stepper-horizontal {
  margin: 1rem 0 5rem;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
}

/* line 572, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step {
  background-color: none;
  padding-left: 8px;
  padding-right: 8px;
  flex: 1 1 0%;
  position: relative;
  width: 100%;
}

/* line 580, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .connector {
  flex: 1 1 auto;
  position: absolute;
  top: 12px;
  left: calc(-50% + 20px);
  right: calc(50% + 20px);
}

/* line 587, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .connector .line {
  display: block;
  border-color: #E8E2F9;
  border-top-style: solid;
  border-top-width: 1px;
}

/* line 595, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .label {
  flex-direction: column;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  box-sizing: border-box;
  margin-right: auto;
  display: block;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  min-width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* line 618, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .label .step-icon {
  padding-right: 0px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

/* line 624, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .label .step-icon img, .stepper-horizontal .step .label .step-icon svg {
  user-select: none;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  fill: #B5B6D4;
  font-size: 1.5rem;
  display: block;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

/* line 634, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .label .step-icon img text, .stepper-horizontal .step .label .step-icon svg text {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  fill: #fff;
  font-weight: 600;
  font-size: 1rem;
}

/* line 643, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .label .text {
  color: #B5B6D4;
  text-align: center;
  margin-top: 16px;
}

/* line 648, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step .label .text a:link, .stepper-horizontal .step .label .text a:visited {
  color: #B5B6D4;
}

/* line 657, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step.current img, .stepper-horizontal .step.current svg * {
  fill: #875FD9;
  fill: #6A3DC5;
}

/* line 661, app/assets/stylesheets/base/components.scss */
.stepper-horizontal .step.current .text, .stepper-horizontal .step.current .text a:link, .stepper-horizontal .step.current .text a:visited {
  color: #875FD9;
  color: #6A3DC5;
}

@media screen and (max-width: 768px) {
  /* line 669, app/assets/stylesheets/base/components.scss */
  .stepper-horizontal .step {
    background-color: transparent;
  }
}

/* line 675, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination {
  background-color: #fff;
  width: auto;
  padding: 1rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  text-align: center;
  align-items: center;
  border-radius: 5px;
  margin-top: 1rem;
}

/* line 688, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination .page {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
  width: 42px;
  height: 38px;
  border-radius: 5px;
  margin: 0 .375rem 0 .375rem;
  padding: 4px 0 0 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  border: 1px solid #E8E2F9;
}

/* line 704, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination .page:hover {
  border-color: #9D88ED;
}

/* line 708, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination .page.prev, .pagy-nav.pagination .page.next {
  border: none;
}

/* line 711, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination .page.prev.disabled, .pagy-nav.pagination .page.next.disabled {
  color: #9397AB;
}

/* line 716, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination .page.active {
  background: #E8E2F9;
  border-color: #9D88ED;
  color: #6A3DC5;
}

/* line 722, app/assets/stylesheets/base/components.scss */
.pagy-nav.pagination .page.gap {
  border: none;
  color: #9397AB;
}

/* line 729, app/assets/stylesheets/base/components.scss */
.bg-color {
  padding: .25rem .5rem;
  border-radius: 3px;
  border: 1px solid transparent;
}

/* line 734, app/assets/stylesheets/base/components.scss */
.bg-color.color-blue {
  background-color: #DEE8FF;
}

/* line 737, app/assets/stylesheets/base/components.scss */
.bg-color.color-green {
  background-color: #C5F6D5;
}

/* line 740, app/assets/stylesheets/base/components.scss */
.bg-color.color-yellow {
  background-color: #FFF1BF;
}

/* line 743, app/assets/stylesheets/base/components.scss */
.bg-color.color-pink {
  background-color: #FEC5C6;
}

/* line 746, app/assets/stylesheets/base/components.scss */
.bg-color.color-violet {
  background-color: #E8E2F9;
}

/* line 751, app/assets/stylesheets/base/components.scss */
.empty-state {
  background: #fff;
  margin: 1rem 0;
  padding: 2rem 2.5rem 2rem 3rem;
  border: 1px solid #e8e2f9;
  border-radius: 9px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 761, app/assets/stylesheets/base/components.scss */
.empty-state p, .empty-state h5 {
  margin: 0 0 .375rem;
}

/* line 766, app/assets/stylesheets/base/components.scss */
.light {
  opacity: .625;
}

/* line 770, app/assets/stylesheets/base/components.scss */
.icon {
  background-repeat: no-repeat;
  background-position: 0 3px;
  line-height: 24px;
  padding: 5px 0 0 2rem;
}

/* line 776, app/assets/stylesheets/base/components.scss */
.icon.calendar-event {
  background-image: url(https://staging.getcampfire.com/assets/icon-calendar-event-8587d0afb221c75ebdbee5583ad03072741dfed8337a1b02540e3adbbd61bf78.svg);
}

/* line 780, app/assets/stylesheets/base/components.scss */
.icon.action-item {
  background-image: url(https://staging.getcampfire.com/assets/icon-action-item-b7cb64017cfb1dd9f6041012b7c354c1057d97198e438cd431481bd977830c43.svg);
}

/* line 784, app/assets/stylesheets/base/components.scss */
.icon.time {
  background-image: url(https://staging.getcampfire.com/assets/icon-time-3de86825b23f797000770840e35575d48b14587ca32982a936c476fcd1eda826.svg);
}

/* line 788, app/assets/stylesheets/base/components.scss */
.icon.fire {
  background-image: url(https://staging.getcampfire.com/assets/icon-fire-17b1efc414faa8582029b6726cc1b8a8a5985183db4fb842ad00578af30f8a22.svg);
}

/* line 792, app/assets/stylesheets/base/components.scss */
.icon.rating {
  background-image: url(https://staging.getcampfire.com/assets/icon-star-6db730ebd029c5d6c24d7c3b53bcc4381d80806ca2f639e16ca408f43ff488a1.svg);
}

/* line 796, app/assets/stylesheets/base/components.scss */
.icon.note {
  background-image: url(https://staging.getcampfire.com/assets/icon-note-0fe24adacba23b64cea2e4e1b60ac26414cd4855f0c22c33cf544f2ddcaefad0.svg);
}

/* line 800, app/assets/stylesheets/base/components.scss */
.icon.bookmark {
  background-image: url(https://staging.getcampfire.com/assets/icon-bookmark-b55abd8eb89dd74d8104ad1f21ed49fd7309e604a2cee7fe970ede6008fad2f4.svg);
}

/* line 804, app/assets/stylesheets/base/components.scss */
.icon.close {
  background-image: url(https://staging.getcampfire.com/assets/close-a3e36ab00c69ea610056ff375891785e778053b1d04673d50aff699e62c1f3cb.svg);
}

/* line 810, app/assets/stylesheets/base/components.scss */
.banner {
  margin-top: 1rem;
  border-radius: 9px;
  padding: 0 3rem 0 0;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
  min-height: 250px;
}

/* line 820, app/assets/stylesheets/base/components.scss */
.banner .text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  color: #fff;
  flex: 3;
  margin-right: 3rem;
}

/* line 828, app/assets/stylesheets/base/components.scss */
.banner .text span {
  font-size: 1.25rem;
  font-weight: 300;
  display: block;
  margin-bottom: .5rem;
}

/* line 835, app/assets/stylesheets/base/components.scss */
.banner .text h3 {
  font-size: 2.375rem;
}

/* line 837, app/assets/stylesheets/base/components.scss */
.banner .text h3 .break {
  font-style: normal;
  display: block;
}

/* line 844, app/assets/stylesheets/base/components.scss */
.banner div.image {
  position: relative;
  left: -30px;
  width: 250px;
  height: 250px;
  z-index: 2;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  top: 1px;
  background-position: bottom left;
}

/* line 857, app/assets/stylesheets/base/components.scss */
.banner .topo {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  border-radius: 9px;
}

/* line 867, app/assets/stylesheets/base/components.scss */
.banner .topo:before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, #6848E3 12%, #8ec2ff 90%);
  z-index: 0;
}

/* line 879, app/assets/stylesheets/base/components.scss */
.banner .topo:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(90deg, #6848E3 25%, rgba(0, 0, 0, 0) 75%), url(https://staging.getcampfire.com/assets/topo-42df8a4aa8451488fb6bb55a7989e064070788dba1d9d40fe8f88a53219beb63.png) no-repeat 100% 100%;
  background-size: cover;
}

/* line 894, app/assets/stylesheets/base/components.scss */
.centered-button {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  gap: .5rem;
}

/* line 902, app/assets/stylesheets/base/components.scss */
.centered-button a.button {
  display: inline-block;
}

/* line 907, app/assets/stylesheets/base/components.scss */
.meeting_cards {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}

/* line 915, app/assets/stylesheets/base/components.scss */
.meeting_card {
  flex-basis: calc(33.3% - 0.8rem);
  display: flex;
  flex-flow: column nowrap;
  border-radius: 5px;
  border: 1px solid #EFEEF5;
  overflow: hidden;
  min-height: 175px;
  align-items: stretch;
  justify-content: space-between;
}

/* line 927, app/assets/stylesheets/base/components.scss */
.meeting_card .title {
  padding: 0 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}

/* line 935, app/assets/stylesheets/base/components.scss */
.meeting_card .start_time {
  padding: 0 1.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  color: #9397AB;
}

/* line 942, app/assets/stylesheets/base/components.scss */
.meeting_card .image {
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
  padding: 0;
  margin: 0;
  height: 75px;
  margin-bottom: 1.25rem;
}

/* line 952, app/assets/stylesheets/base/components.scss */
.meeting_card .card_description {
  padding: 0.75rem 1.25rem;
  font-size: 0.75rem;
  color: #9397AB;
}

/* line 958, app/assets/stylesheets/base/components.scss */
.meeting_card .card_actions {
  display: block;
  margin-top: 1rem;
  padding: 0.875rem 0.625rem 0.75rem;
  border: 1px solid #fff;
  border-top: 1px solid #EFEEF5;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.1rem;
  color: #6A3DC5;
  position: relative;
}

/* line 972, app/assets/stylesheets/base/components.scss */
.meeting_card .card_actions:hover {
  background-color: #F8F5FC;
  border: 1px solid #9D88ED;
  border-radius: 0 0 5px 5px;
}

/* line 981, app/assets/stylesheets/base/components.scss */
.catalog-cards {
  display: flex;
  flex-flow: row wrap;
  gap: 3rem 1.5rem;
}

/* line 987, app/assets/stylesheets/base/components.scss */
.catalog-cards::after {
  content: "";
  flex: auto;
}

/* line 992, app/assets/stylesheets/base/components.scss */
.catalog-card {
  width: calc(25% - 1.5rem);
}

/* line 994, app/assets/stylesheets/base/components.scss */
.catalog-card .image {
  height: 135px;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 5px;
  position: relative;
}

/* line 1001, app/assets/stylesheets/base/components.scss */
.catalog-card .image span {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  background: #262F56;
  border-radius: 2rem;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: .75rem;
  letter-spacing: .05rem;
  padding: .5rem 1rem .25rem;
}

/* line 1015, app/assets/stylesheets/base/components.scss */
.catalog-card .title {
  margin-top: 0.5rem;
  font-weight: 500;
  font-size: 1.125rem;
}

/* line 1020, app/assets/stylesheets/base/components.scss */
.catalog-card .description {
  font-size: 1rem;
}

/* line 1025, app/assets/stylesheets/base/components.scss */
.lesson-attributes {
  display: inline-flex;
  flex-wrap: wrap;
}

/* line 1029, app/assets/stylesheets/base/components.scss */
.lesson-attributes span {
  font-size: 1rem;
  color: #875FD9;
}

/* line 1034, app/assets/stylesheets/base/components.scss */
.lesson-attributes .icon-with-text {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 1rem;
  color: #875FD9;
}

/* line 1041, app/assets/stylesheets/base/components.scss */
.lesson-attributes .icon-with-text .material-icons {
  color: #875FD9;
  font-size: 18px;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-top: -5px;
}

/* line 1052, app/assets/stylesheets/base/components.scss */
.registration-rows {
  margin-top: 1rem;
  width: 100%;
}

/* line 1057, app/assets/stylesheets/base/components.scss */
.registration-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid #eee;
}

/* line 1065, app/assets/stylesheets/base/components.scss */
.registration-row > div {
  flex-flow: column nowrap;
  justify-content: center;
  vertical-align: middle;
}

/* line 1071, app/assets/stylesheets/base/components.scss */
.registration-row > div:first-child {
  width: 33%;
}

/* line 1075, app/assets/stylesheets/base/components.scss */
.registration-row > div:last-child {
  width: 28%;
}

/* line 1079, app/assets/stylesheets/base/components.scss */
.registration-row .title {
  font-weight: 500;
}

/* line 1083, app/assets/stylesheets/base/components.scss */
.registration-row .extra-info {
  color: #9397AB;
  font-size: .875rem;
  display: block;
}

/* line 1088, app/assets/stylesheets/base/components.scss */
.registration-row .extra-info.color-red {
  color: #D66464;
}

/* line 1095, app/assets/stylesheets/base/components.scss */
.lock-with-popover {
  padding: 1rem;
  position: relative;
}

/* line 1099, app/assets/stylesheets/base/components.scss */
.lock-with-popover .locked-popover {
  padding: 2rem 0 4rem;
  border: 1px solid transparent;
  border-radius: 5px;
  transition: all .25s ease-in-out;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 0;
}

/* line 1114, app/assets/stylesheets/base/components.scss */
.lock-with-popover .locked-popover p {
  font-size: .875rem;
  font-weight: 400;
  margin: 1rem 2rem;
}

/* line 1123, app/assets/stylesheets/base/components.scss */
.lock-with-popover:hover .button.locked {
  z-index: 4;
}

/* line 1127, app/assets/stylesheets/base/components.scss */
.lock-with-popover:hover .locked-popover {
  padding: 4rem 0;
  z-index: 3;
  opacity: 1;
  background: #F8F5FC;
  border: 1px solid #E8E2F9;
  height: 100%;
}

/* line 1141, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header {
  margin-bottom: 0;
  display: flex;
  gap: 0.25rem;
  height: 21px;
}

/* line 1147, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon {
  height: 21px;
  width: 21px;
  line-height: 0.875rem;
  padding: 0;
  display: inline-block;
  vertical-align: text-bottom;
  background-size: cover;
  background-position: 50% 50%;
}

/* line 1157, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon.journal_share {
  background-image: url(https://staging.getcampfire.com/assets/journal_share_icon-1db08b597c80bbe9db050a11aab32bb09549963ea863a2f23774666fe7dd8ebe.svg);
}

/* line 1161, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon.journal_reflect {
  background-image: url(https://staging.getcampfire.com/assets/journal_reflect_icon-c870886554ae0f6eae6e95de7f41e38545bf7404ba1bebf5b25b1a2aef87b722.svg);
}

/* line 1165, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon.journal_note {
  background-image: url(https://staging.getcampfire.com/assets/journal_notes_icon-92f32b5838e7ef18feace1428b0b4846fc5658598090b402d9e4368dd9b18087.svg);
}

/* line 1169, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon.journal_bookmark {
  background-image: url(https://staging.getcampfire.com/assets/icon-bookmark-b55abd8eb89dd74d8104ad1f21ed49fd7309e604a2cee7fe970ede6008fad2f4.svg);
}

/* line 1173, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon.journal_take_action {
  background-image: url(https://staging.getcampfire.com/assets/take-action-gray-3f2e4fb486ebe498a3ede15f5318ded404ff0e624de4bae825773c9d6aa769a6.svg);
}

/* line 1177, app/assets/stylesheets/base/components.scss */
.users.journal .user-meeting-details-header .icon.journal-bookmark {
  background-image: url(https://staging.getcampfire.com/assets/icon-bookmark-b55abd8eb89dd74d8104ad1f21ed49fd7309e604a2cee7fe970ede6008fad2f4.svg);
}

/* line 1183, app/assets/stylesheets/base/components.scss */
.notebook-row {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #EFEEF5;
}

/* line 1188, app/assets/stylesheets/base/components.scss */
.notebook-row .meeting-row {
  border-bottom: none;
}

/* line 1191, app/assets/stylesheets/base/components.scss */
.notebook-row .meeting-row .meeting-links {
  display: flex;
  justify-content: flex-end;
  flex-flow: row nowrap;
  gap: 1rem;
  flex-basis: 50%;
}

/* line 1200, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details {
  margin-top: 2rem;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 1rem;
}

/* line 1207, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .journal_entry {
  margin-bottom: 3rem;
}

/* line 1211, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .journal_type {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: .1rem;
  font-size: 0.75rem;
  line-height: 26px;
}

/* line 1219, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .journal_date {
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  font-size: 0.875rem;
  color: #9397AB;
  line-height: 26px;
}

/* line 1228, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .notes-action-items {
  width: 100%;
}

/* line 1231, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .notes-action-items .notes-section {
  margin-bottom: 2rem;
}

/* line 1236, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .bookmarks-section {
  width: 36rem;
}

/* line 1239, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .bookmarks-section .bookmark-images {
  display: flex;
  flex-flow: row wrap;
  gap: 1rem 1rem;
}

/* line 1244, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .bookmarks-section .bookmark-images .bookmark-image {
  display: block;
  border-radius: 3px;
  width: 112px;
  height: 63px;
  box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.125);
  overflow: hidden;
}

/* line 1252, app/assets/stylesheets/base/components.scss */
.notebook-row .user-meeting-details .bookmarks-section .bookmark-images .bookmark-image img {
  width: 100%;
}

/* line 1261, app/assets/stylesheets/base/components.scss */
.campfire-cards {
  display: flex;
  flex-flow: row wrap;
  gap: 3rem 2rem;
}

/* line 1266, app/assets/stylesheets/base/components.scss */
.campfire_card_container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  border-radius: 11px;
  background-size: cover;
  height: 20rem;
  width: calc(25% - 2rem);
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}

/* line 1277, app/assets/stylesheets/base/components.scss */
.campfire_card_container p.name {
  font-size: 1.5rem;
  background: #fff;
  padding: 1rem;
  width: auto;
  max-width: 60%;
}

/* line 1286, app/assets/stylesheets/base/components.scss */
.label {
  margin: 0 1rem;
  font-size: .625rem;
  letter-spacing: .075rem;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 3rem;
  padding: .25rem .875rem 0rem;
  white-space: nowrap;
  height: 24px;
  display: inline-block;
}

/* line 1298, app/assets/stylesheets/base/components.scss */
.label.vivant {
  color: #fff;
  background-color: #9D88ED;
}

/* line 1303, app/assets/stylesheets/base/components.scss */
.label.eventide {
  color: #9D88ED;
  background-color: #F1ECFF;
}

/* line 1310, app/assets/stylesheets/base/components.scss */
._70-30 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 3rem;
}

/* line 1316, app/assets/stylesheets/base/components.scss */
._70-30 > div:nth-child(n+1) {
  width: 100%;
}

/* line 1320, app/assets/stylesheets/base/components.scss */
._70-30 > div:nth-child(n+2) {
  width: 24rem;
}

/* line 1326, app/assets/stylesheets/base/components.scss */
.registration-page .header {
  margin-bottom: 2rem;
}

/* line 1329, app/assets/stylesheets/base/components.scss */
.registration-page .header h1, .registration-page .header p {
  margin: 0;
}

/* line 1333, app/assets/stylesheets/base/components.scss */
.registration-page .header p {
  font-size: 1.25rem;
  color: #515087;
}

/* line 1338, app/assets/stylesheets/base/components.scss */
.registration-page .header .image {
  margin-top: 1rem;
  width: 100%;
  height: 0;
  padding-top: 42.5%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 5px;
}

/* line 1351, app/assets/stylesheets/base/components.scss */
.registration-page .content-details h4 {
  text-transform: none;
  letter-spacing: 0;
  color: #262F56;
}

/* line 1358, app/assets/stylesheets/base/components.scss */
.registration-page .content-details div.buttons {
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
  gap: 1rem;
}

/* line 1364, app/assets/stylesheets/base/components.scss */
.registration-page .content-details .takeaways {
  border-radius: 5px;
  padding: 2rem;
  background: #F8F5FC;
}

/* line 1372, app/assets/stylesheets/base/components.scss */
.meeting-row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
}

/* line 1380, app/assets/stylesheets/base/components.scss */
.meeting-row:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

/* line 1386, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details {
  display: flex;
  flex-flow: row nowrap;
}

/* line 1390, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .image {
  height: 110px;
  width: 160px;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 7px;
  margin-right: 2rem;
  position: relative;
}

/* line 1399, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .image img {
  position: absolute;
  border-radius: 3rem;
  width: 32px;
  height: 32px;
  border: 3px solid #fff;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.25);
  bottom: 7px;
  left: 7px;
  background-color: #fcfcfc;
}

/* line 1410, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .image.lesson-image {
  background-image: url(https://staging.getcampfire.com/assets/lesson-bg-e336d1be59d62d6db0fb3ea0de3068667c1c1e2ba3cfd5bc668df204947069c6.jpg);
}

/* line 1415, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  margin-right: 3rem;
}

/* line 1421, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .text {
  display: flex;
  flex-flow: row nowrap;
  line-height: 24px;
}

/* line 1426, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .text span {
  display: inline-block;
  margin: 0;
  vertical-align: text-bottom;
}

/* line 1432, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .text h4 {
  font-size: 1.375rem;
  margin-bottom: 0;
  font-weight: 700;
}

/* line 1439, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .blurb {
  margin-top: 0.25rem;
  font-size: 1rem;
  line-height: 1.625;
  width: 100%;
  max-width: 700px;
}

/* line 1446, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .blurb .more {
  font-weight: 700;
  color: #6A3DC5;
}

/* line 1452, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .footnote {
  margin-top: 0.75rem;
  font-size: 1rem;
  color: #9397AB;
}

/* line 1458, app/assets/stylesheets/base/components.scss */
.meeting-row .meeting-details .title .meeting-participants {
  margin-top: 1rem;
}

/* line 1464, app/assets/stylesheets/base/components.scss */
.meeting-row .buttons {
  display: flex;
  flex-flow: row nowrap;
  font-weight: 700;
}

/* line 1469, app/assets/stylesheets/base/components.scss */
.meeting-row .buttons .text-link {
  color: #6A3DC5;
  margin: 0 3rem;
  white-space: nowrap;
}

/* line 1474, app/assets/stylesheets/base/components.scss */
.meeting-row .buttons .text-link:hover {
  text-decoration: underline;
}

/* line 1481, app/assets/stylesheets/base/components.scss */
.meeting-row.small .image {
  margin-right: 1.5rem;
  height: 72px;
  width: 72px;
}

/* line 1492, app/assets/stylesheets/base/components.scss */
.meeting-row.medium .meeting-details .title .text h4 {
  font-size: 1.625rem;
}

/* line 1497, app/assets/stylesheets/base/components.scss */
.meeting-row.medium .meeting-details .lesson-attributes {
  margin-top: .25rem;
}

/* line 1500, app/assets/stylesheets/base/components.scss */
.meeting-row.medium .meeting-details .lesson-attributes .icon {
  margin-right: 1.5rem;
}

/* line 1508, app/assets/stylesheets/base/components.scss */
.meeting-row.large .image {
  height: 110px;
  width: 160px;
}

/* line 1516, app/assets/stylesheets/base/components.scss */
.meeting-row.large .meeting-details .title .text h4 {
  font-size: 1.75rem;
}

/* line 1521, app/assets/stylesheets/base/components.scss */
.meeting-row.large .meeting-details .lesson-attributes {
  margin-top: .5rem;
}

/* line 1524, app/assets/stylesheets/base/components.scss */
.meeting-row.large .meeting-details .lesson-attributes .icon {
  margin-right: 1.5rem;
}

/* line 1531, app/assets/stylesheets/base/components.scss */
.meeting-row.largest {
  padding-top: .5rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

/* line 1536, app/assets/stylesheets/base/components.scss */
.meeting-row.largest .image {
  height: 200px;
  width: 220px;
}

/* line 1544, app/assets/stylesheets/base/components.scss */
.meeting-row.largest .meeting-details .title .text h4 {
  font-size: 2rem;
  letter-spacing: -.025rem;
}

/* line 1551, app/assets/stylesheets/base/components.scss */
.meeting-row.largest .meeting-details .lesson-attributes {
  margin-top: .75rem;
}

/* line 1554, app/assets/stylesheets/base/components.scss */
.meeting-row.largest .meeting-details .lesson-attributes .icon {
  margin-right: 1.5rem;
}

/* line 1559, app/assets/stylesheets/base/components.scss */
.meeting-row.largest .meeting-details .blurb {
  max-width: 750px;
}

/* line 1561, app/assets/stylesheets/base/components.scss */
.meeting-row.largest .meeting-details .blurb .more {
  font-weight: 700;
  color: #6A3DC5;
}

/* line 1569, app/assets/stylesheets/base/components.scss */
.show-more-dropdown {
  display: inline-block;
  cursor: pointer;
  font-weight: 600;
  color: #6A3DC5;
  padding-right: 1.75rem;
  background-image: url(https://staging.getcampfire.com/assets/down-arrow-d617c9e420761a8dcff92b2a0d3c95bf2aefeb42dfe004da9fea4937128c89f0.svg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 1rem;
}

/* line 1580, app/assets/stylesheets/base/components.scss */
.popover-container {
  position: relative;
}

/* line 1583, app/assets/stylesheets/base/components.scss */
.popover {
  position: absolute;
  padding: 2rem;
  background: #FFFFFF;
  border: 1.25076px solid #E8E2F9;
  box-shadow: 0px 2px 8px rgba(38, 47, 86, 0.14);
  border-radius: 5px;
  z-index: 1;
  top: 3rem;
  transition: all 0.25s cubic-bezier(0.04, 0.69, 0.42, 1);
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
  height: auto;
  transform-origin: 50% 0;
  width: 600px;
  left: calc(-300px + 2rem);
}

/* line 1600, app/assets/stylesheets/base/components.scss */
.popover.popover-hidden {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1);
  z-index: -1;
  height: 0;
}

/* line 1608, app/assets/stylesheets/base/components.scss */
.popover .meeting-row:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* line 1613, app/assets/stylesheets/base/components.scss */
.slides-gallery {
  width: 100%;
  gap: 1rem;
}

/* line 1618, app/assets/stylesheets/base/components.scss */
.image-preview-letterbox-container, .slide-preview-container {
  width: 100%;
  max-width: 600px;
}

/* line 1623, app/assets/stylesheets/base/components.scss */
.image-preview-letterbox {
  height: 0;
  width: 100%;
  padding-top: 42.5%;
  overflow: hidden;
  justify-content: center;
  border-radius: 7px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* line 1635, app/assets/stylesheets/base/components.scss */
.key-slide {
  border-radius: 7px;
}

/* line 1639, app/assets/stylesheets/base/components.scss */
.slide-image {
  position: relative;
  min-width: 75px;
  min-height: 126px;
}

/* line 1645, app/assets/stylesheets/base/components.scss */
.slide-preview-container {
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #EAE9EB;
}

/* line 1654, app/assets/stylesheets/base/components.scss */
.slide-preview-container .badge {
  position: absolute;
  top: 0;
  left: 0;
  background: #F2994A;
  color: #fff;
  padding: 0.5rem 0.75rem  0.375rem;
  border-radius: none;
  font-size: .8rem;
  letter-spacing: .15rem;
  font-weight: 700;
  z-index: 1;
}

/* line 1669, app/assets/stylesheets/base/components.scss */
.slide-preview {
  height: 0;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  justify-content: center;
  border-radius: 7px;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* line 1682, app/assets/stylesheets/base/components.scss */
.admin-image {
  height: 90px;
  width: 100px;
  background-position: 50% 50%;
  background-size: cover;
  border-radius: 7px;
  background-color: #E8E2F9;
}

/* line 1691, app/assets/stylesheets/base/components.scss */
.sticky-header {
  padding: 1rem 0 2rem;
  margin-bottom: 0;
  position: sticky;
  top: 0;
  background: #fff;
  background: linear-gradient(180deg, white 70%, rgba(255, 255, 255, 0) 100%);
  width: 100%;
  z-index: 3;
}

/* line 1703, app/assets/stylesheets/base/components.scss */
.sticky-header + .tabs {
  position: relative;
  top: -1rem;
}

/* line 1708, app/assets/stylesheets/base/components.scss */
.scrollable-fieldset {
  max-height: 300px;
  overflow: auto;
  padding: 4px;
}

/* line 1714, app/assets/stylesheets/base/components.scss */
input.number-input {
  width: 10%;
}

/* line 1718, app/assets/stylesheets/base/components.scss */
.hover-popup {
  position: relative;
  /*
    The following two blocks are for the arrow at the top of the popup box. The `before` block creates the lightgrey border,
    whereas the `after` block is for the actual white arrow on top of the box
  */
}

/* line 1721, app/assets/stylesheets/base/components.scss */
.hover-popup:hover .hover-popup-frame {
  visibility: visible;
}

/* line 1725, app/assets/stylesheets/base/components.scss */
.hover-popup .hover-popup-frame {
  visibility: hidden;
  width: 250px;
  height: 150px;
  padding: 15px 0px 0px 0px;
  position: absolute;
  left: -84px;
  z-index: 1;
}

/* line 1736, app/assets/stylesheets/base/components.scss */
.hover-popup .hover-popup-info {
  width: 250px;
  height: 150px;
  padding: 20px 30px 0px 30px;
  background: white;
  border-radius: 8px;
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  position: absolute;
  left: -26px;
  z-index: 1;
}

/* line 1753, app/assets/stylesheets/base/components.scss */
.hover-popup .hover-popup-info::before {
  z-index: -10;
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -9px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent lightgrey transparent;
  opacity: 50%;
}

/* line 1766, app/assets/stylesheets/base/components.scss */
.hover-popup .hover-popup-info::after {
  z-index: -10;
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -7px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

/* line 1779, app/assets/stylesheets/base/components.scss */
.add-wrapper {
  position: relative;
}

/* line 1781, app/assets/stylesheets/base/components.scss */
.add-wrapper .info {
  color: black;
  position: absolute;
  z-index: 10;
  bottom: 0px;
  width: 130px;
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid black;
}

/* line 1794, app/assets/stylesheets/base/components.scss */
.modal-background {
  content: "";
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
}

/* line 1806, app/assets/stylesheets/base/components.scss */
.modal {
  z-index: 10;
  background-color: white;
  padding: 6rem;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  position: absolute;
  width: 100%;
  max-width: 450px;
  height: 100%;
  max-height: 400px;
  margin: auto !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 1826, app/assets/stylesheets/base/components.scss */
.editable {
  cursor: pointer;
}

/* line 1829, app/assets/stylesheets/base/components.scss */
.editable-field {
  width: 100%;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-1 {
  font-size: 1.1rem;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-2 {
  font-size: 1.2rem;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-3 {
  font-size: 1.3rem;
}

/* line 6, app/assets/stylesheets/base/fonts.scss */
.size-4 {
  font-size: 1.4rem;
}

/* line 11, app/assets/stylesheets/base/fonts.scss */
.grey, .gray {
  color: #515087;
}

/* Webfont: SpartanMB-Black */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Black-2637e392a98d818e1949b8a4251f14527998d53185038fa86307a340d2433150.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Black-2637e392a98d818e1949b8a4251f14527998d53185038fa86307a340d2433150.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Black-c4356349a35cbb95e672698c13f90118a1a29d008aa4c24cc7bddf14627609f8.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Black-c1cb7265c160c0ff1e2b76b6bd3d24cc1305f21f4ca9bf8b52a31fcd76286d8a.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Black-456b8e1380e8872811914df2dac258f84fdddda48bc8f85341d4b99e6a96db43.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 900;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-ExtraBold */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-bd4b0430cf2ca883925160a30bb94e9e2d38f4d2c21c3009d1880f3abaabae85.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-bd4b0430cf2ca883925160a30bb94e9e2d38f4d2c21c3009d1880f3abaabae85.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-be1e19263a45997caa78372ebe2837459624539ac262f793253a80d7e120ffed.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-7ea6aa123feab419422bccd3dfd6e2369e90704d1db1f3d97776f533c3fee6ce.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraBold-be155244bf081e64f21e269b7abc545623037d47786a86b5bd73fe8ec7d8bc96.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 800;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Bold */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Bold-db2cc803616372be0d8849a37d6e38cbac1d0ba9c8a26a957b745e876aa54731.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Bold-db2cc803616372be0d8849a37d6e38cbac1d0ba9c8a26a957b745e876aa54731.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Bold-36560db8d574b8281d58da310a67310291094e6b8dab00f46472c953246784ea.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Bold-e2bf1466d1835a5201c3c93ead29c55c3bf429c70b30407413bf5f1d204f591b.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Bold-d5ed560819fdd82755eb7c996cdb4103fc1de8fab0daf761dbd658c3a56e0585.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 700;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-SemiBold */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-00dbb08f4020fd2f23061022bb35edec4e4075a4051c0463e535b1972d26021b.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-00dbb08f4020fd2f23061022bb35edec4e4075a4051c0463e535b1972d26021b.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-1ad85829eb69412ef4bf4f145589f38c90078027830cb8704532299ff8d39d82.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-6cd6f28ca85f21489060bb984f768877cb426d0e9bd0896de960e5d179916ba3.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-SemiBold-3a19f96cc4ff7193858453b7ae6ffa105be891d00cab672e610ff296f1e325cb.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 600;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Medium */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Medium-d069b6d9678dbe02c384acc61b05c9e299334dff0e26551e143cdf59dc726d76.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Medium-d069b6d9678dbe02c384acc61b05c9e299334dff0e26551e143cdf59dc726d76.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Medium-afd3db568ad84a5156b0169be3fa2e581851c8d6a2b462c2fe50fe2b80f68aa3.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Medium-1b60c9f7a1ca0909da517b5bcd0e0d7487902b06dfd79d76677dfc300c35b8e2.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Medium-c8cee07b8690cbb3aa885a81f9764c3d1b9c9003ced181190d92a69a04b35d1e.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 500;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Regular */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Regular-d70362e9d950a177426f149e5f59a6fb7e37eba45db9c6d1ca22d8a387c399ca.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Regular-d70362e9d950a177426f149e5f59a6fb7e37eba45db9c6d1ca22d8a387c399ca.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Regular-c752388a01524f3dd9f0af7964b2ec3c3f118edf898339f6ddd8cbe0148fa689.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Regular-8bf437a84f64806357f6729149d105484e6e5aa70bf8c81dfc5cef08f9614a81.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Regular-805ab844feca149e0dc424f3019ba242fd88526fd24cbbb7412a498e5df85656.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Light */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Light-99899629abb06f476fa0231b3f55fbe5ca6d297032e747f64e923d56ac7a97d7.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Light-99899629abb06f476fa0231b3f55fbe5ca6d297032e747f64e923d56ac7a97d7.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Light-c0c180c58351299062f03cce65e0311bbbafdbfe7b4ae80c21b7d59e146f01d3.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Light-a054d6da41ff7d0bc02a1c4dc56b0b32b77cfc056ef09bd203e1a603c63b7f06.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Light-0696b0049f99d88136bb7b3789eb3f32f6a392dc197ee6497a4a4c7dec3081d1.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 300;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-ExtraLight */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-716015093ddc042c459406c2f0835a4c4d504cda36cffff7f3a4d9e2f1d9f074.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-716015093ddc042c459406c2f0835a4c4d504cda36cffff7f3a4d9e2f1d9f074.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-725244dd5a519552a3e844dbeafabbee15f1af486b823536587b9e211014463d.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-99b81b3793708f0b25f84799c114c26a439f7f11388be012d4516eceafd70262.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-ExtraLight-7d9bb5b581d56f7f9a8e7a468eb7ed95406ad307666db51cca9d33ebf708882f.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 200;
  text-rendering: optimizeLegibility;
}

/* Webfont: SpartanMB-Thin */
@font-face {
  font-family: 'Spartan';
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Thin-71e6138196046d66043b24e72f9422975a5dfcf6210a756fdc918c5e15b6d777.eot);
  /* IE9 Compat Modes */
  src: url(https://staging.getcampfire.com/assets/SpartanMB-Thin-71e6138196046d66043b24e72f9422975a5dfcf6210a756fdc918c5e15b6d777.eot?#iefix) format("embedded-opentype"), url(https://staging.getcampfire.com/assets/SpartanMB-Thin-143e411af0c46dbb99ef58745038dde3a9bca92afd046bdbe63c23eece45451c.woff) format("woff"), url(https://staging.getcampfire.com/assets/SpartanMB-Thin-b1a9154d5a9f7a25d4450d9dcb84779e21a6001ff57e303fd36e3bdc8e10ff9c.woff2) format("woff2"), url(https://staging.getcampfire.com/assets/SpartanMB-Thin-5f68ec01137cce6667e76f1503d1b918736906b18aef529ed350e83cbc51458a.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-style: normal;
  font-weight: 100;
  text-rendering: optimizeLegibility;
}

/* line 1, app/assets/stylesheets/base/mailer_optouts.scss */
body.mailer_optouts .page {
  padding: 0;
}

/* line 4, app/assets/stylesheets/base/mailer_optouts.scss */
body.mailer_optouts .page .mailer_optouts_container {
  padding: 4rem;
  margin: 2rem auto;
  border: 1px solid #E8E2F9;
  border-radius: 7px;
  max-width: 600px;
}

/* line 12, app/assets/stylesheets/base/mailer_optouts.scss */
body.mailer_optouts .page .mailer_optouts_container .flex-row.spread {
  flex-wrap: wrap;
}

/* line 15, app/assets/stylesheets/base/mailer_optouts.scss */
body.mailer_optouts .page .mailer_optouts_container .flex-row.spread > div:nth-child(1) {
  flex-basis: 1;
  max-width: 400px;
}

/* For some of the responsive styles, I handle them by having two versions of a page or component: one for Desktop (or just wide screens), and then one for Mobile. Because of this, sometimes I 
    only need a media query to simply say "at a width of 500px, hide the desktop version and then show the mobile version". However, I still need to style the mobile version. I'm putting those
    general styles that do NOT require a media query at the top of the page here since some of them need to be called before the media-queries 
    
    cmd+f for 'BEGIN MEDIA QUERIES' to jump to where those start
*/
/* line 8, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav {
  height: 48px;
  padding: 0 1rem;
  display: none;
}

/* line 13, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-dropdown {
  position: absolute;
  top: 5px;
  right: 15px;
  z-index: 12;
}

/* line 19, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-option-first {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* line 23, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-option-last {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* line 27, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-prompt {
  text-align: right;
  padding: 5px 10px;
}

/* line 30, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-prompt:hover {
  cursor: pointer;
}

/* line 34, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-mobile-nav-options {
  background: white;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  position: relative;
  right: 8px;
  top: 28px;
}

/* line 42, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-option {
  padding: 10px 15px 6px;
  /* border-bottom: 1px solid #A679FF; */
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
  color: #777;
  letter-spacing: 0.1rem;
}

/* line 50, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .mobile-nav-option:hover {
  color: #6848E3;
  background-color: #F0F0F9;
}

/* line 57, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .nav-icon-container {
  float: right;
  right: 10px;
}

/* line 61, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .bar1, nav.mobile-nav .bar2, nav.mobile-nav .bar3 {
  width: 25px;
  height: 3px;
  background-color: #6848E3;
  margin: 5px 0;
  transition: 0.3s;
}

/* line 70, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-5px, 3px);
  transform: rotate(-45deg) translate(-5px, 3px);
  background-color: #777;
}

/* line 75, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .change .bar2 {
  opacity: 0;
}

/* line 76, app/assets/stylesheets/base/responsive.scss */
nav.mobile-nav .change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -7px);
  transform: rotate(45deg) translate(-8px, -7px);
  background-color: #777;
}

/* line 86, app/assets/stylesheets/base/responsive.scss */
section#home-page div.centered-button.mobile {
  display: none;
}

/* line 94, app/assets/stylesheets/base/responsive.scss */
section#catalogs-page div.popover-container {
  display: none;
}

/* line 99, app/assets/stylesheets/base/responsive.scss */
section#catalogs-page #catalog-filters-popover .modal-title {
  font-size: 1.45rem;
  width: 130px;
  margin: 5px auto;
  font-weight: 600;
  text-align: center;
  color: #6A3DC5;
}

@media all and (max-width: 1023px) {
  /* line 114, app/assets/stylesheets/base/responsive.scss */
  .registration-page .content-details {
    flex-flow: column wrap;
  }
  /* line 117, app/assets/stylesheets/base/responsive.scss */
  .registration-page .content-details > div:nth-child(1), .registration-page .content-details > div:nth-child(2) {
    width: 100%;
  }
  /* line 121, app/assets/stylesheets/base/responsive.scss */
  .registration-page .content-details .registration-row {
    flex-flow: column wrap;
  }
  /* line 124, app/assets/stylesheets/base/responsive.scss */
  .registration-page .content-details .registration-row > div {
    margin: .5rem 0;
  }
  /* line 128, app/assets/stylesheets/base/responsive.scss */
  .registration-page .content-details .popover {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: calc(100% - 4rem);
    overflow: scroll;
  }
  /* line 139, app/assets/stylesheets/base/responsive.scss */
  .centered-button {
    margin-top: 1rem;
    display: block;
  }
  /* line 144, app/assets/stylesheets/base/responsive.scss */
  .empty-state {
    padding: 2rem;
    display: block;
  }
  /* line 149, app/assets/stylesheets/base/responsive.scss */
  .banner {
    display: block;
    padding: 2rem;
  }
  /* line 152, app/assets/stylesheets/base/responsive.scss */
  .banner .image {
    display: none;
  }
  /* line 155, app/assets/stylesheets/base/responsive.scss */
  .banner .text {
    margin-right: 0;
  }
  /* line 158, app/assets/stylesheets/base/responsive.scss */
  .banner .text h3 {
    font-size: 2.375rem;
  }
  /* line 160, app/assets/stylesheets/base/responsive.scss */
  .banner .text h3 .break {
    display: inline;
  }
  /* line 167, app/assets/stylesheets/base/responsive.scss */
  .meeting-row {
    display: block;
  }
  /* line 169, app/assets/stylesheets/base/responsive.scss */
  .meeting-row .image {
    display: none;
  }
  /* line 173, app/assets/stylesheets/base/responsive.scss */
  .meeting-row .lesson-attributes {
    flex-flow: column nowrap;
  }
  /* line 178, app/assets/stylesheets/base/responsive.scss */
  .meeting-row .meeting-details .title .text {
    display: block;
  }
  /* line 181, app/assets/stylesheets/base/responsive.scss */
  .meeting-row .meeting-details .title .text .label {
    margin: 1rem 1rem 0 0;
  }
  /* line 187, app/assets/stylesheets/base/responsive.scss */
  .meeting-row .buttons {
    margin-top: 2rem;
  }
  /* line 190, app/assets/stylesheets/base/responsive.scss */
  .meeting-row .buttons .text-link {
    margin: 0 1rem 0 0;
  }
  /* line 196, app/assets/stylesheets/base/responsive.scss */
  .catalog-cards {
    flex-flow: column nowrap;
  }
  /* line 198, app/assets/stylesheets/base/responsive.scss */
  .catalog-cards .catalog-card {
    width: 100%;
  }
  /* line 201, app/assets/stylesheets/base/responsive.scss */
  .catalog-cards .catalog-card .lesson-attributes {
    flex-flow: row wrap;
  }
  /* line 206, app/assets/stylesheets/base/responsive.scss */
  .registration-row {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
  }
  /* line 214, app/assets/stylesheets/base/responsive.scss */
  .registration-row > div {
    display: table-cell;
    flex-flow: column nowrap;
    justify-content: center;
  }
  /* line 220, app/assets/stylesheets/base/responsive.scss */
  .registration-row .title {
    font-weight: 500;
  }
  /* line 224, app/assets/stylesheets/base/responsive.scss */
  .registration-row .extra-info {
    color: #9397AB;
    font-size: .875rem;
    display: block;
  }
  /* line 229, app/assets/stylesheets/base/responsive.scss */
  .registration-row .extra-info.color-red {
    color: #D66464;
  }
  /* line 235, app/assets/stylesheets/base/responsive.scss */
  .resource {
    max-width: 13.5rem;
  }
  /* line 238, app/assets/stylesheets/base/responsive.scss */
  .preferences-form {
    display: block;
  }
}

@media screen and (max-width: 899px) {
  /* line 245, app/assets/stylesheets/base/responsive.scss */
  .category.with-nav {
    width: 100%;
    margin-left: 0;
  }
  /* line 251, app/assets/stylesheets/base/responsive.scss */
  .category .button.alt {
    display: none;
  }
  /* line 258, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row > div {
    margin-right: 10px;
  }
  /* line 261, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .table-filter .search {
    margin-right: 5px;
  }
  /* line 264, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .filters-popover {
    cursor: pointer;
  }
}

@media all and (max-width: 767px) {
  /* line 272, app/assets/stylesheets/base/responsive.scss */
  .preferences-form {
    display: none;
    flex-flow: column nowrap;
    gap: 0;
  }
  /* line 278, app/assets/stylesheets/base/responsive.scss */
  html {
    font-size: 14px;
  }
  /* line 282, app/assets/stylesheets/base/responsive.scss */
  h1 {
    font-size: 3rem;
    line-height: 1;
    padding: 0;
  }
  /* line 288, app/assets/stylesheets/base/responsive.scss */
  h2 {
    font-size: 2rem;
    padding: 0;
  }
  /* line 293, app/assets/stylesheets/base/responsive.scss */
  #campfire_logo {
    position: relative;
    top: 0;
    left: 0;
    width: 50%;
  }
  /* line 300, app/assets/stylesheets/base/responsive.scss */
  #stage {
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    border-radius: 0;
  }
  /* line 308, app/assets/stylesheets/base/responsive.scss */
  .scene.intro {
    justify-content: center;
  }
  /* line 310, app/assets/stylesheets/base/responsive.scss */
  .scene.intro .scene-section {
    margin: 0rem 0 0;
  }
  /* line 315, app/assets/stylesheets/base/responsive.scss */
  .scene {
    justify-content: flex-start;
  }
  /* line 319, app/assets/stylesheets/base/responsive.scss */
  .scene-section {
    margin: 6rem 0;
    width: calc(100% - 3rem);
  }
  /* line 324, app/assets/stylesheets/base/responsive.scss */
  .scene-section.text-entry {
    height: calc(100% + 600px);
    max-height: none;
  }
  /* line 329, app/assets/stylesheets/base/responsive.scss */
  .flipcard {
    perspective: 500px;
    -webkit-perspective: 500px;
    will-change: transform;
    transform-style: preserve-3d;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0;
    font-size: 1.2rem;
  }
  /* line 341, app/assets/stylesheets/base/responsive.scss */
  .intro p {
    font-size: 1rem;
  }
  /* line 345, app/assets/stylesheets/base/responsive.scss */
  .step {
    background-color: rgba(0, 0, 0, 0.25);
  }
  /* line 349, app/assets/stylesheets/base/responsive.scss */
  .step.done {
    background: rgba(36, 4, 78, 0.75);
  }
  /* line 353, app/assets/stylesheets/base/responsive.scss */
  #progress {
    width: 100%;
    top: -10px;
  }
  /* line 358, app/assets/stylesheets/base/responsive.scss */
  .methods {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
    justify-items: center;
    margin: 3rem 0;
  }
  /* line 366, app/assets/stylesheets/base/responsive.scss */
  .methods div {
    padding: 1rem 2rem 3rem 2rem;
  }
  /* line 369, app/assets/stylesheets/base/responsive.scss */
  .methods div:hover {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }
  /* line 375, app/assets/stylesheets/base/responsive.scss */
  .methods div:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  /* line 385, app/assets/stylesheets/base/responsive.scss */
  .methods div.selected {
    border-color: #9D88ED;
    background: #E8E2F7;
    box-shadow: 2px 2px 10px rgba(36, 4, 78, 0.1), 0 2px 6px rgba(36, 4, 78, 0.1);
    transform: translateY(-3px);
  }
  /* line 392, app/assets/stylesheets/base/responsive.scss */
  .resource {
    max-width: 15rem;
  }
  /* line 396, app/assets/stylesheets/base/responsive.scss */
  .registration-row > div:first-child, .registration-row > div:last-child {
    width: auto;
  }
  /* line 400, app/assets/stylesheets/base/responsive.scss */
  .print {
    visibility: hidden;
  }
  /* line 404, app/assets/stylesheets/base/responsive.scss */
  .back {
    top: -2rem;
  }
  /* line 410, app/assets/stylesheets/base/responsive.scss */
  body.transactional img#logo {
    height: 25px;
  }
  /* line 414, app/assets/stylesheets/base/responsive.scss */
  body.transactional .rating {
    padding-top: 5rem;
  }
  /* line 419, app/assets/stylesheets/base/responsive.scss */
  body.transactional .ratings form:nth-child(1) fieldset legend {
    font-size: 2rem;
  }
  /* line 423, app/assets/stylesheets/base/responsive.scss */
  body.transactional .ratings fieldset.rating-container--purple {
    margin: 0 0 2rem;
  }
  /* line 426, app/assets/stylesheets/base/responsive.scss */
  body.transactional .ratings fieldset.rating-container--purple legend {
    font-size: 1rem;
  }
  /* line 434, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .table-filter .search {
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 650px) {
  /* line 443, app/assets/stylesheets/base/responsive.scss */
  section#home-page div.centered-button.desktop {
    display: none;
  }
  /* line 446, app/assets/stylesheets/base/responsive.scss */
  section#home-page div.centered-button.mobile {
    display: block;
    margin-top: 13px;
  }
  /* line 450, app/assets/stylesheets/base/responsive.scss */
  section#home-page div.centered-button.mobile img {
    height: 35px;
  }
  /* line 454, app/assets/stylesheets/base/responsive.scss */
  section#home-page .banner .text h3 {
    font-size: 2rem;
  }
  /* line 458, app/assets/stylesheets/base/responsive.scss */
  section#home-page div.avatar-block.large div.name {
    width: fit-content;
  }
  /* line 461, app/assets/stylesheets/base/responsive.scss */
  section#home-page div.avatar-block.large div.name span {
    width: fit-content;
  }
  /* line 467, app/assets/stylesheets/base/responsive.scss */
  section#home-page .large .avatar {
    width: 42px;
    height: 42px;
    margin-top: 6px;
  }
  /* line 472, app/assets/stylesheets/base/responsive.scss */
  section#home-page .large .avatar .primary-avatar {
    width: 42px;
    height: 42px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125), 0 3px 8px rgba(0, 0, 0, 0.125);
    border: 2px solid rgba(255, 255, 255, 0.25);
  }
  /* line 478, app/assets/stylesheets/base/responsive.scss */
  section#home-page .large .avatar .secondary-avatar {
    height: 15px;
    width: 15px;
    left: -6px;
    bottom: -6px;
    border: 2px solid rgba(255, 255, 255, 0.75);
  }
  /* line 486, app/assets/stylesheets/base/responsive.scss */
  section#home-page .large .name {
    margin: 0.4rem 0 0 0.8rem;
  }
  /* line 489, app/assets/stylesheets/base/responsive.scss */
  section#home-page .large .name strong {
    font-size: 1.25rem;
    font-weight: 600;
  }
  /* line 493, app/assets/stylesheets/base/responsive.scss */
  section#home-page .large .name span {
    font-size: 0.9rem;
  }
  /* line 503, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row {
    flex-wrap: wrap;
  }
  /* line 505, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row #catalog-topic-dd, section#catalogs-page .flex-row #catalog-time-dd {
    margin: 6px 2px 4px;
  }
  /* line 509, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page #catalog-search-bar {
    margin: 0 auto 4px;
  }
  /* line 512, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page #catalog-flex-row {
    margin: 0 auto;
    flex-wrap: wrap;
  }
  /* line 517, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row > div.search-and-popover-container {
    margin: 0 auto;
    display: flex;
    width: 100%;
    max-width: 320px;
  }
  /* line 523, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row > div.search-and-popover-container div.popover-container {
    position: revert;
    display: block;
  }
  /* line 527, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row > div.search-and-popover-container div.popover-container .popover {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 30;
  }
  /* line 537, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row > div.search-and-popover-container div.popover-container .popover.popover-hidden {
    display: none;
  }
  /* line 542, app/assets/stylesheets/base/responsive.scss */
  section#catalogs-page .flex-row > div.search-and-popover-container div.popover-container .filters-popover img {
    margin-top: 10px;
    height: 26px;
  }
}

@media screen and (max-width: 500px) {
  /* line 553, app/assets/stylesheets/base/responsive.scss */
  .resource {
    max-width: 30rem;
  }
  /* line 557, app/assets/stylesheets/base/responsive.scss */
  .registration-row > div:first-child, .registration-row > div:last-child {
    width: auto;
  }
  /* line 563, app/assets/stylesheets/base/responsive.scss */
  .registration-page .content-details .popover {
    z-index: 30;
  }
  /* line 570, app/assets/stylesheets/base/responsive.scss */
  nav.desktop-nav {
    display: none;
  }
  /* line 573, app/assets/stylesheets/base/responsive.scss */
  nav.mobile-nav {
    display: flex;
  }
  /* line 579, app/assets/stylesheets/base/responsive.scss */
  .registration-page .lesson-attributes {
    flex-wrap: wrap;
  }
  /* line 583, app/assets/stylesheets/base/responsive.scss */
  .registration-page .header h1 {
    font-size: 2rem;
    margin: 0 0 0.5rem;
  }
}

@media screen and (max-height: 800px) {
  /* line 591, app/assets/stylesheets/base/responsive.scss */
  html {
    font-size: 14px;
  }
}

@media screen and (max-height: 500px) {
  /* line 597, app/assets/stylesheets/base/responsive.scss */
  html {
    font-size: 12px;
  }
  /* line 602, app/assets/stylesheets/base/responsive.scss */
  body.sessions #login-modal {
    max-width: 450px;
  }
}

@media screen and (min-width: 1100px) {
  /* line 611, app/assets/stylesheets/base/responsive.scss */
  .print {
    visibility: hidden;
  }
}

@media print {
  @page {
    margin: .5in .25in;
  }
  @page :first {
    margin: 0 0 0 0;
  }
  /* line 627, app/assets/stylesheets/base/responsive.scss */
  .print {
    visibility: visible;
  }
}

/* line 2, app/assets/stylesheets/base/toggle.scss */
.field .toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  margin-bottom: 1em;
  cursor: pointer;
  gap: 1ch;
}

/* line 12, app/assets/stylesheets/base/toggle.scss */
.field button.toggle {
  border: 0;
  padding: 0;
  background-color: transparent;
  font: inherit;
}

/* line 19, app/assets/stylesheets/base/toggle.scss */
.field .toggle__input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
}

/* line 26, app/assets/stylesheets/base/toggle.scss */
.field .toggle__display {
  --offset: 0.375rem;
  --diameter: 1.75rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  box-sizing: content-box;
  width: calc(var(--diameter) * 2 + var(--offset) * 2);
  height: calc(var(--diameter) + var(--offset) * 2);
  position: relative;
  border-radius: 100vw;
  background-color: #F8F5FC;
  transition: 250ms;
  border: 1px solid #E8E2F9;
}

/* line 42, app/assets/stylesheets/base/toggle.scss */
.field .toggle__display:before {
  border: 1px solid #E8E2F9;
}

/* line 47, app/assets/stylesheets/base/toggle.scss */
.field .toggle__display::before {
  content: "";
  z-index: 2;
  position: absolute;
  top: 50%;
  left: var(--offset);
  box-sizing: border-box;
  width: var(--diameter);
  height: var(--diameter);
  border-radius: 50%;
  background-color: #fff;
  transform: translate(0, -50%);
  will-change: transform;
  transition: inherit;
}

/* line 63, app/assets/stylesheets/base/toggle.scss */
.field .toggle[aria-pressed="true"] .toggle__display,
.field .toggle__input:checked + .toggle__display {
  background-color: #E6FFEE;
  border: 1px solid #C5F6D5;
}

/* line 67, app/assets/stylesheets/base/toggle.scss */
.field .toggle[aria-pressed="true"] .toggle__display:before,
.field .toggle__input:checked + .toggle__display:before {
  border: 1px solid #C5F6D5;
}

/* line 72, app/assets/stylesheets/base/toggle.scss */
.field .toggle[aria-pressed="true"] .toggle__display::before,
.field .toggle__input:checked + .toggle__display::before {
  transform: translate(100%, -50%);
}

/* line 77, app/assets/stylesheets/base/toggle.scss */
.field .toggle[disabled] .toggle__display,
.field .toggle__input:disabled + .toggle__display {
  opacity: 0.6;
  filter: grayscale(40%);
  cursor: not-allowed;
}

/* line 84, app/assets/stylesheets/base/toggle.scss */
.field [dir="rtl"] .toggle__display::before {
  left: auto;
  right: var(--offset);
}

/* line 89, app/assets/stylesheets/base/toggle.scss */
.field [dir="rtl"] .toggle[aria-pressed="true"] + .toggle__display::before,
.field [dir="rtl"] .toggle__input:checked + .toggle__display::before {
  transform: translate(-100%, -50%);
}

/* line 94, app/assets/stylesheets/base/toggle.scss */
.field .toggle__icon {
  display: inline-block;
  color: inherit;
  fill: currentcolor;
  vertical-align: middle;
  overflow: hidden;
}

/* line 102, app/assets/stylesheets/base/toggle.scss */
.field .toggle__icon--cross {
  color: #9D88ED;
  margin-left: -1rem;
  width: 12px;
  height: 12px;
}

/* line 109, app/assets/stylesheets/base/toggle.scss */
.field .toggle__icon--checkmark {
  color: #34C761;
  width: 16px;
  height: 16px;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 3, app/assets/stylesheets/autocomplete.scss */
.list-group {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  width: 100%;
  max-width: 510px;
  max-height: 300px;
  padding: 0;
  padding-left: 0;
  overflow: scroll;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

/* line 18, app/assets/stylesheets/autocomplete.scss */
.list-group .list-group-item {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
}

/* line 24, app/assets/stylesheets/autocomplete.scss */
.list-group .list-group-item:hover {
  z-index: 1;
  text-decoration: none;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/autocomplete.scss */
.list-group .list-group-item:first-child {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}

/* line 36, app/assets/stylesheets/autocomplete.scss */
.list-group .list-group-item-action {
  color: #495057;
  text-align: inherit;
}

/* line 40, app/assets/stylesheets/autocomplete.scss */
.list-group .list-group-item-action.active {
  background-color: #EFEEF5;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 4, app/assets/stylesheets/bamboo.scss */
#bamboo_modal input::placeholder {
  color: #CED0DB;
}

/* line 7, app/assets/stylesheets/bamboo.scss */
#bamboo_modal .bamboo-image {
  margin-left: -20px;
}

/* line 10, app/assets/stylesheets/bamboo.scss */
#bamboo_modal .flash__closeBtn {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

/* line 15, app/assets/stylesheets/bamboo.scss */
#bamboo_modal a.button {
  text-align: center;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 4, app/assets/stylesheets/catalogs.scss */
.catalogs .catalog-header {
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  color: #9397AB;
  font-weight: 600;
}

/* line 10, app/assets/stylesheets/catalogs.scss */
.catalogs #single-campfire, .catalogs #tracks, .catalogs #company-campfire {
  scroll-margin-top: 30px;
}

/* line 14, app/assets/stylesheets/catalogs.scss */
.catalogs .catalog-subheader {
  color: #9397AB;
  font-size: 1rem;
  font-weight: 400;
}

/* line 20, app/assets/stylesheets/catalogs.scss */
.catalogs .no-sessions {
  background: url(https://staging.getcampfire.com/assets/icon-info-lightgray-8bab06efe1ae19daa4eef6509d62fd5102274e5a38204ff6a56aee66b1877d55.svg) no-repeat 0 50%;
  color: #CED0DB;
  padding-left: 2rem;
  line-height: 1.5rem;
}

/* line 27, app/assets/stylesheets/catalogs.scss */
.catalogs .button-group {
  margin-top: 30px;
  flex-wrap: wrap;
}

/* line 31, app/assets/stylesheets/catalogs.scss */
.catalogs #request-topic-modal {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px;
  border: 1px solid #CED0DB;
  border-radius: 5px;
  text-align: center;
  width: 33%;
  z-index: 1;
}

@media screen and (max-width: 1024px) {
  /* line 31, app/assets/stylesheets/catalogs.scss */
  .catalogs #request-topic-modal {
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  /* line 31, app/assets/stylesheets/catalogs.scss */
  .catalogs #request-topic-modal {
    width: 80%;
  }
}

/* line 51, app/assets/stylesheets/catalogs.scss */
.catalogs #request-topic-modal .header {
  font-weight: bold;
  font-size: 1.375rem;
}

/* line 55, app/assets/stylesheets/catalogs.scss */
.catalogs #request-topic-modal .flash__closeBtn {
  position: absolute;
  top: 15px;
  right: 15px;
}

/* line 60, app/assets/stylesheets/catalogs.scss */
.catalogs #request-topic-modal input[type=submit] {
  display: block;
  margin: 0 auto;
  margin-top: 25px;
}

/* line 66, app/assets/stylesheets/catalogs.scss */
.catalogs #topic_request {
  border-radius: 5px;
  box-sizing: border-box;
}

/* line 1, app/assets/stylesheets/comms.scss */
.comms-action-wrap {
  margin: 3.5rem 0;
}

/* line 5, app/assets/stylesheets/comms.scss */
.comms-action {
  position: relative;
  padding: 5rem 0 0 7.15rem;
}

/* line 9, app/assets/stylesheets/comms.scss */
.comms-action p {
  color: #515978;
}

/* line 13, app/assets/stylesheets/comms.scss */
.comms-action h4 {
  size: 1.714rem;
  margin-bottom: .9rem;
}

/* line 19, app/assets/stylesheets/comms.scss */
.comms-action-title {
  font-size: 1rem;
  color: #8C8C8C;
  margin-bottom: .5rem;
  text-transform: uppercase;
  letter-spacing: .075rem;
}

/* line 27, app/assets/stylesheets/comms.scss */
.comms-action-icon {
  position: absolute;
  left: 0;
  top: 5rem;
}

/* line 33, app/assets/stylesheets/comms.scss */
.comms-action-item-list {
  margin-top: 3.5rem;
}

/* line 37, app/assets/stylesheets/comms.scss */
.comms-action-item-row {
  display: grid;
  grid-template-columns: auto 40%;
  padding-bottom: 3.5rem;
}

/* line 43, app/assets/stylesheets/comms.scss */
.comms-action-item-col-description {
  color: #7d829a;
  padding-right: 2rem;
}

/* line 48, app/assets/stylesheets/comms.scss */
.comms-action-item-col-action {
  text-align: right;
}

/* line 52, app/assets/stylesheets/comms.scss */
.comms-editor {
  min-height: 50rem;
  padding: 5rem 1rem 1rem 1rem;
}

/* line 57, app/assets/stylesheets/comms.scss */
#trix-toolbar-comms {
  position: relative;
  margin-bottom: -4.6rem;
  padding: 1rem;
}

/* line 1, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 20px 30px;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  border-radius: 5px;
  position: absolute;
  width: 400px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

/* line 23, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

/* line 29, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

/* line 33, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 37, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

/* line 42, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

/* line 46, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

/* line 50, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 54, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

/* line 58, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 64, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

/* line 67, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
  margin-top: 15px;
}

/* line 72, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

/* line 75, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

/* line 86, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

/* line 93, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

/* line 98, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar:before {
  border-width: 10px;
  margin: 1px 14px;
}

/* line 102, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar:after {
  border-width: 9px;
  margin: 0px 15px;
}

/* line 106, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

/* line 110, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

/* line 113, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

/* line 116, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

/* line 120, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

/* line 123, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

/* line 126, app/assets/stylesheets/flatpickr.scss */
.flatpickr-calendar:focus {
  outline: 0;
}

/* line 129, app/assets/stylesheets/flatpickr.scss */
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

/* line 133, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 139, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 44px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* line 157, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

/* line 169, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

/* line 173, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

/* line 177, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
/*rtl:begin:ignore*/
  left: 0;
  /*
/*rtl:end:ignore*/
}

/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
/* line 187, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
/*rtl:begin:ignore*/
  right: 0;
  /*
/*rtl:end:ignore*/
}

/*
/*rtl:begin:ignore*/
/*
/*rtl:end:ignore*/
/* line 197, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

/* line 201, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

/* line 205, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  position: relative;
  top: 16px;
  width: 18px;
  height: 18px;
}

/* line 212, app/assets/stylesheets/flatpickr.scss */
.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

/* line 218, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper {
  position: relative;
  height: auto;
}

/* line 222, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

/* line 226, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper input {
  width: 100%;
}

/* line 229, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper input::-ms-clear {
  display: none;
}

/* line 232, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/* line 237, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 250, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

/* line 253, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

/* line 256, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

/* line 261, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

/* line 265, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

/* line 271, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span.arrowDown {
  top: 50%;
}

/* line 274, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

/* line 280, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

/* line 284, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

/* line 287, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 290, app/assets/stylesheets/flatpickr.scss */
.numInputWrapper:hover span {
  opacity: 1;
}

/* line 293, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month {
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 308, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

/* line 316, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 319, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}

/* line 324, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

/* line 327, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

/* line 330, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-family: inherit;
  font-weight: 700;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  text-transform: uppercase;
  font-size: 1.25rem;
}

/* line 352, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

/* line 355, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

/* line 362, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-weight: 700;
  height: auto;
  line-height: inherit;
  margin: -1px 5px 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
  text-transform: uppercase;
  font-size: 1.25rem;
}

/* line 386, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

/* line 390, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* line 393, app/assets/stylesheets/flatpickr.scss */
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

/* line 398, app/assets/stylesheets/flatpickr.scss */
.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 300;
  letter-spacing: .075rem;
}

/* line 417, app/assets/stylesheets/flatpickr.scss */
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* line 427, app/assets/stylesheets/flatpickr.scss */
span.flatpickr-weekday {
  cursor: default;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

/* line 442, app/assets/stylesheets/flatpickr.scss */
.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

/* line 446, app/assets/stylesheets/flatpickr.scss */
.flatpickr-days {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 340px;
}

/* line 458, app/assets/stylesheets/flatpickr.scss */
.flatpickr-days:focus {
  outline: 0;
}

/* line 461, app/assets/stylesheets/flatpickr.scss */
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 340px;
  min-width: 340px;
  max-width: 340px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

/* line 485, app/assets/stylesheets/flatpickr.scss */
.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

/* line 489, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day {
  background: none;
  border-radius: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 51px;
  height: 51px;
  line-height: 48px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  border: 4px solid #FFFFFF;
}

/* line 514, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

/* line 531, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.today {
  border-color: rgba(96, 41, 165, 0.25);
}

/* line 534, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

/* line 540, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #6A3DC5;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border: 3px solid #fff;
  box-shadow: 0px 0px 0px 2px rgba(96, 41, 165, 0.25);
  z-index: 1;
}

/* line 567, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

/* line 572, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

/* line 577, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  -webkit-box-shadow: -10px 0 0 #6A3DC5;
  box-shadow: -10px 0 0 #6A3DC5;
}

/* line 583, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

/* line 588, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

/* line 593, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

/* line 605, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.33);
}

/* line 610, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #6A3DC5, 5px 0 0 #6A3DC5;
  box-shadow: -5px 0 0 #6A3DC5, 5px 0 0 #6A3DC5;
}

/* line 615, app/assets/stylesheets/flatpickr.scss */
.flatpickr-day.hidden {
  visibility: hidden;
}

/* line 618, app/assets/stylesheets/flatpickr.scss */
.rangeMode .flatpickr-day {
  margin-top: 1px;
}

/* line 621, app/assets/stylesheets/flatpickr.scss */
.flatpickr-weekwrapper {
  float: left;
}

/* line 624, app/assets/stylesheets/flatpickr.scss */
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

/* line 629, app/assets/stylesheets/flatpickr.scss */
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

/* line 634, app/assets/stylesheets/flatpickr.scss */
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

/* line 644, app/assets/stylesheets/flatpickr.scss */
.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 653, app/assets/stylesheets/flatpickr.scss */
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 659, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 674, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

/* line 679, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

/* line 688, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

/* line 691, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

/* line 694, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

/* line 697, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

/* line 700, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

/* line 720, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

/* line 723, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

/* line 727, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

/* line 731, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

/* line 747, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

/* line 754, app/assets/stylesheets/flatpickr.scss */
.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

/* line 760, app/assets/stylesheets/flatpickr.scss */
.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* line 1, app/assets/stylesheets/groups.scss */
.tabs {
  cursor: pointer;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 4, app/assets/stylesheets/meetings.scss */
body .tabs {
  margin-bottom: 1.5rem;
}

/* line 8, app/assets/stylesheets/meetings.scss */
body #bulk_meetings,
body #admin-bulk-meetings {
  max-width: 800px;
  margin: 0 auto;
}

/* line 14, app/assets/stylesheets/meetings.scss */
body #form_wrapper {
  max-width: 375px;
  margin: 0;
}

/* line 19, app/assets/stylesheets/meetings.scss */
body #meeting_weeks {
  display: none;
}

/* line 24, app/assets/stylesheets/meetings.scss */
body #lesson-collection > div {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 1rem 1.5rem;
  margin: .5rem 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 33, app/assets/stylesheets/meetings.scss */
body #lesson-collection > div .lesson-title {
  width: 50%;
}

/* line 36, app/assets/stylesheets/meetings.scss */
body #lesson-collection > div .lesson-title .title {
  font-size: 1.25rem;
  line-height: 1;
  margin-top: .5rem;
}

/* line 41, app/assets/stylesheets/meetings.scss */
body #lesson-collection > div .lesson-title .description {
  font-size: 1rem;
}

/* line 46, app/assets/stylesheets/meetings.scss */
body #lesson-collection > div button {
  width: 2rem;
  height: 2rem;
  padding-left: 0;
  margin: 0;
  background-position: 50% 50%;
}

/* line 54, app/assets/stylesheets/meetings.scss */
body #lesson-collection > div > div {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 62, app/assets/stylesheets/meetings.scss */
body #links {
  position: absolute;
  bottom: calc(60px + 1rem);
  right: 1rem;
  text-align: right;
  z-index: 3;
  display: inline-block;
}

/* line 70, app/assets/stylesheets/meetings.scss */
body #links a {
  margin-left: 1rem;
  text-align: left;
  background: #fff;
  display: inline-block;
  max-width: 400px;
  padding: 2rem 2.5rem;
  border-radius: 5px;
  word-break: break-all;
  box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.5);
  transform: scale(1) translateY(0);
  opacity: 1;
  transform-origin: 100% 100%;
  transition: all .2s ease;
}

/* line 85, app/assets/stylesheets/meetings.scss */
body #links a.hidden {
  transform: scale(0.25) translateY(100%);
  opacity: 0;
}

/* line 90, app/assets/stylesheets/meetings.scss */
body #links a .title {
  display: block;
  background-image: url(https://staging.getcampfire.com/assets/link-41c2a2023768d31072e84354ef4aca70f30fdd33a4d8b435654811082ac0c6f4.svg);
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 3rem;
  color: #6848E3;
  margin-bottom: 1rem;
}

/* line 102, app/assets/stylesheets/meetings.scss */
body .tab-content {
  display: none;
}

/* line 105, app/assets/stylesheets/meetings.scss */
body .tab-content.active {
  display: block;
}

/* line 111, app/assets/stylesheets/meetings.scss */
body.show .google_event dd {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}

/* line 116, app/assets/stylesheets/meetings.scss */
body.show .google_event dd > div {
  margin: 1rem 1.25rem 1.25rem 0;
}

/* line 123, app/assets/stylesheets/meetings.scss */
body .simple-calendar {
  margin-top: 0.5rem;
}

/* line 126, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0 0 1rem 0;
}

/* line 132, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading a:link, body .simple-calendar .calendar-heading a:visited {
  color: #9397AB;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.075rem;
  line-height: 28px;
  height: 24px;
  display: inline-block;
  position: relative;
}

/* line 143, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading a:link:nth-child(1), body .simple-calendar .calendar-heading a:visited:nth-child(1) {
  padding-left: 2rem;
}

/* line 146, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading a:link:nth-child(1)::before, body .simple-calendar .calendar-heading a:visited:nth-child(1)::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  width: 24px;
  height: 24px;
  background: url(https://staging.getcampfire.com/assets/dropdown-arrow-0db1386e065e9f6efc1e7fe908841c100a6edbd9da4f0eb49fe348e5ed90e173.svg) no-repeat 0 0;
  transform: rotate(90deg);
}

/* line 157, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading a:link:nth-child(3), body .simple-calendar .calendar-heading a:visited:nth-child(3) {
  padding-right: 2rem;
}

/* line 160, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading a:link:nth-child(3)::before, body .simple-calendar .calendar-heading a:visited:nth-child(3)::before {
  content: "";
  display: inline-block;
  position: absolute;
  right: 0;
  width: 24px;
  height: 24px;
  background: url(https://staging.getcampfire.com/assets/dropdown-arrow-0db1386e065e9f6efc1e7fe908841c100a6edbd9da4f0eb49fe348e5ed90e173.svg) no-repeat 0 0;
  transform: rotate(-90deg);
}

/* line 172, app/assets/stylesheets/meetings.scss */
body .simple-calendar .calendar-heading span {
  font-size: 1.375rem;
  font-weight: 400;
  color: #9397AB;
}

/* line 179, app/assets/stylesheets/meetings.scss */
body .simple-calendar table.table-striped {
  border: 1px solid #EFEEF5;
  border: none;
}

/* line 183, app/assets/stylesheets/meetings.scss */
body .simple-calendar table.table-striped tr:nth-child(2n+0) {
  background-color: #fff;
}

/* line 188, app/assets/stylesheets/meetings.scss */
body .simple-calendar table.table-striped th {
  text-align: center;
  border: none;
  font-size: 0.625rem;
  color: #9397AB;
  width: 170px;
}

/* line 195, app/assets/stylesheets/meetings.scss */
body .simple-calendar table.table-striped td {
  width: 170px;
  border: 1px solid #EFEEF5;
  height: 100px;
  overflow: auto;
}

/* line 203, app/assets/stylesheets/meetings.scss */
body .simple-calendar .day {
  font-size: 11px;
  font-weight: 500;
  color: #9397AB;
}

/* line 209, app/assets/stylesheets/meetings.scss */
body .simple-calendar .today {
  color: #6A3DC5;
  font-weight: 800;
  background-color: #F6F2FF;
}

/* line 214, app/assets/stylesheets/meetings.scss */
body .simple-calendar .today .day {
  font-weight: 800;
  background-color: #6A3DC5;
  color: #fff;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.1rem;
}

/* line 228, app/assets/stylesheets/meetings.scss */
body .simple-calendar .prev-month, body .simple-calendar .next-month {
  background-color: #fcfcfc;
  color: #ccc;
}

/* line 233, app/assets/stylesheets/meetings.scss */
body .simple-calendar .simple_calendar_event {
  background-color: #E8E2F9;
  border-radius: 1rem;
  padding: 5px 10px 3px;
  margin: 3px 0;
  position: relative;
}

/* line 240, app/assets/stylesheets/meetings.scss */
body .simple-calendar .simple_calendar_event a:link, body .simple-calendar .simple_calendar_event a:visited {
  color: #6A3DC5;
}

/* line 243, app/assets/stylesheets/meetings.scss */
body .simple-calendar .simple_calendar_event .no-wrap {
  font-weight: 600;
  display: block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 251, app/assets/stylesheets/meetings.scss */
body .simple-calendar .simple_calendar_event .free::after {
  content: "";
  text-align: center;
  line-height: 16px;
  color: #fff;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 11px;
  background-color: #34C761;
  border: 2px solid #fff;
  top: -3px;
  left: -3px;
}

/* line 266, app/assets/stylesheets/meetings.scss */
body .simple-calendar .simple_calendar_event img {
  position: absolute;
  right: -3px;
  top: -3px;
  width: 19px;
  height: 19px;
  border-radius: 2rem;
}

/* line 278, app/assets/stylesheets/meetings.scss */
.context-menu {
  position: absolute;
  display: none;
  z-index: 4;
}

/* line 280, app/assets/stylesheets/meetings.scss */
.context-menu ul, #context-menu li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: white;
}

/* line 286, app/assets/stylesheets/meetings.scss */
.context-menu {
  border: solid 1px #CCC;
}

/* line 287, app/assets/stylesheets/meetings.scss */
.context-menu li {
  border-bottom: solid 1px #CCC;
}

/* line 288, app/assets/stylesheets/meetings.scss */
.context-menu li:last-child {
  border: none;
}

/* line 289, app/assets/stylesheets/meetings.scss */
.context-menu li a {
  display: block;
  padding: 5px 10px;
  text-decoration: none;
  color: blue;
}

/* line 295, app/assets/stylesheets/meetings.scss */
.context-menu li a:hover {
  background: blue;
  color: #FFF;
}

/* line 300, app/assets/stylesheets/meetings.scss */
.hover-popup-info {
  position: relative;
}

/* line 303, app/assets/stylesheets/meetings.scss */
.hover-popup-info a {
  position: absolute;
  bottom: 20px;
  right: 35px;
}

/* line 308, app/assets/stylesheets/meetings.scss */
.hover-popup-info a:hover {
  cursor: pointer;
}

/* line 314, app/assets/stylesheets/meetings.scss */
span.availability-warning {
  color: red;
}

/* line 319, app/assets/stylesheets/meetings.scss */
body .marks {
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

/* line 327, app/assets/stylesheets/meetings.scss */
body .marks .checkmark-stem {
  position: absolute;
  width: 3px;
  height: 14px;
  background-color: #00ba20;
  left: 11px;
  top: 4px;
}

/* line 336, app/assets/stylesheets/meetings.scss */
body .marks .checkmark-kick {
  position: absolute;
  width: 4px;
  height: 3px;
  background-color: #00ba20;
  left: 7px;
  top: 15px;
}

/* line 345, app/assets/stylesheets/meetings.scss */
body .marks .xmark-line-one {
  position: absolute;
  width: 3px;
  height: 15px;
  background-color: #e41010;
  left: 6px;
  top: 2px;
}

/* line 354, app/assets/stylesheets/meetings.scss */
body .marks .xmark-line-two {
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: #e41010;
  left: 0px;
  top: 8px;
}

/* line 364, app/assets/stylesheets/meetings.scss */
body .flex-row.facilitator {
  gap: 1rem;
}

/* line 367, app/assets/stylesheets/meetings.scss */
body .flex-row.facilitator .or {
  text-decoration: underline;
}

/* line 371, app/assets/stylesheets/meetings.scss */
body .flex-row.facilitator label {
  margin-top: 0;
}

/* line 376, app/assets/stylesheets/meetings.scss */
body .flex-row.facilitator {
  flex-direction: column;
}

/* line 377, app/assets/stylesheets/meetings.scss */
body #meeting_facilitator_id:disabled {
  cursor: not-allowed;
}

/* line 381, app/assets/stylesheets/meetings.scss */
body #request-guide.disabled:hover .popup-box {
  display: block;
}

/* line 385, app/assets/stylesheets/meetings.scss */
body #request-guide .popup-box {
  padding: 0;
  color: #FF7474;
  position: absolute;
  bottom: 0;
}

/* line 391, app/assets/stylesheets/meetings.scss */
body #request-guide .popup-box .popup-item {
  padding: 1rem;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 4, app/assets/stylesheets/admin-users.scss */
.admin-users .selected-users-dropdown {
  min-width: 217px;
}

/* line 2, app/assets/stylesheets/track_sets.scss */
body.admin-track_sets .flex-row .drop-arrow {
  flex-grow: 1;
}

/* line 6, app/assets/stylesheets/track_sets.scss */
body.admin-track_sets .more-info {
  margin: auto;
  font-weight: bold;
  color: purple;
}

/* line 11, app/assets/stylesheets/track_sets.scss */
body.admin-track_sets .more-info:hover {
  cursor: pointer;
}

/* line 2, app/assets/stylesheets/scaffolds.scss */
.chart {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  border: 1px solid #eee;
  padding: 3.5rem;
  border-radius: 7px;
  margin: 1.5rem 0 5rem 0;
}

/* line 11, app/assets/stylesheets/scaffolds.scss */
.chart .chart-label {
  font-size: 1rem;
  text-transform: uppercase;
  margin: .5rem 0;
  letter-spacing: 0.05rem;
}

/* line 18, app/assets/stylesheets/scaffolds.scss */
.chart .elements {
  display: flex;
  justify-content: space-between;
}

/* line 25, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bar_chart_labels {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: stretch;
  font-size: .875rem;
  color: #999;
  margin: 0 .5rem;
}

/* line 35, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
  position: relative;
  left: -.5rem;
  width: 100%;
  min-width: 600px;
  max-width: 800px;
}

/* line 45, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar {
  min-width: 9%;
  max-width: 25%;
  text-align: center;
}

/* line 50, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_back {
  height: 150px;
  background: rgba(104, 72, 227, 0.05);
  margin: 0 .25rem;
  border-radius: 3px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
}

/* line 61, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_front {
  background: rgba(104, 72, 227, 0.65);
  width: 100%;
  border-radius: 4px;
  animation: rise 1.25s ease-out forwards;
}

/* line 69, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_label {
  margin: 1rem 0 1rem 0;
  font-size: 1.125rem;
  font-weight: 450;
}

/* line 75, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_percentage {
  margin: .25rem 0 .25rem 0;
  font-size: .9rem;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.075rem;
}

/* line 82, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_percentage sup {
  vertical-align: top;
  font-size: .625rem;
  padding-left: .125rem;
  color: #999;
}

/* line 90, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_responses {
  margin: .25rem 0 .25rem 0;
  font-size: .75rem;
  font-weight: 200;
  color: #888;
  letter-spacing: -0.02rem;
}

/* line 97, app/assets/stylesheets/scaffolds.scss */
.vertical-bar-chart .vertical_bars .vertical_bar .vertical_bar_responses img {
  border-radius: 3rem;
}

/* line 106, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart {
  display: flex;
  flex-flow: column nowrap;
  margin: 1.5rem 0 5rem 0;
  border: 1px solid #eee;
  padding: 2.5rem;
  border-radius: 5px;
}

/* line 114, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bar_chart_labels {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-content: stretch;
  font-size: .875rem;
  color: #999;
  margin: 0 .5rem;
}

/* line 124, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
}

/* line 131, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_title {
  display: flex;
  justify-content: space-between;
}

/* line 135, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_title .horizontal_bar_label {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 450;
}

/* line 141, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_title .horizontal_bar_percentage {
  display: inline-block;
  margin: .25rem 0 .25rem 0;
  font-size: .9rem;
  font-weight: 400;
  color: #777;
  letter-spacing: -0.075rem;
}

/* line 149, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_title .horizontal_bar_percentage sup {
  horizontal-align: top;
  font-size: .625rem;
  padding-left: .125rem;
  color: #999;
}

/* line 157, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_title .horizontal_bar_responses {
  display: inline-block;
  margin: .25rem 0 .25rem .5rem;
  font-size: .75rem;
  font-weight: 200;
  color: #888;
  letter-spacing: -0.02rem;
}

/* line 165, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_title .horizontal_bar_responses img {
  border-radius: 3rem;
}

/* line 172, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_back {
  height: 25px;
  width: 100%;
  background: rgba(104, 72, 227, 0.05);
  margin: .375rem 0 2.25rem;
  border-radius: 3px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

/* line 184, app/assets/stylesheets/scaffolds.scss */
.horizontal_bar_chart .horizontal_bars .horizontal_bar .horizontal_bar_front {
  background: rgba(104, 72, 227, 0.65);
  width: 100%;
  border-radius: 4px;
  animation: grow 1.25s ease-out forwards;
}

@keyframes rise {
  0% {
    height: 0%;
  }
}

@keyframes grow {
  0% {
    width: 0%;
  }
}

/* line 1, app/assets/stylesheets/sessions.scss */
.sessions {
  /* ring-wrapper needs to have a square ration (same height and width) not a percentage */
}

/* line 2, app/assets/stylesheets/sessions.scss */
.sessions h2 {
  font-size: 3rem;
  line-height: 3.5rem;
}

/* line 7, app/assets/stylesheets/sessions.scss */
.sessions .sign-in {
  text-align: center;
  width: 50%;
  height: 100%;
  box-shadow: 0 0 4rem rgba(0, 0, 0, 0.5);
  background-color: #BCAED2;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  color: #0b1725;
  top: 100px;
  left: calc(50% - 250px);
  border-radius: 9px;
  padding: 4rem 0;
}

/* line 24, app/assets/stylesheets/sessions.scss */
.sessions .prompt {
  background: none;
  color: #fff;
  width: 100%;
  max-width: 800px;
  text-align: center;
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70%;
  margin: 0 auto;
}

/* line 39, app/assets/stylesheets/sessions.scss */
.sessions .reflection {
  fill: #865D97;
  animation: reflection 1300ms 500ms ease-in-out infinite alternate;
}

/* line 43, app/assets/stylesheets/sessions.scss */
.sessions .sunset {
  background-image: radial-gradient(150% 75% at 70% 80%, #FFFFFF 0%, #F1DF82 20%, #FFB554 40%, #5823B8 100%);
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  width: 200%;
  transform: translate(-10%, -10%);
  /*animation: sunset 5s linear forwards;*/
  z-index: -1;
  position: absolute;
}

/* line 55, app/assets/stylesheets/sessions.scss */
.sessions .night-sky {
  position: absolute;
  width: 120%;
  height: 150%;
  transform: rotateZ(30deg);
  z-index: 1;
  top: 20%;
  left: 0;
}

/* line 66, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star {
  position: absolute;
  left: 5%;
  top: 5%;
  height: 3px;
  background: linear-gradient(-33deg, rgba(255, 255, 255, 0.2), rgba(0, 0, 255, 0));
  border-radius: 999px;
  -webkit-filter: drop-shadow(0 0 6px #699bff);
  filter: drop-shadow(0 0 6px #699bff);
}

/* line 76, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star::before, .sessions .shooting_star::after {
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  height: 1px;
  background: linear-gradient(-45deg, rgba(0, 0, 255, 0), pink, rgba(0, 0, 255, 0));
  -webkit-transform: translateX(50%) rotateZ(45deg);
  transform: translateX(50%) rotateZ(45deg);
  border-radius: 100%;
}

/* line 88, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star::after {
  -webkit-transform: translateX(50%) rotateZ(-45deg);
  transform: translateX(50%) rotateZ(-45deg);
}

/* line 92, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star:nth-child(1) {
  -webkit-animation: tail 8000ms 2000ms ease-in-out infinite, shooting 8000ms 2000ms ease-in-out infinite;
  animation: tail 8000ms 2000ms ease-in-out infinite, shooting 8000ms 2000ms ease-in-out infinite;
}

/* line 97, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star:nth-child(1)::before, .sessions .shooting_star:nth-child(1)::after {
  -webkit-animation: shining 8000ms 2000ms ease-in-out infinite;
  animation: shining 8000ms 2000ms ease-in-out infinite;
}

/* line 101, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star:nth-child(2) {
  -webkit-animation: tail 5000ms 6000ms ease-in-out infinite, shooting 3000ms 6000ms ease-in-out infinite;
  animation: tail 5000ms 6000ms ease-in-out infinite, shooting 3000ms 6000ms ease-in-out infinite;
}

/* line 105, app/assets/stylesheets/sessions.scss */
.sessions .shooting_star:nth-child(2)::before, .sessions .shooting_star:nth-child(2)::after {
  -webkit-animation: shining 5000ms 6000ms ease-in-out infinite;
  animation: shining 5000ms 6000ms ease-in-out infinite;
}

/* line 110, app/assets/stylesheets/sessions.scss */
.sessions .land {
  z-index: 2;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
  height: 50%;
  /* 532B85 purple */
}

/* line 122, app/assets/stylesheets/sessions.scss */
.sessions .fire-ring {
  opacity: .5;
  position: relative;
  width: 100%;
  max-width: 600px;
  height: 120px;
  margin: -30px auto 0;
}

/* line 131, app/assets/stylesheets/sessions.scss */
.sessions .fire-ring div:nth-child(1) {
  width: 100%;
  max-width: 600px;
  height: 120px;
  border-radius: 50%;
  background-color: #5A3F80;
  position: absolute;
  animation: flicker-ring 1300ms 500ms ease-in-out infinite alternate;
}

/* line 141, app/assets/stylesheets/sessions.scss */
.sessions .fire-ring div:nth-child(2) {
  position: absolute;
  top: 7px;
  left: calc(50% - 225px);
  background-color: #674992;
  width: 450px;
  height: 85px;
  border-radius: 50%;
  animation: flicker-ring 1300ms 500ms ease-in-out infinite alternate;
}

/* line 153, app/assets/stylesheets/sessions.scss */
.sessions .fire-ring div:nth-child(3) {
  position: absolute;
  top: 18px;
  left: calc(50% - 125px);
  background-color: #7858A5;
  width: 250px;
  height: 50px;
  border-radius: 50%;
  animation: flicker-ring 1300ms 500ms ease-in-out infinite alternate;
}

/* line 165, app/assets/stylesheets/sessions.scss */
.sessions .fire-ring div:nth-child(4) {
  position: relative;
  margin: 0 auto;
  top: 26px;
  background-color: #100010;
  width: 130px;
  height: 30px;
  border-radius: 50%;
  z-index: 3;
  animation: none;
}

/* line 177, app/assets/stylesheets/sessions.scss */
.sessions .hero {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}

/* line 184, app/assets/stylesheets/sessions.scss */
.sessions .mountain {
  background: transparent url(https://staging.getcampfire.com/assets/mountain-531a131da995fa4742feddebbe392ca8c0ff796ed6a577b0eb48f4e4e93fd561.svg) no-repeat 50% 0%;
  z-index: 1;
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-size: cover;
}

/* line 198, app/assets/stylesheets/sessions.scss */
.sessions .circle {
  border-radius: 50%;
  position: absolute;
}

/* line 203, app/assets/stylesheets/sessions.scss */
.sessions .embers {
  margin: 0px auto;
  width: 90px;
  height: 60px;
  position: relative;
  bottom: 80px;
  z-index: 4;
}

/* line 212, app/assets/stylesheets/sessions.scss */
.sessions .embers i {
  opacity: 0;
  display: block;
  width: 10px;
  height: 10px;
  background: Yellow;
  border-radius: 20px;
  bottom: 80px;
  position: absolute;
}

/* line 223, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(1) {
  left: 30%;
  animation: ember-float 6000ms 1000ms linear infinite;
}

/* line 228, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(2) {
  left: 40%;
  animation: ember-float 4700ms 4000ms linear infinite;
}

/* line 233, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(3) {
  left: 60%;
  animation: ember-float 4000ms 3000ms linear infinite;
}

/* line 238, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(4) {
  left: 75%;
  animation: ember-float 7000ms 1ms linear infinite;
}

/* line 243, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(5) {
  left: 25%;
  animation: ember-float 3400ms 10ms linear infinite;
}

/* line 248, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(6) {
  left: 50%;
  animation: ember-float 2300ms 100ms linear infinite;
}

/* line 254, app/assets/stylesheets/sessions.scss */
.sessions .clouds div {
  position: absolute;
  opacity: .2;
}

/* line 260, app/assets/stylesheets/sessions.scss */
.sessions .clouds div:nth-child(1) {
  top: 250px;
  left: -800px;
  animation: float-l-r 150s linear infinite;
  z-index: 3;
}

/* line 267, app/assets/stylesheets/sessions.scss */
.sessions .clouds div:nth-child(2) {
  top: 30px;
  left: -900px;
  animation: float-l-r 120s linear infinite;
  z-index: 4;
}

/* line 274, app/assets/stylesheets/sessions.scss */
.sessions .clouds div:nth-child(3) {
  top: 235px;
  left: -300px;
  animation: float-l-r 80s linear infinite;
  z-index: 2;
}

/* line 281, app/assets/stylesheets/sessions.scss */
.sessions .clouds div:nth-child(4) {
  top: 300px;
  left: 30%;
  animation: float-l-r 50s linear forwards;
  z-index: 2;
}

/* line 288, app/assets/stylesheets/sessions.scss */
.sessions .clouds div:nth-child(5) {
  top: 200px;
  left: 70%;
  animation: float-l-r 50s linear forwards;
  z-index: 2;
}

/* line 295, app/assets/stylesheets/sessions.scss */
.sessions .clouds div:nth-child(6) {
  top: 30px;
  left: 65%;
  animation: float-l-r 100s linear forwards;
  z-index: 2;
}

/* line 303, app/assets/stylesheets/sessions.scss */
.sessions .campers {
  z-index: 3;
  position: absolute;
  left: calc(50% - 288px);
  top: 130px;
  width: 576px;
  height: 375px;
}

/* line 312, app/assets/stylesheets/sessions.scss */
.sessions .campers svg {
  width: 576px;
  height: 375px;
}

/* line 317, app/assets/stylesheets/sessions.scss */
.sessions .campers_bg {
  z-index: 1;
  position: absolute;
  left: calc(50% - 385px);
  top: 325px;
  background-image: url(https://staging.getcampfire.com/assets/camper_shadow-b965ff25626a1f74eff61ec88c130160ba2eaa1e21fe11419b6483dad89584ce.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 763px;
  height: 275px;
  animation: flicker-ring 1300ms 500ms ease-in-out infinite alternate;
}

/* line 332, app/assets/stylesheets/sessions.scss */
.sessions .ring-wrapper {
  width: 500px;
  height: 500px;
  position: absolute;
  margin: 0 auto;
  top: -25px;
  left: calc(50% - 265px);
  z-index: 1;
}

/* line 341, app/assets/stylesheets/sessions.scss */
.sessions .ring {
  z-index: 1;
  width: 92%;
  height: 30%;
  bottom: 10%;
  left: calc(50% - 46%);
}

/* line 349, app/assets/stylesheets/sessions.scss */
.sessions .ring:before {
  top: 8%;
  left: calc(50% - 37%);
  content: "";
  z-index: 2;
  width: 75%;
  height: 70%;
}

/* line 358, app/assets/stylesheets/sessions.scss */
.sessions .ring:after {
  top: 17%;
  content: "";
  z-index: 3;
  left: calc(25%);
  height: 40%;
  width: 50%;
}

/* line 367, app/assets/stylesheets/sessions.scss */
.sessions .ring, .sessions .ring:before, .sessions .ring:after {
  opacity: .85;
  position: absolute;
  border-radius: 100%;
  background: rgba(255, 231, 128, 0.2);
  animation: flicker-ring 1300ms 500ms ease-in-out infinite alternate;
}

/* line 375, app/assets/stylesheets/sessions.scss */
.sessions .bed {
  position: absolute;
  width: 22%;
  height: 6%;
  left: calc(50% - 10.2%);
  bottom: 27.6%;
  background: radial-gradient(51.22% 51.22% at 50% 48.78%, rgba(255, 255, 255, 0.66) 0%, rgba(254, 208, 10, 0.66) 53.13%, rgba(251, 113, 47, 0.56) 89.06%, rgba(238, 64, 26, 0.16) 100%);
  border-radius: 100%;
  z-index: 4;
}

/* line 386, app/assets/stylesheets/sessions.scss */
.sessions .bed:before {
  content: "";
  position: absolute;
  height: 125%;
  width: 130%;
  top: -61%;
  left: -20%;
  background: 100% 0% url(https://staging.getcampfire.com/assets/bed_back-86ad3e9b35438d9484ab69af09832ed100f63b1f95a6ec85520f81eefcb44ba7.svg) no-repeat;
  z-index: -1;
  background-size: contain;
}

/* line 398, app/assets/stylesheets/sessions.scss */
.sessions .bed:after {
  content: "";
  z-index: 4;
  position: absolute;
  height: 175%;
  width: 150%;
  bottom: -53%;
  left: -27%;
  background: 0% 0% url(https://staging.getcampfire.com/assets/bed_front-695d4d2b984d2a70d4cda926454ede0bcd91df2916bd308cf1f285794cfd2f05.svg) no-repeat;
  background-size: contain;
  transform: rotate(1deg);
}

/* line 412, app/assets/stylesheets/sessions.scss */
.sessions .flame, .sessions .flame > div, .sessions .flame > div:before, .sessions .flame > div:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 60% 3% 60% 60%;
}

/* line 421, app/assets/stylesheets/sessions.scss */
.sessions #flame {
  transform-origin: center bottom;
  animation-name: flicker;
  animation-duration: 1300ms;
  animation-delay: 0ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* line 430, app/assets/stylesheets/sessions.scss */
.sessions #outer, .sessions #middle, .sessions #inner, .sessions #white {
  transform-origin: center bottom;
  animation-name: flicker-flame;
  animation-duration: 2000ms;
  animation-delay: 0ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

/* line 441, app/assets/stylesheets/sessions.scss */
.sessions #flame {
  opacity: .85;
  position: absolute;
  width: 24%;
  bottom: 29%;
  left: calc(50% - 12%);
  z-index: 4;
  animation-delay: 0ms;
}

/* line 451, app/assets/stylesheets/sessions.scss */
.sessions #outer {
  animation-delay: 500ms;
}

/* line 455, app/assets/stylesheets/sessions.scss */
.sessions #middle {
  animation-delay: 700ms;
}

/* line 459, app/assets/stylesheets/sessions.scss */
.sessions #inner {
  animation-delay: 600ms;
}

/* line 463, app/assets/stylesheets/sessions.scss */
.sessions #white {
  animation-delay: 400ms;
}

/* line 467, app/assets/stylesheets/sessions.scss */
.sessions .embers {
  position: absolute;
  height: calc(100% - 40%);
  width: 30%;
  left: calc(50% - 15%);
}

/* line 474, app/assets/stylesheets/sessions.scss */
.sessions .embers i {
  opacity: 0;
  display: block;
  width: 2vw;
  height: 2vw;
  background: #FFB554;
  position: absolute;
  bottom: 33%;
  left: 50%;
  border-radius: 20vw;
  transform: rotate(0deg);
}

/* line 487, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(1) {
  left: 30%;
  animation: ember-float 5000ms 1000ms linear infinite;
}

/* line 492, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(2) {
  left: 40%;
  animation: ember-float 4700ms 4000ms linear infinite;
}

/* line 497, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(3) {
  left: 60%;
  animation: ember-float 4000ms 3000ms linear infinite;
}

/* line 502, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(4) {
  left: 55%;
  animation: ember-float 6000ms 1ms linear infinite;
}

/* line 507, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(5) {
  left: 35%;
  animation: ember-float 3400ms 10ms linear infinite;
}

/* line 512, app/assets/stylesheets/sessions.scss */
.sessions .embers i:nth-child(6) {
  left: 50%;
  animation: ember-float 2300ms 100ms linear infinite;
}

@keyframes ember-float {
  0% {
    transform: translateX(0) translateY(0) scale(1) rotateY(10deg);
    opacity: .6;
    height: .4vw;
    width: .4vw;
    background: #fff;
  }
  25% {
    transform: translateX(8px) translateY(-100px) scale(1) rotateY(10deg);
    opacity: .6;
    height: .5vw;
    width: .5vw;
    background: #FFB554;
  }
  45% {
    transform: translateX(-8px) translateY(-200px) scale(1) rotateY(30deg);
    opacity: .6;
    height: .6vw;
    width: .6vw;
    background: #FFE781;
  }
  60% {
    transform: translateX(5px) translateY(-300px) scale(1) rotateY(-30deg);
    opacity: .6;
    height: .5vw;
    width: .5vw;
    background: #F27357;
  }
  75% {
    transform: translateX(-10px) translateY(-400px) scale(1) rotateY(10deg);
    opacity: .6;
    height: .4vw;
    width: .4vw;
    background: #F27357;
  }
  90% {
    transform: translateX(0px) translateY(-500px) scale(1.5) rotateY(70deg);
    opacity: 0;
    background: red;
    height: .6vw;
    width: .6vw;
    background: #F27357;
  }
}

@keyframes flicker {
  0% {
    transform: rotate(1deg);
  }
  20% {
    transform: rotate(-1deg);
  }
  40% {
    transform: rotate(1deg) scaleY(0.93);
  }
  60% {
    transform: rotate(-1deg) scaleY(1.025);
  }
  80% {
    transform: rotate(2deg) scaleY(0.98);
  }
  100% {
    transform: rotate(1deg) scaleY(0.95);
  }
}

@keyframes flicker-flame {
  0% {
    transform: rotate(1deg);
  }
  20% {
    transform: rotate(-1deg);
  }
  40% {
    transform: rotate(1deg);
  }
  60% {
    transform: rotate(-1deg);
  }
  80% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(1deg);
  }
}

@keyframes flicker-ring {
  0% {
    opacity: .7;
  }
  20% {
    opacity: .65;
  }
  40% {
    transform: scale(1.05);
    opacity: .8;
  }
  60% {
    transform: scale(1.0125);
    opacity: .75;
  }
  80% {
    transform: scale(1);
    opacity: .65;
  }
  100% {
    transform: scale(1.05);
    opacity: .7;
  }
}

/* line 578, app/assets/stylesheets/sessions.scss */
.sessions .page-content {
  background: #fff;
  margin: 5rem auto;
  width: 100%;
}

/* line 585, app/assets/stylesheets/sessions.scss */
.sessions .section-title {
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

/* line 591, app/assets/stylesheets/sessions.scss */
.sessions .section-title.learn {
  color: #ff6938;
}

/* line 595, app/assets/stylesheets/sessions.scss */
.sessions .section-title.connect {
  color: #af176a;
}

/* line 599, app/assets/stylesheets/sessions.scss */
.sessions .section-title.action {
  color: #7703ae;
}

/* line 603, app/assets/stylesheets/sessions.scss */
.sessions .section-title.fun {
  color: #5dcfb3;
}

/* line 607, app/assets/stylesheets/sessions.scss */
.sessions .row {
  display: flex;
  width: 100%;
  max-width: 800px;
  margin: 5rem auto;
}

/* line 614, app/assets/stylesheets/sessions.scss */
.sessions .row.wrap {
  flex-wrap: wrap;
}

/* line 618, app/assets/stylesheets/sessions.scss */
.sessions .sections .row img {
  margin-right: 4rem;
}

/* line 622, app/assets/stylesheets/sessions.scss */
.sessions .content-section {
  background: #faf4ff;
  margin-top: 7rem;
  padding: 5rem 0 1rem;
}

/* line 628, app/assets/stylesheets/sessions.scss */
.sessions .centered {
  text-align: center;
  margin: 4rem auto 4rem;
  max-width: 800px;
}

/* line 634, app/assets/stylesheets/sessions.scss */
.sessions .intro p {
  color: #777;
}

/* line 638, app/assets/stylesheets/sessions.scss */
.sessions .logos {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

/* line 646, app/assets/stylesheets/sessions.scss */
.sessions .logos span {
  padding: 3rem;
}

/* line 651, app/assets/stylesheets/sessions.scss */
.sessions .logos span img {
  width: 200px;
}

/* line 655, app/assets/stylesheets/sessions.scss */
.sessions .footer {
  background-color: #0b1725;
  color: #fff;
}

/* line 660, app/assets/stylesheets/sessions.scss */
.sessions .footer .container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 2rem;
}

/* line 667, app/assets/stylesheets/sessions.scss */
.sessions .footer-blocks {
  display: flex;
  justify-content: space-between;
}

/* line 672, app/assets/stylesheets/sessions.scss */
.sessions .legal-block {
  width: 40%;
  display: flex;
  justify-content: space-between;
}

/* line 678, app/assets/stylesheets/sessions.scss */
.sessions .legal-block {
  text-align: right;
}

/* line 682, app/assets/stylesheets/sessions.scss */
.sessions .legal-block:first {
  width: 60%;
  text-align: left;
}

/* line 687, app/assets/stylesheets/sessions.scss */
.sessions .footer-blocks a {
  color: #fff;
  display: block;
}

@keyframes tail {
  0% {
    width: 0;
    opacity: 1;
  }
  60% {
    width: 550px;
    opacity: 0;
  }
  100% {
    width: 550px;
    opacity: 0;
  }
}

@keyframes shining {
  0% {
    width: 0;
  }
  50% {
    width: 6px;
  }
  100% {
    width: 0;
  }
}

@keyframes shooting {
  0% {
    transform: translateX(0);
  }
  60% {
    transform: translateX(1100px);
  }
  100% {
    transform: translateX(1100px);
  }
}

@keyframes ember-float {
  0% {
    transform: translateX(0) translateY(0) scale(1) rotateY(10deg);
    opacity: .6;
    height: 5px;
    width: 5px;
  }
  25% {
    transform: translateX(8px) translateY(-100px) scale(1) rotateY(10deg);
    opacity: .6;
    height: 6px;
    width: 6px;
  }
  45% {
    transform: translateX(-8px) translateY(-200px) scale(1) rotateY(30deg);
    opacity: .6;
    height: 5px;
    width: 5px;
  }
  60% {
    transform: translateX(5px) translateY(-300px) scale(1) rotateY(-30deg);
    opacity: .6;
    height: 3px;
    width: 3px;
  }
  75% {
    transform: translateX(-10px) translateY(-400px) scale(1) rotateY(10deg);
    opacity: .6;
    height: 4px;
    width: 4px;
  }
  90% {
    transform: translateX(0px) translateY(-500px) scale(1.5) rotateY(70deg);
    opacity: 0;
    background: red;
    height: 6px;
    width: 6px;
  }
}

@keyframes flicker {
  0% {
    transform: rotate(1deg);
  }
  20% {
    transform: rotate(-1deg);
  }
  40% {
    transform: rotate(1deg) scaleY(0.93);
  }
  60% {
    transform: rotate(-1deg) scaleY(1.025);
  }
  80% {
    transform: rotate(2deg) scaleY(0.98);
  }
  100% {
    transform: rotate(1deg) scaleY(0.95);
  }
}

@keyframes flicker-ring {
  0% {
    opacity: .58;
  }
  20% {
    opacity: .65;
  }
  40% {
    transform: scale(1.05);
    opacity: .8;
  }
  60% {
    transform: scale(1.0125);
    opacity: .75;
  }
  80% {
    transform: scale(1);
    opacity: .55;
  }
  100% {
    transform: scale(1.05);
    opacity: .7;
  }
}

@keyframes reflection {
  0% {
    fill: #704982;
  }
  20% {
    fill: #704982;
  }
  40% {
    fill: #8C5C94;
  }
  60% {
    fill: #704982;
  }
  80% {
    fill: #86618C;
  }
  100% {
    fill: #7E5790;
  }
}

@keyframes sunset {
  to {
    width: 100%;
    transform: translate(0, 0);
  }
}

@keyframes float-l-r {
  100% {
    left: calc(100% + 300px);
  }
}

@keyframes float-r-l {
  100% {
    right: calc(100% + 300px);
  }
}

/* line 800, app/assets/stylesheets/sessions.scss */
.sessions.identifier .header {
  font-size: 1.3rem;
  font-weight: bold;
}

/* line 804, app/assets/stylesheets/sessions.scss */
.sessions.identifier .action {
  margin-top: 30px;
}

/* line 806, app/assets/stylesheets/sessions.scss */
.sessions.identifier .action .button {
  min-width: 45%;
}

/* line 2, app/assets/stylesheets/slides.scss */
.slides select.setting {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5px;
}

/* line 8, app/assets/stylesheets/slides.scss */
.slides select.setting.timer {
  background-image: url(https://staging.getcampfire.com/assets/timer-d90a9a9f435b6508da73599fe41b465b1525ea5706753132980fd2d8e87494d0.svg);
}

/* line 11, app/assets/stylesheets/slides.scss */
.slides select.setting.person {
  background-image: url(https://staging.getcampfire.com/assets/person-bf755ab4cd5f7e5b232f19427d1e3adaf5df032c679c17f288cec2fcdd5f1b21.svg);
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 3, app/assets/stylesheets/companies.scss */
.tab {
  display: block;
}

/* line 7, app/assets/stylesheets/companies.scss */
.overview .report-container {
  border-radius: 7px;
  border: 1px solid #CED0DB;
  padding: 3rem 4rem;
  margin-bottom: 40px;
}

/* line 13, app/assets/stylesheets/companies.scss */
.overview .report-container .header {
  font-weight: bold;
  color: #9397AB;
  font-size: 1.6rem;
}

/* line 18, app/assets/stylesheets/companies.scss */
.overview .report-container .subheader {
  color: #9397AB;
  font-weight: 500;
}

/* line 23, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .numbers {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5%;
}

/* line 30, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .numbers > * {
  align-self: center;
}

/* line 34, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .numbers .overall-rating {
  font-size: 3rem;
  font-weight: bold;
}

/* line 38, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .numbers .stars {
  flex-grow: 1;
}

/* line 41, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .numbers .rating-count {
  color: #9397AB;
  font-size: 1.2rem;
}

/* line 48, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .sessions .session {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}

/* line 55, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .sessions .session .lesson-image {
  flex-grow: 0;
  border-radius: 7px;
  max-width: 100px;
}

/* line 60, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .sessions .session .average {
  color: #9397AB;
}

/* line 63, app/assets/stylesheets/companies.scss */
.overview .report-container .rating-data .sessions .session .average img {
  width: 20px;
}

/* line 73, app/assets/stylesheets/companies.scss */
.overview .report-container .attendance-charts .attendance-percentage #attendance-chart {
  border-radius: 17%;
  max-height: 105px;
}

/* line 77, app/assets/stylesheets/companies.scss */
.overview .report-container .attendance-charts .attendance-percentage .bottom-label .percentage-value {
  font-weight: bold;
}

/* line 80, app/assets/stylesheets/companies.scss */
.overview .report-container .attendance-charts .attendance-percentage .bottom-label .avg {
  color: #9397AB;
  font-weight: 500;
  font-size: 1rem;
}

/* line 85, app/assets/stylesheets/companies.scss */
.overview .report-container .attendance-charts .attendance-percentage .bottom-label > * {
  text-align: center;
}

/* line 92, app/assets/stylesheets/companies.scss */
.overview .upcoming {
  font-size: 1.2rem;
}

/* line 95, app/assets/stylesheets/companies.scss */
.overview .upcoming a {
  color: #6A3DC5;
}

/* line 98, app/assets/stylesheets/companies.scss */
.overview .meeting-row .title .text {
  align-items: center;
  gap: 15px;
}

/* line 103, app/assets/stylesheets/companies.scss */
.overview .meeting-row .title .registrants .avatar-block {
  align-items: center;
}

/* line 106, app/assets/stylesheets/companies.scss */
.overview .meeting-row .title .registrants .avatar-block img.primary-avatar {
  margin-left: -12px;
  box-shadow: none;
}

/* line 111, app/assets/stylesheets/companies.scss */
.overview .meeting-row .title .registrants .avatar-block .count-circle {
  display: flex;
  text-align: center;
  flex-flow: column nowrap;
  justify-content: center;
  background: #bac2c6;
  width: 40px;
  height: 40px;
  border-radius: 60px;
  flex-grow: 1;
  margin: 0 15px 0 -12px;
  border: 2px solid #fff;
  line-height: 30px;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
}

/* line 128, app/assets/stylesheets/companies.scss */
.overview .meeting-row .title .registrants .avatar-block .count-circle span {
  display: inline-block;
  text-align: center;
  margin-top: 3px;
}

/* line 137, app/assets/stylesheets/companies.scss */
.overview .meeting-row .title .registrants .count {
  flex-grow: 1;
}

/* line 146, app/assets/stylesheets/companies.scss */
.admin-companies .email-logo {
  width: 300px;
  height: auto;
}

/* line 5, app/assets/stylesheets/rating_questions.scss */
#star_range {
  display: flex;
  max-width: 500px;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 11, app/assets/stylesheets/rating_questions.scss */
#star_range div.field {
  width: 45%;
}

/* line 2, app/assets/stylesheets/rating_responses.scss */
.rating_responses .flex-form {
  gap: 50px;
}

/* line 5, app/assets/stylesheets/rating_responses.scss */
.rating_responses .meeting-start-at {
  font-size: 0.8rem;
}

/* DO NOT EDIT: This file is auto-generated from app/javascript/config/colors.js */
/* line 3, app/assets/stylesheets/transactional.scss */
body.transactional {
  background: #fff;
  position: relative;
}

/* line 7, app/assets/stylesheets/transactional.scss */
body.transactional .avatar-block {
  justify-content: center;
}

/* line 11, app/assets/stylesheets/transactional.scss */
body.transactional .purple-body {
  margin-top: 30px;
  color: #6A3DC5;
  text-align: left;
}

/* line 17, app/assets/stylesheets/transactional.scss */
body.transactional .prompt .header {
  color: #9397AB;
}

/* line 20, app/assets/stylesheets/transactional.scss */
body.transactional .prompt .question {
  margin-bottom: 10px;
}

/* line 23, app/assets/stylesheets/transactional.scss */
body.transactional .prompt .form-submit {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}

/* line 29, app/assets/stylesheets/transactional.scss */
body.transactional .post-script {
  text-align: center;
  color: #CED0DB;
}

/* line 34, app/assets/stylesheets/transactional.scss */
body.transactional .paragraph-header {
  font-weight: bold;
  letter-spacing: 0.9px;
  font-size: 0.9rem;
  margin-bottom: 5px;
}

/* line 41, app/assets/stylesheets/transactional.scss */
body.transactional a {
  color: #6A3DC5;
  text-decoration: underline;
}

/* line 46, app/assets/stylesheets/transactional.scss */
body.transactional img#logo {
  display: block;
  margin: 2rem auto 1rem;
  height: 40px;
}

/* line 51, app/assets/stylesheets/transactional.scss */
body.transactional img#logo.bottom-left {
  margin: 0;
  position: absolute;
  bottom: 2vw;
  left: 2vw;
}

/* line 59, app/assets/stylesheets/transactional.scss */
body.transactional .page {
  height: calc(100vh - 10px);
  width: calc(100vw - 10px);
  max-width: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
  background: #6A3DC5;
  border-radius: 21px;
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  overflow: scroll;
}

/* line 76, app/assets/stylesheets/transactional.scss */
body.transactional .success-message {
  color: #12833E;
  background: #D2F3DD;
  border-radius: 9px;
  padding: .25rem 3rem;
  margin: 0 0 2rem;
}

/* line 83, app/assets/stylesheets/transactional.scss */
body.transactional .success-message p {
  font-weight: 400;
  font-size: 1.25rem;
}

/* line 89, app/assets/stylesheets/transactional.scss */
body.transactional .box {
  max-width: 500px;
  background-color: #fff;
  padding: 3rem;
  margin: 3rem auto;
  border: .5rem solid #fff;
  border-radius: 17px;
  box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.25), 0 0 0 0.75rem #6A3DC5, 0 0 0 1rem rgba(255, 255, 255, 0.2);
}

/* line 100, app/assets/stylesheets/transactional.scss */
body.transactional .rating-meeting {
  margin-bottom: 3rem;
  text-align: center;
  color: #fff;
}

/* line 105, app/assets/stylesheets/transactional.scss */
body.transactional .rating-meeting a:link, body.transactional .rating-meeting a:visited {
  color: #fff;
}

/* line 109, app/assets/stylesheets/transactional.scss */
body.transactional .rating-meeting .question-heading {
  text-transform: none;
  font-size: 2.5rem;
  color: #fff;
  letter-spacing: 0;
  background: #6A3DC5;
  width: auto;
  text-align: center;
  font-weight: 500;
  border-radius: 5px;
  padding: 1rem 2rem .5rem;
  margin: 0;
  text-indent: 0;
  line-height: 1.2;
}

/* line 127, app/assets/stylesheets/transactional.scss */
body.transactional .ratings {
  width: 100%;
  max-width: 900px;
  margin: 1rem auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

/* line 135, app/assets/stylesheets/transactional.scss */
body.transactional .ratings form {
  flex: 0 1 auto;
}

/* line 139, app/assets/stylesheets/transactional.scss */
body.transactional .ratings form:nth-child(1) {
  flex: 0 0 100%;
  text-align: center;
}

/* line 143, app/assets/stylesheets/transactional.scss */
body.transactional .ratings form:nth-child(1) fieldset.rating-container--purple {
  width: auto;
  max-width: 100%;
  padding: 0;
  margin: 0 auto 1rem;
  flex-flow: row nowrap;
  justify-content: center;
}

/* line 151, app/assets/stylesheets/transactional.scss */
body.transactional .ratings form:nth-child(1) fieldset.rating-container--purple.star-rating {
  flex-flow: row-reverse nowrap;
}

/* line 154, app/assets/stylesheets/transactional.scss */
body.transactional .ratings form:nth-child(1) fieldset.rating-container--purple.star-rating input[type=radio] + label {
  margin: 0 1rem;
  height: 48px;
  width: 48px;
}

/* line 160, app/assets/stylesheets/transactional.scss */
body.transactional .ratings form:nth-child(1) fieldset.rating-container--purple.star-rating input[type=radio] + label.star_label:before {
  background-size: 48px;
  height: 48px;
  width: 48px;
}

/* line 169, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple {
  background: #6A3DC5;
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  width: 300px;
  margin: 1rem 0 2rem 0;
  border: none;
}

/* line 179, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple.star-rating {
  flex-flow: row-reverse nowrap;
}

/* line 183, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.star_label {
  transition: .2s ease-in-out;
  position: relative;
  z-index: 1;
  margin: 0 .5rem;
  cursor: pointer;
}

/* line 189, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.star_label:before {
  background: url(https://staging.getcampfire.com/assets/star-empty-4536fa34623ee9bd5e8538277da92481d24b72fa941cb36d224584e4ad788cc1.svg) no-repeat 50% 50%;
  background-size: 32px;
}

/* line 195, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio]:focus + label.star_label {
  transform: scale(1.375);
}

/* line 200, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio]:checked + label.star_label:before, body.transactional .ratings fieldset.rating-container--purple input[type=radio]:checked + label.star_label ~ *:before {
  background: url(https://staging.getcampfire.com/assets/star-filled-b2da4d2fcac3bef1c66341b661302573808ece43049fca7e57880fd1f7f1480b.svg) no-repeat 50% 50%;
  background-size: 32px;
}

/* line 206, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.thumb_label {
  transition: .2s ease-in-out;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

/* line 212, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.thumb_label:before {
  background-size: 64px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

/* line 219, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.thumb_label.up {
  margin-right: 2rem;
}

/* line 221, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.thumb_label.up:before {
  background-image: url(https://staging.getcampfire.com/assets/thumb-empty-65e20565ebef6828b850a0cb6149d4cc55226bbb1b70f2b608010902f1d2d72a.svg);
}

/* line 227, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio] + label.thumb_label.down:before {
  background-image: url(https://staging.getcampfire.com/assets/thumb-down-empty-e4e6a4be4d1850a86f1e2e19c8eec90e803b291ef88fbb2ea03777a1a6d5d292.svg);
}

/* line 232, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio]:focus + label.thumb_label.up {
  transform: scale(1.125);
}

/* line 235, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio]:focus + label.thumb_label.down {
  transform: scale(1.125);
}

/* line 240, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio]:checked + label.thumb_label.up:before {
  background: url(https://staging.getcampfire.com/assets/thumb-filled-795b291bded61f1f157ae9b678ef47f06d45f6be470cedb0efa91c9885a28099.svg) no-repeat 50% 50%;
  background-size: 64px;
}

/* line 248, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input[type=radio]:checked + label.thumb_label.down:before {
  background: url(https://staging.getcampfire.com/assets/thumb-down-filled-405bcc3fa69d16b5cb42e62b85cc79fef79fea3fe848abc8f98fd0e706e66303.svg) no-repeat 50% 50%;
  background-size: 64px;
}

/* line 256, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple input.star_input, body.transactional .ratings fieldset.rating-container--purple input.thumb_input {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 0;
  width: 0;
  visibility: hidden;
}

/* line 265, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple label.star_label {
  height: 32px;
  width: 32px;
  margin: 0;
}

/* line 270, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple label.star_label::before {
  content: "";
  position: absolute;
  display: block;
  height: 32px;
  width: 32px;
  top: 0;
  left: 0;
}

/* line 281, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple label.thumb_label {
  height: 64px;
  width: 64px;
  margin: 0;
}

/* line 286, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple label.thumb_label::before {
  content: "";
  position: absolute;
  display: block;
  height: 64px;
  width: 64px;
  top: 0;
  left: 0;
}

/* line 297, app/assets/stylesheets/transactional.scss */
body.transactional .ratings fieldset.rating-container--purple .star {
  position: relative;
  display: inline-block;
}

/* line 2, app/assets/stylesheets/tracks.scss */
body.admin-tracks .tracks-header {
  margin-top: 1rem;
}

/* line 5, app/assets/stylesheets/tracks.scss */
body.admin-tracks .tracks-header.flex-row > div {
  margin-right: 2rem;
}

/* line 9, app/assets/stylesheets/tracks.scss */
body.admin-tracks .tracks-header .badge {
  margin: -6px;
}

/* line 14, app/assets/stylesheets/tracks.scss */
body.admin-tracks td .badge {
  margin: 0 0 0 0.5rem;
}

/* line 18, app/assets/stylesheets/tracks.scss */
body.admin-tracks .marks {
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

/* line 26, app/assets/stylesheets/tracks.scss */
body.admin-tracks .marks .checkmark-stem {
  position: absolute;
  width: 3px;
  height: 14px;
  background-color: #00BA20;
  left: 11px;
  top: 4px;
}

/* line 35, app/assets/stylesheets/tracks.scss */
body.admin-tracks .marks .checkmark-kick {
  position: absolute;
  width: 4px;
  height: 3px;
  background-color: #00BA20;
  left: 7px;
  top: 15px;
}

/* line 44, app/assets/stylesheets/tracks.scss */
body.admin-tracks .marks .xmark-line-one {
  position: absolute;
  width: 3px;
  height: 15px;
  background-color: #E41010;
  left: 6px;
  top: 2px;
}

/* line 53, app/assets/stylesheets/tracks.scss */
body.admin-tracks .marks .xmark-line-two {
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: #E41010;
  left: 0px;
  top: 8px;
}

/* line 2, app/assets/stylesheets/lessons.scss */
body.admin-lessons .marks {
  display: inline-block;
  width: 22px;
  height: 22px;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}

/* line 10, app/assets/stylesheets/lessons.scss */
body.admin-lessons .marks .checkmark-stem {
  position: absolute;
  width: 3px;
  height: 14px;
  background-color: #00ba20;
  left: 11px;
  top: 4px;
}

/* line 19, app/assets/stylesheets/lessons.scss */
body.admin-lessons .marks .checkmark-kick {
  position: absolute;
  width: 4px;
  height: 3px;
  background-color: #00ba20;
  left: 7px;
  top: 15px;
}

/* line 28, app/assets/stylesheets/lessons.scss */
body.admin-lessons .marks .xmark-line-one {
  position: absolute;
  width: 3px;
  height: 15px;
  background-color: #e41010;
  left: 6px;
  top: 2px;
}

/* line 37, app/assets/stylesheets/lessons.scss */
body.admin-lessons .marks .xmark-line-two {
  position: absolute;
  width: 15px;
  height: 3px;
  background-color: #e41010;
  left: 0px;
  top: 8px;
}

/* line 2, app/assets/stylesheets/users/journal.scss */
.users.journal .user-meeting-details {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 2rem;
}

/* line 8, app/assets/stylesheets/users/journal.scss */
.users.journal .user-meeting-details .bookmarks {
  flex-basis: 40%;
}

/* line 11, app/assets/stylesheets/users/journal.scss */
.users.journal .user-meeting-details .bookmarks .user-meeting-details-header {
  margin-bottom: 1rem;
}

/* line 14, app/assets/stylesheets/users/journal.scss */
.users.journal .user-meeting-details .bookmarks .bookmark-images {
  display: flex;
  flex-flow: row wrap;
  gap: 0.5rem;
}

/* line 19, app/assets/stylesheets/users/journal.scss */
.users.journal .user-meeting-details .bookmarks .bookmark-images img {
  width: 150px;
  border-radius: 5px;
}

/* line 25, app/assets/stylesheets/users/journal.scss */
.users.journal .user-meeting-details .journals {
  flex-grow: 1;
}

/* line 29, app/assets/stylesheets/users/journal.scss */
.users.journal .mark-complete:hover {
  border: 1px solid #6A3DC5;
  border-radius: 4px;
}

/* line 33, app/assets/stylesheets/users/journal.scss */
.users.journal .action-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

/* line 38, app/assets/stylesheets/users/journal.scss */
.users.journal .dismiss {
  padding: 0.7rem;
  background-color: #fff;
  box-shadow: none;
}

/* line 42, app/assets/stylesheets/users/journal.scss */
.users.journal .dismiss:hover {
  border: 1px solid #6A3DC5;
  border-radius: 4px;
  cursor: pointer;
}

/* line 49, app/assets/stylesheets/users/journal.scss */
.users.journal .take-action-form .flatpickr {
  color: #6A3DC5;
  background-image: url(https://staging.getcampfire.com/assets/calendar-46ee4b1adb4406c9d0dd57bdc6d3a5e7f3e440211ff7a1de365a7cdc393cd415.svg);
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 5px;
  padding-left: 35px;
  border: none;
  width: 75%;
}

/* line 59, app/assets/stylesheets/users/journal.scss */
.users.journal .take-action-form .flatpickr:hover {
  border: 1px solid #6A3DC5;
  border-radius: 4px;
  cursor: pointer;
}

/* line 67, app/assets/stylesheets/users/journal.scss */
.users.journal .read-summary-text-link {
  white-space: nowrap;
  font-weight: 600;
  color: #6A3DC5;
  padding: 0px 20px 0px 20px;
  margin-right: 1rem;
}

/* line 75, app/assets/stylesheets/users/journal.scss */
.users.journal .completed {
  padding: 8px 18px;
  margin-left: 10px;
  border: none;
  border-radius: 16px;
  background-color: #C5F6D5;
  color: #34C761;
  text-transform: uppercase;
  font-size: 0.7rem;
}

/* line 86, app/assets/stylesheets/users/journal.scss */
.users.journal *, .users.journal *::after, .users.journal *::before {
  box-sizing: border-box;
}

/* line 90, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat {
  padding: 3rem;
  background-color: white;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.15);
  border-radius: 9px;
  position: fixed;
  width: 450px;
  height: 750px;
  margin: auto !important;
  overflow-x: hidden;
  overflow-y: auto;
  top: 50%;
  left: 50%;
}

/* line 105, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

/* line 111, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-header .title {
  font-size: 20px;
  font-weight: bold;
}

/* line 116, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-header .close-button {
  cursor: pointer;
}

/* line 120, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body {
  padding: 10px 0;
}

/* line 123, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .info {
  color: #9397ab;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 210px;
  white-space: nowrap;
  overflow: hidden;
  margin: 1rem 0 0.25rem;
  font-size: 0.75em;
  width: 100%;
}

/* line 136, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .messageBlock {
  display: flex;
  flex-direction: row;
  position: relative;
}

/* line 141, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .avatar {
  display: flex;
  align-self: flex-start;
  justify-self: flex-start;
  min-width: 40px;
}

/* line 147, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .avatar img {
  border-radius: 5px;
  width: 32px;
  height: 32px;
  z-index: 2;
}

/* line 154, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .messageText {
  width: 100%;
  position: relative;
  word-wrap: break-word;
  margin: 0 0 5px;
  border-radius: 5px;
  background: #f3f7ff;
  padding: 0 1rem;
  line-height: 19px;
  font-size: 0.9rem;
}

/* line 166, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .delete {
  display: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 32px;
  height: 32px;
  text-align: center;
  background-color: white;
  border-radius: 5px;
}

/* line 177, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .delete button {
  cursor: pointer;
  position: relative;
  top: 5px;
  left: 1px;
  width: 21px;
  height: 21px;
  border: none;
}

/* line 186, app/assets/stylesheets/users/journal.scss */
.users.journal .modal-chat-body .messageBlock:hover .delete {
  display: block;
}

/* line 2, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #dddddd;
  border-collapse: collapse;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}

/* line 13, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar tr {
  border-collapse: collapse;
}

/* line 17, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar th {
  padding: 6px;
  border-bottom: 2px solid #dddddd;
  border-collapse: collapse;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 0px none #333333;
  box-sizing: border-box;
  text-align: left;
}

/* line 28, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar td {
  padding: 6px;
  vertical-align: top;
  width: 14%;
  border: 1px solid #ddd;
  border-top-color: #dddddd;
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: #dddddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: #dddddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px;
}

/* line 48, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .day {
  height: 80px;
}

/* line 60, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .today {
  background: #FFFFC0;
}

/* line 69, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .prev-month {
  background: #DDD;
}

/* line 72, vendor/bundle/ruby/3.3.0/gems/simple_calendar-2.4.3/app/assets/stylesheets/simple_calendar.scss */
.simple-calendar .next-month {
  background: #DDD;
}

/**
 * Swiper 11.1.15
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 18, 2024
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

/* line 13, app/assets/stylesheets/swiper.scss */
:root {
  --swiper-theme-color:#007aff;
}

/* line 13, app/assets/stylesheets/swiper.scss */
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal {
  touch-action: pan-y;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-vertical {
  touch-action: pan-x;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d {
  perspective: 1200px;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

/* line 13, app/assets/stylesheets/swiper.scss */
:root {
  --swiper-navigation-size:44px;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-lock {
  display: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

/* line 13, app/assets/stylesheets/swiper.scss */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullet:only-child {
  display: none !important;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform,.2s top;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s left;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-pagination-lock {
  display: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar-lock {
  display: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper.swiper-cube {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper.swiper-flip {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper.swiper-cards {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/swiper.scss */
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

/* Custom Swiper Navigation Buttons */
/* line 16, app/assets/stylesheets/swiper.scss */
.swiper-button-next,
.swiper-button-prev {
  color: white;
  --swiper-navigation-size: 24px;
}

/* Fraction Pagination Styles */
/* line 23, app/assets/stylesheets/swiper.scss */
.swiper-pagination-fraction {
  color: white;
  font-size: 1rem;
  background-color: rgba(119, 112, 112, 0.5);
  padding: 0 0.5rem;
  border-radius: 9999px;
  width: auto;
  padding-top: 2px;
  line-height: 1;
  top: 1rem;
  right: 1rem;
  bottom: initial;
  left: initial;
}

/* Custom Scrollbar Styles */
/* line 39, app/assets/stylesheets/swiper.scss */
.swiper-scrollbar-drag {
  background-color: rgba(255, 255, 255, 0.7);
}