@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* line 8, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 18, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
/* line 31, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 50, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 61, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 70, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
/* line 79, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 92, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
a, .button.button-link {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 102, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
a:active, .button.button-link:active,
a:hover,
.button.button-link:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 115, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 125, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 134, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 143, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 152, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 161, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 170, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 179, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 187, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
sub {
  bottom: -0.25em;
}

/* line 191, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 202, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 210, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 222, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
code, .markup code.hljs,
article code.hljs,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
/* line 234, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 243, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 257, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
input,
.ui-selectmenu-button,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
/* line 269, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 278, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
input,
.ui-selectmenu-button {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 288, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 299, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 310, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 322, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 333, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 346, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 359, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 368, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 378, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 388, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/* line 397, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/* line 406, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 416, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/normalize-rails-4.1.1/vendor/assets/stylesheets/normalize-rails/normalize.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* line 4, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/neat-1.7.4/app/assets/stylesheets/grid/_box-sizing.scss */
html {
  box-sizing: border-box;
}

/* line 9, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/neat-1.7.4/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
  box-sizing: inherit;
}

@media screen and (max-width: 768px) {
  /* line 2, learning-spaces/app/styles/base/placeholders/_codemirror.scss */
  .codemirror-textarea span {
    display: inline !important;
  }
}

/* line 8, learning-spaces/app/styles/base/placeholders/_codemirror.scss */
.codemirror-textarea .CodeMirror {
  color: #4d565b;
  font-family: "Mono Sans", Consolas, Courier, monospace;
  font-size: inherit;
  line-height: inherit;
}

/* line 14, learning-spaces/app/styles/base/placeholders/_codemirror.scss */
.codemirror-textarea .CodeMirror .cm-header {
  color: black;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.4em;
}

/* line 21, learning-spaces/app/styles/base/placeholders/_codemirror.scss */
.codemirror-textarea .CodeMirror .cm-variable-2,
.codemirror-textarea .CodeMirror .cm-variable-3,
.codemirror-textarea .CodeMirror .cm-keyword {
  color: #4d565b;
}

/* line 27, learning-spaces/app/styles/base/placeholders/_codemirror.scss */
.codemirror-textarea .CodeMirror .cm-string,
.codemirror-textarea .CodeMirror .cm-strong,
.codemirror-textarea .CodeMirror .cm-link,
.codemirror-textarea .CodeMirror .cm-comment,
.codemirror-textarea .CodeMirror .cm-quote,
.codemirror-textarea .CodeMirror .cm-number,
.codemirror-textarea .CodeMirror .cm-atom,
.codemirror-textarea .CodeMirror .cm-tag {
  color: black;
  font-weight: 700;
}

/* line 3, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".psb"]::before, .markup .button.button-link[href*=".psb"]::before,
article a[href*=".psb"]::before,
article .button.button-link[href*=".psb"]::before, .markup a[href*=".psd"]::before, .markup .button.button-link[href*=".psd"]::before,
article a[href*=".psd"]::before,
article .button.button-link[href*=".psd"]::before, .markup a[href*=".tar"]::before, .markup .button.button-link[href*=".tar"]::before,
article a[href*=".tar"]::before,
article .button.button-link[href*=".tar"]::before, .markup a[href*=".7z"]::before, .markup .button.button-link[href*=".7z"]::before,
article a[href*=".7z"]::before,
article .button.button-link[href*=".7z"]::before, .markup a[href*=".rar"]::before, .markup .button.button-link[href*=".rar"]::before,
article a[href*=".rar"]::before,
article .button.button-link[href*=".rar"]::before, .markup a[href*=".zip"]::before, .markup .button.button-link[href*=".zip"]::before,
article a[href*=".zip"]::before,
article .button.button-link[href*=".zip"]::before, .markup a[href*=".flac"]::before, .markup .button.button-link[href*=".flac"]::before,
article a[href*=".flac"]::before,
article .button.button-link[href*=".flac"]::before, .markup a[href*=".ogg"]::before, .markup .button.button-link[href*=".ogg"]::before,
article a[href*=".ogg"]::before,
article .button.button-link[href*=".ogg"]::before, .markup a[href*=".m4a"]::before, .markup .button.button-link[href*=".m4a"]::before,
article a[href*=".m4a"]::before,
article .button.button-link[href*=".m4a"]::before, .markup a[href*=".aif"]::before, .markup .button.button-link[href*=".aif"]::before,
article a[href*=".aif"]::before,
article .button.button-link[href*=".aif"]::before, .markup a[href*=".wav"]::before, .markup .button.button-link[href*=".wav"]::before,
article a[href*=".wav"]::before,
article .button.button-link[href*=".wav"]::before, .markup a[href*=".mp3"]::before, .markup .button.button-link[href*=".mp3"]::before,
article a[href*=".mp3"]::before,
article .button.button-link[href*=".mp3"]::before, .markup a[href*=".wmv"]::before, .markup .button.button-link[href*=".wmv"]::before,
article a[href*=".wmv"]::before,
article .button.button-link[href*=".wmv"]::before, .markup a[href*=".flv"]::before, .markup .button.button-link[href*=".flv"]::before,
article a[href*=".flv"]::before,
article .button.button-link[href*=".flv"]::before, .markup a[href*=".3gp"]::before, .markup .button.button-link[href*=".3gp"]::before,
article a[href*=".3gp"]::before,
article .button.button-link[href*=".3gp"]::before, .markup a[href*=".qt"]::before, .markup .button.button-link[href*=".qt"]::before,
article a[href*=".qt"]::before,
article .button.button-link[href*=".qt"]::before, .markup a[href*=".mp4"]::before, .markup .button.button-link[href*=".mp4"]::before,
article a[href*=".mp4"]::before,
article .button.button-link[href*=".mp4"]::before, .markup a[href*=".mkv"]::before, .markup .button.button-link[href*=".mkv"]::before,
article a[href*=".mkv"]::before,
article .button.button-link[href*=".mkv"]::before, .markup a[href*=".avi"]::before, .markup .button.button-link[href*=".avi"]::before,
article a[href*=".avi"]::before,
article .button.button-link[href*=".avi"]::before, .markup a[href*=".mpeg"]::before, .markup .button.button-link[href*=".mpeg"]::before,
article a[href*=".mpeg"]::before,
article .button.button-link[href*=".mpeg"]::before, .markup a[href*=".mov"]::before, .markup .button.button-link[href*=".mov"]::before,
article a[href*=".mov"]::before,
article .button.button-link[href*=".mov"]::before, .markup a[href*=".txt"]::before, .markup .button.button-link[href*=".txt"]::before,
article a[href*=".txt"]::before,
article .button.button-link[href*=".txt"]::before, .markup a[href*=".rtf"]::before, .markup .button.button-link[href*=".rtf"]::before,
article a[href*=".rtf"]::before,
article .button.button-link[href*=".rtf"]::before, .markup a[href*=".ppt"]::before, .markup .button.button-link[href*=".ppt"]::before,
article a[href*=".ppt"]::before,
article .button.button-link[href*=".ppt"]::before, .markup a[href*=".csv"]::before, .markup .button.button-link[href*=".csv"]::before,
article a[href*=".csv"]::before,
article .button.button-link[href*=".csv"]::before, .markup a[href*=".xls"]::before, .markup .button.button-link[href*=".xls"]::before,
article a[href*=".xls"]::before,
article .button.button-link[href*=".xls"]::before, .markup a[href*=".doc"]::before, .markup .button.button-link[href*=".doc"]::before,
article a[href*=".doc"]::before,
article .button.button-link[href*=".doc"]::before, .markup a[href*=".pdf"]::before, .markup .button.button-link[href*=".pdf"]::before,
article a[href*=".pdf"]::before,
article .button.button-link[href*=".pdf"]::before {
  background: no-repeat center;
  content: "";
  display: inline-block;
  height: 24px;
  margin-right: 4px;
  vertical-align: top;
  width: 16px;
}

/* line 13, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".psb"] *, .markup .button.button-link[href*=".psb"] *,
article a[href*=".psb"] *,
article .button.button-link[href*=".psb"] *, .markup a[href*=".psd"] *, .markup .button.button-link[href*=".psd"] *,
article a[href*=".psd"] *,
article .button.button-link[href*=".psd"] *, .markup a[href*=".tar"] *, .markup .button.button-link[href*=".tar"] *,
article a[href*=".tar"] *,
article .button.button-link[href*=".tar"] *, .markup a[href*=".7z"] *, .markup .button.button-link[href*=".7z"] *,
article a[href*=".7z"] *,
article .button.button-link[href*=".7z"] *, .markup a[href*=".rar"] *, .markup .button.button-link[href*=".rar"] *,
article a[href*=".rar"] *,
article .button.button-link[href*=".rar"] *, .markup a[href*=".zip"] *, .markup .button.button-link[href*=".zip"] *,
article a[href*=".zip"] *,
article .button.button-link[href*=".zip"] *, .markup a[href*=".flac"] *, .markup .button.button-link[href*=".flac"] *,
article a[href*=".flac"] *,
article .button.button-link[href*=".flac"] *, .markup a[href*=".ogg"] *, .markup .button.button-link[href*=".ogg"] *,
article a[href*=".ogg"] *,
article .button.button-link[href*=".ogg"] *, .markup a[href*=".m4a"] *, .markup .button.button-link[href*=".m4a"] *,
article a[href*=".m4a"] *,
article .button.button-link[href*=".m4a"] *, .markup a[href*=".aif"] *, .markup .button.button-link[href*=".aif"] *,
article a[href*=".aif"] *,
article .button.button-link[href*=".aif"] *, .markup a[href*=".wav"] *, .markup .button.button-link[href*=".wav"] *,
article a[href*=".wav"] *,
article .button.button-link[href*=".wav"] *, .markup a[href*=".mp3"] *, .markup .button.button-link[href*=".mp3"] *,
article a[href*=".mp3"] *,
article .button.button-link[href*=".mp3"] *, .markup a[href*=".wmv"] *, .markup .button.button-link[href*=".wmv"] *,
article a[href*=".wmv"] *,
article .button.button-link[href*=".wmv"] *, .markup a[href*=".flv"] *, .markup .button.button-link[href*=".flv"] *,
article a[href*=".flv"] *,
article .button.button-link[href*=".flv"] *, .markup a[href*=".3gp"] *, .markup .button.button-link[href*=".3gp"] *,
article a[href*=".3gp"] *,
article .button.button-link[href*=".3gp"] *, .markup a[href*=".qt"] *, .markup .button.button-link[href*=".qt"] *,
article a[href*=".qt"] *,
article .button.button-link[href*=".qt"] *, .markup a[href*=".mp4"] *, .markup .button.button-link[href*=".mp4"] *,
article a[href*=".mp4"] *,
article .button.button-link[href*=".mp4"] *, .markup a[href*=".mkv"] *, .markup .button.button-link[href*=".mkv"] *,
article a[href*=".mkv"] *,
article .button.button-link[href*=".mkv"] *, .markup a[href*=".avi"] *, .markup .button.button-link[href*=".avi"] *,
article a[href*=".avi"] *,
article .button.button-link[href*=".avi"] *, .markup a[href*=".mpeg"] *, .markup .button.button-link[href*=".mpeg"] *,
article a[href*=".mpeg"] *,
article .button.button-link[href*=".mpeg"] *, .markup a[href*=".mov"] *, .markup .button.button-link[href*=".mov"] *,
article a[href*=".mov"] *,
article .button.button-link[href*=".mov"] *, .markup a[href*=".txt"] *, .markup .button.button-link[href*=".txt"] *,
article a[href*=".txt"] *,
article .button.button-link[href*=".txt"] *, .markup a[href*=".rtf"] *, .markup .button.button-link[href*=".rtf"] *,
article a[href*=".rtf"] *,
article .button.button-link[href*=".rtf"] *, .markup a[href*=".ppt"] *, .markup .button.button-link[href*=".ppt"] *,
article a[href*=".ppt"] *,
article .button.button-link[href*=".ppt"] *, .markup a[href*=".csv"] *, .markup .button.button-link[href*=".csv"] *,
article a[href*=".csv"] *,
article .button.button-link[href*=".csv"] *, .markup a[href*=".xls"] *, .markup .button.button-link[href*=".xls"] *,
article a[href*=".xls"] *,
article .button.button-link[href*=".xls"] *, .markup a[href*=".doc"] *, .markup .button.button-link[href*=".doc"] *,
article a[href*=".doc"] *,
article .button.button-link[href*=".doc"] *, .markup a[href*=".pdf"] *, .markup .button.button-link[href*=".pdf"] *,
article a[href*=".pdf"] *,
article .button.button-link[href*=".pdf"] * {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".pdf"]::before, .markup .button.button-link[href*=".pdf"]::before,
article a[href*=".pdf"]::before,
article .button.button-link[href*=".pdf"]::before {
  background-image: url(/assets/file-types/pdf-6c17604137820ff4b4adbb504411855e99dfcd3518736a9be71575f875499703.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".doc"]::before, .markup .button.button-link[href*=".doc"]::before,
article a[href*=".doc"]::before,
article .button.button-link[href*=".doc"]::before {
  background-image: url(/assets/file-types/word-15b45d30fd06cb987c895a32503d1800b39b8faa3db1261c461b327b1c691d08.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".xls"]::before, .markup .button.button-link[href*=".xls"]::before,
article a[href*=".xls"]::before,
article .button.button-link[href*=".xls"]::before {
  background-image: url(/assets/file-types/excel-54bf2b4a86b352cdcbbcab8ac64de7b8da1139c89a9eff574893f5d43f97745e.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".csv"]::before, .markup .button.button-link[href*=".csv"]::before,
article a[href*=".csv"]::before,
article .button.button-link[href*=".csv"]::before {
  background-image: url(/assets/file-types/excel-54bf2b4a86b352cdcbbcab8ac64de7b8da1139c89a9eff574893f5d43f97745e.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".ppt"]::before, .markup .button.button-link[href*=".ppt"]::before,
article a[href*=".ppt"]::before,
article .button.button-link[href*=".ppt"]::before {
  background-image: url(/assets/file-types/powerpoint-1be846b676d1d7132645317b79f94de0393a80eae418fa2c74ca12ce16df4ac7.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".rtf"]::before, .markup .button.button-link[href*=".rtf"]::before,
article a[href*=".rtf"]::before,
article .button.button-link[href*=".rtf"]::before {
  background-image: url(/assets/file-types/text-8b6666763145a592382a76805fae2e722ac905716b6a19c16b1090c286747f7d.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".txt"]::before, .markup .button.button-link[href*=".txt"]::before,
article a[href*=".txt"]::before,
article .button.button-link[href*=".txt"]::before {
  background-image: url(/assets/file-types/text-8b6666763145a592382a76805fae2e722ac905716b6a19c16b1090c286747f7d.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".mov"]::before, .markup .button.button-link[href*=".mov"]::before,
article a[href*=".mov"]::before,
article .button.button-link[href*=".mov"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".mpeg"]::before, .markup .button.button-link[href*=".mpeg"]::before,
article a[href*=".mpeg"]::before,
article .button.button-link[href*=".mpeg"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".avi"]::before, .markup .button.button-link[href*=".avi"]::before,
article a[href*=".avi"]::before,
article .button.button-link[href*=".avi"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".mkv"]::before, .markup .button.button-link[href*=".mkv"]::before,
article a[href*=".mkv"]::before,
article .button.button-link[href*=".mkv"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".mp4"]::before, .markup .button.button-link[href*=".mp4"]::before,
article a[href*=".mp4"]::before,
article .button.button-link[href*=".mp4"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".qt"]::before, .markup .button.button-link[href*=".qt"]::before,
article a[href*=".qt"]::before,
article .button.button-link[href*=".qt"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".3gp"]::before, .markup .button.button-link[href*=".3gp"]::before,
article a[href*=".3gp"]::before,
article .button.button-link[href*=".3gp"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".flv"]::before, .markup .button.button-link[href*=".flv"]::before,
article a[href*=".flv"]::before,
article .button.button-link[href*=".flv"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".wmv"]::before, .markup .button.button-link[href*=".wmv"]::before,
article a[href*=".wmv"]::before,
article .button.button-link[href*=".wmv"]::before {
  background-image: url(/assets/file-types/video-6cb3d5f6c5e0e970cb41c0430ef519f8b695d9df0c61557b8ec5125e346be121.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".mp3"]::before, .markup .button.button-link[href*=".mp3"]::before,
article a[href*=".mp3"]::before,
article .button.button-link[href*=".mp3"]::before {
  background-image: url(/assets/file-types/audio-434021c993e8149d815b2ce7826fbadb283342f90fd142f99aa196308c471e71.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".wav"]::before, .markup .button.button-link[href*=".wav"]::before,
article a[href*=".wav"]::before,
article .button.button-link[href*=".wav"]::before {
  background-image: url(/assets/file-types/audio-434021c993e8149d815b2ce7826fbadb283342f90fd142f99aa196308c471e71.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".aif"]::before, .markup .button.button-link[href*=".aif"]::before,
article a[href*=".aif"]::before,
article .button.button-link[href*=".aif"]::before {
  background-image: url(/assets/file-types/audio-434021c993e8149d815b2ce7826fbadb283342f90fd142f99aa196308c471e71.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".m4a"]::before, .markup .button.button-link[href*=".m4a"]::before,
article a[href*=".m4a"]::before,
article .button.button-link[href*=".m4a"]::before {
  background-image: url(/assets/file-types/audio-434021c993e8149d815b2ce7826fbadb283342f90fd142f99aa196308c471e71.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".ogg"]::before, .markup .button.button-link[href*=".ogg"]::before,
article a[href*=".ogg"]::before,
article .button.button-link[href*=".ogg"]::before {
  background-image: url(/assets/file-types/audio-434021c993e8149d815b2ce7826fbadb283342f90fd142f99aa196308c471e71.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".flac"]::before, .markup .button.button-link[href*=".flac"]::before,
article a[href*=".flac"]::before,
article .button.button-link[href*=".flac"]::before {
  background-image: url(/assets/file-types/audio-434021c993e8149d815b2ce7826fbadb283342f90fd142f99aa196308c471e71.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".zip"]::before, .markup .button.button-link[href*=".zip"]::before,
article a[href*=".zip"]::before,
article .button.button-link[href*=".zip"]::before {
  background-image: url(/assets/file-types/archive-191213973fe260113ce2086dc668feba95fd65301edec8e4102e3e728c38a3ae.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".rar"]::before, .markup .button.button-link[href*=".rar"]::before,
article a[href*=".rar"]::before,
article .button.button-link[href*=".rar"]::before {
  background-image: url(/assets/file-types/archive-191213973fe260113ce2086dc668feba95fd65301edec8e4102e3e728c38a3ae.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".7z"]::before, .markup .button.button-link[href*=".7z"]::before,
article a[href*=".7z"]::before,
article .button.button-link[href*=".7z"]::before {
  background-image: url(/assets/file-types/archive-191213973fe260113ce2086dc668feba95fd65301edec8e4102e3e728c38a3ae.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".tar"]::before, .markup .button.button-link[href*=".tar"]::before,
article a[href*=".tar"]::before,
article .button.button-link[href*=".tar"]::before {
  background-image: url(/assets/file-types/archive-191213973fe260113ce2086dc668feba95fd65301edec8e4102e3e728c38a3ae.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".psd"]::before, .markup .button.button-link[href*=".psd"]::before,
article a[href*=".psd"]::before,
article .button.button-link[href*=".psd"]::before {
  background-image: url(/assets/file-types/photoshop-7d1cad54ce1ac18371f7e41a99a308a8e860b844f452b77473f676845ea46e16.png);
}

/* line 37, learning-spaces/app/styles/base/placeholders/_file-links.scss */
.markup a[href*=".psb"]::before, .markup .button.button-link[href*=".psb"]::before,
article a[href*=".psb"]::before,
article .button.button-link[href*=".psb"]::before {
  background-image: url(/assets/file-types/photoshop-7d1cad54ce1ac18371f7e41a99a308a8e860b844f452b77473f676845ea46e16.png);
}

/* line 4, learning-spaces/app/styles/base/_icons.scss */
.more-actions,
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icons";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

/* line 85, learning-spaces/app/styles/base/_icons.scss */
.icon-clock::before {
  content: "";
}

/* line 89, learning-spaces/app/styles/base/_icons.scss */
.icon-spaces::before {
  content: "";
}

/* line 93, learning-spaces/app/styles/base/_icons.scss */
.icon-bell::before {
  content: "";
}

/* line 97, learning-spaces/app/styles/base/_icons.scss */
.icon-head::before {
  content: "";
}

/* line 101, learning-spaces/app/styles/base/_icons.scss */
.icon-link::before {
  content: "";
}

/* line 105, learning-spaces/app/styles/base/_icons.scss */
.icon-bookmark::before {
  content: "";
}

/* line 109, learning-spaces/app/styles/base/_icons.scss */
.icon-image::before {
  content: "";
}

/* line 113, learning-spaces/app/styles/base/_icons.scss */
.icon-info_outline::before {
  content: "";
}

/* line 117, learning-spaces/app/styles/base/_icons.scss */
.icon-pencil::before {
  content: "";
}

/* line 121, learning-spaces/app/styles/base/_icons.scss */
.icon-settings::before {
  content: "";
}

/* line 125, learning-spaces/app/styles/base/_icons.scss */
.icon-cross::before {
  content: "";
}

/* line 129, learning-spaces/app/styles/base/_icons.scss */
.icon-cross-thin::before {
  content: "";
}

/* line 133, learning-spaces/app/styles/base/_icons.scss */
.icon-delete::before {
  content: "";
}

/* line 137, learning-spaces/app/styles/base/_icons.scss */
.icon-delete-forever::before {
  content: "";
}

/* line 141, learning-spaces/app/styles/base/_icons.scss */
.icon-plus::before {
  content: "";
}

/* line 145, learning-spaces/app/styles/base/_icons.scss */
.icon-facebook::before {
  content: "";
}

/* line 149, learning-spaces/app/styles/base/_icons.scss */
.icon-twitter::before {
  content: "";
}

/* line 153, learning-spaces/app/styles/base/_icons.scss */
.icon-linkedin::before {
  content: "";
}

/* line 157, learning-spaces/app/styles/base/_icons.scss */
.icon-list::before {
  content: "";
}

/* line 161, learning-spaces/app/styles/base/_icons.scss */
.icon-more::before, .more-actions::before {
  content: "";
}

/* line 165, learning-spaces/app/styles/base/_icons.scss */
.icon-trophy::before {
  content: "";
}

/* line 169, learning-spaces/app/styles/base/_icons.scss */
.icon-flag::before {
  content: "";
}

/* line 173, learning-spaces/app/styles/base/_icons.scss */
.icon-glasses::before {
  content: "";
}

/* line 177, learning-spaces/app/styles/base/_icons.scss */
.icon-rocket::before {
  content: "";
}

/* line 181, learning-spaces/app/styles/base/_icons.scss */
.icon-check::before {
  content: "";
}

/* line 185, learning-spaces/app/styles/base/_icons.scss */
.icon-check-thin::before {
  content: "";
}

/* line 189, learning-spaces/app/styles/base/_icons.scss */
.icon-question::before {
  content: "";
}

/* line 193, learning-spaces/app/styles/base/_icons.scss */
.icon-reply::before {
  content: "";
}

/* line 197, learning-spaces/app/styles/base/_icons.scss */
.icon-star_outline::before {
  content: "";
}

/* line 201, learning-spaces/app/styles/base/_icons.scss */
.icon-star::before {
  content: "";
}

/* line 205, learning-spaces/app/styles/base/_icons.scss */
.icon-chevron-left::before {
  content: "";
}

/* line 209, learning-spaces/app/styles/base/_icons.scss */
.icon-chevron-right::before {
  content: "";
}

/* line 213, learning-spaces/app/styles/base/_icons.scss */
.icon-credit-card::before {
  content: "";
}

/* line 217, learning-spaces/app/styles/base/_icons.scss */
.icon-user::before {
  content: "";
}

/* line 221, learning-spaces/app/styles/base/_icons.scss */
.icon-heart::before {
  content: "";
}

/* line 225, learning-spaces/app/styles/base/_icons.scss */
.icon-heart-line::before {
  content: "";
}

/* line 229, learning-spaces/app/styles/base/_icons.scss */
.icon-activity::before {
  content: "";
}

/* line 233, learning-spaces/app/styles/base/_icons.scss */
.icon-share::before {
  content: "";
}

/* line 237, learning-spaces/app/styles/base/_icons.scss */
.icon-bubble::before {
  content: "";
}

/* line 241, learning-spaces/app/styles/base/_icons.scss */
.icon-users::before {
  content: "";
}

/* line 245, learning-spaces/app/styles/base/_icons.scss */
.icon-chevron-up::before {
  content: "";
}

/* line 249, learning-spaces/app/styles/base/_icons.scss */
.icon-link-external::before {
  content: "";
}

/* line 253, learning-spaces/app/styles/base/_icons.scss */
.icon-support::before {
  content: "";
}

/* line 257, learning-spaces/app/styles/base/_icons.scss */
.icon-search::before {
  content: "";
}

/* line 261, learning-spaces/app/styles/base/_icons.scss */
.icon-sort::before {
  content: "";
}

/* line 265, learning-spaces/app/styles/base/_icons.scss */
.icon-settings-line::before {
  content: "";
}

/* line 269, learning-spaces/app/styles/base/_icons.scss */
.icon-profile-line::before {
  content: "";
}

/* line 273, learning-spaces/app/styles/base/_icons.scss */
.icon-logout-line::before {
  content: "";
}

/* line 277, learning-spaces/app/styles/base/_icons.scss */
.icon-lock::before {
  content: "";
}

/* line 5, learning-spaces/app/styles/base/html/_helpers.scss */
.pull-left {
  float: left !important;
}

/* line 9, learning-spaces/app/styles/base/html/_helpers.scss */
.pull-right {
  float: right !important;
}

@media screen and (max-width: 768px) {
  /* line 13, learning-spaces/app/styles/base/html/_helpers.scss */
  .hide-for-mobile {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  /* line 19, learning-spaces/app/styles/base/html/_helpers.scss */
  .mobile-only {
    display: none !important;
  }
}

@font-face {
  font-family: "Noto Sans";
  src: url(/fonts/NotoSans/NotoSans-Regular.woff) format("woff"), url(/fonts/NotoSans/NotoSans-Regular.woff2) format("woff2");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Noto Sans";
  src: url(/fonts/NotoSans/NotoSans-Italic.woff) format("woff"), url(/fonts/NotoSans/NotoSans-Italic.woff2) format("woff2");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "Noto Sans";
  src: url(/fonts/NotoSans/NotoSans-Bold.woff) format("woff"), url(/fonts/NotoSans/NotoSans-Bold.woff2) format("woff2");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "Noto Sans";
  src: url(/fonts/NotoSans/NotoSans-BoldItalic.woff) format("woff"), url(/fonts/NotoSans/NotoSans-BoldItalic.woff2) format("woff2");
  font-style: italic;
  font-weight: 700;
}

@font-face {
  font-family: "Noto Mono";
  src: url(/fonts/NotoMono/NotoMono-Regular.woff) format("woff"), url(/fonts/NotoMono/NotoMono-Regular.woff2) format("woff2");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "icons";
  src: url(/fonts/icons/icons.woff2) format("woff2"), url(/fonts/icons/icons.woff) format("woff");
}

/* line 1, learning-spaces/app/styles/base/html/_typography.scss */
body {
  background-color: #f0f0f0;
  color: #232729;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5em;
}

@media screen and (max-width: 420px) {
  /* line 1, learning-spaces/app/styles/base/html/_typography.scss */
  body {
    font-size: 13px;
  }
}

/* line 14, learning-spaces/app/styles/base/html/_typography.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.15em;
  margin: 0 0 0.3em;
  text-rendering: optimizeLegibility;
}

/* line 27, learning-spaces/app/styles/base/html/_typography.scss */
h1 {
  font-size: 2.25em;
}

/* line 28, learning-spaces/app/styles/base/html/_typography.scss */
h2 {
  font-size: 2em;
}

/* line 29, learning-spaces/app/styles/base/html/_typography.scss */
h3 {
  font-size: 1.75em;
}

/* line 30, learning-spaces/app/styles/base/html/_typography.scss */
h4 {
  font-size: 1.5em;
}

/* line 31, learning-spaces/app/styles/base/html/_typography.scss */
h5 {
  font-size: 1.25em;
}

/* line 32, learning-spaces/app/styles/base/html/_typography.scss */
h6 {
  font-size: 1em;
}

/* line 34, learning-spaces/app/styles/base/html/_typography.scss */
p {
  margin: 0 0 0.8em;
}

/* line 38, learning-spaces/app/styles/base/html/_typography.scss */
a, .button.button-link {
  transition: color 0.1s linear;
  color: #2180d4;
  cursor: pointer;
  text-decoration: none;
}

/* line 44, learning-spaces/app/styles/base/html/_typography.scss */
a:hover, .button.button-link:hover {
  color: #1a66a8;
}

/* line 48, learning-spaces/app/styles/base/html/_typography.scss */
a:active, .button.button-link:active, a:focus, .button.button-link:focus {
  color: #1a66a8;
}

/* line 53, learning-spaces/app/styles/base/html/_typography.scss */
a:focus, .button.button-link:focus {
  outline: 1px dashed #1a66a8;
}

/* line 57, learning-spaces/app/styles/base/html/_typography.scss */
a:active, .button.button-link:active {
  outline: none;
}

/* line 61, learning-spaces/app/styles/base/html/_typography.scss */
a.disabled, .disabled.button.button-link {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 66, learning-spaces/app/styles/base/html/_typography.scss */
a.disabled:hover, .disabled.button.button-link:hover, a.disabled:active, .disabled.button.button-link:active, a.disabled:focus, .disabled.button.button-link:focus {
  color: inherit;
}

/* line 74, learning-spaces/app/styles/base/html/_typography.scss */
hr {
  border: 0;
  border-bottom: 1px solid #dedede;
  margin: 0 0 1.6em;
}

/* line 80, learning-spaces/app/styles/base/html/_typography.scss */
img {
  margin: 0;
  max-width: 100%;
}

/* line 85, learning-spaces/app/styles/base/html/_typography.scss */
abbr,
acronym {
  border-bottom: 1px dotted #dedede;
  cursor: help;
}

/* line 91, learning-spaces/app/styles/base/html/_typography.scss */
address {
  display: block;
  margin: 0 0 1.6em;
}

/* line 96, learning-spaces/app/styles/base/html/_typography.scss */
hgroup {
  margin-bottom: 1.6em;
}

/* line 100, learning-spaces/app/styles/base/html/_typography.scss */
del {
  color: #464f53;
}

/* line 104, learning-spaces/app/styles/base/html/_typography.scss */
kbd {
  background-color: #ededed;
  border: 1px solid #cccccc;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 white;
  color: #464f53;
  display: inline-block;
  padding: 0 0.4em;
  text-align: center;
}

/* line 115, learning-spaces/app/styles/base/html/_typography.scss */
blockquote {
  border-left: 2px solid #dedede;
  color: #464f53;
  margin: 0 0 1.6em;
  padding-left: 0.8em;
}

/* line 122, learning-spaces/app/styles/base/html/_typography.scss */
cite {
  color: #464f53;
  font-style: italic;
}

/* line 126, learning-spaces/app/styles/base/html/_typography.scss */
cite::before {
  content: "\2014 \00A0";
}

/* line 131, learning-spaces/app/styles/base/html/_typography.scss */
.small-title, .small-title-lined {
  color: #a6a6a6;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 2em;
  text-align: center;
  text-transform: uppercase;
}

/* line 141, learning-spaces/app/styles/base/html/_typography.scss */
.small-title-lined {
  border-bottom: 1px solid #e3e3e3;
  height: 0;
}

/* line 146, learning-spaces/app/styles/base/html/_typography.scss */
.small-title-lined > span,
.small-title-lined > p {
  background: white;
  display: inline;
  margin: 0;
  padding: 0 10px;
  position: relative;
  top: -6px;
}

/* line 1, learning-spaces/app/styles/base/html/_article.scss */
.markup,
article {
  font-size: 1rem;
  line-height: 1.45;
  word-wrap: break-word;
}

/* line 12, learning-spaces/app/styles/base/html/_article.scss */
.markup > *:first-child,
article > *:first-child {
  margin-top: 0;
}

/* line 16, learning-spaces/app/styles/base/html/_article.scss */
.markup h1,
.markup h2,
.markup h3,
.markup h4,
article h1,
article h2,
article h3,
article h4 {
  font-weight: bold;
  line-height: 1.2;
  margin: 1.414em 0 0.5em;
}

/* line 25, learning-spaces/app/styles/base/html/_article.scss */
.markup header,
article header {
  margin-bottom: 1.3em;
}

/* line 28, learning-spaces/app/styles/base/html/_article.scss */
.markup header h1,
article header h1 {
  margin: 0 0 0.2em;
}

/* line 33, learning-spaces/app/styles/base/html/_article.scss */
.markup h1,
article h1 {
  font-size: 2.441em;
}

/* line 36, learning-spaces/app/styles/base/html/_article.scss */
.markup h2,
article h2 {
  font-size: 1.953em;
}

/* line 39, learning-spaces/app/styles/base/html/_article.scss */
.markup h3,
article h3 {
  font-size: 1.563em;
}

/* line 42, learning-spaces/app/styles/base/html/_article.scss */
.markup h4,
article h4 {
  font-size: 1.25em;
}

/* line 46, learning-spaces/app/styles/base/html/_article.scss */
.markup small,
article small {
  font-size: 0.8em;
}

/* line 50, learning-spaces/app/styles/base/html/_article.scss */
.markup .meta,
article .meta {
  font-size: 0.8em;
}

/* line 53, learning-spaces/app/styles/base/html/_article.scss */
.markup .meta a, .markup .meta .button.button-link,
article .meta a,
article .meta .button.button-link {
  border-bottom: 1px dotted #a9b6bc;
  color: #6f8590;
}

/* line 57, learning-spaces/app/styles/base/html/_article.scss */
.markup .meta a:hover, .markup .meta .button.button-link:hover,
article .meta a:hover,
article .meta .button.button-link:hover {
  border-bottom: 1px dotted #6f8590;
  color: #435056;
}

/* line 64, learning-spaces/app/styles/base/html/_article.scss */
.markup p,
.markup audio,
.markup canvas,
.markup figure,
.markup img,
.markup progress,
.markup video,
.markup .fluid-width-video-wrapper,
article p,
article audio,
article canvas,
article figure,
article img,
article progress,
article video,
article .fluid-width-video-wrapper {
  display: block;
  margin: 1.3em 0;
}

/* line 76, learning-spaces/app/styles/base/html/_article.scss */
.markup figure img,
article figure img {
  margin: 0;
}

/* line 80, learning-spaces/app/styles/base/html/_article.scss */
.markup figcaption,
article figcaption {
  color: #464f53;
  font-size: 0.9em;
  font-style: italic;
  margin-top: 0.4em;
}

/* line 87, learning-spaces/app/styles/base/html/_article.scss */
.markup audio,
article audio {
  max-width: 100%;
  min-width: 50%;
}

/* line 104, learning-spaces/app/styles/base/html/_article.scss */
.markup ul ul:only-child,
.markup ul ol:only-child,
.markup ol ul:only-child,
.markup ol ol:only-child,
article ul ul:only-child,
article ul ol:only-child,
article ol ul:only-child,
article ol ol:only-child {
  margin-bottom: 0;
}

/* line 109, learning-spaces/app/styles/base/html/_article.scss */
.markup ul ul,
.markup ol ul,
article ul ul,
article ol ul {
  list-style-type: circle;
}

/* line 114, learning-spaces/app/styles/base/html/_article.scss */
.markup code, .markup code.hljs,
article code,
article code.hljs {
  background: rgba(0, 0, 0, 0.015);
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  color: #232729;
  font-family: "Mono Sans", Consolas, Courier, monospace;
  font-size: 95%;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
  overflow: auto;
  padding: 0.2em 0.3em;
}

/* line 128, learning-spaces/app/styles/base/html/_article.scss */
.markup blockquote,
article blockquote {
  background: #f2f2f2;
  border-left: 2px solid rgba(0, 0, 0, 0.13);
  border-radius: 0 5px 5px 0;
  font-family: Georgia, Cambria, "Times New Roman", Times, serif;
  font-style: italic;
  margin: 1.6em 0;
  padding: 1em 3em;
}

/* line 138, learning-spaces/app/styles/base/html/_article.scss */
.markup pre,
article pre {
  margin: 0 0 1.6em;
}

/* line 141, learning-spaces/app/styles/base/html/_article.scss */
.markup pre > code, .markup pre > code.hljs,
.markup article pre > code.hljs,
article pre > code,
article pre > code.hljs {
  display: block;
  padding: 0.5em;
}

/* line 147, learning-spaces/app/styles/base/html/_article.scss */
.markup details,
article details {
  border: 1px solid #dce2e4;
  padding: 0 0.75em;
}

/* line 155, learning-spaces/app/styles/base/html/_article.scss */
.markup details > summary,
article details > summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  gap: 0.4em;
  margin: 0 -0.75em;
  padding: 0.5em 0.75em;
}

/* line 164, learning-spaces/app/styles/base/html/_article.scss */
.markup details > summary::after,
article details > summary::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M2.176 9.152c0-.191.07-.386.219-.53L6.015 5l-3.62-3.621A.747.747 0 1 1 3.453.32L7.605 4.47a.752.752 0 0 1 0 1.062L3.453 9.68a.747.747 0 0 1-1.277-.528Zm0 0'/%3E%3C/svg%3E");
  background-position: 0.23em 0.2em;
  background-repeat: no-repeat;
  background-size: 0.5em;
  border: 2px solid #dce2e4;
  border-radius: 50%;
  box-sizing: content-box;
  content: '';
  flex-shrink: 0;
  height: 0.9em;
  margin-left: auto;
  transform: rotate(90deg);
  transition: transform 0.1s;
  width: 0.9em;
}

/* line 181, learning-spaces/app/styles/base/html/_article.scss */
.markup details > summary::marker, .markup details > summary::-webkit-details-marker,
article details > summary::marker,
article details > summary::-webkit-details-marker {
  display: none;
}

/* line 187, learning-spaces/app/styles/base/html/_article.scss */
.markup details[open],
article details[open] {
  padding-bottom: 0.5em;
}

/* line 190, learning-spaces/app/styles/base/html/_article.scss */
.markup details[open] > summary::after,
article details[open] > summary::after {
  transform: rotate(-90deg);
}

/* line 195, learning-spaces/app/styles/base/html/_article.scss */
.markup details:last-of-type,
article details:last-of-type {
  margin-bottom: 1.3em;
}

/* line 199, learning-spaces/app/styles/base/html/_article.scss */
.markup details + details,
article details + details {
  margin-top: -1px;
}

/* line 210, learning-spaces/app/styles/base/html/_article.scss */
.markup iframe,
article iframe {
  max-width: 100%;
}

@media screen and (max-width: 420px) {
  /* line 210, learning-spaces/app/styles/base/html/_article.scss */
  .markup iframe,
article iframe {
    height: auto;
    width: 100%;
  }
}

/* line 219, learning-spaces/app/styles/base/html/_article.scss */
.markup .lazyYT-container .html5-info-bar,
article .lazyYT-container .html5-info-bar {
  z-index: 39;
}

/* line 223, learning-spaces/app/styles/base/html/_article.scss */
.markup .block-paragraph,
article .block-paragraph {
  background: rgba(0, 0, 0, 0.015);
  border: solid 1px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  color: #232729;
  line-height: 1.35;
  padding: 1em 1em 1em 3em;
  position: relative;
}

/* line 232, learning-spaces/app/styles/base/html/_article.scss */
.markup .block-paragraph::before,
article .block-paragraph::before {
  left: 1em;
  position: absolute;
}

/* line 237, learning-spaces/app/styles/base/html/_article.scss */
.markup .block-paragraph.callout::before,
article .block-paragraph.callout::before {
  content: '💡 ';
}

/* line 240, learning-spaces/app/styles/base/html/_article.scss */
.markup .block-paragraph.warning::before,
article .block-paragraph.warning::before {
  content: '🚨 ';
}

/* line 243, learning-spaces/app/styles/base/html/_article.scss */
.markup .block-paragraph.question::before,
article .block-paragraph.question::before {
  content: '❓ ';
}

/* line 246, learning-spaces/app/styles/base/html/_article.scss */
.markup .block-paragraph.exercise::before,
article .block-paragraph.exercise::before {
  content: '✍🏻 ';
}

/* line 251, learning-spaces/app/styles/base/html/_article.scss */
.markup .element-embed,
article .element-embed {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.005);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.489 2 2 6.489 2 12s4.489 10 10 10 10-4.489 10-10S17.511 2 12 2zm0 2c4.43 0 8 3.57 8 8 0 1.853-.63 3.55-1.682 4.904L7.096 5.682A7.965 7.965 0 0 1 12 4zM5.682 7.096l11.222 11.222A7.965 7.965 0 0 1 12 20c-4.43 0-8-3.57-8-8 0-1.853.63-3.55 1.682-4.904z' fill='%23a5a5a5'/%3E%3C/svg%3E");
  background-position: left 0.3em center;
  background-repeat: no-repeat;
  background-size: 0.9em;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset;
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.9em;
  line-height: 1.45;
  padding: 0 0.3em 0 1.4em;
  white-space: nowrap;
}

/* line 1, learning-spaces/app/styles/base/html/_forms.scss */
input, .ui-selectmenu-button,
label,
select {
  display: block;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
}

@media screen and (max-width: 768px) {
  /* line 10, learning-spaces/app/styles/base/html/_forms.scss */
  select,
textarea,
input[type="text"],
.ui-selectmenu-button,
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    font-size: 16px !important;
  }
}

/* line 30, learning-spaces/app/styles/base/html/_forms.scss */
label {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.2em;
}

/* line 35, learning-spaces/app/styles/base/html/_forms.scss */
label.required::after {
  content: "*";
}

/* line 39, learning-spaces/app/styles/base/html/_forms.scss */
label abbr {
  display: none;
}

/* line 44, learning-spaces/app/styles/base/html/_forms.scss */
[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], .ui-selectmenu-button, [type='time'], [type='url'], [type='week'], input:not([type]), textarea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fcfcfc;
  border: 2px solid #dedede;
  border-radius: 0.1875em;
  box-sizing: border-box;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  font-weight: normal;
  max-width: 100%;
  outline: 2px solid transparent;
  outline-offset: -2px;
  padding: 0.4em;
  transition: all 0.3s ease;
  width: 100%;
}

/* line 61, learning-spaces/app/styles/base/html/_forms.scss */
[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, .ui-selectmenu-button:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover,
select:hover {
  border-color: #c4c4c4;
}

/* line 65, learning-spaces/app/styles/base/html/_forms.scss */
[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, .ui-selectmenu-button:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus,
select:focus {
  outline-color: #9ecaf0;
}

/* line 69, learning-spaces/app/styles/base/html/_forms.scss */
[type='color']:disabled,
[type='color'] .diabled, [type='date']:disabled,
[type='date'] .diabled, [type='datetime']:disabled,
[type='datetime'] .diabled, [type='datetime-local']:disabled,
[type='datetime-local'] .diabled, [type='email']:disabled,
[type='email'] .diabled, [type='month']:disabled,
[type='month'] .diabled, [type='number']:disabled,
[type='number'] .diabled, [type='password']:disabled,
[type='password'] .diabled, [type='search']:disabled,
[type='search'] .diabled, [type='tel']:disabled,
[type='tel'] .diabled, [type='text']:disabled, .ui-selectmenu-button:disabled,
[type='text'] .diabled,
.ui-selectmenu-button .diabled, [type='time']:disabled,
[type='time'] .diabled, [type='url']:disabled,
[type='url'] .diabled, [type='week']:disabled,
[type='week'] .diabled, input:not([type]):disabled,
input:not([type]) .diabled, textarea:disabled,
textarea .diabled,
select:disabled,
select .diabled {
  background-color: #f0f0f0;
  border-color: #dedede;
  color: #999999;
  cursor: not-allowed;
}

/* line 78, learning-spaces/app/styles/base/html/_forms.scss */
select {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC);
  background-position: right 8px center;
  background-repeat: no-repeat;
  background-size: 8px 10px;
  display: inline-block;
  max-width: 100%;
  padding-right: 24px;
  width: auto;
}

/* line 89, learning-spaces/app/styles/base/html/_forms.scss */
select:not([multiple]) {
  height: 39px;
  padding-bottom: 0;
  padding-top: 0;
}

/* line 94, learning-spaces/app/styles/base/html/_forms.scss */
select:not([multiple])::-ms-expand {
  display: none;
}

/* line 99, learning-spaces/app/styles/base/html/_forms.scss */
select[multiple] {
  background-image: none;
  padding-right: 0.4em;
}

/* line 104, learning-spaces/app/styles/base/html/_forms.scss */
textarea {
  display: block;
  min-height: 90px;
  resize: vertical;
}

/* line 110, learning-spaces/app/styles/base/html/_forms.scss */
input[type="search"], .ui-selectmenu-button[type="search"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* line 114, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"], .ui-selectmenu-button[type="checkbox"],
input[type="radio"],
.ui-selectmenu-button[type="radio"] {
  display: inline;
  margin-right: 0.4em;
}

/* line 120, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"], .ui-selectmenu-button[type="checkbox"] {
  left: -100px;
  opacity: 0;
  position: fixed;
}

/* line 127, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"] + label, .ui-selectmenu-button[type="checkbox"] + label {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: middle;
}

/* line 132, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"] + label::before, .ui-selectmenu-button[type="checkbox"] + label::before {
  content: "";
  font-family: "icons";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
  transition: all 0.15s ease-in-out;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.1375rem;
  color: transparent;
  display: inline-block;
  font-size: 0.7333333333rem;
  height: 1.1rem;
  line-height: 1.1rem;
  margin-right: 0.3666666667rem;
  text-align: center;
  width: 1.1rem;
}

/* line 149, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"]:checked + label::before, .ui-selectmenu-button[type="checkbox"]:checked + label::before {
  background-color: #5ca5e6;
  border-color: #5ca5e6;
  color: white;
}

/* line 155, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"]:focus + label::before, .ui-selectmenu-button[type="checkbox"]:focus + label::before {
  box-shadow: 0 0 0 2px #9ecaf0;
}

/* line 160, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"]:disabled + label, .ui-selectmenu-button[type="checkbox"]:disabled + label {
  color: #a6a6a6;
  cursor: default;
}

/* line 164, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"]:disabled + label::before, .ui-selectmenu-button[type="checkbox"]:disabled + label::before {
  opacity: 0.5;
}

/* line 169, learning-spaces/app/styles/base/html/_forms.scss */
input[type="checkbox"]:disabled:checked + label::before, .ui-selectmenu-button[type="checkbox"]:disabled:checked + label::before {
  background-color: #a6a6a6;
  border-color: #a6a6a6;
}

/* line 176, learning-spaces/app/styles/base/html/_forms.scss */
input[type="file"], .ui-selectmenu-button[type="file"] {
  background-color: #f0f0f0;
  line-height: 1;
  outline: none;
  padding: 10px 5px 10px 10px;
  width: 100%;
}

/* line 186, learning-spaces/app/styles/base/html/_forms.scss */
.input {
  margin-bottom: 0.8em;
}

/* line 190, learning-spaces/app/styles/base/html/_forms.scss */
fieldset {
  border: 0;
  border-bottom: 1px solid #dedede;
  margin-bottom: 1.6em;
  padding: 0 0 0.8em;
}

/* line 197, learning-spaces/app/styles/base/html/_forms.scss */
form.button_to {
  display: inline;
}

/* line 22, learning-spaces/app/styles/base/html/_buttons.scss */
.button {
  font-size: 12px;
  padding: 8px 15px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: rgba(0, 0, 0, 0.05) 1px solid;
  border-radius: 0.1875em;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.5em;
  outline: none;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.15s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: baseline;
  white-space: nowrap;
  width: auto;
  background-color: #f2f2f2;
  color: #232729;
}

/* line 45, learning-spaces/app/styles/base/html/_buttons.scss */
.button:hover, .button:focus {
  border-color: rgba(0, 0, 0, 0.1);
}

/* line 50, learning-spaces/app/styles/base/html/_buttons.scss */
.button:active {
  box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px inset;
}

/* line 54, learning-spaces/app/styles/base/html/_buttons.scss */
.button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

/* line 5, learning-spaces/app/styles/base/html/_buttons.scss */
.button:focus, .button:hover {
  background-color: #e0e0e0;
  color: #232729;
  outline: none;
}

/* line 11, learning-spaces/app/styles/base/html/_buttons.scss */
.button:focus:disabled, .button:hover:disabled {
  background-color: #f2f2f2;
}

/* line 64, learning-spaces/app/styles/base/html/_buttons.scss */
.button:hover {
  background-color: #e8e8e8;
}

/* line 69, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-save, .button.button-blue {
  background-color: #5ca5e6;
  color: white;
}

/* line 5, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-save:focus, .button.button-save:hover, .button.button-blue:focus, .button.button-blue:hover {
  background-color: #3d94e1;
  color: white;
  outline: none;
}

/* line 11, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-save:focus:disabled, .button.button-save:hover:disabled, .button.button-blue:focus:disabled, .button.button-blue:hover:disabled {
  background-color: #5ca5e6;
}

/* line 75, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-green {
  background-color: #5fc473;
  color: white;
}

/* line 5, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-green:focus, .button.button-green:hover {
  background-color: #45ba5c;
  color: white;
  outline: none;
}

/* line 11, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-green:focus:disabled, .button.button-green:hover:disabled {
  background-color: #5fc473;
}

/* line 80, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-purple {
  background-color: #6d5397;
  color: white;
}

/* line 5, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-purple:focus, .button.button-purple:hover {
  background-color: #5d4780;
  color: white;
  outline: none;
}

/* line 11, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-purple:focus:disabled, .button.button-purple:hover:disabled {
  background-color: #6d5397;
}

/* line 85, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-danger, .button.button-red {
  background-color: #e87159;
  color: white;
}

/* line 5, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-danger:focus, .button.button-danger:hover, .button.button-red:focus, .button.button-red:hover {
  background-color: #e4563a;
  color: white;
  outline: none;
}

/* line 11, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-danger:focus:disabled, .button.button-danger:hover:disabled, .button.button-red:focus:disabled, .button.button-red:hover:disabled {
  background-color: #e87159;
}

/* line 91, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-link {
  background-color: transparent;
  border: 0;
}

/* line 96, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-link:active {
  box-shadow: none;
}

/* line 100, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-link:disabled {
  background-color: transparent;
}

/* line 108, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-small {
  font-size: 11px;
  padding: 3px 6px;
}

/* line 112, learning-spaces/app/styles/base/html/_buttons.scss */
.button.button-large {
  font-size: 16px;
  padding: 8px 12px;
}

/* line 120, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

/* line 126, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group > .button {
  float: left;
  position: relative;
}

/* line 130, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group > .button:hover, .button-group > .button:active, .button-group > .button:focus {
  z-index: 1;
}

/* line 136, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group > .button:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 141, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group > .button:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

/* line 147, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group > .button + .button {
  border-left-color: rgba(35, 39, 41, 0.1);
  margin-left: -1px;
}

/* line 151, learning-spaces/app/styles/base/html/_buttons.scss */
.button-group > .button + .button:disabled {
  border-left-color: transparent;
}

/* line 1, learning-spaces/app/styles/base/html/_lists.scss */
ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 7, learning-spaces/app/styles/base/html/_lists.scss */
.markup ul,
article ul {
  list-style-type: disc;
  margin-bottom: 1.6em;
  padding-left: 1.6em;
}

/* line 13, learning-spaces/app/styles/base/html/_lists.scss */

.markup ol,
article ol {
  list-style-type: decimal;
  margin-bottom: 1.6em;
  padding-left: 1.6em;
}

/* line 20, learning-spaces/app/styles/base/html/_lists.scss */
dl {
  line-height: 1.5em;
  margin-bottom: 1.6em;
}

/* line 24, learning-spaces/app/styles/base/html/_lists.scss */
dl dt {
  font-weight: bold;
  margin-top: 1.6em;
}

/* line 29, learning-spaces/app/styles/base/html/_lists.scss */
dl dd {
  margin: 0;
}

/* line 34, learning-spaces/app/styles/base/html/_lists.scss */
.list-lined li {
  border-bottom: 1px solid #f0f0f0;
  padding: 12px 0 11px;
}

/* line 38, learning-spaces/app/styles/base/html/_lists.scss */
.list-lined li:first-child {
  border-top: 1px solid #f0f0f0;
  padding: 11px 0;
}

/* line 44, learning-spaces/app/styles/base/html/_lists.scss */
.list-item-buttons {
  float: right;
}

/* line 48, learning-spaces/app/styles/base/html/_lists.scss */
.list-item-meta {
  font-size: 80%;
}

/* line 1, learning-spaces/app/styles/base/html/_tables.scss */
table {
  border-collapse: collapse;
  margin: 0 0 1.6em;
  width: 100%;
}

/* line 7, learning-spaces/app/styles/base/html/_tables.scss */
th,
td {
  padding: 0.8em 0;
}

/* line 12, learning-spaces/app/styles/base/html/_tables.scss */
th {
  border-bottom: 1px solid #b8b8b8;
  font-weight: bold;
  text-align: left;
}

/* line 18, learning-spaces/app/styles/base/html/_tables.scss */
td {
  border-bottom: 1px solid #dedede;
}

/* line 22, learning-spaces/app/styles/base/html/_tables.scss */
tr,
td,
th {
  vertical-align: middle;
}

/* line 1, learning-spaces/app/styles/components/_achievements.scss */
.achievement {
  transition: background 0.3s ease;
  background: white;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 5px;
  color: #232729;
  display: block;
  overflow: hidden;
  padding: 2em 1em;
  position: relative;
  text-align: center;
}

@media screen and (max-width: 768px) {
  /* line 1, learning-spaces/app/styles/components/_achievements.scss */
  .achievement {
    height: auto;
  }
}

/* line 17, learning-spaces/app/styles/components/_achievements.scss */
.achievement:hover {
  background: #fcfcfc;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 10px;
  color: black;
}

/* line 22, learning-spaces/app/styles/components/_achievements.scss */
.achievement:hover .achievement-badge {
  opacity: 1;
}

/* line 27, learning-spaces/app/styles/components/_achievements.scss */
.achievement::before {
  bottom: 0;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  right: 0;
}

/* line 36, learning-spaces/app/styles/components/_achievements.scss */
.achievement .achievement-badge {
  transition: opacity 0.3s ease;
  margin: 1em auto;
  opacity: 0.75;
}

/* line 42, learning-spaces/app/styles/components/_achievements.scss */
.achievement .achievement-text {
  font-weight: 700;
  margin-top: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1, learning-spaces/app/styles/components/_alerts.scss */
.alert {
  border: 1px solid transparent;
  border-radius: 0.1875em;
  display: block;
  margin-bottom: 1.6em;
  padding: 15px;
}

/* line 8, learning-spaces/app/styles/components/_alerts.scss */
.alert a, .alert .button.button-link {
  text-decoration: underline;
}

/* line 21, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-notice {
  background-color: #d3e7f8;
  border-color: #bddbf5;
  color: #185e9a;
}

/* line 26, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-notice a, .alert.alert-notice .button.button-link {
  color: #185e9a;
}

/* line 29, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-notice a:hover, .alert.alert-notice .button.button-link:hover {
  color: #11436e;
}

/* line 21, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-is-success {
  background-color: #daf1de;
  border-color: #c7eace;
  color: #308241;
}

/* line 26, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-is-success a, .alert.alert-is-success .button.button-link {
  color: #308241;
}

/* line 29, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-is-success a:hover, .alert.alert-is-success .button.button-link:hover {
  color: #225d2e;
}

/* line 21, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-warning {
  background-color: #fbedb7;
  border-color: #f9e79f;
  color: #917508;
}

/* line 26, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-warning a, .alert.alert-warning .button.button-link {
  color: #917508;
}

/* line 29, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-warning a:hover, .alert.alert-warning .button.button-link:hover {
  color: #604e06;
}

/* line 21, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-danger {
  background-color: #f8d1c9;
  border-color: #f5beb3;
  color: #942a14;
}

/* line 26, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-danger a, .alert.alert-danger .button.button-link {
  color: #942a14;
}

/* line 29, learning-spaces/app/styles/components/_alerts.scss */
.alert.alert-danger a:hover, .alert.alert-danger .button.button-link:hover {
  color: #671d0e;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pulse {
  0% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.3;
  }
}

@keyframes scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes scale-out {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes fade-in-scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes progress-in {
  0% {
    width: 0%;
  }
  20% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes shake {
  8%, 41% {
    transform: translateX(-10px);
  }
  25%, 58% {
    transform: translateX(10px);
  }
  75% {
    transform: translateX(-5px);
  }
  92% {
    transform: translateX(5px);
  }
  0%, 100% {
    transform: translateX(0);
  }
}

/* line 104, learning-spaces/app/styles/components/_animations.scss */
.fieldWithErrors {
  animation: shake 0.3s linear;
}

/* line 8, learning-spaces/app/styles/components/_avatar.scss */
.avatar {
  font-size: 19.08px;
  height: 36px;
  line-height: 36px;
  width: 36px;
  background-color: #dedede;
  border-radius: 50%;
  color: white;
  box-sizing: content-box;
  display: inline-block;
  font-family: monospace;
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

/* line 22, learning-spaces/app/styles/components/_avatar.scss */
.avatar img {
  border-radius: 50%;
  display: inline-block;
  margin-top: 0;
  min-height: 100%;
  width: 100%;
}

/* line 30, learning-spaces/app/styles/components/_avatar.scss */
.avatar.initials {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-transform: uppercase;
}

/* line 35, learning-spaces/app/styles/components/_avatar.scss */
.avatar.square, .avatar.square img {
  border-radius: 4px;
}

/* line 40, learning-spaces/app/styles/components/_avatar.scss */
.avatar.fake {
  background: #ededed;
}

/* line 43, learning-spaces/app/styles/components/_avatar.scss */
.avatar.fake::before, .avatar.fake::after {
  background: white;
  border-radius: 50%;
  content: "";
  left: 50%;
  position: absolute;
}

/* line 52, learning-spaces/app/styles/components/_avatar.scss */
.avatar.fake::before {
  height: 34%;
  margin-left: -17%;
  top: 25%;
  width: 34%;
}

/* line 59, learning-spaces/app/styles/components/_avatar.scss */
.avatar.fake::after {
  bottom: 0;
  height: 80%;
  margin-bottom: -40%;
  margin-left: -40%;
  width: 80%;
}

/* line 1, learning-spaces/app/styles/components/_char-counter.scss */
.character-count {
  font-size: 12px;
  float: right;
  padding-top: 3px;
}

/* line 8, learning-spaces/app/styles/components/_char-counter.scss */
.invalid-character-count .character-count {
  color: #e87159;
}

/* line 3, learning-spaces/app/styles/components/_chapter-author.scss */
.chapter-author a::after, .chapter-author .button.button-link::after {
  content: ",";
}

/* line 7, learning-spaces/app/styles/components/_chapter-author.scss */
.chapter-author a:last-child::after, .chapter-author .button.button-link:last-child::after {
  content: "";
}

/* line 5, learning-spaces/app/styles/components/_codemirror-textarea.scss */
.codemirror-textarea .CodeMirror-placeholder {
  color: #a6a6a6;
}

/* line 10, learning-spaces/app/styles/components/_codemirror-textarea.scss */
.codemirror-textarea.autoresize .CodeMirror {
  height: auto;
}

/* line 14, learning-spaces/app/styles/components/_codemirror-textarea.scss */
.codemirror-textarea.autoresize .CodeMirror-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 21, learning-spaces/app/styles/components/_codemirror-textarea.scss */
.codemirror-textarea.readonly .CodeMirror-scroll {
  opacity: 0.5;
}

/* line 25, learning-spaces/app/styles/components/_codemirror-textarea.scss */
.codemirror-textarea.readonly .CodeMirror-lines {
  cursor: not-allowed;
}

/* line 29, learning-spaces/app/styles/components/_codemirror-textarea.scss */
.codemirror-textarea.readonly .CodeMirror-cursor {
  display: none;
}

/* line 1, learning-spaces/app/styles/components/_custom-file-input.scss */
.custom-file-input {
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 20, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/bourbon-7.3.0/core/bourbon/library/_clearfix.scss */
.custom-file-input::after {
  clear: both;
  content: "";
  display: block;
}

/* line 8, learning-spaces/app/styles/components/_custom-file-input.scss */
.custom-file-input input[type="file"], .custom-file-input .ui-selectmenu-button[type="file"] {
  display: none;
  left: -9999px;
  position: absolute;
  visibility: hidden;
}

/* line 15, learning-spaces/app/styles/components/_custom-file-input.scss */
.custom-file-input button {
  float: left;
  padding-left: 0.9em;
  padding-right: 0.9em;
}

/* line 21, learning-spaces/app/styles/components/_custom-file-input.scss */
.custom-file-input span {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-size: 1em;
  line-height: 39px;
  padding-left: 0.5em;
}

/* line 1, learning-spaces/app/styles/components/_dropdown.scss */
.dropdown-menu {
  animation: fade-in 0.2s;
  position: relative;
  z-index: 40;
}

/* line 6, learning-spaces/app/styles/components/_dropdown.scss */
.dropdown-menu .dropdown-arrow,
.dropdown-menu .dropdown-arrow::after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  pointer-events: none;
  position: absolute;
  width: 0;
  z-index: 42;
}

/* line 18, learning-spaces/app/styles/components/_dropdown.scss */
.dropdown-menu .dropdown-arrow {
  border: 11px solid #f0f0f0;
  content: " ";
  display: inline-block;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top: 0;
  border-top-width: 11px;
  border-bottom-color: #bdbdbd;
  border-top-width: 0;
  border-width: 11px;
  bottom: -9px;
  right: -1px;
}

@media screen and (max-width: 420px) {
  /* line 18, learning-spaces/app/styles/components/_dropdown.scss */
  .dropdown-menu .dropdown-arrow {
    bottom: -8px;
  }
}

@media screen and (min-width: 421px) and (max-width: 768px) {
  /* line 18, learning-spaces/app/styles/components/_dropdown.scss */
  .dropdown-menu .dropdown-arrow {
    bottom: 4px;
    right: 19px;
  }
}

/* line 36, learning-spaces/app/styles/components/_dropdown.scss */
.dropdown-menu .dropdown-arrow::after {
  border-bottom-color: white;
  border-top-width: 0;
  border-width: 10px;
  content: " ";
  margin-left: -10px;
  top: -8px;
}

/* line 45, learning-spaces/app/styles/components/_dropdown.scss */
.dropdown-menu .dropdown-content {
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  line-height: 1.4em;
  min-width: 160px;
  position: absolute;
  right: -1px;
  top: 100%;
  z-index: 41;
}

/* line 7, learning-spaces/app/styles/components/_editor.scss */
.editor {
  background-color: #f0f0f0;
  position: relative;
}

/* line 11, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown,
.editor .editor-preview {
  background-color: white;
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 10px;
  overflow: auto;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
}

@media screen and (min-width: 420px) {
  /* line 11, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-markdown,
.editor .editor-preview {
    width: 50%;
  }
}

/* line 26, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .inner,
.editor .editor-preview .inner {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 35px;
}

@media screen and (min-width: 769px) {
  /* line 26, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-markdown .inner,
.editor .editor-preview .inner {
    padding: 30px;
    padding-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  /* line 41, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-markdown #markdowned-text,
.editor .editor-preview #markdowned-text {
    margin: 0 15px;
  }
}

/* line 47, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .floating-header,
.editor .editor-preview .floating-header {
  color: #999999;
  height: 40px;
}

/* line 51, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .floating-header .editor-help,
.editor .editor-preview .floating-header .editor-help {
  transition: background 0.2s ease;
  background-color: #cfceca;
  border-radius: 50%;
  color: white;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 700;
  height: 14px;
  line-height: 16px;
  margin-top: 2px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 14px;
}

/* line 68, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .floating-header .editor-help:hover,
.editor .editor-preview .floating-header .editor-help:hover {
  background: #878787;
  text-decoration: none;
}

/* line 76, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown {
  left: 0;
}

@media screen and (min-width: 420px) {
  /* line 76, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-markdown {
    border-right: #f0f0f0 2px solid;
  }
}

/* line 83, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown textarea {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  resize: none;
}

/* line 90, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror {
  bottom: 0;
  color: #4d565b;
  cursor: text;
  font-family: "Mono Sans", Consolas, Courier, monospace;
  font-size: inherit;
  height: auto;
  left: 0;
  line-height: inherit;
  padding-bottom: 40px;
  padding-top: 13.3333333333px;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 106, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror textarea {
  left: -9999px;
}

/* line 110, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror .CodeMirror-lines {
  height: 100%;
  padding: 20px 0 30px;
}

@media screen and (min-width: 769px) {
  /* line 110, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-markdown .CodeMirror .CodeMirror-lines {
    padding-top: 40px;
  }
}

/* line 119, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror pre {
  font-family: inherit;
  padding: 0 15px;
}

@media screen and (min-width: 769px) {
  /* line 119, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-markdown .CodeMirror pre {
    padding: 0 30px;
  }
}

/* line 128, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror .cm-header {
  color: black;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.4em;
}

/* line 135, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror .cm-variable-2,
.editor .editor-markdown .CodeMirror .cm-variable-3,
.editor .editor-markdown .CodeMirror .cm-keyword {
  color: #4d565b;
}

/* line 141, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-markdown .CodeMirror .cm-string,
.editor .editor-markdown .CodeMirror .cm-strong,
.editor .editor-markdown .CodeMirror .cm-link,
.editor .editor-markdown .CodeMirror .cm-comment,
.editor .editor-markdown .CodeMirror .cm-quote,
.editor .editor-markdown .CodeMirror .cm-number,
.editor .editor-markdown .CodeMirror .cm-atom,
.editor .editor-markdown .CodeMirror .cm-tag {
  color: black;
  font-weight: 700;
}

/* line 155, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-preview {
  border-left: #f0f0f0 2px solid;
  display: none;
  right: 0;
}

@media screen and (min-width: 420px) {
  /* line 155, learning-spaces/app/styles/components/_editor.scss */
  .editor .editor-preview {
    display: block;
  }
}

/* line 164, learning-spaces/app/styles/components/_editor.scss */
.editor .editor-preview .markdown-content > *:first-child {
  margin-top: 0;
}

/* line 170, learning-spaces/app/styles/components/_editor.scss */
.editor-image {
  background-color: rgba(255, 255, 255, 0.9);
  border-top: 1px dashed #dedede;
  bottom: 0;
  color: #999999;
  font-size: 0.8em;
  height: 40px;
  left: 0;
  line-height: 40px;
  overflow: hidden;
  padding: 0 15px;
  position: absolute;
  right: 0;
  z-index: 18;
}

/* line 185, learning-spaces/app/styles/components/_editor.scss */
.editor-image .instruction {
  transition: opacity 0.3s ease;
  margin: 0;
  opacity: 0.75;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 194, learning-spaces/app/styles/components/_editor.scss */
.editor-image:hover .instruction {
  opacity: 1;
}

/* line 198, learning-spaces/app/styles/components/_editor.scss */
.editor-image input, .editor-image .ui-selectmenu-button {
  bottom: 0;
  cursor: pointer;
  filter: alpha(opacity=0.01);
  left: 0;
  opacity: 0.0001;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 208, learning-spaces/app/styles/components/_editor.scss */
.editor-image input::-webkit-file-upload-button, .editor-image .ui-selectmenu-button::-webkit-file-upload-button {
  cursor: pointer;
}

/* line 3, learning-spaces/app/styles/components/_error.scss */
.error .modal .modal-body {
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 1.8em 5%;
}

/* line 8, learning-spaces/app/styles/components/_error.scss */
.error .modal .modal-body > *:last-child {
  margin-bottom: 0;
}

/* line 13, learning-spaces/app/styles/components/_error.scss */
.error .modal .modal-footer {
  padding-bottom: 2em;
  text-align: center;
}

/* line 19, learning-spaces/app/styles/components/_error.scss */
.error .icon {
  background: white;
  border: 5px solid #e87159;
  border-radius: 50%;
  box-sizing: content-box;
  height: 80px;
  margin: 10px auto 30px;
  padding: 0;
  position: relative;
  width: 80px;
}

/* line 30, learning-spaces/app/styles/components/_error.scss */
.error .icon::before, .error .icon::after {
  background-color: #e87159;
  border-radius: 2px;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  top: 37px;
  width: 47px;
}

/* line 42, learning-spaces/app/styles/components/_error.scss */
.error .icon::before {
  transform: rotate(45deg);
  left: 17px;
}

/* line 47, learning-spaces/app/styles/components/_error.scss */
.error .icon::after {
  transform: rotate(-45deg);
  right: 16px;
}

/* line 53, learning-spaces/app/styles/components/_error.scss */
.error h1 {
  font-size: 1.9em;
  font-weight: 400;
  margin-bottom: 0.6em;
}

/* line 59, learning-spaces/app/styles/components/_error.scss */
.error p {
  margin-bottom: 1em;
}

/* line 63, learning-spaces/app/styles/components/_error.scss */
.error .button {
  font-weight: 500;
}

/* line 2, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.paths-admin .container.sidebar-content {
  overflow: hidden;
  padding: 0;
}

/* line 8, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin {
  height: 100%;
  position: relative;
}

@media screen and (min-width: 421px) and (max-width: 768px) {
  /* line 8, learning-spaces/app/styles/components/_featured-paths-admin.scss */
  .featured-paths-admin {
    position: static;
  }
}

/* line 23, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-lists {
  bottom: 57px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 30, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-lists .column {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 50%;
}

/* line 36, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-lists .column.availible {
  border-right: 1px solid #dedede;
  left: 0;
}

/* line 41, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-lists .column.featured {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
  right: 0;
}

/* line 48, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .list-header {
  border-bottom: 1px solid #dedede;
  height: 55px;
  line-height: 55px;
  padding: 0 10px 0 1.5em;
  position: relative;
}

@media screen and (max-width: 768px) {
  /* line 48, learning-spaces/app/styles/components/_featured-paths-admin.scss */
  .featured-paths-admin .list-header {
    padding-left: 15px;
  }
}

/* line 59, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .list-header h5 {
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 55px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 69, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .list-header .search-icon {
  transition: color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: #a6a6a6;
  cursor: pointer;
  float: right;
  line-height: 55px;
  margin-right: -10px;
  text-align: center;
  width: 40px;
}

/* line 80, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .list-header .search-icon:focus, .featured-paths-admin .list-header .search-icon:hover {
  color: inherit;
  outline: none;
}

/* line 87, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .list-header .search-input {
  background-color: white;
  height: 54px;
  left: 0;
  position: absolute;
  right: 40px;
  top: 0;
}

/* line 95, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .list-header .search-input input, .featured-paths-admin .list-header .search-input .ui-selectmenu-button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  height: 100%;
  padding: 0 15px;
  width: 100%;
}

/* line 106, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-list {
  bottom: 0;
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  top: 55px;
  width: 100%;
}

/* line 117, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path {
  transition: background 0.2s ease;
  background-color: white;
  border: 1px solid #dedede;
  border-width: 0 0 1px;
  color: #545454;
  height: 70px;
  line-height: 70px;
  list-style: none;
  overflow: hidden;
  padding: 0 10px 0 1.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media screen and (max-width: 768px) {
  /* line 117, learning-spaces/app/styles/components/_featured-paths-admin.scss */
  .featured-paths-admin .path {
    padding-left: 15px;
  }
}

/* line 135, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path:hover {
  background-color: #fafafa;
}

/* line 139, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path .path-link {
  color: inherit;
}

/* line 142, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path .path-link:hover {
  color: #1a66a8;
}

/* line 148, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .placeholder-background {
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.08);
}

/* line 152, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .ui-sortable-helper {
  background-color: #fafafa;
  border-width: 1px;
  margin-left: -1px;
}

/* line 157, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .ui-sortable-helper .icon-cross {
  display: none;
}

/* line 162, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-toggle {
  transition: all 0.3s ease;
  background-color: white;
  border: 2px solid #cccccc;
  border-radius: 50%;
  color: #cccccc;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 24px;
  line-height: 20px;
  margin: -2px 8px 0 0;
  text-align: center;
  vertical-align: middle;
  width: 24px;
}

@media screen and (max-width: 768px) {
  /* line 162, learning-spaces/app/styles/components/_featured-paths-admin.scss */
  .featured-paths-admin .path-toggle {
    margin-right: 5px;
  }
}

/* line 183, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-toggle:hover {
  border-color: #6d5397;
  color: #6d5397;
}

/* line 188, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .path-toggle [class^="icon-"] {
  font-size: 18px;
  line-height: inherit;
}

/* line 194, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .featured .path-toggle {
  border-color: #6d5397;
  color: #6d5397;
}

/* line 198, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .featured .path-toggle [class^="icon-"] {
  display: none;
  font-size: 14px;
}

/* line 204, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .featured .path-toggle:hover span {
  display: none;
}

/* line 208, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .featured .path-toggle:hover [class^="icon-"] {
  display: inline;
}

/* line 214, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin li.help-text {
  display: list-item;
  padding: 20px 10px 20px 1.5em;
}

/* line 218, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin li.help-text > *:last-child {
  margin-bottom: 0;
}

/* line 223, learning-spaces/app/styles/components/_featured-paths-admin.scss */
.featured-paths-admin .options {
  background-color: white;
  border-top: 1px solid #dedede;
  bottom: 0;
  height: 57px;
  left: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 18;
}

/* line 1, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message {
  background-color: #65aae7;
  bottom: 1em;
  color: white;
  display: block;
  font-size: 1em;
  line-height: 1.2em;
  max-width: 28em;
  padding: 15px;
  padding-right: 63px;
  position: fixed;
  right: 1em;
  text-align: center;
  z-index: 70;
}

@media screen and (max-width: 420px) {
  /* line 1, learning-spaces/app/styles/components/_flash-message.scss */
  .flash-message {
    bottom: auto;
    right: 0;
    top: 0;
    width: 100%;
  }
}

/* line 23, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message a, .flash-message .button.button-link {
  color: white;
  text-decoration: underline;
}

/* line 39, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message.is-notice {
  background-color: #65aae7;
}

/* line 39, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message.is-success {
  background-color: #7dcf8d;
}

/* line 39, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message.is-warning {
  background-color: #f4cf3e;
}

/* line 39, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message.is-error {
  background-color: #e87159;
}

/* line 39, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message.is-alert {
  background-color: #e87159;
}

/* line 39, learning-spaces/app/styles/components/_flash-message.scss */
.flash-message.is-danger {
  background-color: #e87159;
}

/* line 45, learning-spaces/app/styles/components/_flash-message.scss */
#flashes-rails {
  animation: fade-in 0.5s;
  bottom: 0;
  padding: 0;
  position: fixed;
  right: 0;
}

/* line 52, learning-spaces/app/styles/components/_flash-message.scss */
#flashes-rails .flash-message {
  bottom: 0;
  clear: right;
  display: block;
  float: right;
  padding: 15px;
  position: relative;
  right: 0;
}

/* line 2, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon {
  display: inline-block;
  position: relative;
  text-align: center;
  text-decoration: none;
}

/* line 8, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon::before, .hexicon::after {
  background: inherit;
  border-radius: inherit;
  content: "";
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  width: inherit;
}

/* line 20, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon::before {
  transform: rotate(60deg);
}

/* line 24, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon::after {
  transform: rotate(-60deg);
}

/* line 28, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon span {
  font-weight: 700;
  position: relative;
  z-index: 8;
}

/* line 57, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon {
  background: #999999;
  border-radius: 2px / 4px;
  color: white;
  height: 34.6420323326px;
  line-height: 34.6420323326px;
  margin: 17.3210161663px auto;
  width: 60px;
}

/* line 51, learning-spaces/app/styles/components/_hexicon.scss */
.hexicon span {
  font-size: 24.2494226328px;
}

@keyframes loader-blink {
  0%, 100% {
    fill: #cccccc;
  }
  33% {
    fill: #d9d9d9;
  }
  66% {
    fill: #e6e6e6;
  }
}

/* line 9, learning-spaces/app/styles/components/_loading.scss */
.loader {
  margin-top: 40px;
  text-align: center;
}

/* line 15, learning-spaces/app/styles/components/_loading.scss */
.loader svg {
  transform: scale(0.5);
}

/* line 18, learning-spaces/app/styles/components/_loading.scss */
.loader svg path {
  animation: loader-blink 1.5s ease infinite;
}

/* line 20, learning-spaces/app/styles/components/_loading.scss */
.loader svg path:nth-child(2) {
  animation-delay: -1s;
}

/* line 21, learning-spaces/app/styles/components/_loading.scss */
.loader svg path:nth-child(3) {
  animation-delay: -0.5s;
}

/* line 1, learning-spaces/app/styles/components/_meta.scss */
.meta {
  color: #8c9da6;
}

/* line 4, learning-spaces/app/styles/components/_meta.scss */
.meta .divider {
  padding: 0 0.25em;
}

/* line 7, learning-spaces/app/styles/components/_meta.scss */
.meta .divider::after {
  content: "\2219";
}

/* line 11, learning-spaces/app/styles/components/_meta.scss */
.meta .divider.large::after {
  content: "\2022";
}

/* line 2, learning-spaces/app/styles/components/_modal.scss */
.modal {
  background: rgba(35, 39, 41, 0.3);
  height: 100%;
  left: 0;
  overflow: auto;
  padding: 60px 30px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 60;
}

@media screen and (max-width: 768px) {
  /* line 2, learning-spaces/app/styles/components/_modal.scss */
  .modal {
    padding: 75px 1em 30px;
  }
}

/* line 17, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-close {
  background: white;
  border-radius: 50%;
  color: #999999;
  font-size: 20px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  margin-top: -11px;
  position: absolute;
  right: 16px;
  text-align: center;
  text-decoration: none;
  top: 50%;
  transition: color 0.2s ease;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 22px;
}

/* line 35, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-close:hover {
  color: #878787;
  text-decoration: none;
}

/* line 42, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-content {
  background-color: white;
  border-radius: 3px;
  box-shadow: 0 0 30px rgba(35, 39, 41, 0.3);
  color: #232729;
  margin: 0 auto;
  max-width: 700px;
  position: relative;
  text-align: left;
  top: 0;
  width: 100%;
}

/* line 55, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-header {
  background-color: #f0f0f0;
  border-radius: 3px 3px 0 0;
  padding: 14px 6%;
  padding-right: calc(24px + 0.6em);
  position: relative;
}

/* line 62, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-header h4 {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  opacity: 0.6;
}

@media screen and (min-width: 769px) {
  /* line 62, learning-spaces/app/styles/components/_modal.scss */
  .modal .modal-header h4 {
    font-size: 20px;
  }
}

/* line 73, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-header .modal-close {
  background: white;
  border-radius: 50%;
  color: #999999;
  font-size: 20px;
  font-weight: 700;
  height: 22px;
  line-height: 22px;
  margin-top: -11px;
  position: absolute;
  right: 0.6em;
  text-align: center;
  text-decoration: none;
  top: 50%;
  transition: color 0.2s ease;
  width: 22px;
}

/* line 90, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-header .modal-close:hover {
  color: #878787;
  text-decoration: none;
}

/* line 97, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-body {
  margin: 0;
  padding: 1em 6%;
}

/* line 101, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-body table {
  margin: 0 0 0.75em;
}

/* line 105, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-body table tr th {
  color: rgba(35, 39, 41, 0.3);
}

/* line 109, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-body table tr td {
  border-bottom: 1px solid #ededed;
  padding: 0.5em 0;
}

/* line 117, learning-spaces/app/styles/components/_modal.scss */
.modal .modal-footer {
  padding: 0 6% 15px;
  text-align: right;
}

/* line 20, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/bourbon-7.3.0/core/bourbon/library/_clearfix.scss */
.modal .modal-footer::after {
  clear: both;
  content: "";
  display: block;
}

/* line 125, learning-spaces/app/styles/components/_modal.scss */
.modal.dialog .modal-content {
  max-width: 460px;
}

/* line 129, learning-spaces/app/styles/components/_modal.scss */
.modal.dialog .modal-header {
  background: none;
  height: 30px;
  padding: 0;
}

/* line 134, learning-spaces/app/styles/components/_modal.scss */
.modal.dialog .modal-header h4 {
  display: none;
}

/* line 138, learning-spaces/app/styles/components/_modal.scss */
.modal.dialog .modal-header .modal-close {
  margin: 0;
  right: 8px;
  top: 8px;
}

/* line 145, learning-spaces/app/styles/components/_modal.scss */
.modal.dialog .modal-body,
.modal.dialog .modal-footer {
  padding: 15px 30px;
}

/* line 153, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help {
  font-size: 0.9em;
}

/* line 156, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help table {
  line-height: 1.35;
  margin-bottom: 1em;
}

/* line 161, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help th {
  padding: 0 0 0.8em;
}

/* line 165, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help td {
  padding: 0.8em 0;
}

/* line 168, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help td:last-child {
  font-family: "Mono Sans", Consolas, Courier, monospace;
}

/* line 173, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help kbd {
  margin: 0 0.2em;
}

/* line 176, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help kbd:first-child {
  margin-left: 0;
}

/* line 180, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help kbd:last-child {
  margin-right: 0;
}

/* line 185, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help code {
  background: #fcfcfc;
  border: solid 1px #f0f0f0;
  border-radius: 3px;
  color: #232729;
  font-family: "Mono Sans", Consolas, Courier, monospace;
  font-size: 95%;
  font-style: normal;
  font-weight: 400;
  line-height: 1.35;
  padding: 0.2em 0.3em;
}

/* line 198, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help pre {
  font-family: "Mono Sans", Consolas, Courier, monospace;
  margin: 0 15% 0 0;
}

/* line 202, learning-spaces/app/styles/components/_modal.scss */
.modal-content .modal-body.markdown-help pre > code, .modal-content .modal-body.markdown-help .markup pre > code.hljs,
.modal-content .modal-body.markdown-help article pre > code.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
}

/* line 1, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions {
  padding-right: 27px;
  position: absolute;
  right: 20px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 20px;
}

/* line 11, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions::before {
  color: #232729;
  cursor: pointer;
  font-size: 1.6em;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s;
}

/* line 24, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions.is-active::before, .more-actions:hover::before {
  opacity: 1;
}

/* line 30, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions.is-active ul {
  animation: fade-in-scale 0.2s ease-in-out;
  display: block;
  opacity: 1;
}

/* line 38, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul {
  background: white;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  display: none;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: relative;
}

/* line 50, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul::before,
.more-actions ul li:first-child::after {
  transform: rotate(45deg);
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: -4px;
  top: 8px;
  width: 8px;
}

/* line 63, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul::before {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

/* line 67, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul li:first-child::after {
  background: white;
}

/* line 71, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul a, .more-actions ul .button.button-link {
  color: #232729;
  display: block;
  font-size: 0.8em;
  line-height: 2em;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  /* line 71, learning-spaces/app/styles/components/_more-actions.scss */
  .more-actions ul a, .more-actions ul .button.button-link {
    line-height: 3em;
  }
}

/* line 83, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul li {
  background: white;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}

/* line 88, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul li:hover, .more-actions ul li:hover::after {
  background: #fcfcfc;
}

/* line 93, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul li:first-child {
  border-radius: 3px 3px 0 0;
}

/* line 97, learning-spaces/app/styles/components/_more-actions.scss */
.more-actions ul li:last-child {
  border-bottom: 0;
  border-radius: 0 0 3px 3px;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-gray .color, .p-gray.color {
  color: #95a5a6;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-gray .stroke, .p-gray.stroke {
  stroke: #95a5a6;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-gray .fill, .p-gray.fill {
  fill: #95a5a6;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-gray .background, .p-gray.background {
  background: #95a5a6;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-red-dark .color, .p-red-dark.color {
  color: #c0392b;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-red-dark .stroke, .p-red-dark.stroke {
  stroke: #c0392b;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-red-dark .fill, .p-red-dark.fill {
  fill: #c0392b;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-red-dark .background, .p-red-dark.background {
  background: #c0392b;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-red .color, .p-red.color {
  color: #e74c3c;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-red .stroke, .p-red.stroke {
  stroke: #e74c3c;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-red .fill, .p-red.fill {
  fill: #e74c3c;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-red .background, .p-red.background {
  background: #e74c3c;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-orange-dark .color, .p-orange-dark.color {
  color: #d35400;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-orange-dark .stroke, .p-orange-dark.stroke {
  stroke: #d35400;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-orange-dark .fill, .p-orange-dark.fill {
  fill: #d35400;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-orange-dark .background, .p-orange-dark.background {
  background: #d35400;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-orange .color, .p-orange.color {
  color: #e67e22;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-orange .stroke, .p-orange.stroke {
  stroke: #e67e22;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-orange .fill, .p-orange.fill {
  fill: #e67e22;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-orange .background, .p-orange.background {
  background: #e67e22;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-yellow-dark .color, .p-yellow-dark.color {
  color: #f39c12;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-yellow-dark .stroke, .p-yellow-dark.stroke {
  stroke: #f39c12;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-yellow-dark .fill, .p-yellow-dark.fill {
  fill: #f39c12;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-yellow-dark .background, .p-yellow-dark.background {
  background: #f39c12;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-yellow .color, .p-yellow.color {
  color: #f1c40f;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-yellow .stroke, .p-yellow.stroke {
  stroke: #f1c40f;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-yellow .fill, .p-yellow.fill {
  fill: #f1c40f;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-yellow .background, .p-yellow.background {
  background: #f1c40f;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-purple-dark .color, .p-purple-dark.color {
  color: #8e44ad;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-purple-dark .stroke, .p-purple-dark.stroke {
  stroke: #8e44ad;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-purple-dark .fill, .p-purple-dark.fill {
  fill: #8e44ad;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-purple-dark .background, .p-purple-dark.background {
  background: #8e44ad;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-purple .color, .p-purple.color {
  color: #9b59b6;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-purple .stroke, .p-purple.stroke {
  stroke: #9b59b6;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-purple .fill, .p-purple.fill {
  fill: #9b59b6;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-purple .background, .p-purple.background {
  background: #9b59b6;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-blue-dark .color, .p-blue-dark.color {
  color: #334dd2;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-blue-dark .stroke, .p-blue-dark.stroke {
  stroke: #334dd2;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-blue-dark .fill, .p-blue-dark.fill {
  fill: #334dd2;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-blue-dark .background, .p-blue-dark.background {
  background: #334dd2;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-blue .color, .p-blue.color {
  color: #4463ff;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-blue .stroke, .p-blue.stroke {
  stroke: #4463ff;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-blue .fill, .p-blue.fill {
  fill: #4463ff;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-blue .background, .p-blue.background {
  background: #4463ff;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-cyan-dark .color, .p-cyan-dark.color {
  color: #0aaebf;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-cyan-dark .stroke, .p-cyan-dark.stroke {
  stroke: #0aaebf;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-cyan-dark .fill, .p-cyan-dark.fill {
  fill: #0aaebf;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-cyan-dark .background, .p-cyan-dark.background {
  background: #0aaebf;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-cyan .color, .p-cyan.color {
  color: #00e7ff;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-cyan .stroke, .p-cyan.stroke {
  stroke: #00e7ff;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-cyan .fill, .p-cyan.fill {
  fill: #00e7ff;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-cyan .background, .p-cyan.background {
  background: #00e7ff;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-green-dark .color, .p-green-dark.color {
  color: #27ae60;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-green-dark .stroke, .p-green-dark.stroke {
  stroke: #27ae60;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-green-dark .fill, .p-green-dark.fill {
  fill: #27ae60;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-green-dark .background, .p-green-dark.background {
  background: #27ae60;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-green .color, .p-green.color {
  color: #2ecc71;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-green .stroke, .p-green.stroke {
  stroke: #2ecc71;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-green .fill, .p-green.fill {
  fill: #2ecc71;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-green .background, .p-green.background {
  background: #2ecc71;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-ocean-dark .color, .p-ocean-dark.color {
  color: #16a085;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-ocean-dark .stroke, .p-ocean-dark.stroke {
  stroke: #16a085;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-ocean-dark .fill, .p-ocean-dark.fill {
  fill: #16a085;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-ocean-dark .background, .p-ocean-dark.background {
  background: #16a085;
}

/* line 22, learning-spaces/app/styles/components/_palette.scss */
.p-ocean .color, .p-ocean.color {
  color: #1abc9c;
}

/* line 27, learning-spaces/app/styles/components/_palette.scss */
.p-ocean .stroke, .p-ocean.stroke {
  stroke: #1abc9c;
}

/* line 32, learning-spaces/app/styles/components/_palette.scss */
.p-ocean .fill, .p-ocean.fill {
  fill: #1abc9c;
}

/* line 37, learning-spaces/app/styles/components/_palette.scss */
.p-ocean .background, .p-ocean.background {
  background: #1abc9c;
}

/* line 4, learning-spaces/app/styles/components/_progress.scss */
.progress {
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 12, learning-spaces/app/styles/components/_progress.scss */
.progress > span {
  transition: width 0.5s ease;
  background-color: #5fc473;
  height: 100%;
  left: 0;
  opacity: 0.75;
  position: absolute;
  top: 0;
}

/* line 24, learning-spaces/app/styles/components/_progress.scss */
.progress ul {
  display: table;
  font-size: 0;
  height: 4px;
  line-height: 0;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

/* line 34, learning-spaces/app/styles/components/_progress.scss */
.progress ul li {
  display: table-cell;
  position: relative;
}

/* line 38, learning-spaces/app/styles/components/_progress.scss */
.progress ul li span {
  background: #5ca5e6;
  display: inline-block;
  height: 4px;
  width: 100%;
}

/* line 46, learning-spaces/app/styles/components/_progress.scss */
.progress ul li.current span {
  animation: progress-in 0.8s ease;
}

/* line 50, learning-spaces/app/styles/components/_progress.scss */
.progress ul li.current ~ li span {
  background: #f0f0f0;
  width: 0%;
}

/* line 60, learning-spaces/app/styles/components/_progress.scss */
#progress-global {
  z-index: 80;
}

/*!
 * Custom styling for jQuery UI Selectmenu
 * http://api.jqueryui.com/selectmenu/
 * Based on https://github.com/jquery/jquery-ui/blob/master/themes/base/selectmenu.css
 */
/* line 7, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding-right: 2em;
  position: relative;
  text-decoration: none;
}

/* line 22, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-button .ui-icon {
  background: url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat center;
  height: 20px;
  left: auto;
  margin-top: -10px;
  position: absolute;
  right: 0.4em;
  top: 50%;
  width: 15px;
}

/* line 33, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-button .ui-selectmenu-text {
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 43, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu {
  background-color: white;
  border: 1px solid #dedede;
  border-radius: 0.1875em;
  display: none;
  font-family: "Noto Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 80;
}

/* line 57, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu.ui-selectmenu-open {
  display: block;
}

/* line 61, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

/* line 66, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu .ui-menu .ui-menu-item {
  cursor: pointer;
  margin: 0;
  min-height: 0;
  padding: 8px 1em 8px 0.4em;
  position: relative;
}

/* line 73, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-focus {
  background: #fcfcfc;
}

/* line 77, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu .ui-menu .ui-menu-item.selected {
  font-weight: 700;
}

/* line 82, learning-spaces/app/styles/components/_selectmenu.scss */
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  border: 0;
  font-size: 1em;
  font-weight: bold;
  height: auto;
  line-height: 1.5;
  margin: 0.5em 0 0;
  padding: 2px 0.4em;
}

/* line 4, learning-spaces/app/styles/components/_search-full.scss */
.search-full {
  margin: 1em auto;
  max-width: 1000px;
  padding: 0 10px;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 421px) {
  /* line 4, learning-spaces/app/styles/components/_search-full.scss */
  .search-full {
    padding: 0 20px;
  }
}

/* line 15, learning-spaces/app/styles/components/_search-full.scss */
.search-full .actions {
  line-height: 1em;
  margin-bottom: 1em;
}

/* line 20, learning-spaces/app/styles/components/_search-full.scss */
.search-full .action {
  background: transparent;
  border: 0;
  color: #8c9da6;
  cursor: pointer;
  font-size: 11px;
  letter-spacing: 1px;
  line-height: normal;
  min-height: 0;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 34, learning-spaces/app/styles/components/_search-full.scss */
.search-full h1 {
  font-size: 1.4em;
  margin: 0 20px 20px;
}

@media screen and (max-width: 768px) {
  /* line 34, learning-spaces/app/styles/components/_search-full.scss */
  .search-full h1 {
    font-size: 1.2em;
    margin: -5px 0 15px;
  }
}

/* line 44, learning-spaces/app/styles/components/_search-full.scss */
.search-full .filters {
  display: flex;
  flex-direction: row;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
  padding: 20px;
}

@media screen and (max-width: 420px) {
  /* line 44, learning-spaces/app/styles/components/_search-full.scss */
  .search-full .filters {
    flex-direction: column;
    padding: 10px 0;
  }
}

/* line 57, learning-spaces/app/styles/components/_search-full.scss */
.search-full .filters label,
.search-full .filters strong {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5em;
  margin: 0 10px 0 0;
  padding: 9px 0;
  text-transform: uppercase;
}

/* line 67, learning-spaces/app/styles/components/_search-full.scss */
.search-full .filters label {
  cursor: pointer;
  font-weight: 500;
}

/* line 72, learning-spaces/app/styles/components/_search-full.scss */
.search-full .filters .show-all {
  background: rgba(0, 0, 0, 0.03);
}

@media screen and (max-width: 420px) {
  /* line 72, learning-spaces/app/styles/components/_search-full.scss */
  .search-full .filters .show-all {
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  /* line 80, learning-spaces/app/styles/components/_search-full.scss */
  .search-full .filters .filter-actions {
    padding: 10px 0;
  }
}

/* line 86, learning-spaces/app/styles/components/_search-full.scss */
.search-full .filters .filter-list {
  flex: 1;
}

/* line 91, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-input {
  margin-bottom: 20px;
  position: relative;
}

/* line 97, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-input input, .search-full .search-input .ui-selectmenu-button {
  height: 49px;
  line-height: 43px;
  padding: 0 55px 0 10px;
}

/* line 103, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-input button {
  background-color: #5ca5e6;
  border: 0;
  border-radius: 0;
  color: white;
  font-size: 18px;
  height: 45px;
  padding: 0;
  position: absolute;
  right: 2px;
  text-align: center;
  top: 2px;
  width: 45px;
}

/* line 117, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-input button span {
  position: absolute;
  visibility: hidden;
}

/* line 124, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-results {
  background-color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
}

/* line 128, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-results.show {
  display: block;
}

/* line 133, learning-spaces/app/styles/components/_search-full.scss */
.search-full section {
  background-color: white;
  border-top: 2px solid #f2f2f2;
}

/* line 138, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-link {
  display: block;
}

/* line 141, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-link:focus, .search-full .search-link:hover {
  background-color: rgba(92, 165, 230, 0.1);
  outline: none;
}

/* line 146, learning-spaces/app/styles/components/_search-full.scss */
.search-full .search-link:focus ~ *, .search-full .search-link:hover ~ * {
  border-color: #232729;
  color: #232729;
}

/* line 153, learning-spaces/app/styles/components/_search-full.scss */
.search-full .not-found .result {
  min-height: 0;
  padding-left: 20px;
}

/* line 1, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick {
  transition: background 0.2s ease-in-out, max-width 0.2s ease-in-out;
  height: inherit;
  line-height: inherit;
  margin-left: auto;
  max-width: 50px;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media screen and (min-width: 421px) {
  /* line 1, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick {
    max-width: 300px;
  }
}

@media screen and (max-width: 768px) {
  /* line 1, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick {
    transition: background 0.2s ease-in-out;
  }
}

/* line 19, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-quick-container {
  height: inherit;
}

/* line 23, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick input, .search-quick .ui-selectmenu-button {
  transition: all 0.2s ease-in-out;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: white;
  height: inherit;
  opacity: 0;
  outline: 0;
  padding-left: 60px;
  padding-right: 0;
  width: 100%;
}

@media screen and (min-width: 421px) {
  /* line 23, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick input, .search-quick .ui-selectmenu-button {
    background: rgba(255, 255, 255, 0.1);
    opacity: 1;
    outline: 0;
  }
}

@media screen and (max-width: 420px) {
  /* line 23, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick input, .search-quick .ui-selectmenu-button {
    transition: opacity 0.2s ease-in-out;
  }
}

@media screen and (max-width: 768px) {
  /* line 47, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick.focus {
    background-color: #484c50;
    border: 0;
    left: 0;
    max-width: 100%;
    position: fixed;
    right: 0;
    top: 0;
  }
}

/* line 58, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick.focus input, .search-quick.focus .ui-selectmenu-button {
  background: rgba(255, 255, 255, 0.1);
  opacity: 1;
  outline: 0;
}

/* line 64, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick.focus .search-input .icon-search {
  color: white;
  cursor: default;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* line 70, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick.focus .cancel {
  display: block;
}

@media screen and (min-width: 769px) {
  /* line 70, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick.focus .cancel {
    display: none;
  }
}

/* line 78, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick.focus .search-results {
  transition: opacity 0.2s 0.2s linear;
  transform: scale(1);
  opacity: 1;
}

/* line 85, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-input {
  height: inherit;
  line-height: inherit;
  position: relative;
}

/* line 90, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-input .icon-search {
  transition: color 0.2s ease-in-out;
  color: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  font-size: 1.2rem;
  height: inherit;
  left: 22px;
  line-height: inherit;
  margin: 0;
  position: absolute;
  top: 0;
}

/* line 102, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-input .icon-search:hover {
  color: white;
}

/* line 108, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-results {
  transform: scale(0);
  background-color: white;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
  line-height: 1.5;
  opacity: 0;
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 420px) {
  /* line 108, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick .search-results {
    margin-top: 0;
    max-height: calc(100vh - 70px);
    overflow-y: auto;
  }
}

/* line 124, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick section {
  background: white;
  border-top: 2px solid #f2f2f2;
}

/* line 128, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick section:first-child {
  border-top: 0;
}

/* line 132, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick section.no-results {
  padding: 10px 20px;
}

/* line 137, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-link {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  color: inherit;
  display: block;
}

/* line 142, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .search-link:focus, .search-quick .search-link:hover {
  background-color: rgba(92, 165, 230, 0.1);
  outline: none;
}

/* line 149, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .btn-search-full {
  transition: background 0.2s linear;
  color: #2180d4;
  display: block;
  padding: 1em;
  text-align: center;
}

/* line 156, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .btn-search-full:focus, .search-quick .btn-search-full:hover {
  background-color: rgba(92, 165, 230, 0.1);
  outline: 0;
}

/* line 162, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .btn-search-full .icon-search::before {
  color: inherit;
}

/* line 167, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .cancel {
  transition: color 0.2s linear;
  border-left: 1px solid #484c50;
  color: #cccccc;
  cursor: pointer;
  display: none;
  font-size: 20px;
  line-height: 60px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 0;
  width: 60px;
}

@media screen and (max-width: 420px) {
  /* line 167, learning-spaces/app/styles/components/_search-quick.scss */
  .search-quick .cancel {
    line-height: 50px;
    width: 50px;
  }
}

/* line 186, learning-spaces/app/styles/components/_search-quick.scss */
.search-quick .cancel:hover {
  background: #72b1e9;
  color: white;
}

/* line 5, learning-spaces/app/styles/components/_tabs.scss */
.tabs {
  border-bottom: 1px solid #ededed;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 20, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/bourbon-7.3.0/core/bourbon/library/_clearfix.scss */
.tabs::after {
  clear: both;
  content: "";
  display: block;
}

/* line 12, learning-spaces/app/styles/components/_tabs.scss */
.tabs li {
  float: left;
  margin-bottom: -1px;
}

/* line 17, learning-spaces/app/styles/components/_tabs.scss */
.tabs a, .tabs .button.button-link {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #999999;
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1;
  margin-right: 2px;
  padding: 10px 12px;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 32, learning-spaces/app/styles/components/_tabs.scss */
.tabs a.active, .tabs .active.button.button-link,
.tabs li.active a,
.tabs li.active .button.button-link {
  background: white;
  border: 1px solid #ededed;
  border-bottom-color: transparent;
  color: -color-active;
  cursor: default;
}

/* line 42, learning-spaces/app/styles/components/_tabs.scss */
.tabs-centered {
  background-image: linear-gradient(white 30%, #fcfcfc);
  border-bottom: 1px solid #ededed;
}

/* line 46, learning-spaces/app/styles/components/_tabs.scss */
.tabs-centered .tabs {
  max-width: 780px;
  margin: 0 auto;
  width: 80%;
  border-bottom: 0;
}

@media screen and (max-width: 420px) {
  /* line 46, learning-spaces/app/styles/components/_tabs.scss */
  .tabs-centered .tabs {
    width: 90%;
  }
}

/* line 1, learning-spaces/app/styles/components/_tags.scss */
.tag {
  background-color: #f2f2f2;
  border: 1px solid #f2f2f2;
  border-radius: 2px;
  color: #a6a6a6;
  display: inline;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  padding: 1px 3px 2px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}

/* line 15, learning-spaces/app/styles/components/_tags.scss */
.tag.outline {
  background-color: transparent;
  border-color: #dedede;
  color: #bababa;
}

/* line 21, learning-spaces/app/styles/components/_tags.scss */
.tag.inverted {
  background-color: #cccccc;
  border-color: #cccccc;
  color: white;
}

/* line 27, learning-spaces/app/styles/components/_tags.scss */
.tag.green {
  background-color: #5fc473;
  border-color: #5fc473;
  color: white;
}

/* line 32, learning-spaces/app/styles/components/_tags.scss */
.tag.green.outline {
  background-color: transparent;
  color: #5fc473;
}

/* line 38, learning-spaces/app/styles/components/_tags.scss */
.tag.purple {
  background-color: #6d5397;
  border-color: #6d5397;
  color: white;
}

/* line 43, learning-spaces/app/styles/components/_tags.scss */
.tag.purple.outline {
  background-color: transparent;
  color: #6d5397;
}

/* line 1, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button {
  border-radius: 0.2em 0 0 0.2em;
  color: white;
}

/* line 5, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button:focus, .toggle-button:hover {
  color: white;
}

/* line 10, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.false {
  background: #5ca5e6;
}

/* line 13, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.false .icon-check {
  visibility: hidden;
}

/* line 17, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.false:hover {
  background: #308ddf;
}

/* line 20, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.false:hover .icon-check {
  visibility: visible;
}

/* line 27, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.false.just-clicked:hover .icon-check {
  visibility: hidden;
}

/* line 34, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true {
  background: #5fc473;
}

/* line 37, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true .label-warning {
  display: none;
}

/* line 41, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true:hover {
  background: #e87159;
}

/* line 44, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true:hover .label-warning {
  display: inline;
}

/* line 48, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true:hover .label-status {
  display: none;
}

/* line 52, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true:hover .icon-check {
  visibility: hidden;
}

/* line 58, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true.just-clicked:hover {
  background: #5fc473;
}

/* line 61, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true.just-clicked:hover .label-warning {
  display: none;
}

/* line 65, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true.just-clicked:hover .label-status {
  display: inline;
}

/* line 69, learning-spaces/app/styles/components/_toggle-button.scss */
.toggle-button.true.just-clicked:hover .icon-check {
  visibility: visible;
}

@keyframes tooltip-up {
  from {
    opacity: 0;
    transform: translate(-50%, 0) translateY(5px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0) translateY(0);
  }
}

@keyframes tooltip-down {
  from {
    opacity: 0;
    transform: translate(-50%, 0) translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0) translateY(0);
  }
}

@keyframes tooltip-left {
  from {
    opacity: 0;
    transform: translate(0, -50%) translateX(5px);
  }
  to {
    opacity: 1;
    transform: translate(0, -50%) translateX(0);
  }
}

@keyframes tooltip-right {
  from {
    opacity: 0;
    transform: translate(0, -50%) translateX(-5px);
  }
  to {
    opacity: 1;
    transform: translate(0, -50%) translateX(0);
  }
}

/* line 49, learning-spaces/app/styles/components/_tooltip.scss */
.has-tooltip {
  position: relative;
}

/* line 53, learning-spaces/app/styles/components/_tooltip.scss */
.has-tooltip:hover .tooltip {
  animation-duration: 0.3s;
  animation-timing-function: ease-out;
  visibility: visible;
}

/* line 61, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  max-width: 200px;
  z-index: 80;
}

/* line 68, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.tooltip-placement-top, .tooltip.tooltip-placement-bottom {
  text-align: center;
  transform: translate(-50%, 0);
}

/* line 74, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.tooltip-placement-right, .tooltip.tooltip-placement-left {
  text-align: left;
  transform: translate(0, -50%);
}

/* line 80, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.tooltip-placement-top {
  background-color: #3b4b54;
  border-radius: 3px;
  box-sizing: border-box;
  color: white;
  cursor: default;
  padding: 10px 12px;
  position: absolute;
  visibility: hidden;
  margin-bottom: 10px;
  bottom: 100%;
  left: 50%;
}

/* line 21, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-top::before {
  background-color: #3b4b54;
  content: '';
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50%;
  width: 10px;
}

/* line 34, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-top::before {
  border-radius: 0 0 3px;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
}

/* line 75, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-top > * {
  position: relative;
}

/* line 85, learning-spaces/app/styles/components/_tooltip.scss */
.has-tooltip:hover .tooltip.tooltip-placement-top {
  animation-name: tooltip-up;
}

/* line 90, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.tooltip-placement-bottom {
  background-color: #3b4b54;
  border-radius: 3px;
  box-sizing: border-box;
  color: white;
  cursor: default;
  padding: 10px 12px;
  position: absolute;
  visibility: hidden;
  margin-top: 10px;
  left: 50%;
  top: 100%;
}

/* line 21, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-bottom::before {
  background-color: #3b4b54;
  content: '';
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50%;
  width: 10px;
}

/* line 45, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-bottom::before {
  border-radius: 3px 0 0;
  left: 50%;
  margin-left: -5px;
  top: -5px;
}

/* line 75, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-bottom > * {
  position: relative;
}

/* line 95, learning-spaces/app/styles/components/_tooltip.scss */
.has-tooltip:hover .tooltip.tooltip-placement-bottom {
  animation-name: tooltip-down;
}

/* line 100, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.tooltip-placement-left {
  background-color: #3b4b54;
  border-radius: 3px;
  box-sizing: border-box;
  color: white;
  cursor: default;
  padding: 10px 12px;
  position: absolute;
  visibility: hidden;
  margin-right: 10px;
  bottom: auto;
  right: 100%;
  top: 50%;
}

/* line 21, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-left::before {
  background-color: #3b4b54;
  content: '';
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50%;
  width: 10px;
}

/* line 56, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-left::before {
  border-radius: 0 3px 0 0;
  margin-top: -5px;
  right: -5px;
  top: 50%;
}

/* line 75, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-left > * {
  position: relative;
}

/* line 106, learning-spaces/app/styles/components/_tooltip.scss */
.has-tooltip:hover .tooltip.tooltip-placement-left {
  animation-name: tooltip-left;
}

/* line 111, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.tooltip-placement-right {
  background-color: #3b4b54;
  border-radius: 3px;
  box-sizing: border-box;
  color: white;
  cursor: default;
  padding: 10px 12px;
  position: absolute;
  visibility: hidden;
  margin-left: 10px;
  bottom: auto;
  left: 100%;
  top: 50%;
}

/* line 21, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-right::before {
  background-color: #3b4b54;
  content: '';
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50%;
  width: 10px;
}

/* line 67, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-right::before {
  border-radius: 0 0 0 3px;
  margin-top: -5px;
  left: -5px;
  top: 50%;
}

/* line 75, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.tooltip-placement-right > * {
  position: relative;
}

/* line 117, learning-spaces/app/styles/components/_tooltip.scss */
.has-tooltip:hover .tooltip.tooltip-placement-right {
  animation-name: tooltip-right;
}

/* line 122, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip .nowrap {
  white-space: nowrap;
}

/* line 126, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 132, learning-spaces/app/styles/components/_tooltip.scss */
.tooltip.light {
  background-color: #f9fafa;
  border-radius: 3px;
  box-sizing: border-box;
  color: white;
  cursor: default;
  padding: 10px 12px;
  position: absolute;
  visibility: hidden;
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06), 0 0 1px 1px rgba(0, 0, 0, 0.06);
  color: inherit;
}

/* line 21, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.light::before {
  background-color: #f9fafa;
  content: '';
  height: 10px;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50%;
  width: 10px;
}

/* line 34, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.light::before {
  border-radius: 0 0 3px;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
}

/* line 75, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.light > * {
  position: relative;
}

/* line 82, learning-spaces/app/styles/base/mixins/_tooltip.scss */
.tooltip.light::before {
  border: solid rgba(0, 0, 0, 0.2);
  border-width: 0 1px 1px 0;
}

@keyframes pop-in {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 13, learning-spaces/app/styles/components/_trophy.scss */
.trophy {
  animation: pop-in 0.5s;
  background-color: white;
  border-radius: 50%;
  height: 30px;
  position: absolute;
  right: 1em;
  text-align: center;
  top: 1em;
  width: 30px;
  z-index: 1;
}

/* line 27, learning-spaces/app/styles/components/_trophy.scss */
.trophy .icon {
  color: #f1c40e;
  line-height: 30px;
  text-decoration: none;
}

/* line 1, learning-spaces/app/styles/views/_layout.scss */
html,
body {
  height: 100%;
}

/* line 6, learning-spaces/app/styles/views/_layout.scss */
body {
  min-height: 100%;
}

/* line 10, learning-spaces/app/styles/views/_layout.scss */
.group-content {
  min-height: calc(100vh - 100px);
  position: relative;
  transition: margin 0.2s ease-in-out;
}

@media screen and (min-width: 421px) {
  /* line 10, learning-spaces/app/styles/views/_layout.scss */
  .group-content {
    min-height: calc(100vh - 120px);
  }
}

/* line 19, learning-spaces/app/styles/views/_layout.scss */
.group-content section {
  transition: margin 0.2s linear;
}

/* line 24, learning-spaces/app/styles/views/_layout.scss */
.group-content.group-edit-mode section {
  margin-top: -80px;
}

@media screen and (min-width: 769px) {
  /* line 24, learning-spaces/app/styles/views/_layout.scss */
  .group-content.group-edit-mode section {
    margin-right: 320px;
    margin-top: 0;
  }
}

/* line 35, learning-spaces/app/styles/views/_layout.scss */
.hint {
  color: #999999;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.5em;
}

/* line 39, learning-spaces/app/styles/views/_layout.scss */
.container {
  background-color: white;
  bottom: 0;
  box-shadow: rgba(0, 0, 0, 0.05) 0 1px 5px;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  /* line 39, learning-spaces/app/styles/views/_layout.scss */
  .container {
    bottom: auto;
    box-shadow: none;
    left: auto;
    position: static;
    right: auto;
    top: auto;
  }
}

/* line 58, learning-spaces/app/styles/views/_layout.scss */
.container .inner {
  bottom: 0;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  /* line 58, learning-spaces/app/styles/views/_layout.scss */
  .container .inner {
    position: static;
  }
}

/* line 71, learning-spaces/app/styles/views/_layout.scss */
.container .help-text {
  color: #999999;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.5em;
}

/* line 75, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar {
  border-right: 1px solid #dce2e4;
  right: auto;
  width: 30%;
}

@media screen and (max-width: 768px) {
  /* line 75, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar {
    overflow: visible;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  /* line 88, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar .floating-header {
    position: static;
  }
}

/* line 94, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar .inner {
  position: absolute;
}

@media screen and (max-width: 768px) {
  /* line 94, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar .inner {
    padding: 0;
    position: static;
  }
}

@media screen and (min-width: 769px) {
  /* line 103, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar .help-text {
    padding: 20px 15px;
  }
}

/* line 109, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar h5 {
  color: rgba(59, 75, 84, 0.6);
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 55px;
  margin: 0;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 121, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar h5 [class^="icon-"] {
  font-size: 1.2em;
  margin-right: 0.2em;
}

@media screen and (min-width: 769px) {
  /* line 128, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar .sidebar-nav li > a, .container.sidebar .sidebar-nav li > .button.button-link {
    border-bottom: 1px solid #dce2e4;
  }
}

@media screen and (min-width: 769px) {
  /* line 133, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar .sidebar-nav li > a.active, .container.sidebar .sidebar-nav li > .active.button.button-link, .container.sidebar .sidebar-nav li > a:focus, .container.sidebar .sidebar-nav li > .button.button-link:focus, .container.sidebar .sidebar-nav li > a:hover, .container.sidebar .sidebar-nav li > .button.button-link:hover {
    background-color: #fcfcfc;
  }
}

/* line 144, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar .ui-sortable .icon-sort {
  bottom: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.2s ease;
  width: 40px;
}

/* line 153, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar .ui-sortable .icon-sort::before {
  font-size: 16px;
  margin-top: -8px;
  position: absolute;
  right: 10px;
  top: 50%;
}

/* line 162, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar .ui-sortable li.ui-sortable-helper > a, .container.sidebar .ui-sortable li.ui-sortable-helper > .button.button-link {
  box-shadow: 0 0 10px 2px rgba(35, 39, 41, 0.05), #f0f0f0 1px 0 0 inset;
}

/* line 168, learning-spaces/app/styles/views/_layout.scss */
.container.content {
  padding: 30px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  /* line 168, learning-spaces/app/styles/views/_layout.scss */
  .container.content {
    padding: 0;
  }
}

/* line 177, learning-spaces/app/styles/views/_layout.scss */
.container.sidebar-content {
  left: auto;
  width: 70%;
}

@media screen and (max-width: 768px) {
  /* line 177, learning-spaces/app/styles/views/_layout.scss */
  .container.sidebar-content {
    width: 100%;
  }
}

/* line 188, learning-spaces/app/styles/views/_layout.scss */
.has-floating-header .inner {
  padding-top: 40px;
}

/* line 193, learning-spaces/app/styles/views/_layout.scss */
.floating-header {
  background-image: linear-gradient(to bottom, white 0%, white 25%, rgba(255, 255, 255, 0.9) 100%);
  color: #999999;
  font-size: 11px;
  height: 40px;
  left: 0;
  line-height: 1;
  padding: 10px 15px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 0;
  z-index: 11;
}

/* line 210, learning-spaces/app/styles/views/_layout.scss */
.floating-header p,
.floating-header a,
.floating-header .button.button-link {
  display: inline-block;
}

/* line 215, learning-spaces/app/styles/views/_layout.scss */
.floating-header > p:first-child:last-child {
  line-height: 20px;
}

/* line 219, learning-spaces/app/styles/views/_layout.scss */
.floating-header button,
.floating-header .button {
  font-size: 11px;
  letter-spacing: 0;
  padding: 4px;
  vertical-align: middle;
}

/* line 227, learning-spaces/app/styles/views/_layout.scss */
.floating-header .button-link,
.floating-header .button-icon {
  background: none;
  border: 0;
  box-shadow: none;
}

/* line 234, learning-spaces/app/styles/views/_layout.scss */
.floating-header .button-icon {
  font-size: 16px;
  padding: 0 4px;
  position: relative;
  top: -1px;
}

/* line 241, learning-spaces/app/styles/views/_layout.scss */
.floating-header .title,
.floating-header .button-link {
  color: #999999;
}

/* line 245, learning-spaces/app/styles/views/_layout.scss */
.floating-header .title:active, .floating-header .title:focus, .floating-header .title:hover, .floating-header .title.active,
.floating-header .button-link:active,
.floating-header .button-link:focus,
.floating-header .button-link:hover,
.floating-header .button-link.active {
  color: #333333;
  outline: none;
}

/* line 252, learning-spaces/app/styles/views/_layout.scss */
.floating-header .title.disabled:active, .floating-header .title:active:disabled, .floating-header .title.disabled:focus, .floating-header .title:focus:disabled, .floating-header .title.disabled:hover, .floating-header .title:hover:disabled, .floating-header .title.active.disabled, .floating-header .title.active:disabled,
.floating-header .button-link.disabled:active,
.floating-header .button-link:active:disabled,
.floating-header .button-link.disabled:focus,
.floating-header .button-link:focus:disabled,
.floating-header .button-link.disabled:hover,
.floating-header .button-link:hover:disabled,
.floating-header .button-link.active.disabled,
.floating-header .button-link.active:disabled {
  color: inherit;
}

/* line 259, learning-spaces/app/styles/views/_layout.scss */
.floating-header .title {
  display: block;
  font-size: 13px;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

/* line 269, learning-spaces/app/styles/views/_layout.scss */
.floating-header .options {
  float: right;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/views/_devise.scss */
.devise {
  align-items: center;
  background: url(/images/pattern.jpg) no-repeat center fixed;
  background-size: cover;
  display: flex;
  min-height: 100%;
  padding: 1em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 420px) {
  /* line 1, app/assets/stylesheets/views/_devise.scss */
  .devise {
    padding: 0;
  }
}

/* line 15, app/assets/stylesheets/views/_devise.scss */
.devise .inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
  max-width: 460px;
  width: 100%;
}

/* line 24, app/assets/stylesheets/views/_devise.scss */
.devise .container {
  background: white;
  border-radius: 0.1875em;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  min-height: 200px;
  padding: 25px;
  position: relative;
}

/* line 33, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs {
  font-size: 1.5em;
  line-height: 1;
  margin: -25px -25px 1em;
  text-align: center;
}

/* line 39, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs ul {
  display: table;
  width: 100%;
}

/* line 44, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs li {
  background-color: #f2f2f2;
  display: table-cell;
  width: 50%;
}

/* line 49, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs li.active {
  background-color: white;
}

/* line 52, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs li.active a, .devise .devise-tabs li.active .button.button-link {
  box-shadow: none;
  color: #232729;
}

/* line 57, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs li.active a:hover, .devise .devise-tabs li.active .button.button-link:hover {
  background-color: white;
  box-shadow: none;
}

/* line 63, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs li:first-child a, .devise .devise-tabs li:first-child .button.button-link {
  border-left: 0;
}

/* line 67, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs li:last-child a, .devise .devise-tabs li:last-child .button.button-link {
  border-right: 0;
}

/* line 72, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs a, .devise .devise-tabs .button.button-link {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-width: 0 1px;
  box-shadow: inset 5px -10px 10px -10px rgba(0, 0, 0, 0.1);
  color: #232729;
  display: block;
  padding: 1em 0;
  position: relative;
  transition: all 0.2s ease;
}

/* line 82, app/assets/stylesheets/views/_devise.scss */
.devise .devise-tabs a:hover, .devise .devise-tabs .button.button-link:hover {
  background-color: white;
  box-shadow: none;
  color: #2180d4;
}

/* line 94, app/assets/stylesheets/views/_devise.scss */
.devise.sign-in .devise-tabs a:hover, .devise.sign-in .devise-tabs .button.button-link:hover, .devise.sign-up .devise-tabs a:hover, .devise.sign-up .devise-tabs .button.button-link:hover {
  background-color: #ededed;
  box-shadow: inset -10px -10px 10px -10px rgba(0, 0, 0, 0.07);
}

/* line 99, app/assets/stylesheets/views/_devise.scss */
.devise.sign-in .devise-tabs li:last-child a:hover, .devise.sign-in .devise-tabs li:last-child .button.button-link:hover, .devise.sign-up .devise-tabs li:last-child a:hover, .devise.sign-up .devise-tabs li:last-child .button.button-link:hover {
  box-shadow: inset 10px -10px 10px -10px rgba(0, 0, 0, 0.07);
}

/* line 105, app/assets/stylesheets/views/_devise.scss */
.devise .logo {
  font-weight: 700;
  margin: 1.5em auto;
  max-width: 300px;
}

/* line 110, app/assets/stylesheets/views/_devise.scss */
.devise .logo img {
  display: block;
  margin: 0 auto;
  max-height: 100px;
}

/* line 117, app/assets/stylesheets/views/_devise.scss */
.devise .description {
  margin-bottom: 2em;
}

/* line 121, app/assets/stylesheets/views/_devise.scss */
.devise .form-title {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 20px;
}

/* line 126, app/assets/stylesheets/views/_devise.scss */
.devise .form-title .domain {
  font-weight: 700;
  white-space: nowrap;
}

/* line 134, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .input,
.devise .simple_form .input {
  margin-bottom: 15px;
  text-align: left;
}

/* line 138, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .input.boolean label,
.devise .simple_form .input.boolean label {
  display: inline;
  font-weight: 400;
}

/* line 145, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .field_with_errors input, .devise .form-inputs .field_with_errors .ui-selectmenu-button,
.devise .simple_form .field_with_errors input,
.devise .simple_form .field_with_errors .ui-selectmenu-button {
  border-color: #d8544f;
}

/* line 150, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .hint,
.devise .form-inputs .input-error,
.devise .form-inputs .input-notice,
.devise .form-inputs .input-alert,
.devise .form-inputs .error,
.devise .simple_form .hint,
.devise .simple_form .input-error,
.devise .simple_form .input-notice,
.devise .simple_form .input-alert,
.devise .simple_form .error {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.2em;
  margin-left: 7px;
  margin-top: 0.5em;
}

/* line 162, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .hint,
.devise .simple_form .hint {
  color: #464f53;
}

/* line 166, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .input-error,
.devise .form-inputs .input-alert,
.devise .form-inputs .error,
.devise .simple_form .input-error,
.devise .simple_form .input-alert,
.devise .simple_form .error {
  color: #e87159;
}

/* line 172, app/assets/stylesheets/views/_devise.scss */
.devise .form-inputs .input-notice,
.devise .simple_form .input-notice {
  color: #65aae7;
}

/* line 20, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/bourbon-7.3.0/core/bourbon/library/_clearfix.scss */
.devise .form-actions::after {
  clear: both;
  content: "";
  display: block;
}

/* line 180, app/assets/stylesheets/views/_devise.scss */
.devise .form-actions button,
.devise .form-actions .button,
.devise .form-actions .button-save,
.devise .form-actions input[type="button"],
.devise .form-actions .ui-selectmenu-button[type="button"],
.devise .form-actions input[type="submit"],
.devise .form-actions .ui-selectmenu-button[type="submit"],
.devise .form-actions input[type="reset"],
.devise .form-actions .ui-selectmenu-button[type="reset"] {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  padding: 0.9em;
  width: 100%;
}

/* line 193, app/assets/stylesheets/views/_devise.scss */
.devise .form-actions .remember-me {
  float: left;
}

/* line 196, app/assets/stylesheets/views/_devise.scss */
.devise .form-actions .remember-me .input {
  margin: 0;
}

/* line 200, app/assets/stylesheets/views/_devise.scss */
.devise .form-actions .remember-me label {
  font-size: 0.9em;
}

/* line 205, app/assets/stylesheets/views/_devise.scss */
.devise .form-actions .help-link {
  float: right;
  font-size: 0.9em;
}

/* line 211, app/assets/stylesheets/views/_devise.scss */
.devise .button-capp {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  padding: 0.9em;
  width: 100%;
}

/* line 220, app/assets/stylesheets/views/_devise.scss */
.devise .form-links {
  font-size: 0.9em;
  line-height: 1.4em;
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
}

/* line 227, app/assets/stylesheets/views/_devise.scss */
.devise .form-links a, .devise .form-links .button.button-link {
  display: inline-block;
  padding: 3px 0;
}

/* line 233, app/assets/stylesheets/views/_devise.scss */
.devise .footer {
  color: #464f53;
  font-size: 0.9em;
  margin-bottom: 15px;
  margin-top: 15px;
}

/* line 239, app/assets/stylesheets/views/_devise.scss */
.devise .footer a, .devise .footer .button.button-link {
  color: #464f53;
  font-weight: 600;
}

/* line 243, app/assets/stylesheets/views/_devise.scss */
.devise .footer a:hover, .devise .footer .button.button-link:hover {
  text-decoration: underline;
}

/* line 250, app/assets/stylesheets/views/_devise.scss */
.devise .account_preferences_language label {
  display: none;
}

/* line 255, app/assets/stylesheets/views/_devise.scss */
.devise .intro-notice {
  display: block;
  font-size: 0.875em;
  left: 0;
  position: absolute;
  text-align: center;
  top: 1.5em;
  width: 100%;
}

/* line 266, app/assets/stylesheets/views/_devise.scss */
.devise.help .container {
  text-align: left;
}

/* line 270, app/assets/stylesheets/views/_devise.scss */
.devise.help .help-links {
  margin: 0 0 1em;
}

/* line 273, app/assets/stylesheets/views/_devise.scss */
.devise.help .help-links li {
  margin: 0.5em 0;
}

/* line 277, app/assets/stylesheets/views/_devise.scss */
.devise.help .help-links a, .devise.help .help-links .button.button-link {
  background-color: #f2f2f2;
  border-radius: 0.1875em;
  display: block;
  padding: 0.5em;
  transition: background 0.2s ease;
}

/* line 284, app/assets/stylesheets/views/_devise.scss */
.devise.help .help-links a:hover, .devise.help .help-links .button.button-link:hover {
  background-color: #ededed;
}

/* line 288, app/assets/stylesheets/views/_devise.scss */
.devise.help .help-links a.active, .devise.help .help-links .active.button.button-link {
  background-color: #e3e3e3;
  color: #2180d4;
}

/* line 295, app/assets/stylesheets/views/_devise.scss */
.devise.help .help-form {
  display: none;
}

/* line 301, app/assets/stylesheets/views/_devise.scss */
.devise.created h1 {
  color: #7dcf8d;
}

/* line 305, app/assets/stylesheets/views/_devise.scss */
.devise.created h2 {
  font-size: 1.5em;
  line-height: 1.875em;
}

/* line 310, app/assets/stylesheets/views/_devise.scss */
.devise.created .e-mail {
  border-bottom: 1px dashed #dedede;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 2em;
  margin: 1em;
}

/* line 318, app/assets/stylesheets/views/_devise.scss */
.devise.created .instruction {
  color: #464f53;
  font-size: 0.875em;
  margin: 1.5em 0;
}

/* line 328, app/assets/stylesheets/views/_devise.scss */
.getting_started .container,
.onboarding .container {
  padding-bottom: 1.5em;
}

/* line 332, app/assets/stylesheets/views/_devise.scss */
.getting_started .form-inputs,
.onboarding .form-inputs {
  margin-bottom: 1.5em;
}

/* line 336, app/assets/stylesheets/views/_devise.scss */
.getting_started .example,
.onboarding .example {
  background-color: #fcfcfc;
  border: 1px solid #dedede;
  border-radius: 0.2em;
  display: inline-block;
  font-size: 0.85em;
  line-height: 1;
  padding: 2px 4px 3px;
}

/* line 346, app/assets/stylesheets/views/_devise.scss */
.getting_started #avatar-container,
.onboarding #avatar-container {
  animation: fade-in 1s;
  display: inline-block;
  height: 60px;
  margin-bottom: 0.5em;
  perspective: 1000px;
  position: relative;
  width: 60px;
}

/* line 357, app/assets/stylesheets/views/_devise.scss */
.getting_started #avatar-container .flipper,
.onboarding #avatar-container .flipper {
  position: relative;
  transform: rotateY(0deg);
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}

/* line 364, app/assets/stylesheets/views/_devise.scss */
.getting_started #avatar-container.has-image .flipper,
.onboarding #avatar-container.has-image .flipper {
  transform: rotateY(180deg);
}

/* line 368, app/assets/stylesheets/views/_devise.scss */
.getting_started #avatar-container .initials,
.getting_started #avatar-container .image,
.onboarding #avatar-container .initials,
.onboarding #avatar-container .image {
  font-size: 31.8px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  backface-visibility: hidden;
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 60px;
}

/* line 379, app/assets/stylesheets/views/_devise.scss */
.getting_started #avatar-container .initials,
.onboarding #avatar-container .initials {
  cursor: default;
  transform: rotateY(0deg);
  z-index: 8;
}

/* line 385, app/assets/stylesheets/views/_devise.scss */
.getting_started #avatar-container .image,
.onboarding #avatar-container .image {
  transform: rotateY(180deg);
}

/* line 392, app/assets/stylesheets/views/_devise.scss */
.getting_started .description {
  text-align: left;
}

/* line 398, app/assets/stylesheets/views/_devise.scss */
.getting_started .team_inviter_recipients .hint.show {
  transition: opacity 0.5;
}

/* line 402, app/assets/stylesheets/views/_devise.scss */
.getting_started .team_inviter_recipients .hint.hide {
  opacity: 0.33;
}

/* line 1, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration,
.user-confirmed,
.user-created {
  align-items: center;
  background: url(/images/pattern.jpg) no-repeat center fixed;
  background-size: cover;
  display: flex;
  min-height: 100%;
  padding: 1em;
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 420px) {
  /* line 1, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration,
.user-confirmed,
.user-created {
    padding: 0.5rem;
  }
}

/* line 17, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .register-card,
.programs-only-registration .confirmed-card,
.programs-only-registration .created-card,
.user-confirmed .register-card,
.user-confirmed .confirmed-card,
.user-confirmed .created-card,
.user-created .register-card,
.user-created .confirmed-card,
.user-created .created-card {
  align-items: stretch;
  border-radius: 0.5625em;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  margin: 0 auto;
  max-width: 60rem;
  min-height: 310px;
  overflow: hidden;
  z-index: 1;
}

/* line 30, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .register-card .register-card-header,
.programs-only-registration .register-card .created-card-header,
.programs-only-registration .confirmed-card .register-card-header,
.programs-only-registration .confirmed-card .created-card-header,
.programs-only-registration .created-card .register-card-header,
.programs-only-registration .created-card .created-card-header,
.user-confirmed .register-card .register-card-header,
.user-confirmed .register-card .created-card-header,
.user-confirmed .confirmed-card .register-card-header,
.user-confirmed .confirmed-card .created-card-header,
.user-confirmed .created-card .register-card-header,
.user-confirmed .created-card .created-card-header,
.user-created .register-card .register-card-header,
.user-created .register-card .created-card-header,
.user-created .confirmed-card .register-card-header,
.user-created .confirmed-card .created-card-header,
.user-created .created-card .register-card-header,
.user-created .created-card .created-card-header {
  background: var(--tenant-color);
  color: white;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 2rem;
  position: relative;
  max-width: 22.8rem;
}

/* line 43, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .register-card .confirmed-card-header,
.programs-only-registration .confirmed-card .confirmed-card-header,
.programs-only-registration .created-card .confirmed-card-header,
.user-confirmed .register-card .confirmed-card-header,
.user-confirmed .confirmed-card .confirmed-card-header,
.user-confirmed .created-card .confirmed-card-header,
.user-created .register-card .confirmed-card-header,
.user-created .confirmed-card .confirmed-card-header,
.user-created .created-card .confirmed-card-header {
  background: #7dcf8d;
  color: white;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  padding: 2rem;
  position: relative;
  max-width: 22.8rem;
}

/* line 56, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .inner,
.user-confirmed .inner,
.user-created .inner {
  flex: 1;
  width: 29.6rem;
}

/* line 60, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .inner h2,
.user-confirmed .inner h2,
.user-created .inner h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  text-align: left;
}

/* line 67, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .container,
.user-confirmed .container,
.user-created .container {
  background: white;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  min-height: 200px;
  padding: 3rem;
  position: relative;
  height: 100%;
}

/* line 76, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .created-card-container,
.user-confirmed .created-card-container,
.user-created .created-card-container {
  background: white;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 200px;
  padding: 3rem;
  position: relative;
  height: 100%;
}

/* line 88, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .confirmed-card .container,
.user-confirmed .confirmed-card .container,
.user-created .confirmed-card .container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 95, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .login-instead,
.user-confirmed .login-instead,
.user-created .login-instead {
  bottom: 2rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

/* line 102, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .login-instead a, .programs-only-registration .login-instead .button.button-link,
.user-confirmed .login-instead a,
.user-confirmed .login-instead .button.button-link,
.user-created .login-instead a,
.user-created .login-instead .button.button-link {
  color: white;
  font-weight: 600;
  text-decoration: underline;
}

@media (max-width: 40rem) {
  /* line 110, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .register-card,
.programs-only-registration .confirmed-card,
.programs-only-registration .created-card,
.user-confirmed .register-card,
.user-confirmed .confirmed-card,
.user-confirmed .created-card,
.user-created .register-card,
.user-created .confirmed-card,
.user-created .created-card {
    flex-direction: column;
    width: 100%;
  }
  /* line 116, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .register-card .register-card-header,
.programs-only-registration .register-card .confirmed-card-header,
.programs-only-registration .register-card .created-card-header,
.programs-only-registration .confirmed-card .register-card-header,
.programs-only-registration .confirmed-card .confirmed-card-header,
.programs-only-registration .confirmed-card .created-card-header,
.programs-only-registration .created-card .register-card-header,
.programs-only-registration .created-card .confirmed-card-header,
.programs-only-registration .created-card .created-card-header,
.user-confirmed .register-card .register-card-header,
.user-confirmed .register-card .confirmed-card-header,
.user-confirmed .register-card .created-card-header,
.user-confirmed .confirmed-card .register-card-header,
.user-confirmed .confirmed-card .confirmed-card-header,
.user-confirmed .confirmed-card .created-card-header,
.user-confirmed .created-card .register-card-header,
.user-confirmed .created-card .confirmed-card-header,
.user-confirmed .created-card .created-card-header,
.user-created .register-card .register-card-header,
.user-created .register-card .confirmed-card-header,
.user-created .register-card .created-card-header,
.user-created .confirmed-card .register-card-header,
.user-created .confirmed-card .confirmed-card-header,
.user-created .confirmed-card .created-card-header,
.user-created .created-card .register-card-header,
.user-created .created-card .confirmed-card-header,
.user-created .created-card .created-card-header {
    max-width: 100%;
    padding: 2rem 1rem;
  }
  /* line 122, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .register-card .register-card-header h1,
.programs-only-registration .register-card .confirmed-card-header h1,
.programs-only-registration .register-card .created-card-header h1,
.programs-only-registration .confirmed-card .register-card-header h1,
.programs-only-registration .confirmed-card .confirmed-card-header h1,
.programs-only-registration .confirmed-card .created-card-header h1,
.programs-only-registration .created-card .register-card-header h1,
.programs-only-registration .created-card .confirmed-card-header h1,
.programs-only-registration .created-card .created-card-header h1,
.user-confirmed .register-card .register-card-header h1,
.user-confirmed .register-card .confirmed-card-header h1,
.user-confirmed .register-card .created-card-header h1,
.user-confirmed .confirmed-card .register-card-header h1,
.user-confirmed .confirmed-card .confirmed-card-header h1,
.user-confirmed .confirmed-card .created-card-header h1,
.user-confirmed .created-card .register-card-header h1,
.user-confirmed .created-card .confirmed-card-header h1,
.user-confirmed .created-card .created-card-header h1,
.user-created .register-card .register-card-header h1,
.user-created .register-card .confirmed-card-header h1,
.user-created .register-card .created-card-header h1,
.user-created .confirmed-card .register-card-header h1,
.user-created .confirmed-card .confirmed-card-header h1,
.user-created .confirmed-card .created-card-header h1,
.user-created .created-card .register-card-header h1,
.user-created .created-card .confirmed-card-header h1,
.user-created .created-card .created-card-header h1 {
    font-size: 1.5rem;
  }
  /* line 127, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .register-card .created-card-container,
.programs-only-registration .confirmed-card .created-card-container,
.programs-only-registration .created-card .created-card-container,
.user-confirmed .register-card .created-card-container,
.user-confirmed .confirmed-card .created-card-container,
.user-confirmed .created-card .created-card-container,
.user-created .register-card .created-card-container,
.user-created .confirmed-card .created-card-container,
.user-created .created-card .created-card-container {
    padding: 2rem 1rem;
  }
  /* line 130, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .register-card .created-card-container h1,
.programs-only-registration .confirmed-card .created-card-container h1,
.programs-only-registration .created-card .created-card-container h1,
.user-confirmed .register-card .created-card-container h1,
.user-confirmed .confirmed-card .created-card-container h1,
.user-confirmed .created-card .created-card-container h1,
.user-created .register-card .created-card-container h1,
.user-created .confirmed-card .created-card-container h1,
.user-created .created-card .created-card-container h1 {
    font-size: 1.2rem;
  }
  /* line 135, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .register-card .login-instead,
.programs-only-registration .confirmed-card .login-instead,
.programs-only-registration .created-card .login-instead,
.user-confirmed .register-card .login-instead,
.user-confirmed .confirmed-card .login-instead,
.user-confirmed .created-card .login-instead,
.user-created .register-card .login-instead,
.user-created .confirmed-card .login-instead,
.user-created .created-card .login-instead {
    bottom: 1rem;
  }
  /* line 140, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .inner,
.user-confirmed .inner,
.user-created .inner {
    width: 100%;
  }
  /* line 143, app/assets/stylesheets/views/_programs_only_registration.scss */
  .programs-only-registration .inner .container,
.user-confirmed .inner .container,
.user-created .inner .container {
    padding: 1rem;
  }
}

/* line 151, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-title,
.user-confirmed .form-title,
.user-created .form-title {
  font-size: 1.3em;
  line-height: 1.3em;
  margin-bottom: 20px;
}

/* line 156, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-title .domain,
.user-confirmed .form-title .domain,
.user-created .form-title .domain {
  font-weight: 700;
  white-space: nowrap;
}

/* line 164, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .input,
.programs-only-registration .simple_form .input,
.user-confirmed .form-inputs .input,
.user-confirmed .simple_form .input,
.user-created .form-inputs .input,
.user-created .simple_form .input {
  margin-bottom: 15px;
  text-align: left;
}

/* line 168, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .input.boolean label,
.programs-only-registration .simple_form .input.boolean label,
.user-confirmed .form-inputs .input.boolean label,
.user-confirmed .simple_form .input.boolean label,
.user-created .form-inputs .input.boolean label,
.user-created .simple_form .input.boolean label {
  display: inline;
  font-weight: 400;
}

/* line 175, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .field_with_errors input, .programs-only-registration .form-inputs .field_with_errors .ui-selectmenu-button,
.programs-only-registration .simple_form .field_with_errors input,
.programs-only-registration .simple_form .field_with_errors .ui-selectmenu-button,
.user-confirmed .form-inputs .field_with_errors input,
.user-confirmed .form-inputs .field_with_errors .ui-selectmenu-button,
.user-confirmed .simple_form .field_with_errors input,
.user-confirmed .simple_form .field_with_errors .ui-selectmenu-button,
.user-created .form-inputs .field_with_errors input,
.user-created .form-inputs .field_with_errors .ui-selectmenu-button,
.user-created .simple_form .field_with_errors input,
.user-created .simple_form .field_with_errors .ui-selectmenu-button {
  border-color: #d8544f;
}

/* line 180, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .hint,
.programs-only-registration .form-inputs .input-error,
.programs-only-registration .form-inputs .input-notice,
.programs-only-registration .form-inputs .input-alert,
.programs-only-registration .form-inputs .error,
.programs-only-registration .simple_form .hint,
.programs-only-registration .simple_form .input-error,
.programs-only-registration .simple_form .input-notice,
.programs-only-registration .simple_form .input-alert,
.programs-only-registration .simple_form .error,
.user-confirmed .form-inputs .hint,
.user-confirmed .form-inputs .input-error,
.user-confirmed .form-inputs .input-notice,
.user-confirmed .form-inputs .input-alert,
.user-confirmed .form-inputs .error,
.user-confirmed .simple_form .hint,
.user-confirmed .simple_form .input-error,
.user-confirmed .simple_form .input-notice,
.user-confirmed .simple_form .input-alert,
.user-confirmed .simple_form .error,
.user-created .form-inputs .hint,
.user-created .form-inputs .input-error,
.user-created .form-inputs .input-notice,
.user-created .form-inputs .input-alert,
.user-created .form-inputs .error,
.user-created .simple_form .hint,
.user-created .simple_form .input-error,
.user-created .simple_form .input-notice,
.user-created .simple_form .input-alert,
.user-created .simple_form .error {
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.2em;
  margin-left: 7px;
  margin-top: 0.5em;
}

/* line 192, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .hint,
.programs-only-registration .simple_form .hint,
.user-confirmed .form-inputs .hint,
.user-confirmed .simple_form .hint,
.user-created .form-inputs .hint,
.user-created .simple_form .hint {
  color: #464f53;
}

/* line 196, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .input-error,
.programs-only-registration .form-inputs .input-alert,
.programs-only-registration .form-inputs .error,
.programs-only-registration .simple_form .input-error,
.programs-only-registration .simple_form .input-alert,
.programs-only-registration .simple_form .error,
.user-confirmed .form-inputs .input-error,
.user-confirmed .form-inputs .input-alert,
.user-confirmed .form-inputs .error,
.user-confirmed .simple_form .input-error,
.user-confirmed .simple_form .input-alert,
.user-confirmed .simple_form .error,
.user-created .form-inputs .input-error,
.user-created .form-inputs .input-alert,
.user-created .form-inputs .error,
.user-created .simple_form .input-error,
.user-created .simple_form .input-alert,
.user-created .simple_form .error {
  color: #e87159;
}

/* line 202, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-inputs .input-notice,
.programs-only-registration .simple_form .input-notice,
.user-confirmed .form-inputs .input-notice,
.user-confirmed .simple_form .input-notice,
.user-created .form-inputs .input-notice,
.user-created .simple_form .input-notice {
  color: #65aae7;
}

/* line 207, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .button-go-ahead,
.user-confirmed .button-go-ahead,
.user-created .button-go-ahead {
  border-radius: 0.28125em;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
}

/* line 20, ../../../../.asdf/installs/ruby/3.2.3/lib/ruby/gems/3.2.0/gems/bourbon-7.3.0/core/bourbon/library/_clearfix.scss */
.programs-only-registration .form-actions::after,
.user-confirmed .form-actions::after,
.user-created .form-actions::after {
  clear: both;
  content: "";
  display: block;
}

/* line 219, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-actions button,
.programs-only-registration .form-actions .button,
.programs-only-registration .form-actions input[type="button"],
.programs-only-registration .form-actions .ui-selectmenu-button[type="button"],
.programs-only-registration .form-actions input[type="submit"],
.programs-only-registration .form-actions .ui-selectmenu-button[type="submit"],
.programs-only-registration .form-actions input[type="reset"],
.programs-only-registration .form-actions .ui-selectmenu-button[type="reset"],
.user-confirmed .form-actions button,
.user-confirmed .form-actions .button,
.user-confirmed .form-actions input[type="button"],
.user-confirmed .form-actions .ui-selectmenu-button[type="button"],
.user-confirmed .form-actions input[type="submit"],
.user-confirmed .form-actions .ui-selectmenu-button[type="submit"],
.user-confirmed .form-actions input[type="reset"],
.user-confirmed .form-actions .ui-selectmenu-button[type="reset"],
.user-created .form-actions button,
.user-created .form-actions .button,
.user-created .form-actions input[type="button"],
.user-created .form-actions .ui-selectmenu-button[type="button"],
.user-created .form-actions input[type="submit"],
.user-created .form-actions .ui-selectmenu-button[type="submit"],
.user-created .form-actions input[type="reset"],
.user-created .form-actions .ui-selectmenu-button[type="reset"] {
  border-radius: 0.28125em;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  width: 100%;
}

/* line 232, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-actions .button-capp,
.user-confirmed .form-actions .button-capp,
.user-created .form-actions .button-capp {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  padding: 0.9em;
  width: 100%;
}

/* line 241, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-actions .remember-me,
.user-confirmed .form-actions .remember-me,
.user-created .form-actions .remember-me {
  float: left;
  margin-top: 0.5rem;
}

/* line 245, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-actions .remember-me .input,
.user-confirmed .form-actions .remember-me .input,
.user-created .form-actions .remember-me .input {
  margin: 0;
}

/* line 249, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-actions .remember-me label,
.user-confirmed .form-actions .remember-me label,
.user-created .form-actions .remember-me label {
  font-size: 0.9em;
}

/* line 254, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-actions .help-link,
.user-confirmed .form-actions .help-link,
.user-created .form-actions .help-link {
  float: right;
  font-size: 0.9em;
  margin-top: 0.5rem;
}

/* line 261, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-links,
.user-confirmed .form-links,
.user-created .form-links {
  font-size: 0.9em;
  line-height: 1.4em;
  list-style: none;
  margin: 1em 0 0;
  padding: 0;
}

/* line 268, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .form-links a, .programs-only-registration .form-links .button.button-link,
.user-confirmed .form-links a,
.user-confirmed .form-links .button.button-link,
.user-created .form-links a,
.user-created .form-links .button.button-link {
  display: inline-block;
  padding: 3px 0;
}

/* line 275, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .account_preferences_language label,
.user-confirmed .account_preferences_language label,
.user-created .account_preferences_language label {
  display: none;
}

/* line 281, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .container,
.user-confirmed.help .container,
.user-created.help .container {
  text-align: left;
}

/* line 285, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .help-links,
.user-confirmed.help .help-links,
.user-created.help .help-links {
  margin: 0 0 1em;
}

/* line 288, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .help-links li,
.user-confirmed.help .help-links li,
.user-created.help .help-links li {
  margin: 0.5em 0;
}

/* line 292, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .help-links a, .programs-only-registration.help .help-links .button.button-link,
.user-confirmed.help .help-links a,
.user-confirmed.help .help-links .button.button-link,
.user-created.help .help-links a,
.user-created.help .help-links .button.button-link {
  background-color: #f2f2f2;
  border-radius: 0.1875em;
  display: block;
  padding: 0.5em;
  transition: background 0.2s ease;
}

/* line 299, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .help-links a:hover, .programs-only-registration.help .help-links .button.button-link:hover,
.user-confirmed.help .help-links a:hover,
.user-confirmed.help .help-links .button.button-link:hover,
.user-created.help .help-links a:hover,
.user-created.help .help-links .button.button-link:hover {
  background-color: #ededed;
}

/* line 303, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .help-links a.active, .programs-only-registration.help .help-links .active.button.button-link,
.user-confirmed.help .help-links a.active,
.user-confirmed.help .help-links .active.button.button-link,
.user-created.help .help-links a.active,
.user-created.help .help-links .active.button.button-link {
  background-color: #e3e3e3;
  color: #2180d4;
}

/* line 310, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.help .help-form,
.user-confirmed.help .help-form,
.user-created.help .help-form {
  display: none;
}

/* line 316, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.created .inner h1,
.user-confirmed.created .inner h1,
.user-created.created .inner h1 {
  color: #7dcf8d;
}

/* line 321, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.created .created-card-container h1,
.user-confirmed.created .created-card-container h1,
.user-created.created .created-card-container h1 {
  color: var(--tenant-color);
}

/* line 326, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.created h2,
.user-confirmed.created h2,
.user-created.created h2 {
  font-size: 1.5em;
  line-height: 1.875em;
}

/* line 331, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.created .e-mail,
.user-confirmed.created .e-mail,
.user-created.created .e-mail {
  border-bottom: 1px dashed #dedede;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.5em;
  margin: 1em 0 -0.5em 0;
}

/* line 339, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration.created .instruction,
.user-confirmed.created .instruction,
.user-created.created .instruction {
  color: #464f53;
  font-size: 0.875em;
  margin: 1.5em 0;
}

/* line 346, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .air-logo-title,
.user-confirmed .air-logo-title,
.user-created .air-logo-title {
  font-size: 1.5em;
  font-weight: 700;
  line-height: 1.5em;
  margin: 0;
}

/* line 352, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .air-logo-title .title,
.user-confirmed .air-logo-title .title,
.user-created .air-logo-title .title {
  align-items: center;
  color: white;
  display: inline-flex;
  font-size: 1.25rem;
  font-weight: 700;
  overflow: hidden;
  padding-right: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 364, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .air-logo-title .title .capp-agile,
.user-confirmed .air-logo-title .title .capp-agile,
.user-created .air-logo-title .title .capp-agile {
  font-size: 1.25rem;
  padding-right: 0.5rem;
}

/* line 369, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .air-logo-title .title .slash-r,
.user-confirmed .air-logo-title .title .slash-r,
.user-created .air-logo-title .title .slash-r {
  --size: 1rem;
  align-items: center;
  background: white;
  border-radius: 50%;
  color: var(--tenant-color);
  display: inline-flex;
  font-size: calc(var(--size) * 0.75);
  font-weight: bold;
  height: var(--size);
  justify-content: space-around;
  padding-bottom: calc(var(--size) * 0.075);
  width: var(--size);
}

/* line 383, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .air-logo-title .title .slash-r.green,
.user-confirmed .air-logo-title .title .slash-r.green,
.user-created .air-logo-title .title .slash-r.green {
  color: #7dcf8d;
}

/* line 389, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .svg-logo,
.user-confirmed .svg-logo,
.user-created .svg-logo {
  align-items: stretch;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin: 0 auto 1rem;
  max-width: 12rem;
}

/* line 397, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .svg-logo .responsive-logo:not(.full.white),
.user-confirmed .svg-logo .responsive-logo:not(.full.white),
.user-created .svg-logo .responsive-logo:not(.full.white) {
  display: none;
  height: 100%;
}

/* line 402, app/assets/stylesheets/views/_programs_only_registration.scss */
.programs-only-registration .svg-logo .single-logo,
.programs-only-registration .svg-logo svg:not(.responsive-logo),
.user-confirmed .svg-logo .single-logo,
.user-confirmed .svg-logo svg:not(.responsive-logo),
.user-created .svg-logo .single-logo,
.user-created .svg-logo svg:not(.responsive-logo) {
  fill: white;
}