/*!**************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./index.css ***!
  \**************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese);
/*!******************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./index.css (1) ***!
  \******************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,500,700);
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/articles_welcome/index.css ***!
  \*************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Libre+Franklin|Montserrat:100,200,300,400,500,600,700&display=swap);
/*!******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!../node_modules/tippy.js/dist/tippy.css ***!
  \******************************************************************************************************************************************************************************************/
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0; }

[data-tippy-root] {
  max-width: calc(100vw - 10px); }

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform,visibility,opacity; }

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0; }

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top; }

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0; }

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom; }

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0; }

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left; }

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0; }

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right; }

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); }

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333; }

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid; }

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1; }

/*!******************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./index.css (2) ***!
  \******************************************************************************************************************************************************************/
@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/fontawesome-webfont.eot?8b43027f47b20503057dfbbaa9401fef);
  src: url(/fontawesome-webfont.eot?8b43027f47b20503057dfbbaa9401fef?#iefix&v=4.7.0) format("embedded-opentype"), url(/fontawesome-webfont.woff2?20fd1704ea223900efa9fd4e869efb08) format("woff2"), url(/fontawesome-webfont.woff?f691f37e57f04c152e2315ab7dbad881) format("woff"), url(/fontawesome-webfont.ttf?1e59d2330b4c6deb84b340635ed36249) format("truetype"), url(/fontawesome-webfont.svg?c1e38fd9e0e74ba58f7a2b77ef29fdd3#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper-pp:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.fa-reddit-alien:before {
  content: ""; }

.fa-edge:before {
  content: ""; }

.fa-credit-card-alt:before {
  content: ""; }

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

.fa-fort-awesome:before {
  content: ""; }

.fa-usb:before {
  content: ""; }

.fa-product-hunt:before {
  content: ""; }

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

.fa-pause-circle:before {
  content: ""; }

.fa-pause-circle-o:before {
  content: ""; }

.fa-stop-circle:before {
  content: ""; }

.fa-stop-circle-o:before {
  content: ""; }

.fa-shopping-bag:before {
  content: ""; }

.fa-shopping-basket:before {
  content: ""; }

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

.fa-bluetooth-b:before {
  content: ""; }

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

.fa-universal-access:before {
  content: ""; }

.fa-wheelchair-alt:before {
  content: ""; }

.fa-question-circle-o:before {
  content: ""; }

.fa-blind:before {
  content: ""; }

.fa-audio-description:before {
  content: ""; }

.fa-volume-control-phone:before {
  content: ""; }

.fa-braille:before {
  content: ""; }

.fa-assistive-listening-systems:before {
  content: ""; }

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: ""; }

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: ""; }

.fa-glide:before {
  content: ""; }

.fa-glide-g:before {
  content: ""; }

.fa-signing:before,
.fa-sign-language:before {
  content: ""; }

.fa-low-vision:before {
  content: ""; }

.fa-viadeo:before {
  content: ""; }

.fa-viadeo-square:before {
  content: ""; }

.fa-snapchat:before {
  content: ""; }

.fa-snapchat-ghost:before {
  content: ""; }

.fa-snapchat-square:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-first-order:before {
  content: ""; }

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: ""; }

.fa-fa:before,
.fa-font-awesome:before {
  content: ""; }

.fa-handshake-o:before {
  content: ""; }

.fa-envelope-open:before {
  content: ""; }

.fa-envelope-open-o:before {
  content: ""; }

.fa-linode:before {
  content: ""; }

.fa-address-book:before {
  content: ""; }

.fa-address-book-o:before {
  content: ""; }

.fa-vcard:before,
.fa-address-card:before {
  content: ""; }

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: ""; }

.fa-user-circle:before {
  content: ""; }

.fa-user-circle-o:before {
  content: ""; }

.fa-user-o:before {
  content: ""; }

.fa-id-badge:before {
  content: ""; }

.fa-drivers-license:before,
.fa-id-card:before {
  content: ""; }

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: ""; }

.fa-quora:before {
  content: ""; }

.fa-free-code-camp:before {
  content: ""; }

.fa-telegram:before {
  content: ""; }

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: ""; }

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: ""; }

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: ""; }

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: ""; }

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: ""; }

.fa-shower:before {
  content: ""; }

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: ""; }

.fa-podcast:before {
  content: ""; }

.fa-window-maximize:before {
  content: ""; }

.fa-window-minimize:before {
  content: ""; }

.fa-window-restore:before {
  content: ""; }

.fa-times-rectangle:before,
.fa-window-close:before {
  content: ""; }

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: ""; }

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

.fa-snowflake-o:before {
  content: ""; }

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

html {
  height: 100%; }

body {
  position: relative;
  min-height: 100%;
  padding-bottom: 1px; }

main {
  min-height: 100vh;
  background-position: center;
  background-attachment: fixed;
  background-size: cover; }
  main.-halloween {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: black; }
  main.-in-monospace .quill pre.ql-syntax, main.-in-monospace .quill code {
    font-family: 'monospace'; }
  main.-in-normal-font .quill pre.ql-syntax, main.-in-normal-font .quill code {
    font-family: 'Open Sans'; }

body {
  font-family: "Roboto", serif;
  color: white;
  margin: 0;
  box-sizing: border-box;
  font-weight: 300;
  background: #0f1122; }

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer; }

label {
  font-weight: 300; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
  letter-spacing: 0.3px;
  font-family: "Roboto"; }

h1 {
  font-size: 25px; }

h2 {
  font-size: 22px; }

table {
  border-collapse: collapse; }

figure {
  margin: 0; }

input[type="text"], input[type="search"], input[type="email"], textarea, button, a {
  border: none;
  color: inherit; }

input, textarea, select, button {
  font-size: inherit;
  font-family: "Roboto";
  font-weight: 300;
  background: none;
  padding: 0; }

button {
  cursor: pointer; }

mark {
  background: none; }

ul, ol {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0; }

p {
  margin: 7px 0; }

button {
  border-radius: 0; }

*,
*:before,
*:after {
  box-sizing: border-box; }

* {
  outline: none; }

header .avatar:hover, header .avatar:focus {
  opacity: 0.7; }

input.standard-input:not(.answer-input):not(.toggler):focus, input.standard-input:not(.answer-input):not(.toggler):hover,
.standard-input.-Select button.toggler:focus,
.standard-input.-Select button.toggler:hover,
.standard-dropdown a:focus,
.standard-dropdown a:hover, .standard-dropdown button:focus, .standard-dropdown button:hover,
.standard-input.-Select ul.groups button:focus,
.standard-input.-Select ul.groups button:hover {
  background: #1b1f41; }

.button.-purple:focus, .button.purple:focus {
  box-shadow: inset 0 0 0 2px #b6adf4; }

.button.-white:focus, .button.-white:hover, .button.-white[aria-expanded="true"], button.volume-button:focus, button.volume-button:hover, button.volume-button[aria-expanded="true"], button.bg-image-button:focus, button.bg-image-button:hover, button.bg-image-button[aria-expanded="true"], .more-button:focus, .more-button:hover, .more-button[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.09); }

button.volume-button, button.bg-image-button {
  border-radius: 3px; }

.toggle-button.-left.focus-visible .toggle-button-label-left:after, .toggle-button.-left:hover .toggle-button-label-left:after {
  background: rgba(255, 255, 255, 0.09); }

.button.-to-review:hover, .button.-to-review:focus, .button.-orange:hover, .button.-orange:focus {
  background: #fa5c12; }

.button.-to-learn:hover, .button.-to-learn:focus {
  background: #2ecba1; }

ul.categories a.name:hover, ul.categories a.name:focus,
.notifications-toggler:hover,
.notifications-toggler:focus,
button.edit-button:hover,
button.edit-button:focus, button.invite-coauthor-button:hover, button.invite-coauthor-button:focus, .stop-learning-button:hover, .stop-learning-button:focus,
section.course-actions h1.title a:hover,
section.course-actions h1.title a:focus {
  background: rgba(243, 243, 249, 0.05) !important; }

header a.logo.focus-visible {
  background: rgba(243, 243, 249, 0.05) !important; }

header nav .link.active {
  background: rgba(243, 243, 249, 0.07); }

header nav .link:hover:not(.active), header nav .link:focus:not(.active) {
  background: rgba(243, 243, 249, 0.05); }

header nav .my-courses-toggler[aria-expanded=true] .link.courses {
  background: rgba(243, 243, 249, 0.07); }

header nav .my-courses-toggler[aria-expanded=false] .link.courses:hover {
  background: rgba(243, 243, 249, 0.05) !important; }

@media (min-width: 460px) {
  .standard-course-card:focus-within, .standard-course-card:hover {
    outline: none;
    background: #202349; } }

.see-answer-button:hover, .see-answer-button.focus-visible {
  border: 4px solid #a0f7c8 !important; }

input.answer-input:focus {
  background: rgba(136, 125, 220, 0.16) !important;
  box-shadow: none; }

section.course-actions .category_and_author a:focus, section.course-actions .category_and_author a:hover {
  text-decoration: underline; }

section.course-actions button.edit-button:focus, section.course-actions button.edit-button:hover, section.course-actions button.invite-coauthor-button:focus, section.course-actions button.invite-coauthor-button:hover, section.course-actions .stop-learning-button:focus, section.course-actions .stop-learning-button:hover {
  background: rgba(32, 35, 73, 0.55); }

section.course-actions h1.title a {
  border-radius: 2px;
  padding: 5px; }
  section.course-actions h1.title a:hover, section.course-actions h1.title a:focus {
    background: rgba(32, 35, 73, 0.55); }

.standard-tab-navigation button:focus, .standard-tab-navigation button.-selected, .ReactModal__Content .close-button:focus, .ReactModal__Content .close-button.-selected {
  background: rgba(48, 52, 96, 0.62); }

body.-hideSocialButtons .social-buttons {
  display: none; }

.-bright-theme .-without-bg {
  background: white;
  color: black; }
  .-bright-theme .-without-bg section.problem .ql-toolbar {
    background: none; }
    .-bright-theme .-without-bg section.problem .ql-toolbar button .ql-stroke {
      stroke: black !important; }
    .-bright-theme .-without-bg section.problem .ql-toolbar button .ql-fill {
      fill: black !important; }
  .-bright-theme .-without-bg .flashcard-buttons button {
    color: white; }
  .-bright-theme .-without-bg .standard-course-card {
    background: white; }
  .-bright-theme .-without-bg .pagination {
    color: white; }
  .-bright-theme .-without-bg .wrapper .user, .-bright-theme .-without-bg .wrapper .skills, .-bright-theme .-without-bg .wrapper .stats {
    background: #e0e0e326;
    box-shadow: 0 1px 0 0 #cacbce63, 0 0 0 1px #ededf073; }
  .-bright-theme .-without-bg .wrapper .skill .progress-bar {
    background: white !important; }
  .-bright-theme .-without-bg .Subheader .buttons {
    color: #a6a3a3c9; }
  .-bright-theme .-without-bg .randomize-button, .-bright-theme .-without-bg .randomize-button:hover {
    color: #a6a3a3c9;
    border: 1px solid #a6a3a399;
    opacity: 1; }
  .-bright-theme .-without-bg .bg-button-dropdown button {
    background: rgba(96, 94, 94, 0.69); }
    .-bright-theme .-without-bg .bg-button-dropdown button.-active {
      background: rgba(96, 94, 94, 0.9) !important; }
  .-bright-theme .-without-bg .toggle-button-label-left:after {
    border-color: #a6a3a399; }
  .-bright-theme .-without-bg .toggle-button-label-left:before {
    background: #a6a3a399; }
  .-bright-theme .-without-bg section.amount-footer {
    color: white !important; }
  .-bright-theme .-without-bg div.learn-and-review-buttons a.link {
    color: white; }
  .-bright-theme .-without-bg button.reveal {
    background: #25b08b; }
  .-bright-theme .-without-bg .problem-wrapper.-yet-to-learn {
    box-shadow: 0px 0px 32px 4px rgba(166, 170, 170, 0.11) !important; }
  .-bright-theme .-without-bg .problem-wrapper.-yet-to-learn:hover {
    background: rgba(101, 202, 175, 0.1) !important; }
  .-bright-theme .-without-bg .problem-wrapper.-learned {
    background: #65caaf66 !important; }
  .-bright-theme .-without-bg ul.tab-links li.-active {
    background: rgba(30, 28, 28, 0.04); }
  .-bright-theme .-without-bg ul.tab-links li.-not-active:hover {
    background: rgba(30, 28, 28, 0.01); }

.-bright-theme .ProblemBeingSolved section.problem .ql-editor {
  border: 5px solid #25b08b !important; }

@media (max-width: 900px) {
  .-bright-theme .ProblemBeingSolved section.problem {
    background: transparent; } }

.-bright-theme .ProblemBeingSolved section.problem.-withInlinedAnswers input.answer-input[data-answered='right'] {
  box-shadow: none;
  border: 2px solid #99e9d4;
  background: #aff6e3 !important;
  color: #2c413b !important; }

.-bright-theme section.problem, .-bright-theme .course-description-and-stats {
  font-weight: 400; }
  .-bright-theme section.problem .quill > .ql-container > .ql-editor, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor {
    background: white !important;
    box-shadow: none !important;
    font-size: 16.5px;
    border-width: 3px !important; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor mark.answer, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor mark.answer {
      border-width: 3px; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor span, .-bright-theme section.problem .quill > .ql-container > .ql-editor em, .-bright-theme section.problem .quill > .ql-container > .ql-editor strong, .-bright-theme section.problem .quill > .ql-container > .ql-editor b, .-bright-theme section.problem .quill > .ql-container > .ql-editor a, .-bright-theme section.problem .quill > .ql-container > .ql-editor sup, .-bright-theme section.problem .quill > .ql-container > .ql-editor sub, .-bright-theme section.problem .quill > .ql-container > .ql-editor blockquote, .-bright-theme section.problem .quill > .ql-container > .ql-editor mark, .-bright-theme section.problem .quill > .ql-container > .ql-editor p, .-bright-theme section.problem .quill > .ql-container > .ql-editor ul, .-bright-theme section.problem .quill > .ql-container > .ql-editor ol, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor span, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor em, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor strong, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor b, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor a, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor sup, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor sub, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor blockquote, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor mark, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor p, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor ul, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor ol {
      color: #313336 !important;
      background: transparent !important; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor strong, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor strong {
      font-weight: 600 !important; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor em, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor em {
      color: #7c8693 !important;
      font-weight: inherit; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor a, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor a {
      color: #7c8693 !important; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor pre.ql-syntax, .-bright-theme section.problem .quill > .ql-container > .ql-editor code, .-bright-theme section.problem .quill > .ql-container > .ql-editor code *, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor pre.ql-syntax, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor code, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor code * {
      background: #f3f3f3 !important;
      color: #434345 !important; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor blockquote, .-bright-theme section.problem .quill > .ql-container > .ql-editor blockquote span, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor blockquote, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor blockquote span {
      color: #313336 !important;
      background: #f8f8f8 !important; }
    .-bright-theme section.problem .quill > .ql-container > .ql-editor blockquote, .-bright-theme .course-description-and-stats .quill > .ql-container > .ql-editor blockquote {
      border-left: 2px solid #ebebeb; }
  .-bright-theme section.problem button.see-answer-button, .-bright-theme .course-description-and-stats button.see-answer-button {
    box-shadow: none !important;
    border: 3px solid #25b08b !important;
    background: #a1ddcd !important;
    color: #323232 !important;
    font-weight: 400 !important; }
    .-bright-theme section.problem button.see-answer-button:hover, .-bright-theme section.problem button.see-answer-button:focus, .-bright-theme .course-description-and-stats button.see-answer-button:hover, .-bright-theme .course-description-and-stats button.see-answer-button:focus {
      background: #90ddc8 !important; }
  .-bright-theme section.problem.-withInlinedAnswers input.answer-input[data-answered='waiting'], .-bright-theme .course-description-and-stats.-withInlinedAnswers input.answer-input[data-answered='waiting'] {
    color: #313336 !important;
    border: 2px solid #71e3c5 !important; }
    .-bright-theme section.problem.-withInlinedAnswers input.answer-input[data-answered='waiting']:hover, .-bright-theme section.problem.-withInlinedAnswers input.answer-input[data-answered='waiting']:focus, .-bright-theme .course-description-and-stats.-withInlinedAnswers input.answer-input[data-answered='waiting']:hover, .-bright-theme .course-description-and-stats.-withInlinedAnswers input.answer-input[data-answered='waiting']:focus {
      background: none !important; }
  .-bright-theme section.problem > .ql-container > .ql-editor.ql-blank::before, .-bright-theme .course-description-and-stats > .ql-container > .ql-editor.ql-blank::before {
    color: #313336; }

.react-select-container * {
  cursor: pointer !important; }

.react-select-container .react-select__control {
  border: none;
  box-shadow: none; }

.react-select .react-select__control {
  background-color: #151737;
  border-color: #151737; }

.react-select .react-select__control--is-focused, .react-select .react-select__control--menu-is-open, .react-select .react-select__control:hover {
  background-color: #1b1e45;
  border-color: #1b1e45;
  box-shadow: none; }

.react-select .react-select__placeholder {
  color: white; }

.react-select .react-select__single-value, .react-select .react-select__input {
  color: white; }

.react-select .react-select__menu {
  background-color: #151737; }

.react-select .react-select__option--is-focused {
  background-color: #2b2f66;
  cursor: pointer; }

.react-select .react-select__option--is-selected, .react-select .react-select__option:active {
  background-color: #5359a4; }

.react-select .react-select__indicator-separator {
  background-color: #545893; }

.react-select .react-select__indicator {
  color: #545893; }

.ql-container {
  box-sizing: border-box;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative; }

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden; }

.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none; }

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%; }
  .ql-clipboard p {
    margin: 0;
    padding: 0; }

.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word; }
  .ql-editor p {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor ol {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
    .ql-editor ol > li {
      list-style-type: none; }
    .ql-editor ol li {
      counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
      counter-increment: list-num; }
      .ql-editor ol li:before {
        content: counter(list-num, decimal) ". "; }
    .ql-editor ol li.ql-indent-1 {
      counter-increment: list-1;
      counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
      .ql-editor ol li.ql-indent-1:before {
        content: counter(list-1, decimal) ". "; }
    .ql-editor ol li.ql-indent-2 {
      counter-increment: list-2;
      counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
      .ql-editor ol li.ql-indent-2:before {
        content: counter(list-2, decimal) ". "; }
    .ql-editor ol li.ql-indent-3 {
      counter-increment: list-3;
      counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; }
      .ql-editor ol li.ql-indent-3:before {
        content: counter(list-3, decimal) ". "; }
    .ql-editor ol li.ql-indent-4 {
      counter-increment: list-4;
      counter-reset: list-5 list-6 list-7 list-8 list-9; }
      .ql-editor ol li.ql-indent-4:before {
        content: counter(list-4, decimal) ". "; }
    .ql-editor ol li.ql-indent-5 {
      counter-increment: list-5;
      counter-reset: list-6 list-7 list-8 list-9; }
      .ql-editor ol li.ql-indent-5:before {
        content: counter(list-5, lower-roman) ". "; }
    .ql-editor ol li.ql-indent-6 {
      counter-increment: list-6;
      counter-reset: list-7 list-8 list-9; }
      .ql-editor ol li.ql-indent-6:before {
        content: counter(list-6, decimal) ". "; }
    .ql-editor ol li.ql-indent-7 {
      counter-increment: list-7;
      counter-reset: list-8 list-9; }
      .ql-editor ol li.ql-indent-7:before {
        content: counter(list-7, lower-alpha) ". "; }
    .ql-editor ol li.ql-indent-8 {
      counter-increment: list-8;
      counter-reset: list-9; }
      .ql-editor ol li.ql-indent-8:before {
        content: counter(list-8, lower-roman) ". "; }
    .ql-editor ol li.ql-indent-9 {
      counter-increment: list-9; }
      .ql-editor ol li.ql-indent-9:before {
        content: counter(list-9, decimal) ". "; }
  .ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
    .ql-editor ul > li {
      list-style-type: none; }
      .ql-editor ul > li::before {
        content: '\2022'; }
  .ql-editor pre {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor blockquote {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor h1 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor h2 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor h3 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor h4 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor h5 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor h6 {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; }
  .ql-editor ul[data-checked=true] {
    pointer-events: none; }
    .ql-editor ul[data-checked=true] > li * {
      pointer-events: all; }
    .ql-editor ul[data-checked=true] > li::before {
      color: #777;
      cursor: pointer;
      pointer-events: all;
      content: '\2611'; }
  .ql-editor ul[data-checked=false] {
    pointer-events: none; }
    .ql-editor ul[data-checked=false] > li * {
      pointer-events: all; }
    .ql-editor ul[data-checked=false] > li::before {
      color: #777;
      cursor: pointer;
      pointer-events: all;
      content: '\2610'; }
  .ql-editor li::before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em;
    text-align: right;
    margin-right: 0.3em;
    margin-left: -1.5em; }
  .ql-editor li.ql-direction-rtl::before {
    text-align: left;
    margin-left: 0.3em; }
  .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em; }
  .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 20px; }
  .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em; }
  .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em; }
  .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em; }
  .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 40px; }
  .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em; }
  .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em; }
  .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 60px; }
  .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em; }
  .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em; }
  .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em; }
  .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 80em; }
  .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em; }
  .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em; }
  .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em; }
  .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em; }
  .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em; }
  .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em; }
  .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em; }
  .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em; }
  .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em; }
  .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em; }
  .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em; }
  .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em; }
  .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em; }
  .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em; }
  .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em; }
  .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em; }
  .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em; }
  .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em; }
  .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em; }
  .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em; }
  .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em; }
  .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em; }
  .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em; }
  .ql-editor .ql-video {
    display: block;
    max-width: 100%; }
  .ql-editor .ql-video.ql-align-center {
    margin: 0 auto; }
  .ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto; }
  .ql-editor .ql-bg-black {
    background-color: #000; }
  .ql-editor .ql-bg-red {
    background-color: #e60000; }
  .ql-editor .ql-bg-orange {
    background-color: #f90; }
  .ql-editor .ql-bg-yellow {
    background-color: #ff0; }
  .ql-editor .ql-bg-green {
    background-color: #008a00; }
  .ql-editor .ql-bg-blue {
    background-color: #06c; }
  .ql-editor .ql-bg-purple {
    background-color: #93f; }
  .ql-editor .ql-color-white {
    color: #fff; }
  .ql-editor .ql-color-red {
    color: #e60000; }
  .ql-editor .ql-color-orange {
    color: #f90; }
  .ql-editor .ql-color-yellow {
    color: #ff0; }
  .ql-editor .ql-color-green {
    color: #008a00; }
  .ql-editor .ql-color-blue {
    color: #06c; }
  .ql-editor .ql-color-purple {
    color: #93f; }
  .ql-editor .ql-size-small {
    font-size: 0.75em; }
  .ql-editor .ql-size-large {
    font-size: 1.5em; }
  .ql-editor .ql-size-huge {
    font-size: 2.5em; }
  .ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit; }
  .ql-editor .ql-align-center {
    text-align: center; }
  .ql-editor .ql-align-justify {
    text-align: justify; }
  .ql-editor .ql-align-right {
    text-align: right; }

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute; }

.ql-snow.ql-toolbar:after {
  clear: both;
  content: '';
  display: table; }

.ql-snow.ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px; }
  .ql-snow.ql-toolbar button svg {
    float: left;
    height: 100%; }
  .ql-snow.ql-toolbar button:active:hover {
    outline: none; }
  .ql-snow.ql-toolbar button:hover {
    color: #06c; }
    .ql-snow.ql-toolbar button:hover .ql-fill {
      fill: #06c; }
    .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill {
      fill: #06c; }

.ql-snow.ql-toolbar input.ql-image[type=file] {
  display: none; }

.ql-snow.ql-toolbar button.ql-active {
  color: #06c; }
  .ql-snow.ql-toolbar button.ql-active .ql-fill {
    fill: #06c; }
  .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow.ql-toolbar .ql-picker-label:hover {
  color: #06c; }
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill {
    fill: #06c; }
  .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow.ql-toolbar .ql-picker-label.ql-active {
  color: #06c; }
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill {
    fill: #06c; }
  .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow.ql-toolbar .ql-picker-item:hover {
  color: #06c; }
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill {
    fill: #06c; }
  .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #06c; }
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: #06c; }
  .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table; }

.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px; }
  .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%; }
  .ql-snow .ql-toolbar button:active:hover {
    outline: none; }
  .ql-snow .ql-toolbar button:hover {
    color: #06c; }
    .ql-snow .ql-toolbar button:hover .ql-fill {
      fill: #06c; }
    .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
      fill: #06c; }

.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none; }

.ql-snow .ql-toolbar button.ql-active {
  color: #06c; }
  .ql-snow .ql-toolbar button.ql-active .ql-fill {
    fill: #06c; }
  .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow .ql-toolbar .ql-picker-label:hover {
  color: #06c; }
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill {
    fill: #06c; }
  .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow .ql-toolbar .ql-picker-label.ql-active {
  color: #06c; }
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill {
    fill: #06c; }
  .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow .ql-toolbar .ql-picker-item:hover {
  color: #06c; }
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill {
    fill: #06c; }
  .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c; }
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: #06c; }
  .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: #06c; }

.ql-snow .ql-hidden {
  display: none; }

.ql-snow .ql-out-bottom {
  visibility: hidden; }

.ql-snow .ql-out-top {
  visibility: hidden; }

.ql-snow .ql-tooltip {
  z-index: 100;
  position: absolute;
  transform: translateY(10px);
  box-shadow: 0px 0px 4px #0303062e;
  color: white;
  padding: 5px 12px;
  white-space: nowrap;
  background-color: #35375e;
  border-radius: 3px; }
  .ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none;
    line-height: 26px; }
  .ql-snow .ql-tooltip::before {
    content: "Visit URL:";
    line-height: 26px;
    margin-right: 8px; }
  .ql-snow .ql-tooltip input[type=text] {
    display: none;
    font-size: 13px;
    height: 26px;
    padding: 3px 5px;
    width: 300px;
    background: #181b39;
    border-bottom: 1px solid #212336;
    color: white; }
  .ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    text-decoration: underline; }
  .ql-snow .ql-tooltip a.ql-action::after {
    border-right: 1px solid #ccc;
    content: 'Edit';
    margin-left: 16px;
    padding-right: 8px; }
  .ql-snow .ql-tooltip a.ql-remove::before {
    content: 'Remove';
    margin-left: 8px; }

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px); }

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle; }
  .ql-snow .ql-formats:after {
    clear: both;
    content: '';
    display: table; }

.ql-snow .ql-stroke {
  fill: none;
  stroke: white;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1; }

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: white;
  stroke-miterlimit: 10;
  stroke-width: 1; }

.ql-snow .ql-fill {
  fill: white; }

.ql-snow .ql-stroke.ql-fill {
  fill: white; }

.ql-snow .ql-empty {
  fill: none; }

.ql-snow .ql-even {
  fill-rule: evenodd; }

.ql-snow .ql-thin {
  stroke-width: 1; }

.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1; }

.ql-snow .ql-transparent {
  opacity: 0.4; }

.ql-snow .ql-direction svg:last-child {
  display: none; }

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline; }

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none; }

.ql-snow .ql-picker {
  color: white;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle; }
  .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -9px;
    right: 0;
    top: 50%;
    width: 18px; }

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%; }
  .ql-snow .ql-picker-label::before {
    display: inline-block;
    line-height: 22px; }

.ql-snow .ql-picker-options {
  background-color: white;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap; }
  .ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px; }

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2; }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc; }
  .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc; }

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1; }

.ql-snow .ql-color-picker {
  width: 28px; }
  .ql-snow .ql-color-picker .ql-picker-label {
    padding: 2px 4px; }
    .ql-snow .ql-color-picker .ql-picker-label svg {
      right: 4px; }
  .ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px; }
  .ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0px;
    width: 16px; }

.ql-snow .ql-icon-picker {
  width: 28px; }
  .ql-snow .ql-icon-picker .ql-picker-label {
    padding: 2px 4px; }
    .ql-snow .ql-icon-picker .ql-picker-label svg {
      right: 4px; }
  .ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0px; }
  .ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px; }

.ql-snow .ql-picker.ql-size {
  width: 98px; }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before {
    content: attr(data-label); }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label); }
  .ql-snow .ql-picker.ql-size .ql-picker-label::before {
    content: 'Normal'; }
  .ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal'; }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before {
    content: 'Small'; }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
    content: 'Small';
    font-size: 10px; }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before {
    content: 'Large'; }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
    content: 'Large';
    font-size: 18px; }
  .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before {
    content: 'Huge'; }
  .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
    content: 'Huge';
    font-size: 32px; }

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: white; }

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000; }

.ql-snow .ql-tooltip.ql-editing a.ql-preview {
  display: none; }

.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none; }

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block; }

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px; }

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:"; }

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:"; }

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:"; }

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px; }

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent; }

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; }

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected {
  border-color: #000; }

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000; }

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px; }

.quill > .ql-toolbar {
  border: none;
  padding: 2px 10px;
  background: #22264a;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
  .quill > .ql-toolbar button:hover .ql-stroke, .quill > .ql-toolbar button.ql-active .ql-stroke {
    stroke: #38be9b !important; }
  .quill > .ql-toolbar button:hover .ql-fill, .quill > .ql-toolbar button.ql-active .ql-fill {
    fill: #38be9b !important; }
  .quill > .ql-toolbar .ql-formats {
    display: inline-block; }
    .quill > .ql-toolbar .ql-formats:last-child {
      margin-right: 0; }
  @media (min-width: 950px) {
    .quill > .ql-toolbar .ql-italic, .quill > .ql-toolbar .ql-underline {
      display: none; } }

.ql-tooltip input {
  border-radius: 3px;
  padding: 3px 10px; }

.ql-tooltip input::-webkit-input-placeholder {
  color: #565a9e; }

.ql-tooltip .ql-action:hover, .ql-tooltip .ql-remove:hover {
  opacity: 0.9; }

.quill-toolbar-tooltip {
  text-align: center; }
  .quill-toolbar-tooltip .explanation {
    font-size: 11px; }
  .quill-toolbar-tooltip .shortcut {
    color: #38be9b;
    font-size: 11px; }
  .quill-toolbar-tooltip .instruction {
    color: #aaa0f7;
    font-size: 10px; }

section.placeholder-for-loading-image {
  cursor: progress;
  pointer-events: none;
  position: relative; }
  section.placeholder-for-loading-image img {
    animation: fadeIn 1.3s infinite alternate; }
  section.placeholder-for-loading-image:after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    margin: 1px;
    border-radius: 50%;
    border: 5px solid white;
    border-color: white transparent white transparent;
    animation: dual-ring 1.2s linear infinite; }

@keyframes dual-ring {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes fadeIn {
  from {
    opacity: 0.2; }
  to {
    opacity: 0.3; } }

.quill {
  position: relative; }
  .quill.-readOnly {
    cursor: default; }
    .quill.-readOnly a, .quill.-readOnly input {
      cursor: pointer; }
  .quill > .ql-toolbar {
    height: 30px;
    overflow-y: scroll; }
  .quill > .ql-container > .ql-editor {
    min-height: 70px;
    font-size: 17px;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 12px 15px;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    font-family: 'Open Sans'; }
    .quill > .ql-container > .ql-editor code, .quill > .ql-container > .ql-editor span, .quill > .ql-container > .ql-editor em, .quill > .ql-container > .ql-editor strong, .quill > .ql-container > .ql-editor b, .quill > .ql-container > .ql-editor a, .quill > .ql-container > .ql-editor sup, .quill > .ql-container > .ql-editor sub, .quill > .ql-container > .ql-editor blockquote, .quill > .ql-container > .ql-editor mark, .quill > .ql-container > .ql-editor p, .quill > .ql-container > .ql-editor ul, .quill > .ql-container > .ql-editor ol, .quill > .ql-container > .ql-editor u {
      color: #eeecf6 !important;
      background: rgba(0, 0, 0, 0) !important; }
    .quill > .ql-container > .ql-editor strong {
      font-family: inherit;
      font-weight: 100;
      color: #38be9b !important; }
    .quill > .ql-container > .ql-editor em {
      color: #ab7ff2 !important;
      font-style: normal; }
    .quill > .ql-container > .ql-editor a {
      text-decoration: underline; }
    .quill > .ql-container > .ql-editor pre.ql-syntax, .quill > .ql-container > .ql-editor code {
      background: rgba(183, 225, 246, 0.06) !important;
      color: #a7d1db !important; }
    .quill > .ql-container > .ql-editor pre.ql-syntax, .quill > .ql-container > .ql-editor code {
      font-size: 0.95em;
      white-space: pre-wrap;
      border-radius: 3px; }
    .quill > .ql-container > .ql-editor pre.ql-syntax {
      margin: 5px 0;
      padding: 5px 10px; }
    .quill > .ql-container > .ql-editor code {
      padding: 2px 4px; }
    .quill > .ql-container > .ql-editor sup, .quill > .ql-container > .ql-editor sub {
      font-size: 0.7em; }
    .quill > .ql-container > .ql-editor ul, .quill > .ql-container > .ql-editor ol {
      list-style-type: initial; }
    .quill > .ql-container > .ql-editor ul {
      padding-left: 15px; }
    .quill > .ql-container > .ql-editor ol {
      padding-left: 21px; }
    .quill > .ql-container > .ql-editor blockquote {
      font-size: 14px;
      border-left: 1px solid rgba(206, 199, 245, 0.62);
      color: #eeecf6 !important;
      background: rgba(21, 23, 45, 0.38) !important;
      padding: 4px 16px; }
    .quill > .ql-container > .ql-editor img {
      max-width: 100%;
      border-radius: 2px; }
  .quill > .ql-container > .ql-editor.ql-blank::before {
    font-size: 15px;
    font-style: normal;
    padding-right: 10px;
    line-height: 20px;
    color: #acb5da; }

.tippy-box[data-placement^="bottom"] > .tippy-arrow::before {
  top: -8px; }

.container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 20px; }

.button {
  min-width: 140px;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  padding: 13px 20px;
  cursor: pointer;
  user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 2px; }
  .button.-clear {
    font-size: inherit;
    text-transform: none;
    padding: 0;
    letter-spacing: inherit;
    min-width: none;
    text-align: inherit;
    display: block; }
  .button.-black {
    color: white;
    background: #333030; }
  .button.-blue {
    color: white;
    background: #1C263C; }
  .button.-purple {
    color: white;
    background: #aaa0f7; }
  .button.-purple-o {
    color: #aaa0f7;
    border: 1px solid #aaa0f7; }
  .button.-white {
    color: white;
    background: rgba(255, 255, 255, 0.07); }
  .button.-orange {
    color: white;
    background: rgba(250, 100, 0, 0.84); }
    .button.-orange:hover {
      transition: background 60ms ease-in-out;
      background: rgba(250, 100, 0, 0.9); }
  .button.-orange-o {
    color: #f46a0d;
    border: 2px solid rgba(250, 100, 0, 0.84); }
    .button.-orange-o:hover {
      transition: border 60ms ease-in-out;
      border: 2px solid #fa6400; }
  .button.-to-learn, .button.-to-review {
    color: white;
    font-size: 10px;
    letter-spacing: 0; }
    .button.-to-learn.-disabled, .button.-to-review.-disabled {
      background: rgba(30, 31, 56, 0.8);
      color: #757a92;
      opacity: 1 !important; }
    @media (max-width: 400px) {
      .button.-to-learn, .button.-to-review {
        min-width: 85px !important; } }
    @media (max-width: 350px) {
      .button.-to-learn, .button.-to-review {
        min-width: 73px !important; } }
  .button.-to-learn {
    background: #21a582; }
  .button.-to-review {
    background: #d45512; }
  .button.-pink {
    color: white;
    background: #aaa0f7; }
  .button.-red {
    color: white;
    background: #851d32; }
  .button.-red-o {
    color: #e14141; }
  .button.-green {
    background: #38be9b; }
  .button.-small {
    font-size: 9px;
    padding: 5px 10px; }
  .button.-with-radius {
    border-radius: 5px; }
  .button.-disabled {
    opacity: 0.2;
    cursor: default; }

.-fade-out-on-hover {
  transition: all 60ms ease-in-out;
  opacity: 1; }
  .-fade-out-on-hover:hover {
    opacity: 0.85; }

.-fade-in-on-hover {
  transition: opacity 60ms ease-in-out;
  opacity: 0.85; }
  .-fade-in-on-hover:hover {
    opacity: 1; }

.-move-up-on-hover {
  transform: translateY(0px);
  transition: transform 60ms ease-in-out; }
  .-move-up-on-hover:hover {
    transform: translateY(-1px); }

.action i {
  font-size: 17px; }

.action.-view i {
  color: #e23131; }

.action.-edit i {
  color: #2410af; }

.action.-remove i {
  color: #f93333; }

.standard-form {
  margin-bottom: 40px;
  padding: 25px 15px;
  max-width: 800px;
  margin: 40px auto; }
  .standard-form.-bordered {
    background: #14172e;
    border-radius: 3px; }
  .standard-form.-no-padding {
    padding: 0;
    margin: 0; }
  .standard-form .form-insides {
    max-width: 640px;
    margin: 0 auto; }
    .standard-form .form-insides > .form-line, .standard-form .form-insides > .two-form-lines-in-row {
      margin-top: 30px; }
  .standard-form .two-form-lines-in-row {
    display: flex; }
    .standard-form .two-form-lines-in-row > .form-line {
      width: 100%; }
      .standard-form .two-form-lines-in-row > .form-line:first-child {
        padding-right: 20px; }
      .standard-form .two-form-lines-in-row > .form-line:last-child {
        padding-left: 20px; }
  .standard-form .form-line:first-child {
    margin-top: 0; }
  .standard-form .form-line > label {
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.4px; }
  .standard-form .form-line > div.input-and-validation-error {
    margin-top: 10px; }
    .standard-form .form-line > div.input-and-validation-error > div.validation-error {
      padding: 10px 20px;
      border-radius: 0px 0px 2px 2px;
      text-align: left;
      font-size: 12px;
      background: #301536;
      color: #ec4c7b; }

.standard-submit-button {
  margin: 0 auto;
  margin-top: 50px; }

@media (max-width: 550px) {
  .standard-form .form-line {
    flex-wrap: wrap; }
    .standard-form .form-line > label {
      margin-bottom: 10px;
      width: 100%; }
    .standard-form .form-line > div.input-and-validation-error {
      width: 100%; }
      .standard-form .form-line > div.input-and-validation-error .quill > .ql-toolbar {
        display: none; } }

.extendable-pretty-input, .standard-input.-TextInput, .standard-input.-EditorTextarea.quill .ql-editor, .standard-input.-Select button.toggler {
  width: 100%;
  padding: 10px 20px;
  background: #181b39;
  color: white;
  font-size: 15px;
  border-radius: 2px; }
  .extendable-pretty-input::placeholder, .standard-input.-TextInput::placeholder, .standard-input.-EditorTextarea.quill .ql-editor::placeholder, .standard-input.-Select button.toggler::placeholder {
    color: #888cca; }

.standard-input.-EditorTextarea.quill {
  max-width: 100%; }
  .standard-input.-EditorTextarea.quill .ql-editor {
    min-height: 70px; }

.standard-input.-Select button.toggler {
  font-size: 15px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .standard-input.-Select button.toggler i.fa-caret-down {
    color: #aaa0f7;
    padding-left: 10px; }

.standard-input.-Select .standard-dropdown a, .standard-input.-Select .standard-dropdown button {
  padding: 10px;
  padding-left: 20px; }

.standard-dropdown-wrapper {
  position: relative; }
  .standard-dropdown-wrapper .standard-dropdown {
    position: absolute;
    top: 100%;
    max-height: 200px;
    width: 100%;
    overflow-y: scroll;
    z-index: 1000; }

.standard-dropdown {
  font-size: 14px; }
  .standard-dropdown li {
    cursor: pointer; }
    .standard-dropdown li > button, .standard-dropdown li > a {
      color: inherit;
      width: 100%;
      height: 100%;
      text-align: left; }

.standard-dropdown.-purple {
  background: #181b39; }
  .standard-dropdown.-purple li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.01); }
    .standard-dropdown.-purple li:last-child {
      border-bottom: none; }
    .standard-dropdown.-purple li mark {
      color: #aaa0f7; }
    .standard-dropdown.-purple li:hover {
      color: #aaa0f7; }

.standard-tooltip, .tippy-box {
  max-width: none !important; }
  .standard-tooltip.-bright, .standard-tooltip[data-theme='-bright'], .tippy-box.-bright, .tippy-box[data-theme='-bright'] {
    background-color: #181c39; }
    .standard-tooltip.-bright .tippy-arrow, .standard-tooltip[data-theme='-bright'] .tippy-arrow, .tippy-box.-bright .tippy-arrow, .tippy-box[data-theme='-bright'] .tippy-arrow {
      color: #181c39; }
  .standard-tooltip.-dark, .standard-tooltip[data-theme='-dark'], .tippy-box.-dark, .tippy-box[data-theme='-dark'] {
    background-color: #212449; }
    .standard-tooltip.-dark .tippy-arrow, .standard-tooltip[data-theme='-dark'] .tippy-arrow, .tippy-box.-dark .tippy-arrow, .tippy-box[data-theme='-dark'] .tippy-arrow {
      color: #212449; }
  .standard-tooltip.-transparent, .standard-tooltip[data-theme='-transparent'], .tippy-box.-transparent, .tippy-box[data-theme='-transparent'] {
    background-color: rgba(255, 255, 255, 0.07); }
    .standard-tooltip.-transparent .tippy-arrow, .standard-tooltip[data-theme='-transparent'] .tippy-arrow, .tippy-box.-transparent .tippy-arrow, .tippy-box[data-theme='-transparent'] .tippy-arrow {
      color: rgba(255, 255, 255, 0.07); }
  .standard-tooltip.-no-padding .tippy-content, .tippy-box.-no-padding .tippy-content {
    padding: 0; }

.standard-article-formatting {
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 50px;
  font-size: 15px;
  font-family: 'Open Sans';
  color: #dbdef9;
  font-weight: 100; }
  .standard-article-formatting a {
    text-decoration: underline; }
  .standard-article-formatting mark {
    color: #aaa0f7; }
  .standard-article-formatting ol.standard-list, .standard-article-formatting ul.standard-list {
    list-style-type: initial;
    margin-left: 20px;
    margin-top: 20px; }
    .standard-article-formatting ol.standard-list li, .standard-article-formatting ul.standard-list li {
      margin-bottom: 10px; }
  .standard-article-formatting h1, .standard-article-formatting h2 {
    font-weight: 100; }
  .standard-article-formatting section.article-headings h1 {
    font-size: 40px;
    line-height: 48px; }
  .standard-article-formatting section.article-headings h2 {
    margin-top: 30px;
    line-height: 30px; }
  .standard-article-formatting section.article-section {
    padding-top: 40px; }
    .standard-article-formatting section.article-section h2.section-heading {
      margin-bottom: 50px;
      margin-top: 70px;
      font-size: 33px; }

.standard-modal {
  width: 100vw;
  max-width: 1000px;
  margin-top: 20px;
  margin-bottom: 20px;
  background: #22264a;
  border-radius: 4px; }
  .standard-modal.standard-modal--md {
    max-width: 600px; }
  .standard-modal.standard-modal--sm {
    max-width: 400px; }
  .standard-modal h2.standard-modal__title {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 20px; }
  .standard-modal .standard-modal__description {
    color: #afb4f2;
    font-weight: 100;
    font-size: 14px;
    padding-right: 100px; }
  .standard-modal .standard-modal__header {
    padding: 20px;
    padding-bottom: 0;
    background: #22274a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .standard-modal .standard-modal__main {
    padding: 30px 20px;
    background: rgba(25, 26, 46, 0.27);
    background: #303460;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

nav.standard-tab-navigation {
  font-size: 15px;
  display: flex;
  flex-wrap: wrap; }
  nav.standard-tab-navigation > button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1.1px;
    margin-right: 50px;
    padding: 10px;
    color: white;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }
    nav.standard-tab-navigation > button.-selected, nav.standard-tab-navigation > button:hover {
      border-bottom: 1px solid #aaa0f7; }

.standard-success-message {
  max-width: 640px;
  padding: 20px;
  margin: 0 auto;
  margin-top: 30px;
  background: rgba(98, 170, 91, 0.76);
  border-radius: 2px;
  text-align: center;
  color: white;
  font-size: 14px; }

.standard-title-and-description > h1.title, .standard-title-and-description h2.title {
  margin: 20px 0;
  text-align: center;
  font-weight: 300;
  color: #38be9b;
  font-size: 27px; }

.standard-title-and-description > article.description {
  color: white;
  font-weight: 100;
  font-size: 15px;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  line-height: 20px; }

.standard-dropdown-with-arrow {
  position: absolute;
  z-index: 800;
  border-radius: 0 0 4px 4px;
  filter: alpha(opacity=0); }
  .standard-dropdown-with-arrow:after, .standard-dropdown-with-arrow:before {
    position: absolute;
    pointer-events: none;
    border: solid rgba(0, 0, 0, 0);
    content: '';
    height: 0;
    width: 0;
    bottom: 100%;
    right: 23px; }
  .standard-dropdown-with-arrow:before {
    border-width: 6px;
    margin: 0 -6px;
    border-bottom-color: #1a1d39; }
  .standard-dropdown-with-arrow:after {
    border-width: 5px;
    margin: 0 -5px;
    border-bottom-color: #1a1d39; }

.standard-navigation_and_courses {
  margin-top: 30px;
  padding-bottom: 30px;
  display: flex; }
  .standard-navigation_and_courses > .left {
    width: 250px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 45px;
    padding-bottom: 40px;
    margin-bottom: 50px; }
  .standard-navigation_and_courses > .right {
    width: 100%; }
    .standard-navigation_and_courses > .right div.title_and_sorting {
      display: flex;
      align-items: flex-start;
      justify-content: space-between; }
      .standard-navigation_and_courses > .right div.title_and_sorting > h1.title {
        font-size: 32px;
        font-weight: 100;
        letter-spacing: 0.3px; }
      .standard-navigation_and_courses > .right div.title_and_sorting > section.sort-by-dropdown-wrapper {
        max-width: 200px; }
        .standard-navigation_and_courses > .right div.title_and_sorting > section.sort-by-dropdown-wrapper > button.toggler {
          padding-left: 10px;
          padding-right: 10px;
          width: 151px; }
        .standard-navigation_and_courses > .right div.title_and_sorting > section.sort-by-dropdown-wrapper > ul.standard-dropdown {
          padding: 0; }
          .standard-navigation_and_courses > .right div.title_and_sorting > section.sort-by-dropdown-wrapper > ul.standard-dropdown li {
            padding: 0; }
            .standard-navigation_and_courses > .right div.title_and_sorting > section.sort-by-dropdown-wrapper > ul.standard-dropdown li a {
              padding: 10px;
              display: block; }

@media (max-width: 1200px) {
  .standard-navigation_and_courses .left {
    width: 190px;
    margin-right: 15px; } }

@media (max-width: 900px) {
  .standard-navigation_and_courses .left {
    display: none; } }

@media (max-width: 470px) {
  .standard-navigation_and_courses .right {
    width: 100%; }
    .standard-navigation_and_courses .right .layout-div {
      display: none; } }

.standard-course-card {
  border-radius: 2px; }
  .standard-course-card h2.title,
  .standard-course-card section.category_and_author,
  .standard-course-card .go,
  .standard-course-card div.description {
    padding: 0 10px; }
  .standard-course-card h2.title {
    font-weight: 100;
    font-size: 18px;
    text-align: center; }
  .standard-course-card section.category_and_author {
    padding-top: 10px !important;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    cursor: default; }
    .standard-course-card section.category_and_author > div.category {
      border-left: 1px solid #aaa0f7;
      padding-left: 6px;
      padding-right: 3px; }
    .standard-course-card section.category_and_author > div.author {
      font-weight: 100;
      text-align: end; }

@media (max-width: 470px) {
  .list-of-courses {
    display: flex !important;
    flex-wrap: wrap; }
  .standard-course-card {
    width: 100% !important;
    height: 112px !important; }
    .standard-course-card h2.title {
      margin-top: 5px !important;
      min-height: auto; } }

.standard-tooltip-dropdown {
  text-align: right; }
  .standard-tooltip-dropdown li {
    font-size: 14px;
    padding: 5px 0; }
    .standard-tooltip-dropdown li button, .standard-tooltip-dropdown li a {
      width: 100%;
      text-align: right; }
      .standard-tooltip-dropdown li button:hover .text, .standard-tooltip-dropdown li button:hover, .standard-tooltip-dropdown li a:hover .text, .standard-tooltip-dropdown li a:hover {
        opacity: 0.8; }
    .standard-tooltip-dropdown li .comment {
      font-size: 11px;
      color: #bab2f8;
      padding-top: 2px; }
      .standard-tooltip-dropdown li .comment.-white {
        color: white; }
  .standard-tooltip-dropdown li:first-child {
    border-top: none; }

.standard-table {
  table-layout: fixed; }
  .standard-table th {
    font-weight: 300;
    text-align: left; }
  .standard-table thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .standard-table th, .standard-table td {
    padding: 10px; }
  .standard-table tbody tr:nth-child(2n) {
    background: rgba(202, 204, 238, 0.04); }
  .standard-table tbody tr:nth-child(2n+1) {
    background: rgba(202, 204, 238, 0.07); }

.loading.-request {
  text-align: center; }
  .loading.-request img {
    padding: 20px;
    width: 80px; }

.loading.-failure {
  padding: 20px;
  max-width: 600px;
  margin: 0 auto;
  margin-top: 30px;
  border-radius: 2px;
  text-align: center;
  background: #301536;
  color: #ec4c7b;
  font-size: 14px; }

section.problem {
  display: flex; }
  section.problem .first-column, section.problem .second-column {
    width: 50%;
    flex-grow: 0;
    flex-shrink: 0; }
  section.problem .first-column {
    padding-right: 10px; }
  section.problem .second-column {
    padding-left: 10px; }
  section.problem .ql-editor {
    border-radius: 2px; }
    section.problem .ql-editor img {
      display: block;
      margin: 0 auto; }
  section.problem.-withInlinedAnswers mark.answer {
    border: 2px solid rgba(45, 245, 83, 0.9);
    padding: 1px 2px;
    border-radius: 2px; }
  section.problem.-withInlinedAnswers .ql-editor {
    border: 2px solid #aaa0f7; }
  section.problem.-withSeparateAnswer .first-column .ql-editor {
    border: 2px solid #aaa0f7; }
  section.problem.-withSeparateAnswer .second-column .ql-editor {
    border: 2px solid rgba(45, 245, 83, 0.9); }

div.space {
  margin-top: 35px; }

main .ProblemBeingSolved .problem, main header {
  background: rgba(247, 247, 253, 0.04) !important; }

@media (max-width: 900px) {
  main .ProblemBeingSolved .problem {
    background: none !important; } }

main section.problem .ql-editor, main .ql-toolbar, main .see-answer-button {
  background: #22264ac2; }
  main section.problem .ql-editor:focus, main .ql-toolbar:focus, main .see-answer-button:focus {
    background: #22264aed; }

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/StandardTooltip/index.scss ***!
  \******************************************************************************************************************************************************************************************/
.MhhO_iNBD8r9DLtpbfGg {
  display: inline-block;
  position: relative;
  top: -2px;
  padding-bottom: 2px;
  cursor: pointer; }
  .MhhO_iNBD8r9DLtpbfGg > i {
    color: #aaa0f7;
    opacity: 0.9;
    font-size: 14px; }

/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/Header/components/CurrentUser/components/NotificationsTogglerAndDropdown/components/NotificationLi/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.gsg3Dp9p_3DnP9tzGIRV {
  display: flex;
  padding: 5px 5px;
  padding-left: 0;
  border-bottom: 1px solid rgba(135, 128, 190, 0.15);
  cursor: default; }
  .gsg3Dp9p_3DnP9tzGIRV a {
    cursor: pointer;
    color: #aaa0f7; }
    .gsg3Dp9p_3DnP9tzGIRV a:hover {
      text-decoration: underline; }
  .gsg3Dp9p_3DnP9tzGIRV:last-child {
    border-bottom: none; }
  .gsg3Dp9p_3DnP9tzGIRV .text-orange {
    color: #f87d3c; }
  .gsg3Dp9p_3DnP9tzGIRV.-type-someone_started_learning_your_course > div.title_and_content_and_created-at > div.content span.learner-username {
    color: white; }
  .gsg3Dp9p_3DnP9tzGIRV.-type-someone_rated_your_course > div.title_and_content_and_created-at > div.content span.rater-username {
    color: white; }
  .gsg3Dp9p_3DnP9tzGIRV.-already-read > button.mark-as-read-on-unread-button {
    cursor: pointer; }
    .gsg3Dp9p_3DnP9tzGIRV.-already-read > button.mark-as-read-on-unread-button > div.circle {
      background: #30315a; }
  .gsg3Dp9p_3DnP9tzGIRV.-not-yet-read {
    background: #272b56;
    opacity: 1; }
    .gsg3Dp9p_3DnP9tzGIRV.-not-yet-read > button.mark-as-read-on-unread-button {
      cursor: pointer; }
      .gsg3Dp9p_3DnP9tzGIRV.-not-yet-read > button.mark-as-read-on-unread-button > div.circle {
        background: rgba(250, 100, 0, 0.84); }
  .gsg3Dp9p_3DnP9tzGIRV > div.icon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .gsg3Dp9p_3DnP9tzGIRV > div.title_and_content_and_created-at {
    flex-grow: 1;
    flex-shrink: 1; }
    .gsg3Dp9p_3DnP9tzGIRV > div.title_and_content_and_created-at > div.title {
      font-size: 12px;
      color: #4ed74c; }
    .gsg3Dp9p_3DnP9tzGIRV > div.title_and_content_and_created-at > div.content {
      font-size: 13px;
      margin-top: 3px;
      margin-bottom: 3px; }
    .gsg3Dp9p_3DnP9tzGIRV > div.title_and_content_and_created-at > div.created-at {
      font-size: 11px;
      color: #6a7eab; }
  .gsg3Dp9p_3DnP9tzGIRV > button.mark-as-read-on-unread-button {
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 20px;
    padding-right: 20px; }
    .gsg3Dp9p_3DnP9tzGIRV > button.mark-as-read-on-unread-button:hover {
      opacity: 0.8; }
    .gsg3Dp9p_3DnP9tzGIRV > button.mark-as-read-on-unread-button > div.circle {
      width: 7px;
      height: 7px;
      border-radius: 50%; }

/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/Header/components/CurrentUser/components/NotificationsTogglerAndDropdown/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
.WYj6olhsdK_7pEAuOnwp {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31px;
  width: 35px;
  margin-right: 10px;
  position: relative; }
  .WYj6olhsdK_7pEAuOnwp:hover, .WYj6olhsdK_7pEAuOnwp:focus, .WYj6olhsdK_7pEAuOnwp[aria-expanded=true] {
    background: rgba(32, 35, 73, 0.55);
    border-radius: 3px; }
  .WYj6olhsdK_7pEAuOnwp > div.amount-of-unread-notifications,
  .WYj6olhsdK_7pEAuOnwp.-there-are-unread-notifications i {
    color: white; }
  .WYj6olhsdK_7pEAuOnwp.-there-are-unread-notifications i {
    animation: shake 8s 1s ease-in-out infinite;
    transform-origin: 50% 4px; }
  .WYj6olhsdK_7pEAuOnwp.-there-are-no-unread-notifications i {
    color: #d8ddef; }
  .WYj6olhsdK_7pEAuOnwp i {
    font-size: 17px; }
  .WYj6olhsdK_7pEAuOnwp > div.amount-of-unread-notifications {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: bold; }

.W9EsHpWUDUs_i40AA6XH .extendable-class-read-all_and_see-more, .W9EsHpWUDUs_i40AA6XH > div.header > button.read-all-button, .W9EsHpWUDUs_i40AA6XH > div.footer {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 9px;
  cursor: pointer; }

.W9EsHpWUDUs_i40AA6XH > div.header {
  display: flex;
  justify-content: space-between;
  height: 30px;
  border-bottom: 1px solid #272b56; }
  .W9EsHpWUDUs_i40AA6XH > div.header > div.title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    display: flex;
    height: 100%;
    padding: 0 15px;
    align-items: center;
    cursor: default; }
  .W9EsHpWUDUs_i40AA6XH > div.header > button.read-all-button {
    height: 100%;
    padding: 0 15px;
    color: #f07a3e;
    font-weight: 400; }
    .W9EsHpWUDUs_i40AA6XH > div.header > button.read-all-button:hover {
      opacity: 0.8; }

.W9EsHpWUDUs_i40AA6XH > div.footer {
  padding: 10px 0;
  text-align: center;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid rgba(135, 128, 190, 0.15); }
  .W9EsHpWUDUs_i40AA6XH > div.footer:hover {
    background: #30315a; }

.W9EsHpWUDUs_i40AA6XH > ul.notifications {
  max-height: 400px;
  overflow-y: scroll; }
  .W9EsHpWUDUs_i40AA6XH > ul.notifications.-no-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

@keyframes shake {
  0% {
    transform: rotate(0); }
  1% {
    transform: rotate(30deg); }
  3% {
    transform: rotate(-28deg); }
  5% {
    transform: rotate(34deg); }
  7% {
    transform: rotate(-32deg); }
  9% {
    transform: rotate(30deg); }
  11% {
    transform: rotate(-28deg); }
  13% {
    transform: rotate(26deg); }
  15% {
    transform: rotate(-24deg); }
  17% {
    transform: rotate(22deg); }
  19% {
    transform: rotate(-20deg); }
  21% {
    transform: rotate(18deg); }
  23% {
    transform: rotate(-16deg); }
  25% {
    transform: rotate(14deg); }
  27% {
    transform: rotate(-12deg); }
  29% {
    transform: rotate(10deg); }
  31% {
    transform: rotate(-8deg); }
  33% {
    transform: rotate(6deg); }
  35% {
    transform: rotate(-4deg); }
  37% {
    transform: rotate(2deg); }
  39% {
    transform: rotate(-1deg); }
  41% {
    transform: rotate(1deg); }
  43% {
    transform: rotate(0); }
  100% {
    transform: rotate(0); } }

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/Header/components/CoursesDropdown/index.css ***!
  \**************************************************************************************************************************************************************************************************************/
.f8F6Ch7d2u0UpSg9hqEZ .not-learning-placeholder {
  padding: 20px;
  font-size: 13px; }

.f8F6Ch7d2u0UpSg9hqEZ .course-li {
  margin-bottom: 2px;
  font-size: 15px; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li .title {
    letter-spacing: 0.3px;
    font-family: "Roboto";
    font-weight: 100; }
    .f8F6Ch7d2u0UpSg9hqEZ .course-li .title mark {
      color: #aaa0f7; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li a.title {
    background: #35395bb3;
    border-radius: 2px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 5px 10px;
    padding-right: 45px; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li .action {
    width: 45px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
    .f8F6Ch7d2u0UpSg9hqEZ .course-li .action:hover {
      transition-duration: 50ms; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-review .action {
    background: #d45512; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-review a:hover {
    background: rgba(212, 85, 18, 0.7); }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-learn .action {
    background: #21a582; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-learn a:hover {
    background: rgba(33, 165, 130, 0.7); }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-next-due-date-in a {
    padding-right: 65px; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-next-due-date-in .action {
    background: #424562;
    width: 65px; }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-next-due-date-in a:hover {
    background: rgba(66, 69, 98, 0.7); }
  .f8F6Ch7d2u0UpSg9hqEZ .course-li.-pinned {
    position: relative; }
    .f8F6Ch7d2u0UpSg9hqEZ .course-li.-pinned .action.-review {
      background: #d45512; }
      .f8F6Ch7d2u0UpSg9hqEZ .course-li.-pinned .action.-review:hover {
        background: rgba(212, 85, 18, 0.9); }
    .f8F6Ch7d2u0UpSg9hqEZ .course-li.-pinned .action.-learn {
      background: #21a582; }
      .f8F6Ch7d2u0UpSg9hqEZ .course-li.-pinned .action.-learn:hover {
        background: rgba(33, 165, 130, 0.9); }
    .f8F6Ch7d2u0UpSg9hqEZ .course-li.-pinned a.title:hover {
      background: rgba(66, 69, 98, 0.7); }

.f8F6Ch7d2u0UpSg9hqEZ .search-courses {
  position: relative; }
  .f8F6Ch7d2u0UpSg9hqEZ .search-courses button.sync-button {
    position: absolute;
    font-size: 10px !important;
    min-width: 58px !important;
    height: 26px !important;
    top: 5px;
    right: -5px;
    padding: 0; }
    .f8F6Ch7d2u0UpSg9hqEZ .search-courses button.sync-button.-saving {
      cursor: default;
      pointer-events: none;
      background: linear-gradient(to right, rgba(0, 0, 0, 0) 33%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 66%), #1e1f39;
      background-size: 400% 100%, cover;
      animation: change 1s linear infinite; }
    .f8F6Ch7d2u0UpSg9hqEZ .search-courses button.sync-button.-just-saved {
      color: #21a599; }

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/Header/index.css ***!
  \***********************************************************************************************************************************************************************************/
.wohoLQObIYEVpwVV6Ze6 {
  background: rgba(34, 38, 74, 0.27); }
  .wohoLQObIYEVpwVV6Ze6 .my-courses-toggler .link.courses {
    margin-right: 10px;
    min-width: 116px; }
    .wohoLQObIYEVpwVV6Ze6 .my-courses-toggler .link.courses .position-relative-wrapper {
      position: relative;
      height: 31px; }
    .wohoLQObIYEVpwVV6Ze6 .my-courses-toggler .link.courses .button.-to-review {
      position: absolute;
      left: 7px;
      top: 4px;
      min-width: 0 !important;
      padding: 0 5px;
      font-size: 9px;
      height: 23px; }
      .wohoLQObIYEVpwVV6Ze6 .my-courses-toggler .link.courses .button.-to-review:hover {
        background: #d45512; }
      .wohoLQObIYEVpwVV6Ze6 .my-courses-toggler .link.courses .button.-to-review.-saving {
        cursor: default;
        pointer-events: none;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 33%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 66%), #d45512;
        background-size: 400% 100%, cover;
        animation: change 1s linear infinite; }
      .wohoLQObIYEVpwVV6Ze6 .my-courses-toggler .link.courses .button.-to-review.-just-saved {
        background: #ee5c0f; }
  .wohoLQObIYEVpwVV6Ze6 a.logo {
    display: flex;
    align-items: center; }
    .wohoLQObIYEVpwVV6Ze6 a.logo img.halloween {
      width: 58px;
      padding-right: 5px; }
  .wohoLQObIYEVpwVV6Ze6 nav {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .wohoLQObIYEVpwVV6Ze6 nav .button {
      margin-right: 10px;
      height: 31px;
      font-size: 11px;
      text-transform: uppercase;
      font-size: 11px;
      min-width: 100px; }
  .wohoLQObIYEVpwVV6Ze6 .tippy-box {
    background-color: #212449; }
    .wohoLQObIYEVpwVV6Ze6 .tippy-box .tippy-arrow {
      color: #212449; }
  .wohoLQObIYEVpwVV6Ze6 section.current-user {
    display: flex;
    align-items: center; }
    .wohoLQObIYEVpwVV6Ze6 section.current-user .avatar {
      display: block;
      width: 31px;
      height: 31px; }
      .wohoLQObIYEVpwVV6Ze6 section.current-user .avatar img {
        width: 100%;
        height: 100%;
        border-radius: 2px; }
  .wohoLQObIYEVpwVV6Ze6 section.sign-in-links {
    display: flex;
    align-items: center;
    min-width: 150px;
    padding: 0 20px;
    background: rgba(239, 240, 249, 0.06); }
    .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > label.soliciting {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 0.3px;
      padding-right: 16px;
      display: flex;
      align-items: center; }
    .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links {
      display: flex;
      align-items: center; }
      .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a > span.name {
        font-size: 11px;
        color: rgba(234, 234, 234, 0.9);
        padding-right: 5px;
        display: none; }
      .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a > i {
        opacity: 0.9; }
      .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a:hover > i {
        opacity: 1; }
      .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a.gmail {
        padding-right: 7px; }
        .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a.gmail > i {
          color: #d44638;
          font-size: 20px; }
          .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a.gmail > i:hover {
            text-shadow: 0 0 8px rgba(212, 70, 56, 0.2); }
      .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a.github {
        padding-left: 7px; }
        .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a.github > i {
          color: #887ddc;
          font-size: 23px; }
          .wohoLQObIYEVpwVV6Ze6 section.sign-in-links > div.links > a.github > i:hover {
            text-shadow: 0 0 8px rgba(136, 125, 220, 0.2); }
  .wohoLQObIYEVpwVV6Ze6 .container.-desktop {
    display: flex;
    justify-content: space-between;
    height: 55px; }
    .wohoLQObIYEVpwVV6Ze6 .container.-desktop > div.nav-and-current-user {
      display: flex; }
  .wohoLQObIYEVpwVV6Ze6 .container.-mobile {
    padding-top: 10px;
    padding-bottom: 10px; }
    .wohoLQObIYEVpwVV6Ze6 .container.-mobile nav {
      margin-top: 20px; }
      .wohoLQObIYEVpwVV6Ze6 .container.-mobile nav .link {
        height: 31px;
        margin-right: 0;
        min-width: auto; }
        .wohoLQObIYEVpwVV6Ze6 .container.-mobile nav .link.-active {
          background: #33354e; }
    .wohoLQObIYEVpwVV6Ze6 .container.-mobile > div.logo-and-user {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .wohoLQObIYEVpwVV6Ze6 .container.-mobile > div.logo-and-user > section.sign-in-links {
        padding: 0;
        background: none;
        justify-content: flex-end; }

@media (max-width: 500px) {
  header.wohoLQObIYEVpwVV6Ze6 a.logo img.halloween {
    width: 45px; }
  header.wohoLQObIYEVpwVV6Ze6 .notifications-toggler {
    display: none; }
  header.wohoLQObIYEVpwVV6Ze6 .position-relative-wrapper {
    height: auto !important; }
    header.wohoLQObIYEVpwVV6Ze6 .position-relative-wrapper .button.-to-review {
      top: -12px !important; } }

/*!************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/Pagination/index.css ***!
  \************************************************************************************************************************************************************************************/
.kZa9CaOIcQS1znakP8Wg {
  user-select: none;
  display: flex; }
  .kZa9CaOIcQS1znakP8Wg > li.page-n {
    margin: 5px;
    background: #181b39;
    font-size: 10px;
    border-radius: 2px;
    min-width: 20px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .kZa9CaOIcQS1znakP8Wg > li.page-n.-current {
      background: #aaa0f7; }
    .kZa9CaOIcQS1znakP8Wg > li.page-n a {
      padding: 0px 5px;
      border-radius: 2px;
      height: 100%;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .kZa9CaOIcQS1znakP8Wg > li.page-n a:hover, .kZa9CaOIcQS1znakP8Wg > li.page-n a:focus {
        background: #202349; }
  .kZa9CaOIcQS1znakP8Wg > li.epsilon {
    display: flex;
    align-items: center;
    color: #aaa0f7; }

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/CourseCardSimple/index.css ***!
  \*********************************************************************************************************************************************************************************************/
.DRpqLZgU4z3Lb8XVYBEN {
  width: 199px;
  height: 213px;
  background: #181b39;
  overflow: hidden;
  position: relative; }
  .DRpqLZgU4z3Lb8XVYBEN h2.title {
    margin-top: 27px;
    text-transform: capitalize; }
  .DRpqLZgU4z3Lb8XVYBEN div.description {
    display: none; }
  .DRpqLZgU4z3Lb8XVYBEN section.total-amount-of-flashcards {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-bottom: 3px;
    padding-top: 3px;
    background: #887ddc;
    color: white;
    font-size: 11px; }
  .DRpqLZgU4z3Lb8XVYBEN a.play-button {
    display: block;
    position: absolute;
    bottom: 31px;
    left: 31px;
    z-index: 10000; }
  .DRpqLZgU4z3Lb8XVYBEN:hover a.play-button {
    opacity: 1; }

/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/CourseCardLearnReview/index.css ***!
  \**************************************************************************************************************************************************************************************************/
.aUc58_qhzJTd5seH40xf {
  width: 199px;
  height: 213px;
  background: #181b39;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  .aUc58_qhzJTd5seH40xf.-focusable-link:hover, .aUc58_qhzJTd5seH40xf.-focusable-link:focus {
    background: #202349; }
    .aUc58_qhzJTd5seH40xf.-focusable-link:hover a, .aUc58_qhzJTd5seH40xf.-focusable-link:focus a {
      opacity: 1;
      text-shadow: 0 0 6px rgba(243, 243, 243, 0.5); }
  .aUc58_qhzJTd5seH40xf > .go {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
    background: rgba(86, 91, 130, 0.08);
    text-align: right;
    color: white;
    opacity: 0.8; }
    .aUc58_qhzJTd5seH40xf > .go:hover {
      opacity: 1;
      text-shadow: 0 0 6px rgba(243, 243, 243, 0.5); }
    .aUc58_qhzJTd5seH40xf > .go i {
      font-size: 14px; }
  .aUc58_qhzJTd5seH40xf > div.main {
    flex-grow: 1;
    height: 100%;
    position: relative; }
    .aUc58_qhzJTd5seH40xf > div.main > h2.title {
      margin-top: 20px; }
    .aUc58_qhzJTd5seH40xf > div.main > section.category_and_author {
      padding-top: 10px; }
    .aUc58_qhzJTd5seH40xf > div.main:hover > div.learn-and-review-buttons > a.link {
      opacity: 0.8; }
    .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > a.link {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 22px;
      top: 0;
      opacity: 0;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > a.link:hover, .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > a.link:focus {
        opacity: 0.9;
        box-shadow: none;
        border: none !important; }
      .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > a.link.-learn {
        background: #21a582; }
      .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > a.link.-review {
        background: #d45512; }
    .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > section.amount-footer {
      background: rgba(86, 91, 130, 0.08);
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      height: 22px;
      cursor: default;
      flex-basis: 100%;
      font-size: 10px;
      padding: 4px 0;
      text-align: center;
      text-transform: uppercase;
      display: flex;
      justify-content: center;
      align-items: center; }
      .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > section.amount-footer.-learn {
        background: #21a582; }
      .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > section.amount-footer.-review {
        background: #d45512; }
      .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > section.amount-footer.-next-due {
        color: white; }
        .aUc58_qhzJTd5seH40xf > div.main > div.learn-and-review-buttons > section.amount-footer.-next-due i.timer-icon {
          color: #aaa0f7;
          font-size: 14px;
          padding-right: 5px; }

/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/ListOfCourseCards/index.css ***!
  \**********************************************************************************************************************************************************************************************/
.tC1CcINMMIhL4ysnioDg {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px; }
  .tC1CcINMMIhL4ysnioDg > .standard-course-card {
    margin: 0 10px;
    margin-bottom: 40px; }
  .tC1CcINMMIhL4ysnioDg > .layout-div {
    width: 199px;
    margin: 0 10px;
    margin-bottom: 40px; }

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/CourseCategories/index.css ***!
  \*********************************************************************************************************************************************************************************************/
.J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group {
  margin-top: 10px; }
  .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > h2.group-name {
    font-size: 14px;
    padding: 3px 10px;
    padding-left: 15px;
    letter-spacing: 0.4px;
    border-left: 2px solid #aaa0f7;
    background-image: linear-gradient(to right, rgba(170, 160, 247, 0.5) 0%, rgba(170, 160, 247, 0.15) 1.5%, rgba(170, 160, 247, 0.075) 3.5%, rgba(170, 160, 247, 0.0375) 5.75%, rgba(170, 160, 247, 0.0185) 8.425%, rgba(170, 160, 247, 0.0095) 12.7%, rgba(170, 160, 247, 0) 17%); }
  .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories {
    margin-top: 5px;
    font-size: 14px; }
    .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li {
      padding-right: 5px;
      position: relative; }
      .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li.-active a.name {
        color: #877ddd !important; }
      .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.name {
        display: block;
        padding: 6px 4px;
        padding-left: 4px;
        margin-left: 12px;
        border-radius: 2px; }
        .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.name:focus, .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.name:hover {
          background: rgba(32, 35, 73, 0.55); }
        .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.name span.amount-of-courses {
          padding-left: 5px;
          font-size: 11px;
          position: relative;
          bottom: 1px;
          color: rgba(181, 213, 243, 0.35); }
      .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.cross {
        width: 30px;
        position: absolute;
        left: -12px;
        top: 8px;
        display: flex;
        align-items: center;
        justify-content: center; }
        .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.cross i {
          font-size: 13px; }
        .J1pt1Qtzz_gsB4_a2MXg > ul.groups > li.group > ul.categories > li a.cross:hover {
          opacity: 0.8; }

/*!****************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses/index.css ***!
  \****************************************************************************************************************************************************************************/
main.dM_6tFuSWI5hHOqg9zjC > .loading.-request {
  margin-top: 100px; }

main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar {
  height: 38px;
  align-self: center;
  margin-right: 10px;
  position: relative;
  font-size: 13px;
  border-radius: 2px; }
  main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar i {
    position: absolute;
    top: 9px;
    left: 11px;
    font-size: 19px;
    color: white; }
  main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar input {
    width: 100%;
    height: 100%;
    padding-left: 37px; }
  main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar input {
    background: transparent;
    color: white;
    transition-duration: 200ms;
    transition-property: background;
    font-family: 'Open Sans';
    border-radius: 4px;
    background: #e2e4f008; }
    main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar input::placeholder {
      color: white;
      font-family: 'Open Sans'; }
    main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar input:focus, main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .search-bar input:hover {
      background: #e2e4f008; }

main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .left .course-categories-nav {
  margin-top: 20px; }

main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .right > ul.pagination {
  justify-content: flex-end;
  margin-top: 20px; }
  main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .right > ul.pagination > li:last-child {
    margin-right: 0; }

main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .right > section.list-of-courses {
  margin-top: 20px;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s; }
  main.dM_6tFuSWI5hHOqg9zjC > .container.standard-navigation_and_courses .right > section.list-of-courses.-loading {
    opacity: 0.5; }

main.dM_6tFuSWI5hHOqg9zjC .search-bar.for-mobile {
  margin-right: 0 !important;
  margin-top: 20px !important; }

main.dM_6tFuSWI5hHOqg9zjC .pagination.for-mobile {
  padding-bottom: 20px; }

@media (min-width: 900px) {
  main.dM_6tFuSWI5hHOqg9zjC .for-mobile {
    display: none; } }

@media (max-width: 900px) {
  main.dM_6tFuSWI5hHOqg9zjC .for-desktop {
    display: none; } }

/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/CourseCategoryFormLine/components/CourseCategorySelect/index.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.ulcFjrJmulD43716HAmZ ul.groups {
  position: absolute;
  top: 100%;
  max-height: 200px;
  width: 100%;
  overflow-y: scroll;
  z-index: 1000;
  padding-bottom: 14px;
  background: #181b39;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  font-size: 14px; }
  .ulcFjrJmulD43716HAmZ ul.groups > li.group {
    margin-top: 10px;
    margin-left: 10px; }
    .ulcFjrJmulD43716HAmZ ul.groups > li.group > span.group-name {
      padding: 2px 10px;
      padding-left: 17px;
      cursor: default;
      border-left: 2px solid #887ddc;
      background-image: linear-gradient(to right, rgba(136, 125, 220, 0.5) 0%, rgba(136, 125, 220, 0.15) 1.5%, rgba(136, 125, 220, 0.075) 3.5%, rgba(136, 125, 220, 0.0375) 5.75%, rgba(136, 125, 220, 0.0185) 8.425%, rgba(136, 125, 220, 0.0095) 12.7%, rgba(136, 125, 220, 0) 17%);
      letter-spacing: 0.4px;
      font-weight: 500; }
    .ulcFjrJmulD43716HAmZ ul.groups > li.group > ul.categories {
      margin-top: 5px; }
      .ulcFjrJmulD43716HAmZ ul.groups > li.group > ul.categories > li.category {
        padding-right: 9px;
        cursor: pointer; }
        .ulcFjrJmulD43716HAmZ ul.groups > li.group > ul.categories > li.category > button {
          color: rgba(255, 255, 255, 0.9);
          padding: 6px 4px;
          padding-left: 16px;
          width: 100%;
          text-align: left; }
          .ulcFjrJmulD43716HAmZ ul.groups > li.group > ul.categories > li.category > button:focus {
            color: white; }
          .ulcFjrJmulD43716HAmZ ul.groups > li.group > ul.categories > li.category > button:hover {
            color: #aaa0f7; }
        .ulcFjrJmulD43716HAmZ ul.groups > li.group > ul.categories > li.category.-active > button {
          color: #aaa0f7; }

/*!********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_new/index.css ***!
  \********************************************************************************************************************************************************************************/

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/TogglerAndModal/index.scss ***!
  \******************************************************************************************************************************************************************************************/
.K2ImwTISVzDfEnDQ9vqH {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  opacity: 0;
  transition: opacity 300ms cubic-bezier(0.4, 0, 0, 1.5); }
  .K2ImwTISVzDfEnDQ9vqH.ReactModal__Overlay--after-open {
    opacity: 1; }
  .K2ImwTISVzDfEnDQ9vqH.ReactModal__Overlay--before-close {
    opacity: 0; }
  .K2ImwTISVzDfEnDQ9vqH button.close-button {
    border: 0;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 0;
    cursor: pointer;
    font-size: 34px;
    color: white;
    opacity: 0.8;
    font-family: Roboto;
    font-weight: 100;
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 0 9px;
    padding-top: 13px;
    padding-bottom: 22px;
    border-radius: 2px;
    z-index: 1002; }
    .K2ImwTISVzDfEnDQ9vqH button.close-button:hover, .K2ImwTISVzDfEnDQ9vqH button.close-button:focus {
      opacity: 1; }

._40J6IqR3cSGlESE9tdV:focus {
  outline: none; }

.standard-modal {
  transform: translateY(-30px);
  transition: transform 300ms cubic-bezier(0.4, 0, 0, 1.5); }

.ReactModal__Content--after-open .standard-modal {
  transform: translateY(0); }

.ReactModal__Content--before-close .standard-modal {
  transform: translateY(-30px); }

body.ReactModal__Body--open {
  height: 100vh;
  overflow-y: hidden; }
  body.ReactModal__Body--open footer {
    position: initial; }

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/components/CourseModal/components/TabEditCourseDetails/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************/
.Y05OX1nLrUCXxqQByQBZ form.standard-form {
  max-width: 680px;
  margin: 0 auto; }
  .Y05OX1nLrUCXxqQByQBZ form.standard-form > section.form-line > label {
    width: 200px;
    flex-shrink: 0;
    flex-grow: 1; }
  .Y05OX1nLrUCXxqQByQBZ form.standard-form > section.form-line > div.input-and-validation-error {
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1; }
  .Y05OX1nLrUCXxqQByQBZ form.standard-form .quill > .ql-container > .ql-editor p {
    color: white !important; }

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/components/CourseModal/components/TabImportExport/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards {
  padding: 0 20px; }
  .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > h2.title, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > h2.title {
    font-size: 22px;
    text-align: center;
    font-weight: 100; }
  .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions {
    margin-top: 26px;
    font-size: 13px;
    display: flex; }
    .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions b, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions b {
      font-weight: 300;
      color: #aaa0f7; }
    .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.first-column, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.first-column {
      width: 50%;
      border-right: 1px solid rgba(223, 201, 247, 0.06);
      padding-right: 20px; }
      .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.first-column p, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.first-column p {
        margin: 0;
        margin-bottom: 6px; }
        .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.first-column p:last-child, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.first-column p:last-child {
          margin-bottom: 0; }
    .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.second-column, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.second-column {
      width: 50%;
      padding-left: 20px; }
      .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.second-column img, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.second-column img {
        max-width: 400px;
        opacity: 0.96; }
        .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.second-column img:hover, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.second-column img:hover {
          opacity: 1; }
      .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > article.instructions > div.second-column figcaption, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > article.instructions > div.second-column figcaption {
        margin-bottom: 5px; }
  .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > div.upload-excel-file-input-and-label, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > div.upload-excel-file-input-and-label {
    margin-top: 30px; }
    .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > div.upload-excel-file-input-and-label > label, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > div.upload-excel-file-input-and-label > label {
      max-width: 300px;
      margin: 0 auto;
      border: 1px solid #1c263c;
      max-width: 300px;
      font-weight: bold;
      text-transform: uppercase;
      font-size: 12px;
      letter-spacing: 1px;
      padding: 10px 20px;
      cursor: pointer;
      user-select: none;
      display: flex;
      justify-content: center;
      align-items: center; }
      .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > div.upload-excel-file-input-and-label > label > i, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > div.upload-excel-file-input-and-label > label > i {
        padding-right: 20px; }
  .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.import-flashcards > button.create-flashcards-button, .PSy8_lIR6pS5Ijjfx4pB .background.-blue > section.export-flashcards > button.create-flashcards-button {
    margin: 0 auto;
    margin-top: 30px; }

.PSy8_lIR6pS5Ijjfx4pB .background.-blue > hr {
  margin-top: 30px;
  margin-bottom: 30px;
  border: none;
  border-bottom: 3px dashed rgba(223, 201, 247, 0.06); }

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/components/CourseModal/components/TabManage/index.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.J6rfwcfAY1h4zEO17UO3 section.delete-course > h2.title {
  font-size: 22px;
  text-align: center; }

.J6rfwcfAY1h4zEO17UO3 section.delete-course > article.instructions {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 60px;
  text-align: center;
  font-size: 15px;
  line-height: 20px; }
  .J6rfwcfAY1h4zEO17UO3 section.delete-course > article.instructions b {
    font-weight: 300;
    color: #f64d4d; }

.J6rfwcfAY1h4zEO17UO3 section.delete-course > button.delete-course-button {
  margin: 0 auto;
  margin-top: 60px; }

/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/components/CourseModal/index.scss ***!
  \***************************************************************************************************************************************************************************************************************/
.gK4FoooiBXuIVn0FY3Ai .standard-modal__main {
  min-height: 600px; }

/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/components/InviteCoauthorModal/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.ovxO2pFRu5p5eVHR7TxO .react-select-container {
  margin-top: 20px;
  margin-bottom: 20px;
  width: 350px; }

.ovxO2pFRu5p5eVHR7TxO .standard-modal__main {
  padding-top: 0; }

.ovxO2pFRu5p5eVHR7TxO .label-and-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 30px !important;
  background: #373a65;
  margin: 0 -19px;
  padding: 0 20px;
  margin-bottom: 15px;
  margin-top: 15px; }

.ovxO2pFRu5p5eVHR7TxO .table-wrapper {
  min-height: 380px; }
  .ovxO2pFRu5p5eVHR7TxO .table-wrapper table {
    width: 100%; }
    .ovxO2pFRu5p5eVHR7TxO .table-wrapper table th:nth-child(1) {
      width: 300px; }
    .ovxO2pFRu5p5eVHR7TxO .table-wrapper table td.user {
      display: flex;
      align-items: center;
      cursor: default; }
      .ovxO2pFRu5p5eVHR7TxO .table-wrapper table td.user img {
        max-width: 60px;
        border-radius: 2px;
        margin-right: 10px; }
    .ovxO2pFRu5p5eVHR7TxO .table-wrapper table button {
      float: right; }

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/UserSelect/index.scss ***!
  \****************************************************************************************************************************************************************************************/
.M8GSiXL48UnB2BHOBSiP {
  display: flex;
  align-items: center;
  cursor: pointer; }
  .M8GSiXL48UnB2BHOBSiP img {
    flex-grow: 0;
    flex-shrink: 0;
    width: 30px;
    border-radius: 2px; }
  .M8GSiXL48UnB2BHOBSiP .right {
    margin-left: 10px;
    color: #515372; }
    .M8GSiXL48UnB2BHOBSiP .right .name {
      font-style: 13px; }

/*!**************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/components/StatsModal/index.scss ***!
  \**************************************************************************************************************************************************************************************************************/
.standard-modal.standard-modal--md {
  max-width: 900px; }

.jSKlOZvb6HKc7Z8C0icG .standard-modal__main {
  padding-top: 0; }

.jSKlOZvb6HKc7Z8C0icG .table-wrapper {
  min-height: 380px; }
  .jSKlOZvb6HKc7Z8C0icG .table-wrapper table {
    width: 100%; }
    .jSKlOZvb6HKc7Z8C0icG .table-wrapper table th:nth-child(1) {
      width: 300px; }
    .jSKlOZvb6HKc7Z8C0icG .table-wrapper table td.user a {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .jSKlOZvb6HKc7Z8C0icG .table-wrapper table td.user a img {
        max-width: 60px;
        border-radius: 2px;
        margin-right: 10px; }
    .jSKlOZvb6HKc7Z8C0icG .table-wrapper table button {
      float: right; }

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/CourseActions/index.css ***!
  \***************************************************************************************************************************************************************************************/
section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons {
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 80px; }
  section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container h1.title {
      font-weight: 300;
      font-size: 30px; }
    section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons {
      display: flex;
      justify-content: space-between;
      align-items: flex-start; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons .button {
        min-width: 90px;
        font-size: 10px;
        padding: 0 10px;
        height: 31px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > section.start-stop-or-resume-learning-course .button i.fa-plus {
        font-size: 14px;
        padding-right: 4px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > section.start-stop-or-resume-learning-course button.stop-learning-button {
        border: 1px solid #3a4165;
        color: #4e5786; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > section.start-stop-or-resume-learning-course div.loading.-request {
        font-size: 7px;
        width: 86px;
        padding: 8px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > .learn-and-review-buttons {
        display: flex; }
        section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > .learn-and-review-buttons .button {
          margin-left: 10px; }
        section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > .learn-and-review-buttons .more-button {
          margin-left: 5px;
          min-width: 0;
          padding: 0; }
          section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > .buttons > .learn-and-review-buttons .more-button i {
            font-size: 29px; }
    section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author {
      display: flex;
      min-height: 40px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > h1.title {
        word-break: break-all;
        max-width: 700px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding-left: 14px;
        margin-left: 14px;
        border-left: 1px solid #e5e6ee1f; }
        section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author > div.category, section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author div.author {
          cursor: default;
          height: 50%;
          display: flex;
          align-items: center;
          font-size: 10px;
          letter-spacing: 0.9px;
          text-transform: uppercase; }
          section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author > div.category > .in-or-by, section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author div.author > .in-or-by {
            display: inline-block;
            width: 20px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.edit-invite-buttons {
        margin-left: 10px; }
        section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.edit-invite-buttons > button.edit-button, section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.edit-invite-buttons > button.invite-coauthor-button {
          align-self: flex-start;
          min-width: auto;
          padding: 0 10px;
          height: 50%;
          font-size: 10px;
          align-items: center; }
          section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.edit-invite-buttons > button.edit-button i, section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author > section.edit-invite-buttons > button.invite-coauthor-button i {
            padding-right: 3px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author .course-label {
        padding: 6px;
        align-self: flex-start;
        font-size: 10px;
        cursor: default;
        border-radius: 2px;
        margin-left: 10px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author .-private {
        color: #ec4c7b;
        background: rgba(236, 76, 123, 0.18); }
      section.cv1QDKQfqYIRvB0VVbRG > section.title-and-buttons > .container > section.course-title_and_category_and_author .-duplicated {
        color: #78aff4;
        background: rgba(76, 138, 236, 0.18); }

section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats {
  padding: 10px 0; }
  section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats .button {
    min-width: 90px;
    font-size: 11px;
    padding: 0 5px;
    height: 31px; }
  section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container {
    display: flex;
    align-items: flex-start; }
    section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats {
      width: 311px;
      flex-grow: 0;
      flex-shrink: 1;
      cursor: default; }
      section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li {
        padding: 3px 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-end; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li > div.icon {
          font-size: 15px;
          width: 27px;
          text-align: center; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li > div.stat {
          font-size: 11px;
          padding-right: 10px;
          letter-spacing: 0.5px;
          text-transform: uppercase; }
          section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li > div.stat span.number {
            padding-right: 2px;
            font-size: 13px;
            opacity: 0.92; }
          section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li > div.stat span.number.review-in-stat-number {
            padding-left: 5px;
            padding-right: 0; }
            section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li > div.stat span.number.review-in-stat-number .measure {
              padding-left: 5px;
              font-size: 11px; }
      section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating {
        min-height: 28px; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating > div.stat > i.fa-user-o {
          font-size: 11px;
          padding-left: 3px; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating > div.stat > span.amount-of-voters {
          text-shadow: none;
          padding-left: 2px; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating.-can-rate-course > div.stat {
          padding-right: 3px; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating.-can-rate-course > div.icon {
          width: auto; }
          section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating.-can-rate-course > div.icon > ul.star-rating {
            display: flex; }
            section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > ul.course-stats > li.course-star-rating.-can-rate-course > div.icon > ul.star-rating > li.-not-selected {
              text-shadow: none; }
    section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > .course-description {
      flex-grow: 1;
      flex-shrink: 1;
      flex-basis: 100%; }
      section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > .course-description .ql-snow.ql-container {
        border: none !important; }
        section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > .course-description .ql-snow.ql-container > .ql-editor {
          padding: 0;
          font-size: 14px;
          min-height: initial;
          height: auto;
          overflow-y: hidden;
          cursor: default; }
          section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container > .course-description .ql-snow.ql-container > .ql-editor .placeholder {
            padding-right: 10px;
            line-height: 20px;
            color: #acb5da; }
    section.cv1QDKQfqYIRvB0VVbRG > section.course-description-and-stats > .container:hover .course-description .placeholder {
      opacity: 1 !important; }

@media (max-width: 900px) {
  section.cv1QDKQfqYIRvB0VVbRG .edit-invite-buttons {
    display: none; }
  section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons {
    padding-top: 10px;
    padding-bottom: 10px; }
    section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons .container {
      justify-content: flex-end; }
      section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons .container .learn-and-review-buttons a.button.learn {
        margin-left: 0 !important; }
      section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons .container h1.title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container {
      flex-wrap: wrap; }
      section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container > section.course-title_and_category_and_author {
        flex-wrap: wrap;
        width: 100%; }
        section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container > section.course-title_and_category_and_author > h1.title {
          order: 1;
          font-size: 23px;
          width: 100%;
          text-align: right;
          max-width: none; }
        section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author {
          display: none;
          order: 0;
          width: 100%;
          flex-direction: row;
          justify-content: flex-end;
          margin-left: 0;
          padding-left: 0;
          padding-bottom: 10px;
          border-left: none; }
          section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container > section.course-title_and_category_and_author > section.category_and_author > div.category {
            border-right: 1px solid #1c1f3e;
            padding-right: 5px;
            margin-right: 5px; }
        section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container > section.course-title_and_category_and_author button.edit-button {
          display: none; }
      section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container > div.buttons {
        height: 31px;
        width: 100%;
        justify-content: flex-end;
        margin-bottom: 6px; }
      section.cv1QDKQfqYIRvB0VVbRG section.title-and-buttons > .container .please-sign-in_and_simulated-review-button {
        margin-top: 10px;
        text-align: right; }
  section.cv1QDKQfqYIRvB0VVbRG .please-sign-in_and_simulated-review-button {
    width: 100%;
    justify-content: flex-end; }
  section.cv1QDKQfqYIRvB0VVbRG .title-and-buttons .category_and_author {
    height: auto !important; }
  section.cv1QDKQfqYIRvB0VVbRG .course-label {
    display: none; } }

@media (max-width: 500px) {
  section.cv1QDKQfqYIRvB0VVbRG section.course-description-and-stats > div.container {
    flex-wrap: wrap; }
    section.cv1QDKQfqYIRvB0VVbRG section.course-description-and-stats > div.container > div.course-description:not(.-empty) {
      margin-bottom: 20px; }
    section.cv1QDKQfqYIRvB0VVbRG section.course-description-and-stats > div.container .course-description .ql-editor {
      text-align: right; }
    section.cv1QDKQfqYIRvB0VVbRG section.course-description-and-stats > div.container div.course-description .placeholder {
      display: none; }
    section.cv1QDKQfqYIRvB0VVbRG section.course-description-and-stats > div.container ul.course-stats {
      width: 100%; }
      section.cv1QDKQfqYIRvB0VVbRG section.course-description-and-stats > div.container ul.course-stats li {
        width: 100% !important; }
  section.cv1QDKQfqYIRvB0VVbRG .course-title_and_category_and_author button.invite-coauthor-button {
    display: none; } }

/*!********************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_review_print/index.css ***!
  \********************************************************************************************************************************************************************************************/
.fZbwG7Dfy0HjyYVRHzS0 {
  background: white;
  padding-bottom: 60px; }
  .fZbwG7Dfy0HjyYVRHzS0 header, .fZbwG7Dfy0HjyYVRHzS0 footer {
    display: none !important; }
  .fZbwG7Dfy0HjyYVRHzS0 section.course-actions .title-and-buttons {
    background: white; }
  .fZbwG7Dfy0HjyYVRHzS0 section.course-actions .title {
    color: black;
    font-family: 'Open Sans'; }
  .fZbwG7Dfy0HjyYVRHzS0 section.course-actions .buttons {
    display: none !important; }
  .fZbwG7Dfy0HjyYVRHzS0 div.problem-wrapper {
    max-width: 1210px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 60px;
    position: relative; }
    .fZbwG7Dfy0HjyYVRHzS0 div.problem-wrapper .index {
      color: #828282;
      position: absolute;
      top: 11px;
      left: 11px;
      background: #f0f0f0;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      padding-top: 3px;
      z-index: 10000; }
    .fZbwG7Dfy0HjyYVRHzS0 div.problem-wrapper section.problem {
      box-shadow: 0px 0px 32px 4px rgba(224, 174, 234, 0.08);
      padding: 18px;
      border-radius: 5px; }
      .fZbwG7Dfy0HjyYVRHzS0 div.problem-wrapper section.problem .quill {
        height: 100%; }
        .fZbwG7Dfy0HjyYVRHzS0 div.problem-wrapper section.problem .quill .ql-editor {
          line-height: 28px;
          font-size: 16px;
          border: 2px solid rgba(240, 240, 240, 0.9) !important; }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_all_print/index.css ***!
  \*****************************************************************************************************************************************************************************************/
.AO4iCkClkOcL6lJqxmLC {
  background: white;
  padding-bottom: 60px; }
  .AO4iCkClkOcL6lJqxmLC header, .AO4iCkClkOcL6lJqxmLC footer {
    display: none !important; }
  .AO4iCkClkOcL6lJqxmLC section.course-actions .title-and-buttons {
    background: white; }
  .AO4iCkClkOcL6lJqxmLC section.course-actions .title {
    color: black;
    font-family: 'Open Sans'; }
  .AO4iCkClkOcL6lJqxmLC section.course-actions .buttons {
    display: none !important; }
  .AO4iCkClkOcL6lJqxmLC div.problem-wrapper {
    max-width: 1210px;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 60px;
    position: relative; }
    .AO4iCkClkOcL6lJqxmLC div.problem-wrapper .index {
      color: #828282;
      position: absolute;
      top: 11px;
      left: 11px;
      background: #f0f0f0;
      width: 20px;
      height: 20px;
      border-radius: 2px;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      padding-top: 3px;
      z-index: 10000; }
    .AO4iCkClkOcL6lJqxmLC div.problem-wrapper section.problem {
      box-shadow: 0px 0px 32px 4px rgba(224, 174, 234, 0.08);
      padding: 18px;
      border-radius: 5px; }
      .AO4iCkClkOcL6lJqxmLC div.problem-wrapper section.problem .quill {
        height: 100%; }
        .AO4iCkClkOcL6lJqxmLC div.problem-wrapper section.problem .quill .ql-editor {
          line-height: 28px;
          font-size: 16px;
          border: 2px solid rgba(240, 240, 240, 0.9) !important; }

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_review/components/ProblemBeingSolved/components/SeparateAnswerSelfScore/index.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/
.ZG1qDwTki4SM545dt9o5 {
  max-width: 470px;
  margin: 0 auto;
  margin-top: 60px; }
  .ZG1qDwTki4SM545dt9o5 > label.rate-yourself {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.4px; }
    .ZG1qDwTki4SM545dt9o5 > label.rate-yourself i {
      color: #aaa0f7; }
  .ZG1qDwTki4SM545dt9o5 > ul.stars {
    margin-top: 6px;
    display: flex; }
    .ZG1qDwTki4SM545dt9o5 > ul.stars > li {
      cursor: pointer;
      padding-bottom: 27px;
      padding-top: 27px;
      width: 25%; }
      .ZG1qDwTki4SM545dt9o5 > ul.stars > li:first-child div.star {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px; }
      .ZG1qDwTki4SM545dt9o5 > ul.stars > li:last-child div.star {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px; }
      .ZG1qDwTki4SM545dt9o5 > ul.stars > li > div.star {
        padding-right: 3px;
        padding-left: 3px;
        width: 100%;
        height: 13px;
        transition-property: background;
        transition-duration: .4s;
        border-right: 1px solid #0e1023; }
      .ZG1qDwTki4SM545dt9o5 > ul.stars > li.-not-selected > div.star {
        background: rgba(124, 114, 201, 0.11); }
      .ZG1qDwTki4SM545dt9o5 > ul.stars > li.-selected > div.star {
        background: #aaa0f7;
        box-shadow: 0px 0px 12px 0 rgba(137, 94, 241, 0.43); }
      .ZG1qDwTki4SM545dt9o5 > ul.stars > li:last-child > div.star {
        border-right: none; }

/*!***************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/ToggleButton/index.scss ***!
  \***************************************************************************************************************************************************************************************/
.d7i8Zjof67NGGvXXFP15 .toggle-button-label-left:before, .d7i8Zjof67NGGvXXFP15 .toggle-button-label-left:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: .25s ease-in-out;
  outline: none; }

.d7i8Zjof67NGGvXXFP15 div {
  display: inline-block;
  position: relative;
  cursor: pointer; }

.d7i8Zjof67NGGvXXFP15 .toggle-button-label-left:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  line-height: 34px;
  text-indent: 40px;
  height: 13px;
  width: 13px;
  margin: 3px;
  border-radius: 100%;
  right: 27px;
  bottom: 0px;
  background: white;
  transform: rotate(-45deg); }

.d7i8Zjof67NGGvXXFP15 .toggle-button-label-left:after {
  content: "";
  display: inline-block;
  width: 40px;
  height: 19px;
  border-radius: 15px;
  background: none;
  vertical-align: middle;
  margin: 0 7px;
  border: 1px solid rgba(255, 255, 255, 0.74); }

.d7i8Zjof67NGGvXXFP15.-left .toggle-button-label-left:before {
  right: 13px;
  box-shadow: 3px 3px 0 0 white;
  background: transparent; }

.d7i8Zjof67NGGvXXFP15.-left .toggle-button-label-left:after {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.74); }

.d7i8Zjof67NGGvXXFP15 .toggle-button-label-left {
  color: rgba(250, 250, 250, 0.51);
  font-weight: bold; }

.d7i8Zjof67NGGvXXFP15.-left .toggle-button-label-left {
  color: rgba(149, 149, 149, 0.51);
  font-weight: normal; }

.d7i8Zjof67NGGvXXFP15.-left .toggle-button-label-left + .toggle-button-label {
  color: rgba(250, 250, 250, 0.51);
  font-weight: bold; }

/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_review/components/ProblemBeingSolved/components/Subheader/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.Nel1LaV5OE1VdyxsDVXQ .-mobile {
  display: none; }

.Nel1LaV5OE1VdyxsDVXQ .-desktop {
  display: block; }

.Nel1LaV5OE1VdyxsDVXQ > .container {
  min-height: 57px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.Nel1LaV5OE1VdyxsDVXQ button.volume-button i {
  font-size: 20px; }

.Nel1LaV5OE1VdyxsDVXQ button.volume-button.-yes i.-yes {
  display: block; }

.Nel1LaV5OE1VdyxsDVXQ button.volume-button.-yes i.-no {
  display: none; }

.Nel1LaV5OE1VdyxsDVXQ button.volume-button.-no i.-yes {
  display: none; }

.Nel1LaV5OE1VdyxsDVXQ button.volume-button.-no i.-no {
  display: block; }

.Nel1LaV5OE1VdyxsDVXQ button.bg-image-button {
  margin-right: 10px;
  font-size: 15px !important; }

.Nel1LaV5OE1VdyxsDVXQ .bg-button-dropdown {
  background-color: transparent; }
  .Nel1LaV5OE1VdyxsDVXQ .bg-button-dropdown .elements {
    display: flex;
    margin-top: -7px; }
    .Nel1LaV5OE1VdyxsDVXQ .bg-button-dropdown .elements button {
      text-transform: uppercase;
      width: 100%;
      margin-left: 2px; }
      .Nel1LaV5OE1VdyxsDVXQ .bg-button-dropdown .elements button.-active {
        background: rgba(255, 255, 255, 0.24); }
  .Nel1LaV5OE1VdyxsDVXQ .bg-button-dropdown .needs-patreon {
    padding: 10px;
    text-align: right; }
    .Nel1LaV5OE1VdyxsDVXQ .bg-button-dropdown .needs-patreon a {
      text-decoration: underline; }

.Nel1LaV5OE1VdyxsDVXQ button.bg-image-button.-off,
.Nel1LaV5OE1VdyxsDVXQ button.volume-button.-no {
  opacity: 0.8; }

.Nel1LaV5OE1VdyxsDVXQ div.instructions {
  font-size: 15px; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions p {
    margin-top: 10px;
    margin-bottom: 0; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions em {
    font-style: normal;
    text-transform: uppercase; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions em.yellow-emphasis {
    color: #f4f4a3; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions em.red-emphasis {
    color: #f53f3f;
    text-shadow: 0 0 1px #ff1d1d; }
    .Nel1LaV5OE1VdyxsDVXQ div.instructions em.red-emphasis.-darker {
      color: #ff1d1d;
      text-shadow: 0 0 8px #ff1d1d; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions em.review-emphasis {
    color: #5ae499; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions em.white-emphasis {
    font-size: 16px; }
  .Nel1LaV5OE1VdyxsDVXQ div.instructions.-desktop {
    padding-bottom: 4px; }

.Nel1LaV5OE1VdyxsDVXQ div.buttons {
  display: flex;
  align-items: center; }
  .Nel1LaV5OE1VdyxsDVXQ div.buttons button {
    font-size: 9px;
    padding: 0 8px;
    height: 31px;
    min-width: auto;
    letter-spacing: 0.9px; }
  .Nel1LaV5OE1VdyxsDVXQ div.buttons button.randomize-button {
    margin-left: 10px; }

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./components/ProgressBar/index.css ***!
  \*************************************************************************************************************************************************************************************/
.anIzCvONxvhmmvXpADAh {
  padding: 1px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.09) !important; }
  .anIzCvONxvhmmvXpADAh > div.inner {
    background-color: #70eca0;
    height: 11px;
    border-radius: 3px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
    box-shadow: 0px 0px 6px 1px rgba(136, 125, 220, 0.33);
    transition: width 400ms ease-in-out; }

/*!********************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_review/components/ProblemBeingSolved/index.css ***!
  \********************************************************************************************************************************************************************************************************************/
.sHiILXTuNAbxrFYSLNlR.-clicking input.answer-input[data-answered='wrong'] {
  box-shadow: 0px 0px 6px 2px rgba(143, 242, 124, 0.39) !important;
  border: 3px solid #a0f7c8 !important;
  border-width: 2px;
  background: #44f595 !important;
  color: #0a502a !important; }

.sHiILXTuNAbxrFYSLNlR.-clicking input.answer-input[data-answered='waiting'] {
  cursor: pointer; }

.sHiILXTuNAbxrFYSLNlR.-typing .answer-input[data-answered='wrong'] {
  border: 2px solid #f9637d;
  color: #f9637d !important; }

.sHiILXTuNAbxrFYSLNlR section.problem {
  max-width: 1210px;
  margin: 0 auto;
  margin-bottom: 20px;
  margin-top: 60px;
  padding: 18px;
  border-radius: 5px; }
  .sHiILXTuNAbxrFYSLNlR section.problem.-withInlinedAnswers .ql-editor {
    box-shadow: 0px 0px 6px 2px rgba(137, 94, 241, 0.62); }
  .sHiILXTuNAbxrFYSLNlR section.problem.-withInlinedAnswers input.answer-input {
    width: 120px;
    display: inline-block;
    text-align: center;
    padding: 2px 0;
    margin: 0 4px;
    border-radius: 2px; }
    .sHiILXTuNAbxrFYSLNlR section.problem.-withInlinedAnswers input.answer-input:focus {
      outline: none; }
    .sHiILXTuNAbxrFYSLNlR section.problem.-withInlinedAnswers input.answer-input[data-answered='right'] {
      box-shadow: 0px 0px 6px 2px rgba(143, 242, 124, 0.39);
      border: 3px solid #a0f7c8;
      border-width: 2px;
      background: #44f595 !important;
      color: #0a502a !important; }
    .sHiILXTuNAbxrFYSLNlR section.problem.-withInlinedAnswers input.answer-input[data-answered='waiting'] {
      color: #cec7f5;
      border: 2px solid #aaa0f7; }
  .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer {
    flex-wrap: wrap;
    justify-content: flex-end; }
    .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.question-and-answer {
      width: 100%;
      display: flex; }
      .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.question-and-answer .question.first-column .ql-editor {
        box-shadow: 0px 0px 6px 2px rgba(137, 94, 241, 0.62);
        border: 3px solid #aaa0f7; }
      .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.question-and-answer .answer.second-column .ql-editor {
        box-shadow: 0px 0px 6px 2px rgba(143, 242, 124, 0.39);
        border: 3px solid #a0f7c8; }
      .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.question-and-answer button.see-answer-button {
        max-height: 800px;
        width: 100%;
        height: 100%;
        font-weight: 300;
        padding: 6px 0;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        user-select: none;
        border-radius: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        box-shadow: 0px 0px 6px 2px rgba(143, 242, 124, 0.39);
        border: 3px solid #a0f7c8;
        color: #a0f7c8; }
    .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer {
      display: flex;
      width: 100%; }
      .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer .quill {
        margin-top: 20px; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer .quill .ql-editor.ql-blank::before {
          color: rgba(132, 155, 249, 0.48); }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer .quill .ql-editor {
          border: none !important;
          background: #22264a;
          min-height: 54px; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer .quill .ql-toolbar {
          height: 0;
          padding-top: 0;
          padding-bottom: 0;
          transition-duration: 300ms;
          transition-property: height, background, padding; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer .quill:focus-within .ql-toolbar {
          height: 31px;
          background: #161933;
          padding-top: 2px;
          padding-bottom: 2px; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.draft-answer .quill:focus-within .ql-editor {
          border-top-left-radius: 0;
          border-top-right-radius: 0; }

.sHiILXTuNAbxrFYSLNlR button.next-button {
  max-width: 100px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 2px;
  opacity: 0.9; }
  .sHiILXTuNAbxrFYSLNlR button.next-button:hover {
    opacity: 1; }

.sHiILXTuNAbxrFYSLNlR button.reveal {
  color: rgba(251, 250, 242, 0.85);
  background: #2b2f52;
  max-width: 150px;
  margin: 0 auto;
  margin-top: 60px;
  border-radius: 2px; }
  .sHiILXTuNAbxrFYSLNlR button.reveal:hover {
    color: white; }

.sHiILXTuNAbxrFYSLNlR .n-of-problems-left {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000; }
  .sHiILXTuNAbxrFYSLNlR .n-of-problems-left.-failed div.inner {
    background-color: #ff1d1d; }

@media (max-width: 900px) {
  .sHiILXTuNAbxrFYSLNlR {
    padding-bottom: 133px !important; }
    .sHiILXTuNAbxrFYSLNlR > section.Subheader {
      position: absolute;
      bottom: 11px;
      width: 100%; }
      .sHiILXTuNAbxrFYSLNlR > section.Subheader > .container {
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 10px; }
        .sHiILXTuNAbxrFYSLNlR > section.Subheader > .container .amount-of-problems-left {
          margin-top: 15px;
          margin-bottom: 15px;
          width: 100%; }
      .sHiILXTuNAbxrFYSLNlR > section.Subheader .-mobile {
        display: block;
        text-align: right; }
      .sHiILXTuNAbxrFYSLNlR > section.Subheader .-desktop {
        display: none !important; }
    .sHiILXTuNAbxrFYSLNlR .review-container {
      padding: 0; }
    .sHiILXTuNAbxrFYSLNlR section.problem {
      margin-right: 20px;
      margin-left: 20px;
      margin-top: 10px;
      padding: 0;
      box-shadow: none; }
      .sHiILXTuNAbxrFYSLNlR section.problem .ql-editor {
        padding: 6px 10px; }
      .sHiILXTuNAbxrFYSLNlR section.problem .first-column, .sHiILXTuNAbxrFYSLNlR section.problem .second-column {
        width: 100%; }
      .sHiILXTuNAbxrFYSLNlR section.problem .first-column {
        padding-right: 0 !important; }
      .sHiILXTuNAbxrFYSLNlR section.problem .second-column {
        margin-top: 20px;
        padding-left: 0px !important; }
      .sHiILXTuNAbxrFYSLNlR section.problem.-withInlinedAnswers {
        flex-wrap: wrap; }
      .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer {
        flex-wrap: wrap; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer > div.question-and-answer {
          flex-wrap: wrap; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer button.see-answer-button {
          min-height: 58px; }
        .sHiILXTuNAbxrFYSLNlR section.problem.-withSeparateAnswer div.draft-answer {
          display: none !important; }
    .sHiILXTuNAbxrFYSLNlR > section.self-score {
      margin-top: 25px; }
      .sHiILXTuNAbxrFYSLNlR > section.self-score li {
        padding-bottom: 20px; }
    .sHiILXTuNAbxrFYSLNlR > button.next-button, .sHiILXTuNAbxrFYSLNlR > button.reveal {
      margin-top: 30px; } }

/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_review/components/WhatsNext/index.css ***!
  \***********************************************************************************************************************************************************************************************************/
.rZLxmjVIQKe7ytiV4lfR > section.congratulations {
  text-align: center; }
  .rZLxmjVIQKe7ytiV4lfR > section.congratulations h2 {
    font-weight: 100;
    font-size: 37px;
    letter-spacing: 0.4px;
    color: #51e5be; }
  .rZLxmjVIQKe7ytiV4lfR > section.congratulations div.next-review-time {
    color: #b5d5f3;
    font-size: 14px;
    margin-top: 13px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 12px;
    height: 41px; }
    .rZLxmjVIQKe7ytiV4lfR > section.congratulations div.next-review-time i {
      margin-right: 5px;
      font-size: 21px;
      width: 100%;
      margin-bottom: 6px;
      color: #21a582; }

.rZLxmjVIQKe7ytiV4lfR section.whats-next > h2 {
  margin: 0 auto;
  margin-top: 40px;
  text-align: center;
  color: #b5d5f3;
  font-weight: 100;
  font-size: 25px; }

.rZLxmjVIQKe7ytiV4lfR section.whats-next > div.offered-courses {
  max-width: 915px;
  margin: 0 auto;
  margin-top: 34px;
  display: grid;
  grid-template-columns: repeat(auto-fill, 199px);
  column-gap: 15px;
  justify-content: space-between; }
  .rZLxmjVIQKe7ytiV4lfR section.whats-next > div.offered-courses .standard-course-card {
    margin-bottom: 40px; }
  .rZLxmjVIQKe7ytiV4lfR section.whats-next > div.offered-courses .layout-div {
    display: none; }

.rZLxmjVIQKe7ytiV4lfR .social-buttons {
  display: flex;
  max-width: 386px;
  margin: 0 auto;
  justify-content: space-around;
  margin-top: 33px; }
  .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button {
    text-transform: none;
    min-width: 180px;
    background: #21a582d1;
    color: white;
    padding: 8px 10px; }
    .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button svg, .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button i {
      margin-right: 6px; }
    .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button .text {
      font-size: 13px;
      letter-spacing: initial; }
    .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button.twitter i {
      font-size: 18px; }
    .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button.github i {
      font-size: 20px;
      margin-top: -3px; }
    .rZLxmjVIQKe7ytiV4lfR .social-buttons .social.button.patreon svg {
      width: 18px;
      height: 18px; }

@media (max-width: 400px) {
  .rZLxmjVIQKe7ytiV4lfR section.congratulations h2 {
    font-size: 28px; }
  .rZLxmjVIQKe7ytiV4lfR .social-buttons {
    flex-wrap: wrap; }
    .rZLxmjVIQKe7ytiV4lfR .social-buttons .patreon {
      margin-top: 20px; } }

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_review/index.css ***!
  \**************************************************************************************************************************************************************************************/
.MQJecpMhnizceFQd48vx .ProblemBeingSolved {
  padding-bottom: 90px; }

.MQJecpMhnizceFQd48vx.-hide-draft .ProblemBeingSolved .draft-answer {
  display: none !important; }

.MQJecpMhnizceFQd48vx.-is-embed header,
.MQJecpMhnizceFQd48vx.-is-embed section.course-actions {
  display: none !important; }

.MQJecpMhnizceFQd48vx.-is-embed .review-container .problem {
  margin-top: 30px; }

.MQJecpMhnizceFQd48vx.-is-embed .self-score {
  margin-top: 35px; }

.MQJecpMhnizceFQd48vx.-is-embed .next-button {
  margin-top: 30px; }

.MQJecpMhnizceFQd48vx footer {
  display: none; }

.MQJecpMhnizceFQd48vx .loading.loading-flashcards {
  margin-top: 100px; }

@media (max-width: 900px) {
  .MQJecpMhnizceFQd48vx > header section.search,
  .MQJecpMhnizceFQd48vx > header nav {
    display: none; } }

/*!*************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id_learn/index.css ***!
  \*************************************************************************************************************************************************************************************/
main.VIUKdxsX3hxC4eKXfsmZ > nav > ul.tab-links {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1.1px; }
  main.VIUKdxsX3hxC4eKXfsmZ > nav > ul.tab-links > li {
    padding: 13px 20px;
    margin: 0px 5px;
    cursor: pointer;
    border-radius: 2px; }
    main.VIUKdxsX3hxC4eKXfsmZ > nav > ul.tab-links > li.-active {
      background: rgba(244, 242, 242, 0.05); }
    main.VIUKdxsX3hxC4eKXfsmZ > nav > ul.tab-links > li.-not-active:hover {
      background: rgba(244, 242, 242, 0.02); }

main.VIUKdxsX3hxC4eKXfsmZ > nav > section.instructions {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 13px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0.2px;
  font-family: 'Open Sans'; }
  main.VIUKdxsX3hxC4eKXfsmZ > nav > section.instructions em {
    font-style: normal;
    text-transform: uppercase; }
  main.VIUKdxsX3hxC4eKXfsmZ > nav > section.instructions em.review {
    color: #d45512; }
  main.VIUKdxsX3hxC4eKXfsmZ > nav > section.instructions em.learn {
    color: #21a582; }

main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content {
  margin-top: 40px;
  padding-bottom: 80px; }
  main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper {
    padding: 23px;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-right: 117px;
    margin-left: 70px;
    border-radius: 5px;
    box-shadow: 0px 0px 32px 4px rgba(23, 68, 68, 0.39);
    position: relative; }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .quill {
      height: 100%; }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .ql-editor {
      cursor: default; }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper.-ignored {
      background: #171716; }
      main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper.-ignored section.problem {
        opacity: 0.4;
        filter: grayscale(100%); }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper.-learned {
      background: #21a582; }
      main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper.-learned .button-wrapper.-unlearn {
        width: 100%;
        cursor: pointer;
        z-index: 1001; }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper.-yet-to-learn:hover {
      background: #194647;
      transition-duration: 300ms; }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper.-yet-to-learn .button-wrapper.-learn {
      width: 100%;
      cursor: pointer;
      z-index: 1001; }
    main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0; }
      main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper.-disabled {
        cursor: default; }
        main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper.-disabled button {
          cursor: default; }
      main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button {
        position: absolute;
        left: calc(100% + 15px);
        padding: 10px 5px;
        font-size: 10px;
        min-width: 92px;
        margin-top: 23px;
        display: flex;
        align-items: center; }
        main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-ignore, main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-unignore {
          top: 42px; }
        main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-ignore, main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-unignore {
          color: #a9b1df;
          background: #212543; }
        main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-learn, main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-unlearn {
          background: #194647;
          color: white; }
          main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-learn:hover, main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button.-unlearn:hover {
            background: #21a582;
            transition-duration: 300ms; }
        main.VIUKdxsX3hxC4eKXfsmZ > section.tab-content div.problem-wrapper .button-wrapper button > i.fa-undo {
          padding-right: 5px; }

@media (max-width: 1300px) {
  main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper {
    margin-left: 0 !important; } }

@media (max-width: 900px) {
  main.VIUKdxsX3hxC4eKXfsmZ > header section.search {
    display: none; }
  main.VIUKdxsX3hxC4eKXfsmZ nav ul.tab-links {
    display: none; }
  main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper {
    margin-right: 0 !important; }
    main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper .button-wrapper button {
      display: none !important; }
    main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper section.problem {
      display: block; }
      main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper section.problem div.first-column,
      main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper section.problem div.second-column {
        width: 100%; }
      main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper section.problem div.first-column {
        padding-right: 0; }
      main.VIUKdxsX3hxC4eKXfsmZ .problem-wrapper section.problem div.second-column {
        padding-left: 0;
        padding-top: 20px; } }

@media (max-width: 600px) {
  main.VIUKdxsX3hxC4eKXfsmZ .tab-content {
    padding: 0; }
  main.VIUKdxsX3hxC4eKXfsmZ div.problem-wrapper {
    padding: 20px !important; } }

/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id/components/OldProblem/index.css ***!
  \*****************************************************************************************************************************************************************************************************/
.-there-are-no-checked-problems .checkbox:hover + section.flashcard-buttons {
  opacity: 1; }

.-there-are-no-checked-problems section.flashcard-buttons:hover {
  opacity: 1; }

.NGn23O1iN92r66AmXCvK {
  position: relative;
  border-radius: 2px;
  margin-bottom: 18px;
  padding: 8px;
  transition-duration: 300ms;
  transition-property: background; }
  .NGn23O1iN92r66AmXCvK.-checked.-last-checked section.flashcard-buttons,
  .NGn23O1iN92r66AmXCvK section.flashcard-buttons.-empty {
    opacity: 1 !important; }
  .NGn23O1iN92r66AmXCvK.-checked div.first, .NGn23O1iN92r66AmXCvK.-checked div.second {
    top: 0 !important;
    transition-duration: 200ms;
    transition-property: top; }
  .NGn23O1iN92r66AmXCvK > section.flashcard-buttons {
    opacity: 0; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons button {
      height: 25px;
      margin-bottom: 5.5px;
      padding: 0;
      width: 100%;
      min-width: 0; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .delete-button {
      background: rgba(139, 33, 55, 0.47); }
      .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .delete-button:hover {
        background: #8b2137; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .export-button {
      background: rgba(9, 99, 120, 0.67); }
      .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .export-button:hover {
        background: #096378; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .duplicate-button {
      background: rgba(143, 83, 138, 0.67); }
      .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .duplicate-button:hover {
        background: #8f538a; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .switch-type-button {
      background: rgba(111, 34, 10, 0.83); }
      .NGn23O1iN92r66AmXCvK > section.flashcard-buttons .switch-type-button:hover {
        background: #6f220a; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons div.first, .NGn23O1iN92r66AmXCvK > section.flashcard-buttons div.second {
      top: 8px; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons div.first {
      position: absolute;
      right: calc(100% + 30px);
      width: 66px;
      padding-right: 8px; }
      .NGn23O1iN92r66AmXCvK > section.flashcard-buttons div.first button {
        font-size: 11px; }
    .NGn23O1iN92r66AmXCvK > section.flashcard-buttons div.second {
      position: absolute;
      left: calc(100% + 7px);
      width: 85px; }
      .NGn23O1iN92r66AmXCvK > section.flashcard-buttons div.second button {
        font-size: 10px; }
  .NGn23O1iN92r66AmXCvK > .problem .ql-toolbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    opacity: 0;
    z-index: -100; }
  .NGn23O1iN92r66AmXCvK > .problem:focus-within .ql-toolbar {
    opacity: 1;
    z-index: 10; }
  .NGn23O1iN92r66AmXCvK.-checked > section.checkbox {
    top: 0;
    bottom: 0; }
  .NGn23O1iN92r66AmXCvK > section.save-changes {
    position: absolute;
    top: 8px; }
    .NGn23O1iN92r66AmXCvK > section.save-changes button.save-changes-button {
      width: 100%;
      font-size: 11px;
      min-width: auto;
      padding: 7px 15px;
      background: #1e1f39; }
      .NGn23O1iN92r66AmXCvK > section.save-changes button.save-changes-button:hover, .NGn23O1iN92r66AmXCvK > section.save-changes button.save-changes-button:focus {
        background: #292a4d; }
      .NGn23O1iN92r66AmXCvK > section.save-changes button.save-changes-button.-saving {
        cursor: default;
        pointer-events: none;
        background: linear-gradient(to right, rgba(0, 0, 0, 0) 33%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0) 66%), #1e1f39;
        background-size: 400% 100%,cover;
        animation: change 1s linear infinite; }
      .NGn23O1iN92r66AmXCvK > section.save-changes button.save-changes-button.-just-saved {
        color: #21a599; }
    .NGn23O1iN92r66AmXCvK > section.save-changes .shortcut {
      font-size: 10px;
      padding-top: 8px;
      text-align: center;
      color: #21a599; }

@keyframes change {
  from {
    /* Use "to" to change the direction */
    background-position: right, center; } }

@media (max-width: 1000px) {
  section.flashcard-buttons .first {
    left: 0;
    right: auto;
    background: #0f1122;
    padding-right: 5px !important;
    border-bottom-right-radius: 3px; }
  section.save-changes {
    left: auto !important;
    right: 10px;
    top: 10px !important; }
    section.save-changes .shortcut {
      display: none; }
    section.save-changes button {
      border: 1px solid #323359; } }

/*!*******************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/courses_id/index.css ***!
  \*******************************************************************************************************************************************************************************/
.zg6LYGyE7rNQHN4it1iV section.checkbox, .zg6LYGyE7rNQHN4it1iV section.choose-type {
  right: calc(100% + 6px); }

.zg6LYGyE7rNQHN4it1iV section.how-to-create, .zg6LYGyE7rNQHN4it1iV section.save-changes {
  left: calc(100% + 6px); }

.zg6LYGyE7rNQHN4it1iV section.how-to-create, .zg6LYGyE7rNQHN4it1iV section.choose-type, .zg6LYGyE7rNQHN4it1iV section.save-changes {
  width: 92px; }

.zg6LYGyE7rNQHN4it1iV .choose-type button, .zg6LYGyE7rNQHN4it1iV .save-changes-button, .zg6LYGyE7rNQHN4it1iV .how-to-create button, .zg6LYGyE7rNQHN4it1iV .checkbox {
  background: rgba(250, 100, 0, 0.84);
  color: white; }

.zg6LYGyE7rNQHN4it1iV .how-to-create button:not(:hover) {
  opacity: 0.9; }

.zg6LYGyE7rNQHN4it1iV .there-are-checked-problems .-not-checked .checkbox {
  opacity: 0.4; }

.zg6LYGyE7rNQHN4it1iV .old-problem-wrapper.-not-checked > section.checkbox:hover {
  background: rgba(250, 100, 0, 0.84); }

.zg6LYGyE7rNQHN4it1iV .old-problem-wrapper.-checked,
.zg6LYGyE7rNQHN4it1iV .old-problem-wrapper.-checked > section.checkbox {
  background-color: #d4560f;
  transition-property: background-color;
  transition-duration: 100ms; }

.zg6LYGyE7rNQHN4it1iV .problems-container {
  padding: 0 120px;
  padding-bottom: 200px; }
  .zg6LYGyE7rNQHN4it1iV .problems-container.-newest-first section.problems {
    margin-top: 26px; }

.zg6LYGyE7rNQHN4it1iV section.problems, .zg6LYGyE7rNQHN4it1iV .new-problem {
  max-width: 1015px;
  margin: 0 auto; }

.zg6LYGyE7rNQHN4it1iV section.problems {
  margin-top: 30px; }

.zg6LYGyE7rNQHN4it1iV section.problem .ql-editor:focus {
  background: #282d58; }

.zg6LYGyE7rNQHN4it1iV section.problem .quill {
  height: 100%; }

.zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar {
  padding-right: 0; }
  .zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar .ql-formats {
    margin-right: 9px !important; }
  .zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar .ql-formats:first-child {
    margin-right: 2px !important; }
  .zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer {
    font-size: 10px;
    width: 50px !important;
    padding: 0;
    text-align: center;
    border-radius: 2px;
    line-height: 10px;
    border: 1px solid #2ce153;
    color: #a6f1b6;
    font-weight: 300; }
    .zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer.ql-active, .zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer:hover {
      text-shadow: 0 0 1px rgba(243, 243, 243, 0.5); }
    .zg6LYGyE7rNQHN4it1iV section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer::after {
      content: "Mark As Answer"; }

.zg6LYGyE7rNQHN4it1iV section.checkbox {
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 26px;
  cursor: pointer;
  user-select: none;
  font-size: 12px;
  font-weight: 500;
  border-radius: 2px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  transition-duration: 200ms;
  transition-property: bottom, top; }

.zg6LYGyE7rNQHN4it1iV .new-problem {
  position: relative;
  margin-top: 25px;
  padding: 0 8px; }
  .zg6LYGyE7rNQHN4it1iV .new-problem section.checkbox {
    top: 0;
    bottom: 0; }
  .zg6LYGyE7rNQHN4it1iV .new-problem .ql-container {
    height: calc(100% - 28px); }
  .zg6LYGyE7rNQHN4it1iV .new-problem section.how-to-create label,
  .zg6LYGyE7rNQHN4it1iV .new-problem section.choose-type label,
  .zg6LYGyE7rNQHN4it1iV .new-problem section.how-to-create .shortcut {
    color: #acb5da; }
  .zg6LYGyE7rNQHN4it1iV .new-problem section.how-to-create label, .zg6LYGyE7rNQHN4it1iV .new-problem section.choose-type label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
    height: 28px;
    font-size: 11px; }
  .zg6LYGyE7rNQHN4it1iV .new-problem > section.how-to-create {
    position: absolute;
    top: 0; }
    .zg6LYGyE7rNQHN4it1iV .new-problem > section.how-to-create button {
      width: 100%;
      height: 35px;
      min-width: 0; }
      .zg6LYGyE7rNQHN4it1iV .new-problem > section.how-to-create button .shortcut {
        position: absolute;
        bottom: -41px;
        padding: 15px 25px;
        width: 100%; }
  .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type {
    position: absolute;
    top: 0; }
    .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type > .buttons {
      height: 70px;
      width: 100%; }
    .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type > .buttons > button.button {
      font-size: 10px;
      height: 50%;
      opacity: 0.5;
      width: 100%;
      min-width: auto;
      color: white;
      border-radius: 3px; }
      .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type > .buttons > button.button:first-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
      .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type > .buttons > button.button:last-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0; }
      .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type > .buttons > button.button.-active {
        opacity: 1;
        cursor: default; }
      .zg6LYGyE7rNQHN4it1iV .new-problem > section.choose-type > .buttons > button.button:not(.-active):hover {
        opacity: 0.7; }

@media (min-width: 1000px) {
  .zg6LYGyE7rNQHN4it1iV .new-problem .checkbox {
    display: none; } }

@media (max-width: 1000px) {
  .zg6LYGyE7rNQHN4it1iV .container.problems-container {
    margin: 0;
    margin-left: 40px;
    padding: 0 20px; }
  .zg6LYGyE7rNQHN4it1iV section.problem {
    display: block; }
    .zg6LYGyE7rNQHN4it1iV section.problem div.first-column,
    .zg6LYGyE7rNQHN4it1iV section.problem div.second-column {
      width: 100%; }
    .zg6LYGyE7rNQHN4it1iV section.problem div.first-column {
      padding-right: 0; }
    .zg6LYGyE7rNQHN4it1iV section.problem div.second-column {
      padding-left: 0;
      padding-top: 20px; }
  .zg6LYGyE7rNQHN4it1iV .new-problem {
    margin-top: 65px; }
    .zg6LYGyE7rNQHN4it1iV .new-problem .how-to-create, .zg6LYGyE7rNQHN4it1iV .new-problem .choose-type {
      top: -50px !important; }
      .zg6LYGyE7rNQHN4it1iV .new-problem .how-to-create label, .zg6LYGyE7rNQHN4it1iV .new-problem .choose-type label {
        display: none !important; }
    .zg6LYGyE7rNQHN4it1iV .new-problem .choose-type {
      display: none; }
    .zg6LYGyE7rNQHN4it1iV .new-problem .how-to-create {
      left: auto;
      right: 10px; }
      .zg6LYGyE7rNQHN4it1iV .new-problem .how-to-create .shortcut {
        display: none; } }

.M1cWBbRItEtKwcwWzX9m section.problems {
  margin: 0 auto;
  margin-top: 50px;
  padding-bottom: 100px; }
  .M1cWBbRItEtKwcwWzX9m section.problems div.problem-wrapper {
    margin-bottom: 30px;
    display: flex; }
    .M1cWBbRItEtKwcwWzX9m section.problems div.problem-wrapper > div.index {
      width: 26px;
      flex-grow: 0;
      flex-shrink: 0;
      font-size: 12px;
      font-weight: 500;
      border-radius: 2px;
      background: rgba(250, 100, 0, 0.84);
      display: flex;
      align-items: center;
      justify-content: center; }
    .M1cWBbRItEtKwcwWzX9m section.problems div.problem-wrapper > section.problem {
      flex-grow: 1;
      flex-shrink: 1;
      margin-left: 12px; }
      .M1cWBbRItEtKwcwWzX9m section.problems div.problem-wrapper > section.problem .quill {
        height: 100%; }

@media (max-width: 900px) {
  .M1cWBbRItEtKwcwWzX9m section.problem {
    display: block; }
    .M1cWBbRItEtKwcwWzX9m section.problem div.first-column,
    .M1cWBbRItEtKwcwWzX9m section.problem div.second-column {
      width: 100%; }
    .M1cWBbRItEtKwcwWzX9m section.problem div.first-column {
      padding-right: 0; }
    .M1cWBbRItEtKwcwWzX9m section.problem div.second-column {
      padding-left: 0;
      padding-top: 20px; } }

/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/SettingsModal/index.scss ***!
  \*******************************************************************************************************************************************************************************************/
.kl4Kb8Gwjhn75Jreg7Kt {
  max-width: 650px; }
  .kl4Kb8Gwjhn75Jreg7Kt .standard-modal__main {
    min-height: 600px; }
  .kl4Kb8Gwjhn75Jreg7Kt h2.title {
    margin-bottom: 10px; }
  .kl4Kb8Gwjhn75Jreg7Kt .design-tab section.part-of-the-website {
    margin-bottom: 30px; }
    .kl4Kb8Gwjhn75Jreg7Kt .design-tab section.part-of-the-website div.setting {
      margin-bottom: 10px;
      background: rgba(255, 255, 255, 0.04);
      padding: 10px;
      display: flex;
      border-radius: 3px;
      min-height: 68px; }
      .kl4Kb8Gwjhn75Jreg7Kt .design-tab section.part-of-the-website div.setting .comment {
        padding-top: 4px;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        display: flex;
        align-items: center;
        padding-left: 10px;
        overflow-wrap: anywhere; }
      .kl4Kb8Gwjhn75Jreg7Kt .design-tab section.part-of-the-website div.setting button {
        font-size: 10px;
        margin-left: 20px;
        min-width: 150px;
        padding: 0; }
  .kl4Kb8Gwjhn75Jreg7Kt .manage-tab button {
    margin-top: 25px; }

/*!************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/users_id/components/Courses/index.css ***!
  \************************************************************************************************************************************************************************************************/
.i_96FokPo6Ib6Hzi_QfW section.for-beginners {
  text-align: center; }
  .i_96FokPo6Ib6Hzi_QfW section.for-beginners article.welcome > h1.title {
    margin-top: 40px;
    font-size: 40px;
    color: #aaa0f7; }
  .i_96FokPo6Ib6Hzi_QfW section.for-beginners article.welcome > div.description h2 {
    margin-top: 30px;
    margin-bottom: 30px; }
  .i_96FokPo6Ib6Hzi_QfW section.for-beginners article.welcome > div.description a {
    color: #aaa0f7; }
  .i_96FokPo6Ib6Hzi_QfW section.for-beginners hr {
    margin: 40px auto;
    border: none;
    border-bottom: 1px solid rgba(94, 140, 245, 0.07);
    max-width: 551px; }

.i_96FokPo6Ib6Hzi_QfW > .loading.-request {
  margin-top: 100px; }

@media (max-width: 430px) {
  .i_96FokPo6Ib6Hzi_QfW .sort-by-dropdown-wrapper {
    display: none; }
  .i_96FokPo6Ib6Hzi_QfW .list-of-courses {
    margin-top: 20px !important; } }

/*!*****************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/users_id/index.css ***!
  \*****************************************************************************************************************************************************************************/
.HIU5VXqSvezAjSC317jV .wrapper {
  display: flex;
  align-items: flex-start; }
  .HIU5VXqSvezAjSC317jV .wrapper .user, .HIU5VXqSvezAjSC317jV .wrapper .skills, .HIU5VXqSvezAjSC317jV .wrapper .stats {
    padding: 15px;
    background: #181c39;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #212543, 0 0 0 1px #202647;
    min-height: 328px; }
    .HIU5VXqSvezAjSC317jV .wrapper .user h1, .HIU5VXqSvezAjSC317jV .wrapper .skills h1, .HIU5VXqSvezAjSC317jV .wrapper .stats h1 {
      margin-bottom: 20px; }
  .HIU5VXqSvezAjSC317jV .wrapper .user {
    flex-grow: 0;
    flex-shrink: 0;
    width: 200px; }
    .HIU5VXqSvezAjSC317jV .wrapper .user img {
      border-radius: 2px;
      width: 100%; }
    .HIU5VXqSvezAjSC317jV .wrapper .user .username {
      margin-top: 10px; }
    .HIU5VXqSvezAjSC317jV .wrapper .user .email, .HIU5VXqSvezAjSC317jV .wrapper .user .created-at {
      color: #908aba; }
    .HIU5VXqSvezAjSC317jV .wrapper .user .email, .HIU5VXqSvezAjSC317jV .wrapper .user .created-at {
      font-size: 12px;
      margin-top: 8px; }
  .HIU5VXqSvezAjSC317jV .wrapper .skills {
    margin-left: 40px;
    width: 460px;
    flex-shrink: 0;
    padding: 20px;
    padding-bottom: 0; }
    .HIU5VXqSvezAjSC317jV .wrapper .skills h2 {
      padding-bottom: 5px;
      font-size: 14px;
      padding-left: 1px; }
    .HIU5VXqSvezAjSC317jV .wrapper .skills .skill {
      margin-bottom: 17px;
      cursor: pointer; }
      .HIU5VXqSvezAjSC317jV .wrapper .skills .skill:hover div.inner {
        background-color: #70eca0;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
        box-shadow: 0px 0px 6px 1px rgba(136, 125, 220, 0.33); }
      .HIU5VXqSvezAjSC317jV .wrapper .skills .skill:hover span.n-of-flashcards {
        opacity: 1; }
    .HIU5VXqSvezAjSC317jV .wrapper .skills .progress-bar {
      width: 100%;
      padding: 1px;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.09) !important;
      position: relative; }
      .HIU5VXqSvezAjSC317jV .wrapper .skills .progress-bar span.n-of-flashcards {
        opacity: 1;
        font-size: 12px;
        position: absolute;
        right: 5px;
        top: -19px; }
      .HIU5VXqSvezAjSC317jV .wrapper .skills .progress-bar > div.inner {
        transition: width 400ms ease-in-out;
        background-color: #70eca0c2;
        height: 11px;
        border-radius: 3px;
        background-image: linear-gradient(to bottom, rgba(89, 208, 86, 0.3), rgba(17, 149, 19, 0.05));
        box-shadow: none; }
  .HIU5VXqSvezAjSC317jV .wrapper .stats {
    margin-left: 40px;
    flex-grow: 1;
    padding: 20px;
    position: relative; }
    .HIU5VXqSvezAjSC317jV .wrapper .stats .settings-button {
      position: absolute;
      right: 0px;
      top: 0px;
      min-width: 0;
      min-height: 0;
      padding: 8px 11px;
      font-size: 9px; }
    .HIU5VXqSvezAjSC317jV .wrapper .stats ul.textual-stats {
      font-size: 14px;
      padding-left: 20px; }
      .HIU5VXqSvezAjSC317jV .wrapper .stats ul.textual-stats li.stat {
        padding-bottom: 17px; }
        .HIU5VXqSvezAjSC317jV .wrapper .stats ul.textual-stats li.stat ul.memory-levels {
          padding-left: 10px; }
          .HIU5VXqSvezAjSC317jV .wrapper .stats ul.textual-stats li.stat ul.memory-levels li {
            padding-top: 8px; }
          .HIU5VXqSvezAjSC317jV .wrapper .stats ul.textual-stats li.stat ul.memory-levels div.square {
            width: 12px;
            height: 12px;
            border-radius: 3px;
            border-radius: 2px;
            display: inline-block;
            margin-right: 7px;
            border: 1px solid white; }

.HIU5VXqSvezAjSC317jV .created-courses {
  margin-top: 40px; }
  .HIU5VXqSvezAjSC317jV .created-courses h1 {
    margin-bottom: 30px; }

@media (max-width: 800px) {
  .HIU5VXqSvezAjSC317jV .created-courses h1 {
    padding-left: 0 !important; }
  .HIU5VXqSvezAjSC317jV .created-courses .standard-navigation_and_courses {
    padding: 0; }
  .HIU5VXqSvezAjSC317jV .wrapper {
    display: block; }
    .HIU5VXqSvezAjSC317jV .wrapper .skills, .HIU5VXqSvezAjSC317jV .wrapper .user, .HIU5VXqSvezAjSC317jV .wrapper .stats {
      min-height: 0; }
    .HIU5VXqSvezAjSC317jV .wrapper .skills {
      width: 100%;
      margin-left: 0;
      margin-top: 40px;
      padding-bottom: 10px; }
    .HIU5VXqSvezAjSC317jV .wrapper .stats {
      display: none; }
    .HIU5VXqSvezAjSC317jV .wrapper .user {
      width: auto;
      text-align: center; }
      .HIU5VXqSvezAjSC317jV .wrapper .user img {
        max-width: 115px; }
    .HIU5VXqSvezAjSC317jV .wrapper .skills h1 {
      text-align: center; } }

/*!******************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/SignInButtons/index.css ***!
  \******************************************************************************************************************************************************************************************/
.A9eo6J9mwQsHmRxP4X_F {
  display: flex;
  justify-content: space-between;
  max-width: 400px;
  margin: 0 auto; }
  .A9eo6J9mwQsHmRxP4X_F > .button {
    border-radius: 2px; }
  .A9eo6J9mwQsHmRxP4X_F > .button.sign-in {
    flex-basis: 167px; }
    .A9eo6J9mwQsHmRxP4X_F > .button.sign-in i {
      font-size: 20px;
      padding-left: 10px; }
    .A9eo6J9mwQsHmRxP4X_F > .button.sign-in.-gmail {
      background: #d44638;
      color: white; }
    .A9eo6J9mwQsHmRxP4X_F > .button.sign-in.-github {
      background: #887ddc;
      color: white; }

/*!*********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/pleaseSignIn/index.css ***!
  \*********************************************************************************************************************************************************************************/
main.CEylNQzWwO11Q3Kq_W2g article {
  max-width: 350px; }

main.CEylNQzWwO11Q3Kq_W2g .sign-in-buttons {
  margin-top: 50px; }

@media (max-width: 420px) {
  main.CEylNQzWwO11Q3Kq_W2g .sign-in-buttons {
    flex-wrap: wrap; }
    main.CEylNQzWwO11Q3Kq_W2g .sign-in-buttons > .button.sign-in {
      flex-basis: 100%;
      margin-bottom: 20px; } }

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/articles_comparison/index.css ***!
  \****************************************************************************************************************************************************************************************/
main.Af2zdrXSYNDr8pL1jJ63 article .how-did-I-choose-sites-for-comparison {
  margin-top: 40px; }
  main.Af2zdrXSYNDr8pL1jJ63 article .how-did-I-choose-sites-for-comparison ul {
    padding-top: 10px; }
    main.Af2zdrXSYNDr8pL1jJ63 article .how-did-I-choose-sites-for-comparison ul li {
      padding-bottom: 0; }

main.Af2zdrXSYNDr8pL1jJ63 article .sites .site {
  border-left: 1px solid rgba(136, 125, 220, 0.13);
  margin-top: 20px;
  padding: 30px 50px;
  padding-right: 0; }
  main.Af2zdrXSYNDr8pL1jJ63 article .sites .site h3 {
    margin-bottom: 17px;
    color: #aaa0f7;
    width: 160px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 15px;
    display: flex;
    align-items: center; }
    main.Af2zdrXSYNDr8pL1jJ63 article .sites .site h3 > span.rating {
      font-size: 14px;
      font-weight: 300;
      color: white;
      text-shadow: 0 0 5px #ffffff7d;
      padding-left: 10px; }
      main.Af2zdrXSYNDr8pL1jJ63 article .sites .site h3 > span.rating:after {
        content: '/5'; }

main.Af2zdrXSYNDr8pL1jJ63 article .sites .conclusion {
  margin-top: 20px;
  padding: 20px;
  background: rgba(136, 125, 220, 0.13);
  width: 100%;
  padding-left: 50px; }
  main.Af2zdrXSYNDr8pL1jJ63 article .sites .conclusion h3 {
    display: none;
    font-size: 20px;
    padding: 5px;
    padding-left: 10px; }

main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#types-of-tasks .site.brainscape ul.list-of-flashcard-types {
  box-shadow: none; }
  main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#types-of-tasks .site.brainscape ul.list-of-flashcard-types li {
    box-shadow: 5px 2px 20px 0px #1e203a; }

main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#types-of-tasks ul.list-of-flashcard-types {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 5px 2px 20px 0px #1e203a; }
  main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#types-of-tasks ul.list-of-flashcard-types li {
    width: 50%;
    padding: 14px;
    box-sizing: border-box;
    box-shadow: 0px 0px 6px 0px #0f1122;
    text-align: center;
    background: #1f203a;
    line-height: 22px;
    font-size: 15px;
    min-height: 205px; }
    main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#types-of-tasks ul.list-of-flashcard-types li img {
      width: 100%;
      margin: 0 auto;
      display: block;
      margin-top: 10px; }

main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#when-to-use-each .site h3 {
  width: auto;
  justify-content: flex-start; }
  main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#when-to-use-each .site h3 > span.answer {
    padding-left: 15px;
    text-transform: none; }

main.Af2zdrXSYNDr8pL1jJ63 article section.article-section#ui .description b {
  font-weight: 300;
  color: #aaa0f7; }

@media (max-width: 900px) {
  main.Af2zdrXSYNDr8pL1jJ63 .sites section.site {
    padding-left: 20px; }
  main.Af2zdrXSYNDr8pL1jJ63 section.article-section#types-of-tasks ul.list-of-flashcard-types > li {
    width: 100% !important; } }

/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/articles_welcome/index.css (1) ***!
  \*****************************************************************************************************************************************************************************************/
main.zqvrHwDoHEg5HXNQp11t {
  position: relative;
  overflow: hidden; }
  main.zqvrHwDoHEg5HXNQp11t header .sign-in-links {
    background: none !important; }
  main.zqvrHwDoHEg5HXNQp11t header {
    background: #171625 !important; }
  main.zqvrHwDoHEg5HXNQp11t header {
    position: relative;
    z-index: 1; }
  main.zqvrHwDoHEg5HXNQp11t .github-ribbon {
    z-index: 0;
    top: 97px;
    right: -67px;
    display: block;
    position: absolute;
    width: 282px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(250, 100, 0, 0.84);
    font-family: "Sentinel SSm A", "Sentinel SSm B", "Sentinel", "Georgia", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: white;
    text-decoration: none;
    white-space: nowrap;
    transform: rotate(45deg);
    transform-origin: 50% 50%; }
    main.zqvrHwDoHEg5HXNQp11t .github-ribbon:hover {
      background: #fa5c12; }
  @media (max-width: 930px) {
    main.zqvrHwDoHEg5HXNQp11t .github-ribbon {
      display: none; } }
  main.zqvrHwDoHEg5HXNQp11t .feature-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap; }
    main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box {
      width: 47%;
      display: flex;
      max-width: 560px;
      align-items: flex-start;
      padding: 20px;
      background: #0e1022;
      border-radius: 10px;
      margin-bottom: 20px; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box .image {
        width: 50px;
        margin-right: 40px; }
        main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box .image img {
          max-width: 100%; }
        main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box .image span, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box .image i {
          color: white;
          font-size: 46px;
          text-shadow: 0 0 10px rgba(136, 125, 220, 0.5), 0 0 20px rgba(136, 125, 220, 0.2), 0 0 30px rgba(136, 125, 220, 0.2), 0 0 40px rgba(136, 125, 220, 0.2), 0 0 50px rgba(136, 125, 220, 0.2), 0 0 60px rgba(136, 125, 220, 0.2), 0 0 70px rgba(136, 125, 220, 0.2) !important; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box h5 {
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 300;
        letter-spacing: 2px;
        margin: 0; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box p {
        line-height: 23px; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.shortcuts i, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.shortcuts h5 {
        color: #4578cc; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.shortcuts i {
        text-shadow: 0 0 10px rgba(99, 82, 234, 0.28), 0 0 20px rgba(136, 125, 220, 0.2), 0 0 30px rgba(136, 125, 220, 0.3), 0 0 40px rgba(136, 125, 220, 0.5), 0 0 50px rgba(70, 48, 236, 0.5), 0 0 60px rgba(59, 38, 215, 0.5), 0 0 70px rgba(67, 45, 232, 0.5); }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.formulas i, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.formulas h5 {
        color: #63f6e8; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.gifs span, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.gifs h5 {
        color: #c26576; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.gifs span {
        text-shadow: 0 0 10px rgba(238, 84, 84, 0.58), 0 0 70px #ee5454; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.creations span, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.creations h5 {
        color: #85d287; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.comfortable span {
        text-shadow: 0 0 10px rgba(55, 160, 221, 0.36), 0 0 20px rgba(55, 160, 221, 0.27), 0 0 30px #2c7aa8, 0 0 40px #38779c, 0 0 50px rgba(55, 160, 221, 0.55), 0 0 60px #1f3452, 0 0 70px #204161; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.comfortable span, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.comfortable h5 {
        color: #37a0dd; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.free span, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.free h5 {
        color: #85d287; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.open-source i, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.open-source h5 {
        color: #c989fa; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.open-source i {
        position: relative;
        left: 10px; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.open-source a {
        color: #ef75f8;
        text-decoration: underline; }
      main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.algorithm span, main.zqvrHwDoHEg5HXNQp11t .feature-list .feature-box.algorithm h5 {
        color: #fa61d2; }
  main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting {
    max-width: 1300px;
    padding-bottom: 200px;
    padding-top: 130px; }
    main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting h2.section-heading {
      margin-bottom: 75px;
      margin-top: 170px;
      font-size: 48px;
      text-align: center; }
    main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting div.section-explanation {
      font-size: 20px;
      text-align: center;
      max-width: 700px;
      margin: 0 auto;
      margin-top: -36px; }
    main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting a {
      text-decoration: none; }
    main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting section.article-section {
      padding-top: 60px; }
  main.zqvrHwDoHEg5HXNQp11t section.article-headings {
    text-align: center;
    margin-bottom: 170px; }
    main.zqvrHwDoHEg5HXNQp11t section.article-headings h1 {
      font-size: 60px;
      line-height: 86px; }
    main.zqvrHwDoHEg5HXNQp11t section.article-headings h2.subtitle {
      margin: 0;
      margin-bottom: 100px;
      margin-top: 35px; }
    main.zqvrHwDoHEg5HXNQp11t section.article-headings h2.more {
      line-height: 34px;
      margin-top: 50px; }
    main.zqvrHwDoHEg5HXNQp11t section.article-headings .button {
      display: inline-flex;
      margin: 0 auto;
      font-size: 15px;
      margin-top: 120px; }
  main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol {
    display: flex; }
    main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li {
      width: 50%;
      border-radius: 5px;
      background: rgba(136, 125, 220, 0.15);
      display: flex;
      flex-direction: column; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li section.problem {
        min-height: 150px;
        background: none;
        box-shadow: none;
        margin: 50px 7px; }
        main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li section.problem .first-column {
          padding-right: 7px; }
        main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li section.problem .second-column {
          padding-left: 7px; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li section.problem {
        flex-grow: 1; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li div.instruction {
        flex-grow: 0; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li div.instruction.-top {
        padding: 10px 20px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        font-weight: 600;
        font-family: 'Libre Franklin', sans-serif;
        font-size: 18px; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li div.instruction.-bottom {
        padding: 10px 20px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px; }
    main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.separate {
      margin-right: 10px; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.separate div.instruction.-top {
        background: #37335e; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.separate div.instruction.-bottom {
        background: rgba(55, 51, 94, 0.5); }
    main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.inline {
      margin-left: 10px; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.inline div.instruction.-top {
        background: #b04a0d; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.inline div.instruction.-bottom {
        background: rgba(55, 51, 94, 0.5); }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.inline input.answer-input {
        cursor: pointer !important; }
        main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol li.inline input.answer-input:hover {
          background: rgba(136, 125, 220, 0.16); }
  main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards button.reset-button {
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 2px; }
  main.zqvrHwDoHEg5HXNQp11t section.creation .button.-orange {
    font-size: 15px;
    margin: 0 auto;
    max-width: 300px;
    margin-top: 150px; }
  main.zqvrHwDoHEg5HXNQp11t section.creation .how-to-create {
    display: none; }
  main.zqvrHwDoHEg5HXNQp11t section.creation section.problem {
    margin-top: 100px; }
    main.zqvrHwDoHEg5HXNQp11t section.creation section.problem .ql-editor:focus {
      background: #282d58; }
    main.zqvrHwDoHEg5HXNQp11t section.creation section.problem .quill > .ql-container > .ql-editor {
      min-height: 63px; }
    main.zqvrHwDoHEg5HXNQp11t section.creation section.problem .quill {
      height: 100%; }
    main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar {
      padding-right: 0; }
      main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar .ql-formats {
        margin-right: 9px !important; }
      main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar .ql-formats:first-child {
        margin-right: 2px !important; }
      main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer {
        font-size: 10px;
        width: 50px !important;
        padding: 0;
        text-align: center;
        border-radius: 2px;
        line-height: 10px;
        border: 1px solid #2ce153;
        color: #a6f1b6;
        font-weight: 300; }
        main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer.ql-active, main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer:hover {
          text-shadow: 0 0 1px rgba(243, 243, 243, 0.5); }
        main.zqvrHwDoHEg5HXNQp11t section.creation section.problem.-withInlinedAnswers > .first-column .ql-toolbar button.ql-answer::after {
          content: "Mark As Answer"; }
  main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem {
    position: relative;
    max-width: 970px;
    margin: 0 auto;
    margin-top: 25px;
    padding: 0 8px; }
    main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem .ql-container {
      height: calc(100% - 28px); }
    main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type {
      position: absolute;
      top: 0;
      right: -90px;
      padding-bottom: 20px; }
      main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type > label {
        display: block;
        font-size: 10px;
        padding-bottom: 8px;
        text-align: center;
        color: #e2e6f6;
        letter-spacing: 0.2px; }
      main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type > .buttons > button.button {
        font-size: 9px;
        padding: 7px 4px;
        opacity: 0.5;
        width: 84px;
        min-width: auto;
        background: rgba(250, 100, 0, 0.84);
        color: white;
        font-weight: 300;
        border-radius: 3px; }
        main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type > .buttons > button.button.-active {
          opacity: 1;
          cursor: default; }
        main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type > .buttons > button.button:not(.-active):hover {
          opacity: 0.7; }
        main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type > .buttons > button.button:first-child {
          border-bottom-left-radius: 0;
          border-bottom-right-radius: 0; }
        main.zqvrHwDoHEg5HXNQp11t section.creation .new-problem > section.choose-type > .buttons > button.button:last-child {
          border-top-left-radius: 0;
          border-top-right-radius: 0; }
  main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses {
    display: flex;
    justify-content: space-between;
    max-width: 940px;
    margin: 0 auto;
    margin-top: 80px; }
    main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card {
      transition-duration: 300ms; }
      main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card .total-amount-of-flashcards {
        transition-duration: 300ms;
        background: rgba(250, 100, 0, 0.84);
        display: flex;
        align-items: center;
        justify-content: center;
        height: 21px; }
      main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card h2.title {
        margin-top: 20px; }
      main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card .description {
        display: none; }
      main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card:hover {
        background: #1d2245; }
        main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card:hover:hover .total-amount-of-flashcards {
          height: 35px;
          font-size: 16px; }
      main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses .standard-course-card:focus-within {
        box-shadow: 0 0 1px 1px rgba(250, 100, 0, 0.84); }
  main.zqvrHwDoHEg5HXNQp11t section.sign-in {
    text-align: center; }
    main.zqvrHwDoHEg5HXNQp11t section.sign-in img {
      width: 50px;
      margin-top: 100px; }
    main.zqvrHwDoHEg5HXNQp11t section.sign-in div.sign-in-buttons {
      display: block;
      max-width: 304px; }
      main.zqvrHwDoHEg5HXNQp11t section.sign-in div.sign-in-buttons a {
        font-size: 16px; }
      main.zqvrHwDoHEg5HXNQp11t section.sign-in div.sign-in-buttons a.-github {
        margin-top: 30px; }
  main.zqvrHwDoHEg5HXNQp11t .-glow {
    text-align: center;
    text-shadow: 0 0 10px rgba(136, 125, 220, 0.5), 0 0 20px rgba(136, 125, 220, 0.5), 0 0 30px rgba(136, 125, 220, 0.5), 0 0 40px rgba(136, 125, 220, 0.5), 0 0 50px rgba(136, 125, 220, 0.5), 0 0 60px rgba(136, 125, 220, 0.5), 0 0 70px rgba(136, 125, 220, 0.5); }
  @media (max-width: 800px) {
    main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting {
      padding-top: 50px; }
      main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting section.article-headings {
        margin-bottom: 0; }
        main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting section.article-headings h1 {
          font-size: 42px;
          line-height: 54px; }
      main.zqvrHwDoHEg5HXNQp11t .standard-article-formatting h2.section-heading {
        font-size: 39px; }
    main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol.two-types-of-flashcard {
      flex-wrap: wrap; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol.two-types-of-flashcard li {
        width: 100%;
        margin: 0; }
      main.zqvrHwDoHEg5HXNQp11t section.two-types-of-flashcards ol.two-types-of-flashcard li.inline {
        margin-top: 40px; }
    main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses {
      flex-wrap: wrap;
      justify-content: space-around; }
      main.zqvrHwDoHEg5HXNQp11t section.courses .list-of-courses a.standard-course-card {
        margin-bottom: 50px; } }
  @media (max-width: 750px) {
    main.zqvrHwDoHEg5HXNQp11t section.creation {
      display: none; }
    main.zqvrHwDoHEg5HXNQp11t section.article-section.features .feature-box {
      width: 100%; } }
  @media (max-width: 1200px) {
    main.zqvrHwDoHEg5HXNQp11t section.creation section.choose-type {
      display: none; } }

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/Footer/index.css ***!
  \***********************************************************************************************************************************************************************************/
footer.pbVYF50KVr76mTmK0z_d {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 10px 0;
  background: #14162d;
  color: white; }
  footer.pbVYF50KVr76mTmK0z_d > .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    letter-spacing: 2px; }
    footer.pbVYF50KVr76mTmK0z_d > .container > section.blog-links {
      display: flex;
      align-items: center; }
      footer.pbVYF50KVr76mTmK0z_d > .container > section.blog-links > span.pipe {
        padding: 0 15px;
        color: #354169; }
      footer.pbVYF50KVr76mTmK0z_d > .container > section.blog-links .star-us {
        display: inline-block;
        margin-bottom: -2px; }
      footer.pbVYF50KVr76mTmK0z_d > .container > section.blog-links .twitter-link {
        color: #1da1f2;
        font-size: 15px; }
    footer.pbVYF50KVr76mTmK0z_d > .container > section.email i {
      padding-left: 10px; }

@media (max-width: 500px) {
  footer.pbVYF50KVr76mTmK0z_d > .container {
    flex-wrap: wrap; }
    footer.pbVYF50KVr76mTmK0z_d > .container > section.blog-links {
      width: 100%; }
    footer.pbVYF50KVr76mTmK0z_d > .container > section.email {
      margin-top: 15px; } }

/*!****************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/contact/index.css ***!
  \****************************************************************************************************************************************************************************/

/*!*************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/home/index.css ***!
  \*************************************************************************************************************************************************************************/
main.NfEifkVQtYVF_0xkDlyY .standard-course-card .title {
  margin-top: 23px; }

main.NfEifkVQtYVF_0xkDlyY .standard-course-card .description {
  display: none; }

main.NfEifkVQtYVF_0xkDlyY .home-section {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  background: #14172e;
  border-radius: 10px;
  margin-bottom: 20px; }
  main.NfEifkVQtYVF_0xkDlyY .home-section h1 {
    width: 298px;
    flex-shrink: 0; }
  main.NfEifkVQtYVF_0xkDlyY .home-section .standard-course-card {
    margin-bottom: 0; }
  main.NfEifkVQtYVF_0xkDlyY .home-section .layout-div {
    display: none; }

main.NfEifkVQtYVF_0xkDlyY h1 {
  margin-bottom: 20px;
  margin-bottom: 40px; }

/*!**************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./appComponents/PageAdmin/index.css ***!
  \**************************************************************************************************************************************************************************************/
.phJuLeODN4bYtWH2ElWC > .container {
  display: flex;
  margin-top: 30px; }
  .phJuLeODN4bYtWH2ElWC > .container > nav.navigation-admin {
    flex-grow: 0;
    flex-shrink: 0;
    width: 250px;
    min-height: 400px;
    margin-right: 40px;
    margin-bottom: 60px;
    background: rgba(34, 38, 74, 0.27); }
    .phJuLeODN4bYtWH2ElWC > .container > nav.navigation-admin a {
      display: block;
      padding: 10px;
      font-size: 14px;
      color: #aaa0f7;
      border-bottom: 1px solid rgba(68, 67, 67, 0.07);
      opacity: 0.4; }
      .phJuLeODN4bYtWH2ElWC > .container > nav.navigation-admin a.active {
        opacity: 1; }
  .phJuLeODN4bYtWH2ElWC > .container > section.actual-main {
    flex-grow: 1;
    flex-shrink: 1;
    padding-bottom: 30px; }
    .phJuLeODN4bYtWH2ElWC > .container > section.actual-main > h1.standard-admin-title {
      font-size: 30px; }
    .phJuLeODN4bYtWH2ElWC > .container > section.actual-main > div.standard-admin-sections {
      margin-top: 20px; }
      .phJuLeODN4bYtWH2ElWC > .container > section.actual-main > div.standard-admin-sections > section.standard-admin-section {
        margin-top: 30px; }
        .phJuLeODN4bYtWH2ElWC > .container > section.actual-main > div.standard-admin-sections > section.standard-admin-section > h2.standard-admin-section-title {
          background: rgba(68, 67, 67, 0.07);
          padding: 15px 20px;
          padding-top: 11px;
          margin-bottom: 20px;
          font-size: 12px;
          text-transform: uppercase;
          border-top: 4px solid rgba(177, 177, 177, 0.42);
          font-weight: lighter; }

/*!****************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./pages/admin_notifications/index.css ***!
  \****************************************************************************************************************************************************************************************/
.uPAxEbXhJgUIgDbi8hEJ textarea {
  color: white; }


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