@charset "UTF-8";
/* line 9, app/assets/stylesheets/shared/variables.sass */
:root {
  --font-size-0: 11px;
  --font-size-1: 12px;
  --font-size-2: 14px;
  --font-size-3: 16px;
  --font-size-4: 18px;
  --font-size-5: 20px;
  --font-size-6: 24px;
  --font-size-7: 30px;
  --font-size-8: 36px;
  --font-size-9: 48px;
  --font-size-10: 60px;
  --font-size-11: 72px;
}

/* line 200, app/assets/stylesheets/shared/colors.scss */
:root {
  --color-gray-100: #F8F8F8;
  --color-gray-200: #F3F3F3;
  --color-gray-300: #E3E3E3;
  --color-gray-400: #D8D8D8;
  --color-gray-500: #BDBDBD;
  --color-gray-600: #8F8F8F;
  --color-gray-700: #6A6A6A;
  --color-gray-800: #353535;
  --color-gray-900: #242424;
  --color-blue-100: #EBF6FE;
  --color-blue-200: #D9EDFC;
  --color-blue-300: #81A2FF;
  --color-blue-400: #1da1f2;
  --color-blue-500: #003CE6;
  --color-blue-600: #0039AC;
  --color-blue-700: #002570;
  --color-blue-800: #001B51;
  --color-blue-900: #001F43;
  --color-white: white;
  --color-black: black;
  --color-body: black;
  --color-body-bg: white;
  --color-body-bg-offset: #E3E3E3;
  --color-checkmark-bg: #00CF6A;
  --color-checkmark-inside: white;
  --color-link: #003CE6;
  --color-link-hover: #0039AC;
  --color-primary-bg: #00CF6A;
  --color-primary-bg-hover: #03AC5A;
  --color-primary: white;
  --color-button: #353535;
  --color-button-bg: #E3E3E3;
  --color-button-bg-hover: #D8D8D8;
  --color-project-link: black;
  --color-project-pitch-link: #444;
  --color-follow-bg: #cceeff;
  --color-follow-bg-hover: #99ddff;
  --color-follow-text: #006699;
  --color-follow-bg-active: #e1f2d9;
  --color-follow-bg-hover-active: #ddd;
  --color-follow-text-active: #226600;
  --color-post-recent-bg: #00CF6A;
  --color-post-and-comment: white;
  --color-post-and-comment-bg: #2c3e50;
  --color-content-block: black;
  --color-content-block-subtle: #353535;
  --color-content-block-bg: white;
  --color-content-block-border: #D8D8D8;
  --color-content-block-offset: #F3F3F3;
  --color-content-block-shadow: rgba(0, 0, 0, 0.1);
  --color-header-link: #6A6A6A;
  --color-header-link-hover: black;
  --color-header-link-icon: #8F8F8F;
  --color-header-link-icon-hover: black;
  --color-header-link-primary: white;
  --color-header-link-primary-bg: #00CF6A;
  --color-header-link-primary-bg-hover: #03AC5A;
  --color-selection: black;
  --color-selection-bg: #ffea00;
  --color-tag-bg: #EBF6FE;
  --color-tag-bg-hover: #D9EDFC;
  --color-streak: #330000;
  --color-streak-bg: #ffdb99;
  --color-top-streak: white;
  --color-top-streak-bg: #ccc;
  --color-pro: #000099;
  --color-pro-bg: #f2f2fa;
  --color-new: #00CF6A;
  --color-summary-start-bg: #e6e6e6;
  --color-summary-stop-bg: #f2f2f2;
  --color-nav-bar: #6A6A6A;
  --color-nav-bar-border: #F3F3F3;
  --color-nav-bar-hover: #353535;
  --color-nav-bar-hover-border: #E3E3E3;
  --color-nav-bar-active: #242424;
  --color-card-bg: white;
  --color-card-bg-development: pink;
  --color-highlight: #fffbd9;
  --color-image-border-overlay: rgba(0, 0, 0, 0.1);
  --color-content-button-bg: #eee;
  --color-content-button: #333;
  --color-content-button-pro: white;
  --color-content-button-pro-bg: #000099;
  --color-code: green;
  --color-code-bg: #f1f1f1;
  --color-mention: #003CE6;
  --color-mention-bg: #EBF6FE;
  --color-mention-hover: #003CE6;
  --color-mention-bg-hover: #D9EDFC;
  --color-layout-cover: white;
  --color-content: black;
  --color-content-bg: white;
  --color-subtle-border-on-content-bg: #F3F3F3;
  --color-visible-border-on-content-bg: #E3E3E3;
  --color-prominent-border-on-content-bg: #BDBDBD;
  --color-subtle-text-on-content-bg: #BDBDBD;
  --color-subtle-offset-on-content-bg: #F8F8F8;
  --color-offset-on-content-bg: #F3F3F3;
  --color-prominent-offset-on-content-bg: #E3E3E3;
  --color-interactive-offset-on-content-bg: #EBF6FE;
}

/* line 207, app/assets/stylesheets/shared/colors.scss */
.dark {
  --color-gray-100: #242424;
  --color-gray-200: #353535;
  --color-gray-300: #6A6A6A;
  --color-gray-400: #8F8F8F;
  --color-gray-500: #BDBDBD;
  --color-gray-600: #D8D8D8;
  --color-gray-700: #E3E3E3;
  --color-gray-800: #F3F3F3;
  --color-gray-900: #F8F8F8;
  --color-blue-100: #001F43;
  --color-blue-200: #001B51;
  --color-blue-300: #002570;
  --color-blue-400: #0039AC;
  --color-blue-500: #003CE6;
  --color-blue-600: #1da1f2;
  --color-blue-700: #81A2FF;
  --color-blue-800: #D9EDFC;
  --color-blue-900: #EBF6FE;
  --color-white: black;
  --color-black: white;
  --color-body: white;
  --color-body-bg: black;
  --color-body-bg-offset: #1c1c1c;
  --color-checkmark-bg: #30ff9a;
  --color-checkmark-inside: #165239;
  --color-link: #1955ff;
  --color-link-hover: #538cff;
  --color-button: #cacaca;
  --color-button-bg: #1c1c1c;
  --color-button-bg-hover: #272727;
  --color-project-link: white;
  --color-project-pitch-link: #bbbbbb;
  --color-follow-bg: #002233;
  --color-follow-bg-hover: #004466;
  --color-follow-text: #66ccff;
  --color-follow-bg-active: #15260d;
  --color-follow-bg-hover-active: #222222;
  --color-follow-text-active: #bbff99;
  --color-content-block: white;
  --color-content-block-subtle: #cacaca;
  --color-content-block-bg: #111;
  --color-content-block-border: #222;
  --color-content-block-offset: #0c0c0c;
  --color-content-block-shadow: #222;
  --color-header-link: #959595;
  --color-header-link-hover: white;
  --color-header-link-icon: #707070;
  --color-header-link-icon-hover: white;
  --color-selection: white;
  --color-selection-bg: #998c00;
  --color-tag-bg: #010c14;
  --color-tag-bg-hover: #031726;
  --color-streak: white;
  --color-streak-bg: #664200;
  --color-top-streak: white;
  --color-top-streak-bg: #333333;
  --color-pro: #e6e6f5;
  --color-pro-bg: #00007a;
  --color-new: #30ff9a;
  --color-summary-start-bg: #1a1a1a;
  --color-summary-stop-bg: #0d0d0d;
  --color-nav-bar: #959595;
  --color-nav-bar-border: #0c0c0c;
  --color-nav-bar-hover: #cacaca;
  --color-nav-bar-hover-border: #1c1c1c;
  --color-nav-bar-active: #dbdbdb;
  --color-card-bg: black;
  --color-card-bg-development: #3f000b;
  --color-highlight: #262200;
  --color-image-border-overlay: rgba(255, 255, 255, 0.1);
  --color-content-button-bg: #111111;
  --color-content-button: #cccccc;
  --color-content-button-pro: black;
  --color-content-button-pro-bg: #6666ff;
  --color-code: #7fff7f;
  --color-code-bg: #333;
  --color-mention: #1955ff;
  --color-mention-bg: #010c14;
  --color-mention-hover: #1955ff;
  --color-mention-bg-hover: #031726;
  --color-layout-cover: black;
  --color-content: white;
  --color-content-bg: #242424;
  --color-subtle-border-on-content-bg: #242424;
  --color-visible-border-on-content-bg: #353535;
  --color-prominent-border-on-content-bg: #6A6A6A;
  --color-subtle-text-on-content-bg: #6A6A6A;
  --color-subtle-offset-on-content-bg: #070707;
  --color-offset-on-content-bg: #0c0c0c;
  --color-prominent-offset-on-content-bg: #1c1c1c;
  --color-interactive-offset-on-content-bg: #010c14;
}

/* line 9, app/assets/stylesheets/shared/box_shadows.scss */
:root {
  --box-shadow-xs: 0 1px 3px hsla(0, 0%, 0%, .12), 0 1px 2px hsla(0, 0%, 0%, .24);
  --box-shadow-s: 0 3px 6px hsla(0, 0%, 0%, .15), 0 2px 4px hsla(0, 0%, 0%, .12);
  --box-shadow-m: 0 10px 20px hsla(0, 0%, 0%, .15), 0 3px 6px hsla(0, 0%, 0%, .1);
  --box-shadow-l: 0 15px 25px hsla(0, 0%, 0%, .15), 0 5px 10px hsla(0, 0%, 0%, .05);
  --box-shadow-xl: 0 20px 40px hsla(0, 0%, 0%, .2);
}

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

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

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

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

@-webkit-keyframes checkOffFirst {
  from {
    height: 0;
  }
  to {
    height: 2em;
  }
}

@keyframes checkOffFirst {
  from {
    height: 0;
  }
  to {
    height: 2em;
  }
}

@-webkit-keyframes checkOffSecond {
  from {
    width: 0;
  }
  to {
    width: 3em;
  }
}

@keyframes checkOffSecond {
  from {
    width: 0;
  }
  to {
    width: 3em;
  }
}

@-webkit-keyframes poppy {
  from {
    transform-origin: top center;
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes poppy {
  from {
    transform-origin: top center;
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

/* line 58, app/assets/stylesheets/shared/animations.sass */
.fadeDown {
  opacity: 0;
  -webkit-animation-name: fadeInOpacity;
          animation-name: fadeInOpacity;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 75, app/assets/stylesheets/shared/animations.sass */
.fadeDown--2 {
  -webkit-animation-delay: .1s;
          animation-delay: .1s;
}

/* line 78, app/assets/stylesheets/shared/animations.sass */
.fadeDown--3 {
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
}

/* line 81, app/assets/stylesheets/shared/animations.sass */
.fadeDown--4 {
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

/* line 84, app/assets/stylesheets/shared/animations.sass */
.fadeDown--5 {
  -webkit-animation-delay: .4s;
          animation-delay: .4s;
}

@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

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

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

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* line 1, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar {
  position: -webkit-sticky;
  position: sticky;
  top: 0.2rem;
  z-index: 1;
}

/* line 7, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar * {
  box-sizing: border-box;
}

/* line 10, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

/* line 16, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button-group {
  background: white;
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

/* line 24, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

@media (max-device-width: 768px) {
  /* line 27, app/assets/stylesheets/shared/actiontext.scss */
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

/* line 30, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

@media (max-device-width: 768px) {
  /* line 33, app/assets/stylesheets/shared/actiontext.scss */
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

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

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

/* line 52, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

/* line 55, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 57, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

@media (max-device-width: 768px) {
  /* line 60, app/assets/stylesheets/shared/actiontext.scss */
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

/* line 64, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

@media (max-device-width: 768px) {
  /* line 71, app/assets/stylesheets/shared/actiontext.scss */
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

/* line 74, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-device-width: 768px) {
  /* line 87, app/assets/stylesheets/shared/actiontext.scss */
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

/* line 90, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

/* line 92, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 139, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-dialogs {
  position: relative;
}

/* line 142, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

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

/* line 167, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

/* line 170, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

/* line 175, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

/* line 178, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

/* line 181, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

/* line 183, app/assets/stylesheets/shared/actiontext.scss */
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

/* line 187, app/assets/stylesheets/shared/actiontext.scss */
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 193, app/assets/stylesheets/shared/actiontext.scss */
trix-editor [data-trix-mutable]::-moz-selection,
trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}

/* line 197, app/assets/stylesheets/shared/actiontext.scss */
trix-editor [data-trix-mutable]::-moz-selection, trix-editor [data-trix-cursor-target]::-moz-selection, trix-editor [data-trix-mutable] ::-moz-selection {
  background: none;
}
trix-editor [data-trix-mutable]::selection,
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

/* line 201, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection {
  background: highlight;
}

/* line 204, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection {
  background: highlight;
}
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection {
  background: highlight;
}

/* line 207, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment.attachment--file[data-trix-mutable] {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

/* line 211, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment[data-trix-mutable] img {
  box-shadow: 0 0 0 2px highlight;
}

/* line 214, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment {
  position: relative;
}

/* line 216, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment:hover {
  cursor: default;
}

/* line 219, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

/* line 222, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

/* line 231, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

/* line 234, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 250, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 258, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button-group {
  display: inline-flex;
}

/* line 261, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

/* line 273, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 275, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

/* line 277, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

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

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

/* line 305, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button--remove:hover {
  border-color: #333;
}

/* line 307, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

/* line 310, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__metadata-container {
  position: relative;
}

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

/* line 324, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 331, app/assets/stylesheets/shared/actiontext.scss */
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

/* line 335, app/assets/stylesheets/shared/actiontext.scss */
.trix-content {
  line-height: 1.5;
}

/* line 337, app/assets/stylesheets/shared/actiontext.scss */
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 341, app/assets/stylesheets/shared/actiontext.scss */
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

/* line 344, app/assets/stylesheets/shared/actiontext.scss */
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

/* line 349, app/assets/stylesheets/shared/actiontext.scss */
.trix-content [dir=rtl] blockquote,
.trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

/* line 355, app/assets/stylesheets/shared/actiontext.scss */
.trix-content li {
  margin-left: 1em;
}

/* line 357, app/assets/stylesheets/shared/actiontext.scss */
.trix-content [dir=rtl] li {
  margin-right: 1em;
}

/* line 359, app/assets/stylesheets/shared/actiontext.scss */
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

/* line 369, app/assets/stylesheets/shared/actiontext.scss */
.trix-content img {
  max-width: 100%;
  height: auto;
}

/* line 372, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

/* line 376, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

/* line 379, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

/* line 381, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment__caption {
  text-align: center;
}

/* line 383, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: ' \2022 ';
}

/* line 385, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

/* line 388, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 392, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

/* line 399, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

/* line 403, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 407, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/* line 416, app/assets/stylesheets/shared/actiontext.scss */
.trix-content .attachment-gallery > action-text-attachment,
.trix-content .attachment-gallery > .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

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

/* line 434, app/assets/stylesheets/shared/actiontext.scss */
.trix-content action-text-attachment .attachment {
  padding: 0 !important;
  max-width: 100% !important;
}

/* line 442, app/assets/stylesheets/shared/actiontext.scss */
.attachment--preview {
  margin: 0.6em 0;
  text-align: center;
  width: 100%;
}

/* line 448, app/assets/stylesheets/shared/actiontext.scss */
.attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* line 1, app/assets/stylesheets/shared/universal.sass */
body {
  background-color: var(--color-body-bg);
  color: var(--color-body);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}

/* line 9, app/assets/stylesheets/shared/universal.sass */
body.black {
  background-color: black;
}

/* line 12, app/assets/stylesheets/shared/universal.sass */
.nav {
  grid-area: nav;
}

/* line 15, app/assets/stylesheets/shared/universal.sass */
.headerWrap {
  grid-area: header;
}

/* line 1, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments {
  display: grid;
  align-items: center;
  grid-gap: 0.5rem;
}

/* line 6, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments--count1 {
  grid-template-columns: 1fr;
}

/* line 9, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments--count2 {
  grid-template-columns: 1fr 1fr;
}

/* line 12, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments--count3 {
  grid-template-columns: 1fr 1fr 1fr;
}

/* line 15, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments--count4 {
  grid-template-columns: 1fr 1fr;
}

/* line 18, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments:empty {
  display: none;
}

/* line 21, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment {
  position: relative;
  border-radius: 0.3rem;
  overflow: hidden;
}

/* line 23, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment .myAttachment__link {
  display: block;
  z-index: 15;
}

/* line 28, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment img, .myAttachment video {
  display: block;
  width: 100%;
  height: auto;
}

/* line 32, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.3rem;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  pointer-events: none;
}

/* line 46, app/assets/stylesheets/blocks/attachment.sass */
.myAttachments--squares .myAttachment {
  max-width: none;
  width: 125px;
  height: 125px;
}

/* line 51, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment__remove {
  right: 0.5em;
  top: 0.5em;
  z-index: 15;
  position: absolute;
  display: none;
}

/* line 58, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment--editing {
  background-color: white;
}

/* line 60, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment--editing .myAttachment__remove {
  display: block;
  cursor: pointer;
}

/* line 64, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment--gallery {
  width: auto;
  margin-right: 1em;
}

/* line 68, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment--gallery img, .myAttachment--gallery video {
  height: 250px;
}

/* line 71, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment--added {
  transform: scale(0);
  -webkit-animation: grow 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
          animation: grow 200ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* line 75, app/assets/stylesheets/blocks/attachment.sass */
.myAttachment--removed {
  -webkit-animation: grow2 200ms cubic-bezier(1, 0, 0, 1);
          animation: grow2 200ms cubic-bezier(1, 0, 0, 1);
  animation-direction: reverse;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* line 1, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions {
  position: relative;
}

/* line 4, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__list {
  background: white;
  box-shadow: var(--box-shadow-l);
  border-radius: .3rem;
  display: inline-block;
  max-height: 10rem;
  max-width: 40rem;
  overflow-y: auto;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  margin-top: .4rem;
  margin-bottom: .4rem;
  z-index: 16;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .autocompletions__list {
  background: black;
}

/* line 17, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__list--highlight {
  background-color: #ffdb99;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .autocompletions__list--highlight {
  background-color: #332100;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .autocompletions__list--highlight {
  color: white;
}

/* line 21, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 26, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__list li {
  margin: 0 !important;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__list li:last-of-type .autocompletions__item {
  border-bottom: none;
}

/* line 33, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__item {
  display: flex;
  border-width: 0;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #E3E3E3;
  padding: 5px 10px;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .autocompletions__item {
  border-color: #353535;
}

/* line 41, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__avatar {
  padding-right: 5px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 48, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__avatar img {
  height: initial;
  width: 100%;
}

/* line 52, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__name {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 57, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__full-name {
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__full-name:empty {
  display: none;
}

/* line 63, app/assets/stylesheets/blocks/autocompletions.sass */
.autocompletions__username {
  color: rgba(0, 0, 0, 0.5);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .autocompletions__username {
  color: rgba(255, 255, 255, 0.5);
}

/* line 3, app/assets/stylesheets/blocks/avatar.sass */
.avatars {
  display: flex;
  flex-wrap: wrap;
  font-size: 3em;
  justify-content: space-between;
  margin-right: -0.2em;
}

/* line 9, app/assets/stylesheets/blocks/avatar.sass */
.avatars .avatar {
  margin-right: 0.2em;
  margin-bottom: 0.2em;
  transition: all 1s ease;
}

/* line 13, app/assets/stylesheets/blocks/avatar.sass */
.avatars .avatar:hover {
  transform: scale(1.2);
  z-index: 17;
  transition: all 0.3s ease;
}

/* line 18, app/assets/stylesheets/blocks/avatar.sass */
.avatar {
  display: block;
  height: 1em;
  width: 1em;
  border-radius: 1em;
}

/* line 1, app/assets/stylesheets/blocks/badges.sass */
.badges {
  display: flex;
  justify-content: center;
}

/* line 5, app/assets/stylesheets/blocks/badges.sass */
.badges .badge:not(:first-child) {
  margin-left: 0.5em;
}

/* line 9, app/assets/stylesheets/blocks/badges.sass */
.badge.badge {
  display: block;
  border-radius: 1em;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 0.4em 0.7em 0.5em 0.7em;
  border: 1px transparent solid;
}

/* line 20, app/assets/stylesheets/blocks/badges.sass */
.badge.badge--streak {
  background-color: #ffdb99;
  border-color: #ffdb99;
  color: #330000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--streak {
  background-color: #332100;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--streak {
  border-color: #332100;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--streak {
  color: white;
}

/* line 24, app/assets/stylesheets/blocks/badges.sass */
.badge.badge--topStreak {
  background-color: #ccc;
  border-color: #ccc;
  color: white;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--topStreak {
  color: white;
}

/* line 28, app/assets/stylesheets/blocks/badges.sass */
.badge.badge--pro {
  color: #000099;
  border-color: #f2f2fa;
  background-color: #f2f2fa;
  letter-spacing: 0.05em;
  padding-left: 0.4em;
  padding-right: 0.4em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--pro {
  color: #e6e6f5;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--pro {
  border-color: #00007a;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--pro {
  background-color: #00007a;
}

/* line 35, app/assets/stylesheets/blocks/badges.sass */
.badge.badge--pro span {
  margin-right: 0.3em;
}

/* line 37, app/assets/stylesheets/blocks/badges.sass */
.badge.badge--new {
  color: #00CF6A;
  border-color: #00CF6A;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .badge.badge--new {
  border-color: #00532a;
}

/* line 1, app/assets/stylesheets/blocks/banner.sass */
.banner {
  padding: 1em;
  text-align: center;
}

/* line 5, app/assets/stylesheets/blocks/banner.sass */
.banner {
  color: white;
}

/* line 8, app/assets/stylesheets/blocks/banner.sass */
.banner--error {
  background: red;
}

/* line 11, app/assets/stylesheets/blocks/banner.sass */
.banner a:link, .banner a:visited {
  font-weight: bold;
  color: white;
}

/* line 15, app/assets/stylesheets/blocks/banner.sass */
.banner--warning {
  background: #ffdb99;
  color: #330000;
}

/* line 19, app/assets/stylesheets/blocks/banner.sass */
.banner--warning a:link, .banner--warning a:visited {
  color: #330000;
}

/* line 1, app/assets/stylesheets/blocks/buttons.sass */
.buttons {
  display: flex;
  justify-contents: space-between;
}

/* line 4, app/assets/stylesheets/blocks/buttons.sass */
.buttons .button:not(:last-child) {
  margin-right: 0.5em;
}

/* line 8, app/assets/stylesheets/blocks/buttons.sass */
.buttons--shrinked .button {
  width: auto;
}

/* line 11, app/assets/stylesheets/blocks/buttons.sass */
.buttons--right {
  justify-content: flex-end;
}

/* line 14, app/assets/stylesheets/blocks/buttons.sass */
.buttons ~ .buttons {
  margin-top: 0.5em;
}

/* line 17, app/assets/stylesheets/blocks/buttons.sass */
.button {
  box-sizing: border-box;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.3em;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: var(--color-button-bg);
  padding: 0.6em 0.8em;
  width: 100%;
  cursor: pointer;
  border: 0;
  margin: 0;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 33, app/assets/stylesheets/blocks/buttons.sass */
.button, .button:link, .button:visited {
  color: var(--color-button);
}

/* line 35, app/assets/stylesheets/blocks/buttons.sass */
.button:hover {
  background-color: var(--color-button-bg-hover);
}

/* line 39, app/assets/stylesheets/blocks/buttons.sass */
.buttons--small .button {
  font-size: 0.8em;
}

/* line 42, app/assets/stylesheets/blocks/buttons.sass */
.button--black {
  background-color: #222;
  box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.2);
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/blocks/buttons.sass */
.button--black, .button--black:link, .button--black:visited {
  color: white;
}

/* line 48, app/assets/stylesheets/blocks/buttons.sass */
.button--black:hover {
  background-color: black;
}

/* line 51, app/assets/stylesheets/blocks/buttons.sass */
.button--producthunt {
  display: flex;
}

/* line 53, app/assets/stylesheets/blocks/buttons.sass */
.button--producthunt::before {
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  background-image: url(/producthunt.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.4em;
}

/* line 63, app/assets/stylesheets/blocks/buttons.sass */
.button--nomadlist, .button--twitter {
  display: flex;
}

/* line 65, app/assets/stylesheets/blocks/buttons.sass */
.button--nomadlist::before, .button--twitter::before {
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  background-image: url(/nomadlist.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.4em;
}

/* line 76, app/assets/stylesheets/blocks/buttons.sass */
.button--twitter::before {
  background-image: url(/assets/icons/twitter-c4d4e6198ac142150bdab6dd5b145319cee121b38dfda6dcbe8d833ec02068a4.svg);
}

/* line 79, app/assets/stylesheets/blocks/buttons.sass */
.button--emoji {
  background: transparent;
  border: 1px #eee solid;
  display: inline-block;
  padding: 0.5em;
  line-height: 1;
  text-decoration: none;
  margin-right: 0.5em;
  border-radius: 0.3em;
  white-space: nowrap;
  color: #333;
  border-color: #eee;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .button--emoji {
  color: #cccccc;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .button--emoji {
  border-color: #444;
}

/* line 91, app/assets/stylesheets/blocks/buttons.sass */
.button--emoji:hover {
  background-color: #eee;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .button--emoji:hover {
  background-color: #111111;
}

/* line 94, app/assets/stylesheets/blocks/buttons.sass */
.button--plain {
  background: transparent;
}

/* line 96, app/assets/stylesheets/blocks/buttons.sass */
.button--plain:hover {
  background: transparent;
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .button--plain:hover {
  color: white;
}

/* line 100, app/assets/stylesheets/blocks/buttons.sass */
.button--unpadded {
  padding: 0;
}

/* line 1, app/assets/stylesheets/blocks/calendar_graph.sass */
.cg-day--0 {
  fill: #f1f1f1;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .cg-day--0 {
  fill: #0e0e0e;
}

/* line 3, app/assets/stylesheets/blocks/calendar_graph.sass */
.cg-day--1 {
  fill: #999;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .cg-day--1 {
  fill: #666666;
}

/* line 5, app/assets/stylesheets/blocks/calendar_graph.sass */
.cg-day--2 {
  fill: #666;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .cg-day--2 {
  fill: #999999;
}

/* line 7, app/assets/stylesheets/blocks/calendar_graph.sass */
.cg-day--3 {
  fill: #333;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .cg-day--3 {
  fill: #cccccc;
}

/* line 9, app/assets/stylesheets/blocks/calendar_graph.sass */
.cg-day--4 {
  fill: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .cg-day--4 {
  fill: white;
}

/* line 7, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* line 12, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* line 19, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark__square {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
  border-radius: .1em;
  border: 3px var(--color-visible-border-on-content-bg) solid;
  transition: all 100ms;
  box-shadow: 0 0 0 2px var(--local-color-bg, --color-content-block-bg);
  background-color: var(--color-content-block-bg);
  box-sizing: content-box;
}

/* line 33, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark:hover input:not(:checked) ~ .checkmark__square {
  border-color: var(--color-checkmark-bg);
}

/* line 37, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark input:checked ~ .checkmark__square {
  background-color: var(--color-checkmark-bg);
  border-color: var(--color-checkmark-bg);
}

/* line 42, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark input:checked ~ .checkmark__tick:after {
  display: block;
}

/* line 46, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark .checkmark__tick:after {
  display: none;
  opacity: 1;
  height: 8px;
  width: 4px;
  transform-origin: left top;
  border-right: 3px solid var(--color-checkmark-inside);
  border-top: 3px solid var(--color-checkmark-inside);
  content: "";
  left: 2px;
  top: 8px;
  position: absolute;
  box-sizing: content-box;
}

/* line 60, app/assets/stylesheets/blocks/checkmark.sass */
.checkmark__square:after {
  transform: scaleX(-1) rotate(135deg);
}

/* line 64, app/assets/stylesheets/blocks/checkmark.sass */
.todo--animated .checkmark__square:after {
  -webkit-animation: checkmark 800ms ease;
          animation: checkmark 800ms ease;
}

@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 4px;
    opacity: 1;
  }
  40% {
    height: 8px;
    width: 4px;
    opacity: 1;
  }
  100% {
    height: 8px;
    width: 4px;
    opacity: 1;
  }
}

@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 4px;
    opacity: 1;
  }
  40% {
    height: 8px;
    width: 4px;
    opacity: 1;
  }
  100% {
    height: 8px;
    width: 4px;
    opacity: 1;
  }
}

/* line 5, app/assets/stylesheets/blocks/close_button.sass */
.closeButton__inner {
  position: relative;
  width: 1.2em;
  height: 1.2em;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  text-indent: 10em;
  overflow: hidden;
  transition: background-color 100ms ease;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .closeButton__inner {
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 15, app/assets/stylesheets/blocks/close_button.sass */
.closeButton__inner:before, .closeButton__inner:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: " ";
  height: 0.6em;
  width: 0.08em;
  background-color: #fff;
}

/* line 27, app/assets/stylesheets/blocks/close_button.sass */
.closeButton__inner:before {
  transform: rotate(45deg);
}

/* line 30, app/assets/stylesheets/blocks/close_button.sass */
.closeButton__inner:after {
  transform: rotate(-45deg);
}

/* line 33, app/assets/stylesheets/blocks/close_button.sass */
.closeButton:hover .closeButton__inner {
  background-color: red;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .closeButton:hover .closeButton__inner {
  background-color: red;
}

/* line 3, app/assets/stylesheets/blocks/comment_button.sass */
.commentButton {
  cursor: pointer;
}

/* line 5, app/assets/stylesheets/blocks/comment_button.sass */
.commentButton .commentIcon {
  background: #8F8F8F;
  -webkit-mask-image: url(/assets/icons/streamline/bold/comment-custom-b4e0264e8d7e5c1378a99ff3cbf20d324dc9df0509dddf6a05c0b2d0e8af10ec.svg);
          mask-image: url(/assets/icons/streamline/bold/comment-custom-b4e0264e8d7e5c1378a99ff3cbf20d324dc9df0509dddf6a05c0b2d0e8af10ec.svg);
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

/* line 16, app/assets/stylesheets/blocks/comment_button.sass */
.commentButton:hover .commentIcon {
  background: black;
}

/* line 19, app/assets/stylesheets/blocks/comment_button.sass */
.commentButton__button {
  background: transparent;
  border-style: none;
  font-size: var(--font-size-3);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

/* line 30, app/assets/stylesheets/blocks/comment_button.sass */
.commentButton__count::after {
  display: block;
  content: attr(data-comment-count);
  margin-left: .4rem;
  font-size: var(--font-size-1);
  font-weight: bold;
  vertical-align: center;
  color: #6A6A6A;
}

/* line 38, app/assets/stylesheets/blocks/comment_button.sass */
.commentButton__count[data-comment-count='0']::after {
  display: none;
  visibility: none;
}

/* line 9, app/assets/stylesheets/blocks/comments.sass */
.commentList > turbo-frame > turbo-frame:not(:first-child) > .comment {
  margin-top: 1em;
}

/* line 13, app/assets/stylesheets/blocks/comments.sass */
.comment__actions {
  margin-top: 1em;
  display: flex;
  align-items: center;
}

/* line 17, app/assets/stylesheets/blocks/comments.sass */
.comment__actions .buttons {
  margin-left: auto;
}

/* line 21, app/assets/stylesheets/blocks/comments.sass */
.comment .comment {
  padding-left: 1.2em;
  border-left: 2px #eee solid;
  border-left-color: #eee;
  margin-left: 0.9em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .comment .comment {
  border-left-color: #333;
}

@-webkit-keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}

@keyframes confetti-slow {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(25px, 105vh, 0) rotateX(360deg) rotateY(180deg);
  }
}

@-webkit-keyframes confetti-medium {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}

@keyframes confetti-medium {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(100px, 105vh, 0) rotateX(100deg) rotateY(360deg);
  }
}

@-webkit-keyframes confetti-fast {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}

@keyframes confetti-fast {
  0% {
    transform: translate3d(0, 0, 0) rotateX(0) rotateY(0);
  }
  100% {
    transform: translate3d(-50px, 105vh, 0) rotateX(10deg) rotateY(250deg);
  }
}

/* line 22, app/assets/stylesheets/blocks/confetti.sass */
.confetti-container {
  perspective: 700px;
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 31, app/assets/stylesheets/blocks/confetti.sass */
.confetti {
  position: absolute;
  z-index: 14;
  top: -10px;
  border-radius: 0%;
}

/* line 37, app/assets/stylesheets/blocks/confetti.sass */
.confetti--animation-slow {
  -webkit-animation: confetti-slow 2.25s linear 1 forwards;
          animation: confetti-slow 2.25s linear 1 forwards;
}

/* line 40, app/assets/stylesheets/blocks/confetti.sass */
.confetti--animation-medium {
  -webkit-animation: confetti-medium 1.75s linear 1 forwards;
          animation: confetti-medium 1.75s linear 1 forwards;
}

/* line 43, app/assets/stylesheets/blocks/confetti.sass */
.confetti--animation-fast {
  -webkit-animation: confetti-fast 1.25s linear 1 forwards;
          animation: confetti-fast 1.25s linear 1 forwards;
}

/* line 1, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  margin-bottom: 1em;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .contentBlock {
  box-shadow: none;
}

/* line 4, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock .contentBlock__title {
  text-align: center;
  font-size: 1.3em;
  border-bottom: 1px var(--color-content-block-border) solid;
  padding: 1em;
}

/* line 9, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock .contentBlock__description {
  padding: 1em;
  color: var(--color-content-block);
}

/* line 12, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock .contentBlock__description p {
  margin-top: 0;
}

/* line 14, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock .contentBlock__description p:last-child {
  margin-bottom: 0;
}

/* line 18, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock .contentBlock__cover {
  display: block;
  width: 100%;
  height: auto;
}

/* line 22, app/assets/stylesheets/blocks/content_block.sass */
.contentBlock .contentBlock__cover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-bottom: 100%;
}

/* line 1, app/assets/stylesheets/blocks/content_button.sass */
a.contentButton {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  border-color: transparent;
  margin-bottom: 1rem;
  display: block;
  padding: 1rem;
  background-color: var(--color-content-button-bg);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: var(--font-size-2);
  text-align: center;
  box-sizing: border-box;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark a.contentButton {
  box-shadow: none;
}

/* line 14, app/assets/stylesheets/blocks/content_button.sass */
a.contentButton:link, a.contentButton:visited {
  color: var(--color-content-button);
}

/* line 16, app/assets/stylesheets/blocks/content_button.sass */
a.contentButton--pro {
  background-color: var(--color-content-button-pro-bg);
  text-align: center;
}

/* line 19, app/assets/stylesheets/blocks/content_button.sass */
a.contentButton--pro:link, a.contentButton--pro:visited {
  color: var(--color-content-button-pro);
}

/* line 1, app/assets/stylesheets/blocks/coupon.sass */
.coupon {
  background-color: black;
  color: white;
  padding: 1em;
  line-height: 1.5;
  border-radius: 0.3em;
  margin-bottom: 1em;
}

/* line 1, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content, trix-editor {
  line-height: 1.5;
}

/* line 3, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content *, trix-editor * {
  box-sizing: border-box;
}

/* line 6, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content h1, trix-editor h1 {
  font-size: 1.2em;
  line-height: 1.2;
  font-weight: 600;
  margin: 0;
}

/* line 12, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content blockquote, trix-editor blockquote {
  margin: 0 0 0 0.3em;
  padding: 0 0 0 0.6em;
  border-left: 0.3em solid #ccc;
}

/* line 16, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content pre, trix-editor pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  margin: 0;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

/* line 27, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content ul, .custom-trix-content ol, .custom-trix-content li, trix-editor ul, trix-editor ol, trix-editor li {
  margin: 0;
  padding: 0;
}

/* line 30, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content ul li, .custom-trix-content ol li, .custom-trix-content li li, trix-editor ul li, trix-editor ol li, trix-editor li li {
  margin-left: 1em;
}

/* line 32, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content img, trix-editor img {
  max-width: 100%;
  height: auto;
}

/* line 35, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content a[data-trix-attachment], trix-editor a[data-trix-attachment] {
  color: inherit;
  text-decoration: none;
}

/* line 38, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content a[data-trix-attachment]:hover, .custom-trix-content a[data-trix-attachment]:visited:hover, trix-editor a[data-trix-attachment]:hover, trix-editor a[data-trix-attachment]:visited:hover {
  color: inherit;
}

/* line 40, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content .attachment, trix-editor .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

/* line 46, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content .attachment__caption, trix-editor .attachment__caption {
  padding: 0;
  text-align: center;
}

/* line 49, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content .attachment__caption .attachment__name + .attachment__size::before, trix-editor .attachment__caption .attachment__name + .attachment__size::before {
  content: ' · ';
}

/* line 51, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content .attachment--preview, trix-editor .attachment--preview {
  width: 100%;
  text-align: center;
}

/* line 54, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content .attachment--preview .attachment__caption, trix-editor .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 58, app/assets/stylesheets/blocks/custom_trix_content.sass */
.custom-trix-content .attachment--file, trix-editor .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 0;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

/* line 3, app/assets/stylesheets/blocks/deal.sass */
.deal {
  display: flex;
  padding: 1em;
}

/* line 7, app/assets/stylesheets/blocks/deal.sass */
.deal__logo {
  flex-shrink: 0;
  height: 5rem;
  width: 5rem;
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 1rem;
}

/* line 15, app/assets/stylesheets/blocks/deal.sass */
.deal__details {
  flex-grow: 1;
}

/* line 17, app/assets/stylesheets/blocks/deal.sass */
.deal__details h1 {
  font-size: 1.2em;
}

/* line 20, app/assets/stylesheets/blocks/deal.sass */
.deal__redeem {
  color: #999;
}

/* line 23, app/assets/stylesheets/blocks/deal.sass */
.deal__discount {
  font-weight: normal;
  font-size: 0.7em;
  background-color: #ffe805;
  color: #383300;
  padding: 0.3em 0.4em;
  border-radius: 0.2em;
  font-style: normal;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 1, app/assets/stylesheets/blocks/deck.sass */
.deck {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  overflow: visible;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .deck {
  box-shadow: none;
}

/* line 4, app/assets/stylesheets/blocks/deck.sass */
.deck:not(:last-child) {
  margin-bottom: 1rem;
}

/* line 7, app/assets/stylesheets/blocks/deck.sass */
.deck__title {
  font-size: var(--font-size-3);
  padding: 1em;
  border-bottom: 1px #eee solid;
  border-color: #eee;
  color: #222;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck__title {
  border-color: #222;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck__title {
  color: #dddddd;
}

/* line 13, app/assets/stylesheets/blocks/deck.sass */
.deck__title a:link, .deck__title a:visited {
  color: #000;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck__title a:link, .dark .deck__title a:visited {
  color: white;
}

/* line 16, app/assets/stylesheets/blocks/deck.sass */
.deck__title a:hover {
  text-decoration: underline;
}

/* line 18, app/assets/stylesheets/blocks/deck.sass */
.deck__title .deck__title__secondary {
  visibility: hidden;
  margin-left: 1em;
}

/* line 22, app/assets/stylesheets/blocks/deck.sass */
.deck:hover .deck__title__secondary {
  visibility: visible;
}

/* line 25, app/assets/stylesheets/blocks/deck.sass */
.deck--withSubtleHeader {
  box-shadow: none;
  background-color: transparent;
}

/* line 29, app/assets/stylesheets/blocks/deck.sass */
.deck--withSubtleHeader .deck__title {
  font-size: var(--font-size-4);
  padding: 0 0 0.7rem 0;
  border-bottom: none;
  color: #888;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck--withSubtleHeader .deck__title {
  color: #777777;
}

/* line 34, app/assets/stylesheets/blocks/deck.sass */
.deck--withSubtleHeader .deck__title strong {
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck--withSubtleHeader .deck__title strong {
  color: white;
}

/* line 37, app/assets/stylesheets/blocks/deck.sass */
.deck--withSubtleHeader .deck__content {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  overflow: visible;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .deck--withSubtleHeader .deck__content {
  box-shadow: none;
}

/* line 41, app/assets/stylesheets/blocks/deck.sass */
.deck--padded {
  box-shadow: none;
  border: 2px black solid;
  border-color: #eee;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck--padded {
  border-color: #111111;
}

/* line 45, app/assets/stylesheets/blocks/deck.sass */
.deck--padded .deck__title {
  color: #222;
  font-size: var(--font-size-1);
  font-weight: bold;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding: 1.1rem 1.1rem 0 1.1rem;
  border-bottom: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck--padded .deck__title {
  color: #dddddd;
}

/* line 53, app/assets/stylesheets/blocks/deck.sass */
.deck--padded .deck__content {
  padding: 1.1rem;
}

/* line 56, app/assets/stylesheets/blocks/deck.sass */
.deck--bleed {
  box-shadow: none;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .deck--bleed {
  background: none;
}

/* line 60, app/assets/stylesheets/blocks/deck.sass */
.deck--bleed .deck__title {
  color: #222;
  font-size: var(--font-size-1);
  font-weight: bold;
  letter-spacing: .02em;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  border-bottom: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .deck--bleed .deck__title {
  color: #dddddd;
}

/* line 4, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown__button {
  cursor: pointer;
}

/* line 9, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container {
  z-index: 9;
  position: absolute;
  visibility: hidden;
  display: none;
}

@media only screen and (min-width: 769px) {
  /* line 9, app/assets/stylesheets/blocks/dropdown.sass */
  .dropdown .dropdown__container {
    width: auto;
    min-width: 10rem;
  }
}

/* line 19, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__inner {
  transform-origin: top center;
  background: white;
  box-shadow: var(--box-shadow-l);
  border-radius: 0.4rem;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .dropdown .dropdown__container__inner {
  background: black;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .dropdown .dropdown__container__inner {
  box-shadow: 0 0 0 0.1rem #444;
}

/* line 27, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section {
  z-index: 24;
  padding: 0.5em;
}

/* line 30, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section:not(:first-child) {
  border-top: 1px #eee solid;
  border-top-color: #eee;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .dropdown .dropdown__container__section:not(:first-child) {
  border-top-color: #444;
}

/* line 34, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section a {
  display: block;
  text-decoration: none;
}

/* line 38, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section.dropdown__container__section--head {
  padding: 1em;
}

/* line 42, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section:not(.dropdown__container__section--head) a {
  padding: 0.5em;
  border-radius: 0.2rem;
}

/* line 45, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section:not(.dropdown__container__section--head) a:link, .dropdown .dropdown__container__section:not(.dropdown__container__section--head) a:visited {
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .dropdown .dropdown__container__section:not(.dropdown__container__section--head) a:link, .dark .dropdown .dropdown__container__section:not(.dropdown__container__section--head) a:visited {
  color: white;
}

/* line 47, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown .dropdown__container__section:not(.dropdown__container__section--head) a:hover {
  color: black;
  background-color: var(--color-interactive-offset-on-content-bg);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .dropdown .dropdown__container__section:not(.dropdown__container__section--head) a:hover {
  color: white;
}

/* line 51, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown--narrow .dropdown__container {
  white-space: nowrap;
}

@media only screen and (min-width: 769px) {
  /* line 51, app/assets/stylesheets/blocks/dropdown.sass */
  .dropdown--narrow .dropdown__container {
    min-width: 2rem;
  }
}

/* line 56, app/assets/stylesheets/blocks/dropdown.sass */
a.dropdown__link--primary {
  font-weight: bold;
  color: black;
  font-size: 1.2rem;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.dropdown__link--primary {
  color: white;
}

/* line 61, app/assets/stylesheets/blocks/dropdown.sass */
a.dropdown__link--subtle {
  font-size: 0.9em;
  color: #999;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.dropdown__link--subtle {
  color: #666666;
}

/* line 65, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown__link--primary + .dropdown__link--subtle {
  margin-top: 0.3rem;
}

/* line 69, app/assets/stylesheets/blocks/dropdown.sass */
.dropdown.dropdown--open .dropdown__container {
  visibility: visible;
  display: block;
}

/* line 1, app/assets/stylesheets/blocks/expanding.sass */
.expanding-wrapper {
  width: 100%;
}

/* line 3, app/assets/stylesheets/blocks/expanding.sass */
.expanding-wrapper textarea {
  width: 100%;
}

@-webkit-keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateY(-2em);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2em);
  }
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateY(-2em);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
  90% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2em);
  }
}

/* line 15, app/assets/stylesheets/blocks/flash_messages.sass */
.flashMessage {
  z-index: 12;
  display: inline-block;
  position: fixed;
  top: 1.5em;
  right: 1.5em;
  max-width: 25em;
  background-color: rgba(100, 100, 100, 0.9);
  padding: 0.5em;
  border-radius: 0.3em;
  color: white;
  pointer-events: none;
  -webkit-animation: fadeInOut 4s ease;
          animation: fadeInOut 4s ease;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* line 1, app/assets/stylesheets/blocks/follow.sass */
.follow {
  display: flex;
  align-items: center;
  text-align: left;
}

/* line 6, app/assets/stylesheets/blocks/follow.sass */
.follow__button {
  background: var(--color-follow-bg);
  color: var(--color-follow-text);
  border-radius: 1em;
  border: none;
  display: flex;
  align-items: center;
  padding: 0.5em;
  font-size: 1em;
  cursor: pointer;
  outline: 0;
  font-weight: 500;
}

/* line 18, app/assets/stylesheets/blocks/follow.sass */
.follow__button:hover {
  background-color: var(--color-follow-bg-hover);
}

/* line 21, app/assets/stylesheets/blocks/follow.sass */
.follow__button__label--default {
  display: block;
}

/* line 24, app/assets/stylesheets/blocks/follow.sass */
.follow__button__label--active {
  display: none;
}

/* line 27, app/assets/stylesheets/blocks/follow.sass */
.follow__button__icon {
  height: 1em;
  width: 1em;
  background: var(--color-follow-text);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg enable-background='new 0 0 13.3 13.3' viewBox='0 0 13.3 13.3' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m6.7 2.2v9'/%3E%3Cpath d='m2.2 6.7h9'/%3E%3C/g%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg enable-background='new 0 0 13.3 13.3' viewBox='0 0 13.3 13.3' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m6.7 2.2v9'/%3E%3Cpath d='m2.2 6.7h9'/%3E%3C/g%3E%3C/svg%3E");
}

/* line 33, app/assets/stylesheets/blocks/follow.sass */
.follow__button__icon ~ .follow__button__label {
  margin-left: 0.3em;
  margin-right: 0.1em;
}

/* line 37, app/assets/stylesheets/blocks/follow.sass */
.follow__count {
  margin-left: 0.5em;
}

/* line 39, app/assets/stylesheets/blocks/follow.sass */
.follow__count::after {
  content: attr(data-upvote-count) " followers";
}

/* line 41, app/assets/stylesheets/blocks/follow.sass */
.follow__count[data-upvote-count='0'] {
  margin-left: 0;
}

/* line 43, app/assets/stylesheets/blocks/follow.sass */
.follow__count[data-upvote-count='0']::after {
  display: none;
}

/* line 45, app/assets/stylesheets/blocks/follow.sass */
.follow__count[data-upvote-count='1']::after {
  content: attr(data-upvote-count) " follower";
}

/* line 50, app/assets/stylesheets/blocks/follow.sass */
.follow[data-active] .follow__button {
  background: var(--color-follow-bg-active);
  color: var(--color-follow-text-active);
}

/* line 54, app/assets/stylesheets/blocks/follow.sass */
.follow[data-active] .follow__button__label--default {
  display: none;
}

/* line 57, app/assets/stylesheets/blocks/follow.sass */
.follow[data-active] .follow__button__label--active {
  display: block;
}

/* line 60, app/assets/stylesheets/blocks/follow.sass */
.follow[data-active] .follow__button__icon {
  background: var(--color-follow-text-active);
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg enable-background='new 0 0 17.4 17.4' viewBox='0 0 17.4 17.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.2 3.1c-.6-.4-1.3-.3-1.7.3l-5.9 8-3.8-3c-.6-.4-1.4-.3-1.8.3-.4.5-.3 1.3.2 1.7l4.8 3.8c.5.4 1.3.3 1.8-.2l6.7-9.1c.3-.6.2-1.4-.3-1.8z'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg enable-background='new 0 0 17.4 17.4' viewBox='0 0 17.4 17.4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.2 3.1c-.6-.4-1.3-.3-1.7.3l-5.9 8-3.8-3c-.6-.4-1.4-.3-1.8.3-.4.5-.3 1.3.2 1.7l4.8 3.8c.5.4 1.3.3 1.8-.2l6.7-9.1c.3-.6.2-1.4-.3-1.8z'/%3E%3C/svg%3E");
}

/* line 65, app/assets/stylesheets/blocks/follow.sass */
.follow--withoutCount .follow__count {
  display: none;
}

/* line 70, app/assets/stylesheets/blocks/follow.sass */
.follow--small .follow__button__label, .follow--small .follow__count {
  display: none;
}

/* line 74, app/assets/stylesheets/blocks/follow.sass */
.follow--hidden {
  opacity: 0;
}

/* line 78, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton {
  display: flex;
  align-items: center;
}

/* line 83, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton .upvoteButton__voters {
  font-size: 1.5em;
  flex-grow: 1;
  display: flex;
}

/* line 87, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton .upvoteButton__voters a {
  display: block;
  margin-right: 0.2em;
}

/* line 90, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton .upvoteButton__voters a.currentUser {
  display: none;
}

/* line 93, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton .upvoteButton__voters .avatar:hover {
  z-index: 18;
}

/* line 98, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton--active .upvoteButton__voters a.currentUser {
  display: block;
}

/* line 100, app/assets/stylesheets/blocks/follow.sass */
.upvoteButton--active .upvoteButton__button {
  background-color: #ffe4b3;
  color: #805300;
  border-color: #cc8400;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .upvoteButton--active .upvoteButton__button {
  background-color: #4c3100;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .upvoteButton--active .upvoteButton__button {
  color: #ffd27f;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .upvoteButton--active .upvoteButton__button {
  border-color: #ffb733;
}

/* line 2, app/assets/stylesheets/blocks/forms.sass */
.formRevealLink {
  display: block;
  padding: 0.5em 0;
  font-size: 0.9em;
}

/* line 12, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input:not(:last-child):not(.hidden) {
  margin-bottom: 0.5em;
}

/* line 15, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.string label, .styledForm .input.citext label, .styledForm .input.url label, .styledForm .input.text label, .styledForm .input.file label, .styledForm .input.date label, .styledForm .input.select label, .styledForm .input.email label, .styledForm .input.time_zone label {
  display: block;
}

/* line 17, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.string label abbr[title="required"], .styledForm .input.citext label abbr[title="required"], .styledForm .input.url label abbr[title="required"], .styledForm .input.text label abbr[title="required"], .styledForm .input.file label abbr[title="required"], .styledForm .input.date label abbr[title="required"], .styledForm .input.select label abbr[title="required"], .styledForm .input.email label abbr[title="required"], .styledForm .input.time_zone label abbr[title="required"] {
  display: none;
}

/* line 19, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.string input, .styledForm .input.string textarea, .styledForm .input.string select, .styledForm .input.citext input, .styledForm .input.citext textarea, .styledForm .input.citext select, .styledForm .input.url input, .styledForm .input.url textarea, .styledForm .input.url select, .styledForm .input.text input, .styledForm .input.text textarea, .styledForm .input.text select, .styledForm .input.file input, .styledForm .input.file textarea, .styledForm .input.file select, .styledForm .input.date input, .styledForm .input.date textarea, .styledForm .input.date select, .styledForm .input.select input, .styledForm .input.select textarea, .styledForm .input.select select, .styledForm .input.email input, .styledForm .input.email textarea, .styledForm .input.email select, .styledForm .input.time_zone input, .styledForm .input.time_zone textarea, .styledForm .input.time_zone select {
  display: block;
  font-size: 1em;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 0.2em;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-color: rgba(0, 0, 0, 0.1);
  background-color: #f5f5f5;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.string input, .dark .styledForm .input.string textarea, .dark .styledForm .input.string select, .dark .styledForm .input.citext input, .dark .styledForm .input.citext textarea, .dark .styledForm .input.citext select, .dark .styledForm .input.url input, .dark .styledForm .input.url textarea, .dark .styledForm .input.url select, .dark .styledForm .input.text input, .dark .styledForm .input.text textarea, .dark .styledForm .input.text select, .dark .styledForm .input.file input, .dark .styledForm .input.file textarea, .dark .styledForm .input.file select, .dark .styledForm .input.date input, .dark .styledForm .input.date textarea, .dark .styledForm .input.date select, .dark .styledForm .input.select input, .dark .styledForm .input.select textarea, .dark .styledForm .input.select select, .dark .styledForm .input.email input, .dark .styledForm .input.email textarea, .dark .styledForm .input.email select, .dark .styledForm .input.time_zone input, .dark .styledForm .input.time_zone textarea, .dark .styledForm .input.time_zone select {
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.string input, .dark .styledForm .input.string textarea, .dark .styledForm .input.string select, .dark .styledForm .input.citext input, .dark .styledForm .input.citext textarea, .dark .styledForm .input.citext select, .dark .styledForm .input.url input, .dark .styledForm .input.url textarea, .dark .styledForm .input.url select, .dark .styledForm .input.text input, .dark .styledForm .input.text textarea, .dark .styledForm .input.text select, .dark .styledForm .input.file input, .dark .styledForm .input.file textarea, .dark .styledForm .input.file select, .dark .styledForm .input.date input, .dark .styledForm .input.date textarea, .dark .styledForm .input.date select, .dark .styledForm .input.select input, .dark .styledForm .input.select textarea, .dark .styledForm .input.select select, .dark .styledForm .input.email input, .dark .styledForm .input.email textarea, .dark .styledForm .input.email select, .dark .styledForm .input.time_zone input, .dark .styledForm .input.time_zone textarea, .dark .styledForm .input.time_zone select {
  background-color: rgba(255, 255, 255, 0.1);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.string input, .dark .styledForm .input.string textarea, .dark .styledForm .input.string select, .dark .styledForm .input.citext input, .dark .styledForm .input.citext textarea, .dark .styledForm .input.citext select, .dark .styledForm .input.url input, .dark .styledForm .input.url textarea, .dark .styledForm .input.url select, .dark .styledForm .input.text input, .dark .styledForm .input.text textarea, .dark .styledForm .input.text select, .dark .styledForm .input.file input, .dark .styledForm .input.file textarea, .dark .styledForm .input.file select, .dark .styledForm .input.date input, .dark .styledForm .input.date textarea, .dark .styledForm .input.date select, .dark .styledForm .input.select input, .dark .styledForm .input.select textarea, .dark .styledForm .input.select select, .dark .styledForm .input.email input, .dark .styledForm .input.email textarea, .dark .styledForm .input.email select, .dark .styledForm .input.time_zone input, .dark .styledForm .input.time_zone textarea, .dark .styledForm .input.time_zone select {
  color: white;
}

/* line 30, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.string input:focus, .styledForm .input.string textarea:focus, .styledForm .input.string select:focus, .styledForm .input.citext input:focus, .styledForm .input.citext textarea:focus, .styledForm .input.citext select:focus, .styledForm .input.url input:focus, .styledForm .input.url textarea:focus, .styledForm .input.url select:focus, .styledForm .input.text input:focus, .styledForm .input.text textarea:focus, .styledForm .input.text select:focus, .styledForm .input.file input:focus, .styledForm .input.file textarea:focus, .styledForm .input.file select:focus, .styledForm .input.date input:focus, .styledForm .input.date textarea:focus, .styledForm .input.date select:focus, .styledForm .input.select input:focus, .styledForm .input.select textarea:focus, .styledForm .input.select select:focus, .styledForm .input.email input:focus, .styledForm .input.email textarea:focus, .styledForm .input.email select:focus, .styledForm .input.time_zone input:focus, .styledForm .input.time_zone textarea:focus, .styledForm .input.time_zone select:focus {
  border-color: black;
  outline: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.string input:focus, .dark .styledForm .input.string textarea:focus, .dark .styledForm .input.string select:focus, .dark .styledForm .input.citext input:focus, .dark .styledForm .input.citext textarea:focus, .dark .styledForm .input.citext select:focus, .dark .styledForm .input.url input:focus, .dark .styledForm .input.url textarea:focus, .dark .styledForm .input.url select:focus, .dark .styledForm .input.text input:focus, .dark .styledForm .input.text textarea:focus, .dark .styledForm .input.text select:focus, .dark .styledForm .input.file input:focus, .dark .styledForm .input.file textarea:focus, .dark .styledForm .input.file select:focus, .dark .styledForm .input.date input:focus, .dark .styledForm .input.date textarea:focus, .dark .styledForm .input.date select:focus, .dark .styledForm .input.select input:focus, .dark .styledForm .input.select textarea:focus, .dark .styledForm .input.select select:focus, .dark .styledForm .input.email input:focus, .dark .styledForm .input.email textarea:focus, .dark .styledForm .input.email select:focus, .dark .styledForm .input.time_zone input:focus, .dark .styledForm .input.time_zone textarea:focus, .dark .styledForm .input.time_zone select:focus {
  border-color: white;
}

/* line 33, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.string span.hint, .styledForm .input.citext span.hint, .styledForm .input.url span.hint, .styledForm .input.text span.hint, .styledForm .input.file span.hint, .styledForm .input.date span.hint, .styledForm .input.select span.hint, .styledForm .input.email span.hint, .styledForm .input.time_zone span.hint {
  display: block;
  text-align: right;
  width: 100%;
  font-size: 0.8em;
  margin-top: 0.3em;
  color: #666;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.string span.hint, .dark .styledForm .input.citext span.hint, .dark .styledForm .input.url span.hint, .dark .styledForm .input.text span.hint, .dark .styledForm .input.file span.hint, .dark .styledForm .input.date span.hint, .dark .styledForm .input.select span.hint, .dark .styledForm .input.email span.hint, .dark .styledForm .input.time_zone span.hint {
  color: #999999;
}

/* line 40, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.string span.error, .styledForm .input.citext span.error, .styledForm .input.url span.error, .styledForm .input.text span.error, .styledForm .input.file span.error, .styledForm .input.date span.error, .styledForm .input.select span.error, .styledForm .input.email span.error, .styledForm .input.time_zone span.error {
  display: block;
  font-size: 0.8em;
  color: red;
  box-sizing: border-box;
  padding: 0.3em 0;
}

/* line 47, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.field_with_errors {
  background-color: #fff2f2;
  margin: 0 -0.5em;
  padding: 0.5em;
  border-radius: 0.2em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.field_with_errors {
  background-color: #1a0000;
}

/* line 52, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.field_with_errors input, .styledForm .input.field_with_errors textarea, .styledForm .input.field_with_errors select {
  background: white;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.field_with_errors input, .dark .styledForm .input.field_with_errors textarea, .dark .styledForm .input.field_with_errors select {
  background: black;
}

/* line 55, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.field_with_errors input::-moz-placeholder, .styledForm .input.field_with_errors textarea::-moz-placeholder, .styledForm .input.field_with_errors select::-moz-placeholder {
  color: #ff8080;
}
.styledForm .input.field_with_errors input:-ms-input-placeholder, .styledForm .input.field_with_errors textarea:-ms-input-placeholder, .styledForm .input.field_with_errors select:-ms-input-placeholder {
  color: #ff8080;
}
.styledForm .input.field_with_errors input::placeholder, .styledForm .input.field_with_errors textarea::placeholder, .styledForm .input.field_with_errors select::placeholder {
  color: #ff8080;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.field_with_errors input::-moz-placeholder, .dark .styledForm .input.field_with_errors textarea::-moz-placeholder, .dark .styledForm .input.field_with_errors select::-moz-placeholder {
  color: maroon;
}
.dark .styledForm .input.field_with_errors input:-ms-input-placeholder, .dark .styledForm .input.field_with_errors textarea:-ms-input-placeholder, .dark .styledForm .input.field_with_errors select:-ms-input-placeholder {
  color: maroon;
}
.dark .styledForm .input.field_with_errors input::placeholder, .dark .styledForm .input.field_with_errors textarea::placeholder, .dark .styledForm .input.field_with_errors select::placeholder {
  color: maroon;
}

/* line 57, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.field_with_errors label {
  color: #4d0000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.field_with_errors label {
  color: #ffb3b3;
}

/* line 59, app/assets/stylesheets/blocks/forms.sass */
.styledForm .input.field_with_errors span.hint {
  color: #ff6666;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm .input.field_with_errors span.hint {
  color: #990000;
}

/* line 65, app/assets/stylesheets/blocks/forms.sass */
.styledForm:not(.form--stacked) .input.string, .styledForm:not(.form--stacked) .input.citext, .styledForm:not(.form--stacked) .input.url, .styledForm:not(.form--stacked) .input.text, .styledForm:not(.form--stacked) .input.file, .styledForm:not(.form--stacked) .input.date, .styledForm:not(.form--stacked) .input.select, .styledForm:not(.form--stacked) .input.email, .styledForm:not(.form--stacked) .input.time_zone, .styledForm:not(.form--stacked) .input.datetime {
  display: flex;
  flex-wrap: wrap;
}

/* line 68, app/assets/stylesheets/blocks/forms.sass */
.styledForm:not(.form--stacked) .input.string label, .styledForm:not(.form--stacked) .input.citext label, .styledForm:not(.form--stacked) .input.url label, .styledForm:not(.form--stacked) .input.text label, .styledForm:not(.form--stacked) .input.file label, .styledForm:not(.form--stacked) .input.date label, .styledForm:not(.form--stacked) .input.select label, .styledForm:not(.form--stacked) .input.email label, .styledForm:not(.form--stacked) .input.time_zone label, .styledForm:not(.form--stacked) .input.datetime label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  width: 30%;
}

/* line 72, app/assets/stylesheets/blocks/forms.sass */
.styledForm:not(.form--stacked) .input.string input, .styledForm:not(.form--stacked) .input.string textarea, .styledForm:not(.form--stacked) .input.string select, .styledForm:not(.form--stacked) .input.citext input, .styledForm:not(.form--stacked) .input.citext textarea, .styledForm:not(.form--stacked) .input.citext select, .styledForm:not(.form--stacked) .input.url input, .styledForm:not(.form--stacked) .input.url textarea, .styledForm:not(.form--stacked) .input.url select, .styledForm:not(.form--stacked) .input.text input, .styledForm:not(.form--stacked) .input.text textarea, .styledForm:not(.form--stacked) .input.text select, .styledForm:not(.form--stacked) .input.file input, .styledForm:not(.form--stacked) .input.file textarea, .styledForm:not(.form--stacked) .input.file select, .styledForm:not(.form--stacked) .input.date input, .styledForm:not(.form--stacked) .input.date textarea, .styledForm:not(.form--stacked) .input.date select, .styledForm:not(.form--stacked) .input.select input, .styledForm:not(.form--stacked) .input.select textarea, .styledForm:not(.form--stacked) .input.select select, .styledForm:not(.form--stacked) .input.email input, .styledForm:not(.form--stacked) .input.email textarea, .styledForm:not(.form--stacked) .input.email select, .styledForm:not(.form--stacked) .input.time_zone input, .styledForm:not(.form--stacked) .input.time_zone textarea, .styledForm:not(.form--stacked) .input.time_zone select, .styledForm:not(.form--stacked) .input.datetime input, .styledForm:not(.form--stacked) .input.datetime textarea, .styledForm:not(.form--stacked) .input.datetime select {
  flex-grow: 1;
}

/* line 76, app/assets/stylesheets/blocks/forms.sass */
.styledForm.form--stacked {
  margin: -0.5em;
}

/* line 78, app/assets/stylesheets/blocks/forms.sass */
.styledForm.form--stacked label {
  margin-bottom: 0.5rem;
  font-size: var(--font-size-3);
  font-weight: bold;
}

/* line 84, app/assets/stylesheets/blocks/forms.sass */
.styledForm.form--stacked .input.string input, .styledForm.form--stacked .input.string textarea, .styledForm.form--stacked .input.string select, .styledForm.form--stacked .input.citext input, .styledForm.form--stacked .input.citext textarea, .styledForm.form--stacked .input.citext select, .styledForm.form--stacked .input.url input, .styledForm.form--stacked .input.url textarea, .styledForm.form--stacked .input.url select, .styledForm.form--stacked .input.text input, .styledForm.form--stacked .input.text textarea, .styledForm.form--stacked .input.text select, .styledForm.form--stacked .input.file input, .styledForm.form--stacked .input.file textarea, .styledForm.form--stacked .input.file select, .styledForm.form--stacked .input.date input, .styledForm.form--stacked .input.date textarea, .styledForm.form--stacked .input.date select, .styledForm.form--stacked .input.select input, .styledForm.form--stacked .input.select textarea, .styledForm.form--stacked .input.select select, .styledForm.form--stacked .input.email input, .styledForm.form--stacked .input.email textarea, .styledForm.form--stacked .input.email select, .styledForm.form--stacked .input.time_zone input, .styledForm.form--stacked .input.time_zone textarea, .styledForm.form--stacked .input.time_zone select {
  width: 100%;
  border-width: 2px;
  background-color: #fff;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .styledForm.form--stacked .input.string input, .dark .styledForm.form--stacked .input.string textarea, .dark .styledForm.form--stacked .input.string select, .dark .styledForm.form--stacked .input.citext input, .dark .styledForm.form--stacked .input.citext textarea, .dark .styledForm.form--stacked .input.citext select, .dark .styledForm.form--stacked .input.url input, .dark .styledForm.form--stacked .input.url textarea, .dark .styledForm.form--stacked .input.url select, .dark .styledForm.form--stacked .input.text input, .dark .styledForm.form--stacked .input.text textarea, .dark .styledForm.form--stacked .input.text select, .dark .styledForm.form--stacked .input.file input, .dark .styledForm.form--stacked .input.file textarea, .dark .styledForm.form--stacked .input.file select, .dark .styledForm.form--stacked .input.date input, .dark .styledForm.form--stacked .input.date textarea, .dark .styledForm.form--stacked .input.date select, .dark .styledForm.form--stacked .input.select input, .dark .styledForm.form--stacked .input.select textarea, .dark .styledForm.form--stacked .input.select select, .dark .styledForm.form--stacked .input.email input, .dark .styledForm.form--stacked .input.email textarea, .dark .styledForm.form--stacked .input.email select, .dark .styledForm.form--stacked .input.time_zone input, .dark .styledForm.form--stacked .input.time_zone textarea, .dark .styledForm.form--stacked .input.time_zone select {
  background-color: black;
}

/* line 91, app/assets/stylesheets/blocks/forms.sass */
.joinedInput__inputs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 0.1rem;
}

/* line 97, app/assets/stylesheets/blocks/forms.sass */
.textareaWithCountdown div.input.text {
  margin-bottom: 0.4rem;
}

/* line 100, app/assets/stylesheets/blocks/forms.sass */
.textareaWithCountdown--countdown {
  color: #8F8F8F;
  font-size: var(--font-size-3);
  margin-bottom: 1.5rem;
  text-align: right;
}

/* line 1, app/assets/stylesheets/blocks/group.sass */
.groups {
  display: grid;
  grid-gap: 3em;
}

@media only screen and (min-width: 769px) {
  /* line 1, app/assets/stylesheets/blocks/group.sass */
  .groups {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* line 7, app/assets/stylesheets/blocks/group.sass */
.groupOld {
  display: flex;
  background-color: white;
  border-radius: 0.3rem;
  box-shadow: 0 0 3em rgba(0, 0, 0, 0.1), 0 0.1em 0.2em rgba(0, 0, 0, 0.1);
}

/* line 12, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__image {
  height: 8em;
  width: 8em;
}

/* line 15, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details {
  padding: 1em 1em 1em 1.2em;
  display: flex;
  flex-direction: column;
}

/* line 19, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details .group__title {
  font-size: 1.2em;
  font-weight: bold;
}

/* line 22, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details .group__about {
  font-size: 1em;
  margin: 0.7em 0 1em 0;
}

/* line 25, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details .group__join {
  display: flex;
  margin-top: auto;
}

/* line 28, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details .group__join a {
  display: block;
  background-color: blue;
  color: white;
  border-radius: 0.2rem;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4rem;
  font-size: 0.8em;
}

/* line 37, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details .group__join .group__members {
  display: flex;
  margin-left: 1em;
}

/* line 40, app/assets/stylesheets/blocks/group.sass */
.groupOld .group__details .group__join .group__members img {
  font-size: 1.5em;
  margin-right: -0.5em;
}

/* line 3, app/assets/stylesheets/blocks/header.sass */
.headerWrap {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media only screen and (min-width: 769px) {
  /* line 3, app/assets/stylesheets/blocks/header.sass */
  .headerWrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 10, app/assets/stylesheets/blocks/header.sass */
.headerWrap.header--fixed {
  position: fixed;
  width: 100%;
  z-index: 6;
}

/* line 15, app/assets/stylesheets/blocks/header.sass */
.headerWrap.header--faded {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  padding-bottom: 1em;
}

/* line 19, app/assets/stylesheets/blocks/header.sass */
.header {
  margin-bottom: 1em;
  width: 100%;
  z-index: 5;
  box-sizing: border-box;
  overflow: hidden;
}

/* line 25, app/assets/stylesheets/blocks/header.sass */
.header .header__menubar {
  display: none;
  align-items: center;
  height: 100%;
  margin-left: 1rem;
}

/* line 31, app/assets/stylesheets/blocks/header.sass */
.header .header__menubar label {
  display: block;
  cursor: pointer;
  z-index: 19;
  position: absolute;
}

/* line 37, app/assets/stylesheets/blocks/header.sass */
.header .header__menubar input#menu {
  display: none;
}

/* line 40, app/assets/stylesheets/blocks/header.sass */
.header .header__menubar .menu-content {
  height: 0;
  overflow: hidden;
  background-color: var(--color-body-bg);
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
}

/* line 49, app/assets/stylesheets/blocks/header.sass */
.header .header__menubar .menu-content .content {
  margin-top: 3rem;
  font-size: 1.5em;
  padding: 1rem;
}

/* line 56, app/assets/stylesheets/blocks/header.sass */
.header .header__menubar input:checked ~ .menu-content {
  height: 100vh;
  width: 100vw;
}

@media (max-width: 768px) {
  /* line 25, app/assets/stylesheets/blocks/header.sass */
  .header .header__menubar {
    display: flex;
  }
}

/* line 62, app/assets/stylesheets/blocks/header.sass */
.header .header__start {
  justify-self: start;
}

/* line 64, app/assets/stylesheets/blocks/header.sass */
.header .header__start, .header .header__middle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

/* line 69, app/assets/stylesheets/blocks/header.sass */
.header .header__search {
  flex-grow: 1;
  max-width: 500px;
}

/* line 73, app/assets/stylesheets/blocks/header.sass */
.header .header__search::-moz-placeholder {
  color: #8F8F8F;
}
.header .header__search:-ms-input-placeholder {
  color: #8F8F8F;
}
.header .header__search::placeholder {
  color: #8F8F8F;
}

/* line 76, app/assets/stylesheets/blocks/header.sass */
.header .header__search:focus {
  outline: none;
  border-color: #8F8F8F;
}

/* line 80, app/assets/stylesheets/blocks/header.sass */
.header .header__middle {
  justify-content: center;
}

@media (max-width: 768px) {
  /* line 80, app/assets/stylesheets/blocks/header.sass */
  .header .header__middle {
    display: none;
  }
}

/* line 84, app/assets/stylesheets/blocks/header.sass */
.header .header__end {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  /* line 84, app/assets/stylesheets/blocks/header.sass */
  .header .header__end {
    margin-left: auto;
  }
}

/* line 90, app/assets/stylesheets/blocks/header.sass */
.header .header__width {
  flex: 0 0 100%;
}

/* line 92, app/assets/stylesheets/blocks/header.sass */
.header .header__link {
  padding: 0 1em;
  height: 2.5em;
  line-height: 2.5em;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  color: var(--color-header-link);
  letter-spacing: 0.03em;
  border-radius: 2em;
  font-weight: 500;
  transition: color 300ms ease;
}

/* line 105, app/assets/stylesheets/blocks/header.sass */
.header .header__link::before {
  content: "";
  display: none;
  height: 1.3em;
  width: 1.3em;
  background-color: var(--color-header-link-icon);
  margin-right: 0.5em;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: background-color 300ms ease;
}

/* line 115, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--home::before {
  display: block;
  -webkit-mask-image: url(/assets/icons/checklist-f86f2e5c635e700428e386196341dc3842a4d30e8e9406121503df214075e710.svg);
          mask-image: url(/assets/icons/checklist-f86f2e5c635e700428e386196341dc3842a4d30e8e9406121503df214075e710.svg);
}

/* line 118, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--comments::before {
  display: block;
  -webkit-mask-image: url(/assets/icons/conversation-chat-1-9e9f2b5c84e80187f4934e53394b2734587e399aa0c49518354c576c54840c84.svg);
          mask-image: url(/assets/icons/conversation-chat-1-9e9f2b5c84e80187f4934e53394b2734587e399aa0c49518354c576c54840c84.svg);
}

/* line 121, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--projects::before {
  display: block;
  -webkit-mask-image: url(/assets/icons/paginate-filter-heart-731ea81c8866a37220c83bb5a8a77de2add3469bdde64487cff93061fa26823f.svg);
          mask-image: url(/assets/icons/paginate-filter-heart-731ea81c8866a37220c83bb5a8a77de2add3469bdde64487cff93061fa26823f.svg);
}

/* line 124, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--users::before {
  display: block;
  -webkit-mask-image: url(/assets/icons/smiley-smile-2-d17986828a9c147b997f78402270fbedc9564465533a7649bf1ffcea61288ac3.svg);
          mask-image: url(/assets/icons/smiley-smile-2-d17986828a9c147b997f78402270fbedc9564465533a7649bf1ffcea61288ac3.svg);
}

/* line 127, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--api::before {
  display: block;
  -webkit-mask-image: url(/assets/icons/hammer-wench-013506d5a761cce3e5a5a86cf50d3874a4f56b456f414e5ec84ddeb016718ab0.svg);
          mask-image: url(/assets/icons/hammer-wench-013506d5a761cce3e5a5a86cf50d3874a4f56b456f414e5ec84ddeb016718ab0.svg);
}

/* line 130, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--roasts::before {
  display: block;
  -webkit-mask-image: url(/assets/icons/outdoors-camp-fire-be55747621f530a5d4a70e352b6d40fdbc0545f78268fcf2f7b75bc38aa4fca5.svg);
          mask-image: url(/assets/icons/outdoors-camp-fire-be55747621f530a5d4a70e352b6d40fdbc0545f78268fcf2f7b75bc38aa4fca5.svg);
}

/* line 133, app/assets/stylesheets/blocks/header.sass */
.header .header__link.header__link--more::before {
  display: block;
  margin-right: 0;
  -webkit-mask-image: url(/assets/icons/navigation-menu-horizontal-504b822d0432bfef0ef874e4391e2746fab2f608e72b2588c472a6246f97e96f.svg);
          mask-image: url(/assets/icons/navigation-menu-horizontal-504b822d0432bfef0ef874e4391e2746fab2f608e72b2588c472a6246f97e96f.svg);
}

/* line 137, app/assets/stylesheets/blocks/header.sass */
.header .header__link:not(.header__link--button):not(.header__link--primary):hover {
  color: var(--color-header-link-hover);
}

/* line 139, app/assets/stylesheets/blocks/header.sass */
.header .header__link:not(.header__link--button):not(.header__link--primary):hover::before {
  background-color: var(--color-header-link-icon-hover);
}

/* line 141, app/assets/stylesheets/blocks/header.sass */
.header .header__link--primary {
  margin-left: 0.5em;
  background-color: var(--color-primary-bg);
}

/* line 144, app/assets/stylesheets/blocks/header.sass */
.header .header__link--primary:link, .header .header__link--primary:visited {
  color: var(--color-primary);
}

/* line 146, app/assets/stylesheets/blocks/header.sass */
.header .header__link--primary:hover {
  background-color: var(--color-primary-bg-hover);
}

/* line 148, app/assets/stylesheets/blocks/header.sass */
.header .avatar {
  font-size: 2.5em;
}

@media (max-width: 768px) {
  /* line 148, app/assets/stylesheets/blocks/header.sass */
  .header .avatar {
    font-size: 1.5em;
  }
}

/* line 153, app/assets/stylesheets/blocks/header.sass */
.colorSwitcher {
  cursor: pointer;
}

/* line 158, app/assets/stylesheets/blocks/header.sass */
.introHeader {
  color: white;
  position: relative;
  background-color: black;
  margin-bottom: 1em;
  border-radius: 0.3em;
}

/* line 164, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__invisible, .introHeader .introHeader__main {
  display: block;
  max-width: 30em;
  flex-shrink: 0;
  padding: 2em;
}

/* line 169, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__invisible h1, .introHeader .introHeader__main h1 {
  margin: 0;
  font-size: 2em;
}

@media only screen and (min-width: 769px) {
  /* line 169, app/assets/stylesheets/blocks/header.sass */
  .introHeader .introHeader__invisible h1, .introHeader .introHeader__main h1 {
    font-size: 3em;
  }
}

/* line 176, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__invisible h1 {
  visibility: none;
}

/* line 178, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__main {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* line 185, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__main h1 {
  color: white;
  text-shadow: 0 0 1em black;
}

/* line 188, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__community {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: flex;
  margin-right: -1.5em;
  align-items: middle;
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), black 100%);
          mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), black 100%);
}

@media only screen and (min-width: 769px) {
  /* line 188, app/assets/stylesheets/blocks/header.sass */
  .introHeader .introHeader__community {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), black 50%);
            mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), black 50%);
  }
}

/* line 202, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__community .introHeader__community__avatars {
  font-size: 1em;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 1em;
  padding-bottom: 1em;
}

/* line 209, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__community .introHeader__community__avatars a {
  margin-right: 1.5em;
  margin-bottom: 1.5em;
  display: block;
}

/* line 213, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__community .introHeader__community__avatars .avatar {
  font-size: 4em;
  transition: all ease 0.2s;
  display: block;
}

/* line 217, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__community .introHeader__community__avatars .avatar:hover, .introHeader .introHeader__community .introHeader__community__avatars .avatar--active {
  transform: scale(1.2);
}

/* line 219, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__community .introHeader__community__name {
  text-align: center;
  display: none;
}

/* line 223, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__callToActions {
  padding: 2em 0 0 0;
  display: flex;
  flex-direction: column;
  z-index: 2;
}

@media only screen and (min-width: 769px) {
  /* line 223, app/assets/stylesheets/blocks/header.sass */
  .introHeader .introHeader__callToActions {
    flex-direction: row;
  }
}

/* line 231, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__callToActions .introHeader__callToActions__link {
  background-color: black;
  display: block;
  text-align: center;
}

/* line 235, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__callToActions .introHeader__callToActions__link:not(:first-child) {
  margin-top: 0.5em;
}

@media only screen and (min-width: 769px) {
  /* line 231, app/assets/stylesheets/blocks/header.sass */
  .introHeader .introHeader__callToActions .introHeader__callToActions__link {
    text-align: left;
  }
  /* line 239, app/assets/stylesheets/blocks/header.sass */
  .introHeader .introHeader__callToActions .introHeader__callToActions__link:not(:first-child) {
    margin-top: 0;
    margin-left: 1em;
  }
}

/* line 242, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__callToActions .introHeader__callToActions__link--primary {
  background-color: var(--color-primary-bg);
}

/* line 244, app/assets/stylesheets/blocks/header.sass */
.introHeader .introHeader__callToActions .introHeader__callToActions__link:link, .introHeader .introHeader__callToActions .introHeader__callToActions__link:visited {
  font-size: 1.3em;
  color: white;
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: 0.5em 0.8em;
  border-radius: 2em;
}

/* line 254, app/assets/stylesheets/blocks/header.sass */
.header .logo {
  justify-content: center;
  flex-grow: 1;
}

@media only screen and (min-width: 769px) {
  /* line 254, app/assets/stylesheets/blocks/header.sass */
  .header .logo {
    margin-right: 1em;
  }
}

/* line 260, app/assets/stylesheets/blocks/header.sass */
.header .logo__icon {
  margin-right: 0.5em;
}

/* line 263, app/assets/stylesheets/blocks/header.sass */
.header .logo__name {
  font-size: 1.3em;
}

/* line 5, app/assets/stylesheets/blocks/headers.sass */
h3.h--medium {
  font-size: var(--font-size-5);
  font-weight: normal;
  margin-top: 2.5rem;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 9, app/assets/stylesheets/blocks/hovercard.sass */
.hovercardWrapper {
  position: absolute;
  margin-top: 1em;
  margin-left: 1em;
}

/* line 14, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard {
  background: white;
  border-radius: 0.3em;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  overflow: hidden;
  -webkit-animation: fadein 100ms;
          animation: fadein 100ms;
  position: relative;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .hovercard {
  background-color: #222;
}

/* line 24, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard__inner {
  width: 20em;
  display: flex;
}

/* line 29, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner {
  flex-direction: column;
  padding-bottom: 1em;
}

/* line 33, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__header {
  background-color: #111;
  padding-left: 1em;
  margin-bottom: 2em;
}

/* line 37, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__header .avatar {
  background-color: white;
  font-size: 5em;
  transform: translateY(30%);
  border: 4px white solid;
}

/* line 43, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__name {
  padding: 0 1em;
}

/* line 45, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__name .hovercard__inner__name__fullName {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0.2em;
}

/* line 49, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__name .hovercard__inner__name__username {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* line 53, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__name .hovercard__inner__name__username .badges {
  font-size: 0.7em;
  margin-left: 0.5em;
}

/* line 57, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--user .hovercard__inner__name .hovercard__inner__bio {
  font-size: 0.9em;
  color: #666;
  margin-top: 1em;
}

/* line 63, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--project .hovercard__inner {
  display: flex;
}

/* line 65, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--project .hovercard__image {
  display: block;
  flex-shrink: 0;
  height: 5em;
  width: 5em;
}

/* line 70, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--project .hovercard__details {
  padding: 0.5em;
}

/* line 72, app/assets/stylesheets/blocks/hovercard.sass */
.hovercard--project .hovercard__details .hovercard__details__primary {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0.2em;
}

@-webkit-keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 7, app/assets/stylesheets/blocks/icons.sass */
i.icon {
  display: inline-block;
  background-color: currentColor;
  height: 1em;
  width: 1em;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

/* line 16, app/assets/stylesheets/blocks/icons.sass */
i.icon--rotating {
  -webkit-animation: 2s rotating infinite;
          animation: 2s rotating infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

/* line 20, app/assets/stylesheets/blocks/icons.sass */
i.icon--hyperlink-3 {
  -webkit-mask-image: url(/assets/icons/streamline/bold/hyperlink-3-b66edddbd4dd5e98cc86ce2916afeeb699a8064452c8ab225c08e63798cac42d.svg);
          mask-image: url(/assets/icons/streamline/bold/hyperlink-3-b66edddbd4dd5e98cc86ce2916afeeb699a8064452c8ab225c08e63798cac42d.svg);
}

/* line 23, app/assets/stylesheets/blocks/icons.sass */
i.icon--bin-1 {
  -webkit-mask-image: url(/assets/icons/streamline/bold/bin-1-776c41d8b0b0d2a69ab69dda2c39a5b3a843fc913e30d25c60ffb333a568154f.svg);
          mask-image: url(/assets/icons/streamline/bold/bin-1-776c41d8b0b0d2a69ab69dda2c39a5b3a843fc913e30d25c60ffb333a568154f.svg);
}

/* line 26, app/assets/stylesheets/blocks/icons.sass */
i.icon--pencil-1 {
  -webkit-mask-image: url(/assets/icons/streamline/bold/pencil-1-37935e7ddedf507171aaea21c56abd9e787af90ea08b31d05083895fb342faeb.svg);
          mask-image: url(/assets/icons/streamline/bold/pencil-1-37935e7ddedf507171aaea21c56abd9e787af90ea08b31d05083895fb342faeb.svg);
}

/* line 29, app/assets/stylesheets/blocks/icons.sass */
i.icon--loading {
  -webkit-mask-image: url(/assets/icons/streamline/bold/loading-70c660f01eae241b2730bd7bf16fb507701789ee3b7cfc2e4c06a4d46995aa66.svg);
          mask-image: url(/assets/icons/streamline/bold/loading-70c660f01eae241b2730bd7bf16fb507701789ee3b7cfc2e4c06a4d46995aa66.svg);
}

/* line 32, app/assets/stylesheets/blocks/icons.sass */
i.icon--check-circle-1-alternate {
  -webkit-mask-image: url(/assets/icons/streamline/bold/check-circle-1-alternate-80f059fee9f940e1726dad898c5086665299c9ccf554ea6cb6ea3ca64da69b72.svg);
          mask-image: url(/assets/icons/streamline/bold/check-circle-1-alternate-80f059fee9f940e1726dad898c5086665299c9ccf554ea6cb6ea3ca64da69b72.svg);
}

/* line 35, app/assets/stylesheets/blocks/icons.sass */
i.icon--image-file-light {
  -webkit-mask-image: url(/assets/icons/streamline/bold/image-file-light-f5e028584cc9c03acd4bc21a075e32f9676460299509b1368c31d435649574d7.svg);
          mask-image: url(/assets/icons/streamline/bold/image-file-light-f5e028584cc9c03acd4bc21a075e32f9676460299509b1368c31d435649574d7.svg);
}

/* line 38, app/assets/stylesheets/blocks/icons.sass */
i.icon--picture-sun {
  -webkit-mask-image: url(/assets/icons/streamline/regular/picture-sun-49fa975774fadfb905f447b9b05b8f72328abe3ddbcd1203c4432017feafca30.svg);
          mask-image: url(/assets/icons/streamline/regular/picture-sun-49fa975774fadfb905f447b9b05b8f72328abe3ddbcd1203c4432017feafca30.svg);
}

/* line 41, app/assets/stylesheets/blocks/icons.sass */
i.icon--comment {
  -webkit-mask-image: url(/assets/icons/comment-ac539e091ae3baaa893728ef48c85c72632511f35b003b36b75118b478d05ba6.svg);
          mask-image: url(/assets/icons/comment-ac539e091ae3baaa893728ef48c85c72632511f35b003b36b75118b478d05ba6.svg);
}

/* line 44, app/assets/stylesheets/blocks/icons.sass */
i.icon--arrow-down {
  -webkit-mask-image: url(/assets/icons/streamline/bold/arrow-down-1-0efa34e2d025da2145f9c6726392f26eb2299c5c61a0ccdd83cc6c40eebcd7db.svg);
          mask-image: url(/assets/icons/streamline/bold/arrow-down-1-0efa34e2d025da2145f9c6726392f26eb2299c5c61a0ccdd83cc6c40eebcd7db.svg);
}

/* line 49, app/assets/stylesheets/blocks/icons.sass */
i.icon--flame {
  -webkit-mask-image: url(/assets/icons/flame-354c891ea43d96a2b8e04d2371432bffddf5219a8708be13b0b791d601f9374f.svg);
          mask-image: url(/assets/icons/flame-354c891ea43d96a2b8e04d2371432bffddf5219a8708be13b0b791d601f9374f.svg);
}

/* line 52, app/assets/stylesheets/blocks/icons.sass */
i.icon--ghost {
  -webkit-mask-image: url(/assets/icons/ghost-32d30f9b0aef5d8aa37451d8eece1b4cf8cc79c1a867a4c62f5434605bfef4a3.svg);
          mask-image: url(/assets/icons/ghost-32d30f9b0aef5d8aa37451d8eece1b4cf8cc79c1a867a4c62f5434605bfef4a3.svg);
}

/* line 55, app/assets/stylesheets/blocks/icons.sass */
i.icon--pin {
  -webkit-mask-image: url(/assets/icons/pin-54f1605e8d61e65d868b6b379e3d4ec59b04967aa9d504debb33ec2d6aefe8ae.svg);
          mask-image: url(/assets/icons/pin-54f1605e8d61e65d868b6b379e3d4ec59b04967aa9d504debb33ec2d6aefe8ae.svg);
}

/* line 58, app/assets/stylesheets/blocks/icons.sass */
i.icon--calendar {
  -webkit-mask-image: url(/assets/icons/calendar-a19b2cc82f3cdefa0369b4197e0f74f5d6262e4f70284f43a3802fae587d7b75.svg);
          mask-image: url(/assets/icons/calendar-a19b2cc82f3cdefa0369b4197e0f74f5d6262e4f70284f43a3802fae587d7b75.svg);
}

/* line 61, app/assets/stylesheets/blocks/icons.sass */
i.icon--link {
  -webkit-mask-image: url(/assets/icons/link-988cfe6d5571f9a6a9667743b56e691dad3fd9c63b836c0154b4dc5d8f8c2259.svg);
          mask-image: url(/assets/icons/link-988cfe6d5571f9a6a9667743b56e691dad3fd9c63b836c0154b4dc5d8f8c2259.svg);
}

/* line 64, app/assets/stylesheets/blocks/icons.sass */
i.icon--love-it-alternate {
  -webkit-mask-image: url(/assets/icons/streamline/bold/love-it-alternate-63dcbd8534a8e5b475e6bb289abcedaf5dcd78ed678e07d906503ecb31848222.svg);
          mask-image: url(/assets/icons/streamline/bold/love-it-alternate-63dcbd8534a8e5b475e6bb289abcedaf5dcd78ed678e07d906503ecb31848222.svg);
}

/* line 1, app/assets/stylesheets/blocks/image_hex.sass */
.imageHexWrapper {
  overflow-x: hidden;
}

/* line 4, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex {
  font-size: 5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  margin: 0.5em -2em 0.5em -2em;
}

/* line 11, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex .imageHex__group {
  display: flex;
  flex-wrap: nowrap;
  width: 4em;
  height: 1em;
}

/* line 16, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex .imageHex__group__image {
  height: 1em;
  width: 1em;
  box-sizing: border-box;
}

/* line 20, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex .imageHex__group__image img {
  width: 100%;
  height: 100%;
  transition: transform 50ms ease;
  font-size: 5em;
  transform: scale(0.9);
}

/* line 27, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex .imageHex__group__image img:not(.avatar) {
  border-radius: 0.01em;
}

/* line 29, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex .imageHex__group__image img:hover {
  transform: scale(1);
}

/* line 32, app/assets/stylesheets/blocks/image_hex.sass */
.imageHex .imageHex__group__image:nth-child(2n) {
  transform: translateY(0.5em);
}

/* line 1, app/assets/stylesheets/blocks/intro.sass */
.intro {
  padding-bottom: 1em;
}

/* line 4, app/assets/stylesheets/blocks/intro.sass */
.intro__create {
  margin-bottom: 2em;
}

/* line 7, app/assets/stylesheets/blocks/intro.sass */
.intro__title {
  color: #6A6A6A;
  display: inline;
}

/* line 11, app/assets/stylesheets/blocks/intro.sass */
.intro__questions {
  margin-top: 2em;
}

/* line 14, app/assets/stylesheets/blocks/intro.sass */
.intro__inReview {
  font-size: var(--font-size-1);
  border-radius: .3rem;
  padding: 0.3rem;
  font-weight: bold;
  background: #ffeecf;
  color: #f04300;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .intro__inReview {
  background: #301f00;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .intro__inReview {
  color: #ff520f;
}

/* line 22, app/assets/stylesheets/blocks/intro.sass */
.intro__answer, .intro__question {
  display: block;
  font-size: var(--font-size-4);
}

/* line 27, app/assets/stylesheets/blocks/intro.sass */
.intro__answer {
  margin-top: 0.5em;
  margin-left: 1em;
  line-height: 1.5;
  word-break: break-word;
}

/* line 33, app/assets/stylesheets/blocks/intro.sass */
.intro__image {
  margin-top: 1em;
  max-width: 100%;
  border-radius: .3rem;
  margin-bottom: -1em;
}

/* line 2, app/assets/stylesheets/blocks/invites.sass */
.invites__usedList {
  list-style: none;
  padding: 0;
}

/* line 5, app/assets/stylesheets/blocks/invites.sass */
.invites__usedList li {
  margin-bottom: 5px;
}

/* line 1, app/assets/stylesheets/blocks/join.sass */
.join {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 100vh;
}

@media only screen and (max-width: 768px) {
  /* line 1, app/assets/stylesheets/blocks/join.sass */
  .join {
    grid-template-columns: 1fr;
    min-height: auto;
  }
}

/* line 9, app/assets/stylesheets/blocks/join.sass */
.join__side {
  padding: 5rem;
  background: #ffe805;
}

@media only screen and (max-width: 768px) {
  /* line 9, app/assets/stylesheets/blocks/join.sass */
  .join__side {
    display: none;
  }
}

/* line 14, app/assets/stylesheets/blocks/join.sass */
.join__side .join__side__inner {
  max-width: 500px;
  margin: auto;
}

/* line 17, app/assets/stylesheets/blocks/join.sass */
.join__side h3 {
  font-size: 3rem;
}

/* line 19, app/assets/stylesheets/blocks/join.sass */
.join__side h4 {
  font-size: 1.5rem;
  color: #817500;
}

/* line 22, app/assets/stylesheets/blocks/join.sass */
.join__side ul {
  padding: 0;
}

/* line 24, app/assets/stylesheets/blocks/join.sass */
.join__side ul li {
  padding: 1rem;
  list-style: none;
  display: flex;
  background: white;
  border-radius: .5rem;
  align-items: center;
  font-size: 1.2rem;
}

/* line 32, app/assets/stylesheets/blocks/join.sass */
.join__side ul li + li {
  margin-top: 1rem;
}

/* line 34, app/assets/stylesheets/blocks/join.sass */
.join__side ul .emoji {
  font-size: 2rem;
  margin-right: 1rem;
}

/* line 38, app/assets/stylesheets/blocks/join.sass */
.join__main {
  padding: 5rem;
}

/* line 40, app/assets/stylesheets/blocks/join.sass */
.join__main .join__main__inner {
  margin: 0 auto;
  max-width: 500px;
}

/* line 43, app/assets/stylesheets/blocks/join.sass */
.join__main h1 {
  text-align: center;
}

/* line 45, app/assets/stylesheets/blocks/join.sass */
.join__main h2 {
  font-size: 1.5rem;
  font-weight: normal;
  text-align: center;
}

/* line 51, app/assets/stylesheets/blocks/join.sass */
.join .modal__footer {
  margin: 1em 0 0 0;
  color: #777;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .join .modal__footer {
  color: #888888;
}

/* line 1, app/assets/stylesheets/blocks/link.sass */
.link--nomadlist, .link--twitter, .link--telegram, .link--producthunt {
  display: flex;
}

/* line 3, app/assets/stylesheets/blocks/link.sass */
.link--nomadlist::before, .link--twitter::before, .link--telegram::before, .link--producthunt::before {
  content: "";
  display: block;
  height: 1.3em;
  width: 1.3em;
  background-image: url(/assets/icons/nomadlist-0ae2657fc8a50e1ef4e02ff88ef1a67b20f999631c01617b5eb36ef7e1e7d077.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -0.05em;
  margin-right: 0.4em;
}

/* line 14, app/assets/stylesheets/blocks/link.sass */
.link--twitter::before {
  background-image: url(/assets/icons/twitter-c4d4e6198ac142150bdab6dd5b145319cee121b38dfda6dcbe8d833ec02068a4.svg);
}

/* line 17, app/assets/stylesheets/blocks/link.sass */
.link--producthunt::before {
  background-image: url(/assets/icons/producthunt-d47947c3ef4b626f952558e60057a0a49b5dc8a82de8cb26ba777a1dde69ca70.svg);
}

/* line 20, app/assets/stylesheets/blocks/link.sass */
.link--telegram::before {
  background-image: url(/assets/icons/telegram-de6cfa461ee3a3f601d270052e161cbceddddc5377f696acfba2b8de28f4c67a.svg);
}

/* line 1, app/assets/stylesheets/blocks/logo.sass */
.logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

/* line 6, app/assets/stylesheets/blocks/logo.sass */
.logo:hover .logo__name {
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .logo:hover .logo__name {
  color: white;
}

/* line 9, app/assets/stylesheets/blocks/logo.sass */
.logo__image {
  background: url(/assets/logo-5e013d7d14f9427f7aa07a024b0dd80924cd898435434e51aa40dd04e9e27932.svg);
  background-size: contain;
  background-repeat: no-repeat;
  height: 2em;
  width: 2em;
}

/* line 16, app/assets/stylesheets/blocks/logo.sass */
.logo__name {
  color: #333;
  font-weight: bold;
  font-size: 2em;
  margin-left: 0.5em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .logo__name {
  color: #cccccc;
}

@-webkit-keyframes popupFadeIn {
  0% {
    opacity: 0;
    margin-top: -2em;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

@keyframes popupFadeIn {
  0% {
    opacity: 0;
    margin-top: -2em;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}

/* line 10, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup {
  width: 300px;
  font: 12px/20px 'Helvetica Neue', Arial, Helvetica, sans-serif;
  z-index: 3;
  -webkit-animation: popupFadeIn 200ms;
          animation: popupFadeIn 200ms;
  color: black;
}

/* line 16, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup.hi {
  border: 1px red solid;
}

/* line 18, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup .mapboxgl-popup-content {
  border-radius: 0.3rem;
  padding: 1.5em 1em 1em 1em;
  box-shadow: 2px 2px 1em rgba(0, 0, 0, 0.3);
}

/* line 23, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup h1 {
  text-align: center;
  margin-top: 0;
}

/* line 26, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup h1 a:link, .mapboxgl-popup h1 a:visited {
  color: black;
  text-decoration: none;
}

/* line 29, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup h1 a:hover {
  text-decoration: underline;
}

/* line 31, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup p {
  margin-bottom: 0.5em;
}

/* line 33, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup p.location {
  font-size: 1.2em;
  text-align: center;
}

/* line 36, app/assets/stylesheets/blocks/map.sass */
.mapboxgl-popup p.bio {
  font-size: 1.3em;
  line-height: 1.5;
}

/* line 40, app/assets/stylesheets/blocks/map.sass */
.marker {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: white;
  background-size: cover;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  cursor: pointer;
}

/* line 48, app/assets/stylesheets/blocks/map.sass */
.marker:hover {
  z-index: 8;
}

/* line 51, app/assets/stylesheets/blocks/map.sass */
.cluster {
  width: 50px;
  height: 50px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.1);
  background-color: black;
  border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
}

/* line 65, app/assets/stylesheets/blocks/map.sass */
.cluster:hover {
  z-index: 7;
}

/* line 67, app/assets/stylesheets/blocks/map.sass */
.cluster div {
  background-color: rgba(0, 0, 0, 0.6);
}

/* line 1, app/assets/stylesheets/blocks/meetups.sass */
.meetup {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  margin-bottom: 1em;
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 0.5em;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .meetup {
  box-shadow: none;
}

/* line 8, app/assets/stylesheets/blocks/meetups.sass */
.meetup:hover {
  background-color: #fefefe;
}

/* line 11, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__date {
  width: 2em;
  height: 2em;
  margin-right: 0.8em;
  background-color: #eee;
  padding: 1em;
}

/* line 18, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  margin-right: 0.5em;
}

/* line 25, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__details__name {
  display: block;
  font-weight: bold;
  text-decoration: none;
}

/* line 29, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__details__name a {
  text-decoration: none;
}

/* line 32, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__details__description {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 36, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__details__description a {
  color: black;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .meetup .meetup__details__description a {
  color: white;
}

/* line 40, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__attendees {
  margin-left: auto;
}

/* line 42, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__attendees .avatar {
  font-size: 2em;
}

/* line 45, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__actions {
  margin-left: auto;
}

/* line 48, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__maker {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: 0.5em;
}

/* line 55, app/assets/stylesheets/blocks/meetups.sass */
.meetup .meetup__maker__avatar {
  width: 40px;
  height: 40px;
  border-radius: 40px;
}

/* line 1, app/assets/stylesheets/blocks/mention.sass */
.mention {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
  display: inline;
  text-decoration: none;
  padding: .1em .2em .1em .1em;
  border-radius: 0.2em;
  overflow: hidden;
  background: var(--color-mention-bg);
}

/* line 11, app/assets/stylesheets/blocks/mention.sass */
.mention:link, .mention:visited {
  color: var(--color-mention);
}

/* line 13, app/assets/stylesheets/blocks/mention.sass */
.mention:hover {
  color: var(--color-mention-hover);
  background-color: var(--color-mention-bg-hover);
  text-decoration: underline;
}

/* line 18, app/assets/stylesheets/blocks/mention.sass */
.mention__logo {
  border-radius: 0.1em;
  overflow: hidden;
  font-size: .9em;
  line-height: 1;
  position: relative;
  top: -0.12em;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  margin-right: .3em;
}

/* line 29, app/assets/stylesheets/blocks/mention.sass */
.mention__logo[attr$=".svg"] {
  margin-right: .25rem;
}

/* line 1, app/assets/stylesheets/blocks/menubar.sass */
.u-split {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 5, app/assets/stylesheets/blocks/menubar.sass */
.u-split > :not(:first-child) {
  margin-left: 0.5rem;
}

/* line 10, app/assets/stylesheets/blocks/menubar.sass */
.widePage header {
  display: flex;
  margin-bottom: 3rem;
  align-items: center;
  border: 1px #444 solid;
}

@media (max-width: 768px) {
  /* line 10, app/assets/stylesheets/blocks/menubar.sass */
  .widePage header {
    border: none;
    flex-direction: column-reverse;
    margin-bottom: 0;
  }
}

/* line 20, app/assets/stylesheets/blocks/menubar.sass */
.widePage header h1 {
  font-size: 5em;
  margin: 0;
}

@media (max-width: 768px) {
  /* line 20, app/assets/stylesheets/blocks/menubar.sass */
  .widePage header h1 {
    font-size: 2.5em;
  }
}

/* line 25, app/assets/stylesheets/blocks/menubar.sass */
.widePage header h2 {
  font-size: 2em;
  margin: 0;
}

@media (max-width: 768px) {
  /* line 25, app/assets/stylesheets/blocks/menubar.sass */
  .widePage header h2 {
    font-size: 1.5em;
  }
}

/* line 30, app/assets/stylesheets/blocks/menubar.sass */
.widePage header h3 {
  font-weight: normal;
  color: #777;
}

/* line 33, app/assets/stylesheets/blocks/menubar.sass */
.widePage header .text {
  text-align: center;
  flex: 1;
  padding: 1rem 0;
  width: 100%;
}

@media (max-width: 768px) {
  /* line 33, app/assets/stylesheets/blocks/menubar.sass */
  .widePage header .text {
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

/* line 42, app/assets/stylesheets/blocks/menubar.sass */
.widePage header .video {
  background-color: #111;
  flex: 1;
  width: 100%;
}

/* line 46, app/assets/stylesheets/blocks/menubar.sass */
.widePage header .video figure {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0;
}

/* line 52, app/assets/stylesheets/blocks/menubar.sass */
.widePage header .video figure iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/blocks/menubar.sass */
.subtle {
  color: #888;
}

/* line 1, app/assets/stylesheets/blocks/modals.sass */
.blocker {
  z-index: 10;
  -webkit-animation: slideIn 0.2s ease;
          animation: slideIn 0.2s ease;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding: 20px;
  box-sizing: border-box;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

/* line 20, app/assets/stylesheets/blocks/modals.sass */
.blocker--hidden {
  display: none;
}

/* line 23, app/assets/stylesheets/blocks/modals.sass */
.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

/* line 30, app/assets/stylesheets/blocks/modals.sass */
.blocker.behind {
  background-color: transparent;
}

/* line 34, app/assets/stylesheets/blocks/modals.sass */
.modal {
  z-index: 11;
  display: inline-block;
  -webkit-animation: zoomIn 0.2s ease-out;
          animation: zoomIn 0.2s ease-out;
  transform: translate3d(0, 0, 0);
  transform-origin: center center;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  perspective: 1000px;
  max-width: 500px;
  padding: 2em;
  vertical-align: middle;
  position: relative;
  box-sizing: border-box;
  width: 90%;
  border-radius: 8px;
  box-shadow: 0 0 10px #000;
  text-align: left;
  background-color: white;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .modal {
  background-color: black;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .modal {
  border: 1px #222 solid;
}

/* line 54, app/assets/stylesheets/blocks/modals.sass */
.modal--wide {
  max-width: 800px;
}

/* line 56, app/assets/stylesheets/blocks/modals.sass */
.modal .modal__footer {
  margin: 1em 0 0 0;
  color: #777;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .modal .modal__footer {
  color: #888888;
}

/* line 60, app/assets/stylesheets/blocks/modals.sass */
.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==");
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .modal a.close-modal {
  border-radius: 5em;
  border: 1px #222 solid;
}

/* line 80, app/assets/stylesheets/blocks/modals.sass */
.modal:not(.modal--plain) > h1 {
  padding: 0;
  margin: 0;
  text-align: center;
}

/* line 84, app/assets/stylesheets/blocks/modals.sass */
.modal:not(.modal--plain) h2 {
  font-weight: normal;
  text-align: center;
  margin: 1em;
  font-size: 1.2em;
}

/* line 89, app/assets/stylesheets/blocks/modals.sass */
.modal:not(.modal--plain) .buttons {
  margin-top: 1em;
}

/* line 91, app/assets/stylesheets/blocks/modals.sass */
.modal:not(.modal--plain) .buttons .button {
  padding: 1em;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 97, app/assets/stylesheets/blocks/modals.sass */
.modal--error {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* line 1, app/assets/stylesheets/blocks/motivation.sass */
.motivation {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  border-color: transparent;
  background: linear-gradient(80deg, #0000cc, #3333ff);
  padding: 2em;
  color: white;
  font-weight: bold;
  margin-bottom: 1em;
  position: relative;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .motivation {
  box-shadow: none;
}

/* line 10, app/assets/stylesheets/blocks/motivation.sass */
.motivation .motivation__text {
  font-style: italic;
  font-size: 1.4em;
}

/* line 13, app/assets/stylesheets/blocks/motivation.sass */
.motivation .motivation__tweet {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  display: block;
  position: absolute;
  right: 1em;
  top: 1em;
  background-color: white;
  -webkit-mask-image: url(/assets/icons/twitter-c4d4e6198ac142150bdab6dd5b145319cee121b38dfda6dcbe8d833ec02068a4.svg);
  -webkit-mask-size: contain;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  height: 1.2em;
  width: 1.2em;
  transition: all ease 300ms;
}

/* line 27, app/assets/stylesheets/blocks/motivation.sass */
.motivation .motivation__tweet:hover {
  transform: scale(1.1);
}

/* line 1, app/assets/stylesheets/blocks/nav.sass */
.icon {
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}

/* line 4, app/assets/stylesheets/blocks/nav.sass */
.icon--home {
  -webkit-mask-image: url(/assets/icons/streamline/regular/house-1-42822e85104d301b8149ff50bb4d95fa926ba02fe8dd8f3099854b9881fc01ae.svg);
          mask-image: url(/assets/icons/streamline/regular/house-1-42822e85104d301b8149ff50bb4d95fa926ba02fe8dd8f3099854b9881fc01ae.svg);
}

/* line 6, app/assets/stylesheets/blocks/nav.sass */
.icon--comments {
  -webkit-mask-image: url(/assets/icons/streamline/regular/conversation-text-a4ea6e06d9e6508a8ad1d4dc66d08c106f8b13e0e3f7acbf3d54d31b099d7204.svg);
          mask-image: url(/assets/icons/streamline/regular/conversation-text-a4ea6e06d9e6508a8ad1d4dc66d08c106f8b13e0e3f7acbf3d54d31b099d7204.svg);
}

/* line 8, app/assets/stylesheets/blocks/nav.sass */
.icon--projects {
  -webkit-mask-image: url(/assets/icons/streamline/regular/navigation-menu-4-465cf24e386ce13aaee646c7b67ed48a97db3c4b9ca4063e2537bf01d9f26545.svg);
          mask-image: url(/assets/icons/streamline/regular/navigation-menu-4-465cf24e386ce13aaee646c7b67ed48a97db3c4b9ca4063e2537bf01d9f26545.svg);
}

/* line 10, app/assets/stylesheets/blocks/nav.sass */
.icon--users {
  -webkit-mask-image: url(/icons/streamline/regular/professions-woman-construction-1.svg);
          mask-image: url(/icons/streamline/regular/professions-woman-construction-1.svg);
}

/* line 12, app/assets/stylesheets/blocks/nav.sass */
.icon--api {
  -webkit-mask-image: url(/icons/streamline/regular/module-puzzle.svg);
          mask-image: url(/icons/streamline/regular/module-puzzle.svg);
}

/* line 14, app/assets/stylesheets/blocks/nav.sass */
.icon--roasts {
  -webkit-mask-image: url(/assets/icons/streamline/regular/matches-fire-ac850466bed9768d2a93af53eb201d27f4ce36063f1d0df38e834fa08bcca8e0.svg);
          mask-image: url(/assets/icons/streamline/regular/matches-fire-ac850466bed9768d2a93af53eb201d27f4ce36063f1d0df38e834fa08bcca8e0.svg);
}

/* line 16, app/assets/stylesheets/blocks/nav.sass */
.icon--notifications {
  -webkit-mask-image: url(/assets/icons/streamline/regular/alarm-bell-3b2d80492c09c4c4a2d6586a85955dd1188d1d5b0d41ce9be1b9eda4f6d07a57.svg);
          mask-image: url(/assets/icons/streamline/regular/alarm-bell-3b2d80492c09c4c4a2d6586a85955dd1188d1d5b0d41ce9be1b9eda4f6d07a57.svg);
}

/* line 18, app/assets/stylesheets/blocks/nav.sass */
.icon--milestones {
  -webkit-mask-image: url(/assets/icons/streamline/regular/flag-f2df11c0c6f5aaf499c2cae0b84dc8edf098ab589436c12929d9439e006e6bea.svg);
          mask-image: url(/assets/icons/streamline/regular/flag-f2df11c0c6f5aaf499c2cae0b84dc8edf098ab589436c12929d9439e006e6bea.svg);
}

/* line 20, app/assets/stylesheets/blocks/nav.sass */
.icon--more {
  -webkit-mask-image: url(/assets/icons/custom/more-3109353b9959a74877afe6411202caf6d099daa9e6933f47a1c5fc91c8034eef.svg);
          mask-image: url(/assets/icons/custom/more-3109353b9959a74877afe6411202caf6d099daa9e6933f47a1c5fc91c8034eef.svg);
}

/* line 24, app/assets/stylesheets/blocks/nav.sass */
.current .icon--home {
  -webkit-mask-image: url(/assets/icons/streamline/regular/house-1-filled-854745e7469db01d4a623b0c4b2bd8cbf6afc2c94f5854006aba21b100ca9d6f.svg);
          mask-image: url(/assets/icons/streamline/regular/house-1-filled-854745e7469db01d4a623b0c4b2bd8cbf6afc2c94f5854006aba21b100ca9d6f.svg);
}

/* line 26, app/assets/stylesheets/blocks/nav.sass */
.current .icon--comments {
  -webkit-mask-image: url(/assets/icons/streamline/bold/conversation-text-filled-9e838197a346ac05f5df48abe323e3dd07c13d67d967883df3a66f6bd335683b.svg);
          mask-image: url(/assets/icons/streamline/bold/conversation-text-filled-9e838197a346ac05f5df48abe323e3dd07c13d67d967883df3a66f6bd335683b.svg);
}

/* line 28, app/assets/stylesheets/blocks/nav.sass */
.current .icon--projects {
  -webkit-mask-image: url(/assets/icons/streamline/bold/navigation-menu-4-alternate-filled-11ca99dd093784373dac27f6b350d3efee3e1322ce21c74d30516424db21b875.svg);
          mask-image: url(/assets/icons/streamline/bold/navigation-menu-4-alternate-filled-11ca99dd093784373dac27f6b350d3efee3e1322ce21c74d30516424db21b875.svg);
}

/* line 30, app/assets/stylesheets/blocks/nav.sass */
.current .icon--roasts {
  -webkit-mask-image: url(/assets/icons/streamline/bold/matches-fire-filled-1be33f38ff6ebe546c8850750551fc43c72e98fc1a63c1831e7b3ee3d5f36c7b.svg);
          mask-image: url(/assets/icons/streamline/bold/matches-fire-filled-1be33f38ff6ebe546c8850750551fc43c72e98fc1a63c1831e7b3ee3d5f36c7b.svg);
}

/* line 32, app/assets/stylesheets/blocks/nav.sass */
.current .icon--notifications {
  -webkit-mask-image: url(/assets/icons/streamline/regular/alarm-bell-filled-1f1cd98ad95df876e75753b303e2e7af6b306aeae7944fd2e80c5827f21fef58.svg);
          mask-image: url(/assets/icons/streamline/regular/alarm-bell-filled-1f1cd98ad95df876e75753b303e2e7af6b306aeae7944fd2e80c5827f21fef58.svg);
}

/* line 34, app/assets/stylesheets/blocks/nav.sass */
.current .icon--milestones {
  -webkit-mask-image: url(/assets/icons/streamline/bold/flag-53531462e874ebc74d753992c502d943bc41091964ea3cff3ea2e3d6dfa94764.svg);
          mask-image: url(/assets/icons/streamline/bold/flag-53531462e874ebc74d753992c502d943bc41091964ea3cff3ea2e3d6dfa94764.svg);
}

/* line 1, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar {
  margin-bottom: 1rem;
}

/* line 6, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div {
  display: flex;
  overflow: auto;
}

/* line 9, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a {
  display: block;
  padding: 0.5em 0.8em;
  border-radius: 2em;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

/* line 16, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a:first-child {
  margin-left: auto;
}

/* line 18, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a:last-child {
  margin-right: auto;
}

/* line 20, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a:not(:first-child) {
  margin-left: 1.5rem;
}

/* line 22, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a:link, .navBar div a:visited {
  color: var(--color-nav-bar);
}

/* line 25, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a.current:link, .navBar div a.current:visited {
  color: var(--color-body);
  background-color: var(--color-prominent-offset-on-content-bg);
}

/* line 28, app/assets/stylesheets/blocks/nav_bar.sass */
.navBar div a:hover:not(.current) {
  color: var(--color-nav-bar-hover);
}

/* line 1, app/assets/stylesheets/blocks/notification.sass */
.notification + .notification {
  border-top: 1px var(--color-gray-200) solid;
}

/* line 4, app/assets/stylesheets/blocks/notification.sass */
.notification {
  display: flex;
}

/* line 7, app/assets/stylesheets/blocks/notification.sass */
.notification.notification--unread {
  background: var(--color-highlight);
}

/* line 10, app/assets/stylesheets/blocks/notification.sass */
.notification__emoji {
  padding: 1rem;
  font-size: var(--font-size-8);
}

/* line 14, app/assets/stylesheets/blocks/notification.sass */
.notification__body {
  padding: 1rem 1rem 1rem 0;
}

/* line 16, app/assets/stylesheets/blocks/notification.sass */
.notification__body a:link, .notification__body a:visited {
  color: var(--color-body);
  font-weight: bold;
  text-decoration: none;
}

/* line 20, app/assets/stylesheets/blocks/notification.sass */
.notification__body a:hover {
  text-decoration: underline;
}

/* line 23, app/assets/stylesheets/blocks/notification.sass */
.notification__body__main {
  font-size: var(--font-size-4);
  margin: 0.5rem 0;
  word-break: break-word;
}

/* line 28, app/assets/stylesheets/blocks/notification.sass */
.notification__date {
  font-size: var(--font-size-3);
  color: var(--color-subtle-text-on-content-bg);
}

/* line 3, app/assets/stylesheets/blocks/onboarding.sass */
.onboardingLayout {
  background-color: white;
}

/* line 6, app/assets/stylesheets/blocks/onboarding.sass */
.onboardingLayout.dark {
  background-color: black;
}

/* line 9, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding {
  width: 100vw;
  height: 100vh;
  display: grid;
  grid-template-rows: fit-content(5rem) auto;
  justify-items: center;
  position: relative;
  z-index: 21;
}

/* line 18, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__header {
  padding: 1.5rem;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  width: 100%;
}

/* line 24, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__header .logo {
  margin-right: 0.8rem;
}

/* line 26, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__header a:link, .onboarding__header a:visited {
  text-decoration: none;
  color: #8F8F8F;
  font-size: var(--font-size-3);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__header a:link, .dark .onboarding__header a:visited {
  color: #707070;
}

/* line 30, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__header a:hover {
  color: #353535;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__header a:hover {
  color: #cacaca;
}

/* line 33, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__header__signout {
  display: block;
  margin-left: auto;
}

/* line 37, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__content {
  max-width: 30rem;
  padding: 1.5rem;
}

/* line 44, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__content form {
  margin-top: 1rem;
}

/* line 46, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__content p, .onboarding__content ol {
  font-size: var(--font-size-6);
}

/* line 48, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__content small {
  font-size: var(--font-size-3);
  color: #8F8F8F;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__content small {
  color: #707070;
}

/* line 51, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__content small a:link, .onboarding__content small a:visited {
  color: #8F8F8F;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__content small a:link, .dark .onboarding__content small a:visited {
  color: #707070;
}

/* line 54, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__image {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

/* line 59, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__waiting {
  padding: 1rem;
  background-color: #ffe805;
  color: black;
  border-radius: 0.3rem;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__waiting {
  background-color: #998c00;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__waiting {
  color: white;
}

/* line 65, app/assets/stylesheets/blocks/onboarding.sass */
.onboarding__complete {
  padding: 1rem;
  background-color: #E3FCEC;
  color: #066D3B;
  border-radius: 0.3rem;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__complete {
  background-color: #031c0c;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboarding__complete {
  color: #92f9c7;
}

/* line 2, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist__explanation {
  color: #6A6A6A;
  margin-bottom: 1em;
  line-height: 1.5;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboardingChecklist__explanation {
  color: #959595;
}

/* line 7, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 12, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist .checkmark {
  pointer-events: none;
  margin: 0.2em 0.5em 0.2em 0;
}

/* line 16, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist__item {
  display: flex;
  align-items: center;
}

/* line 20, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist__track {
  overflow: hidden;
  border-radius: 0.3rem;
  background: #eee;
  margin-bottom: 1em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .onboardingChecklist__track {
  background: #222;
}

/* line 26, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist__graph {
  box-sizing: border-box;
  color: white;
  padding: 0 0.5em;
  height: 2em;
  background-color: var(--color-checkmark-bg);
  display: flex;
  align-items: center;
}

/* line 34, app/assets/stylesheets/blocks/onboarding_checklist.sass */
.onboardingChecklist__graph span {
  margin-left: auto;
}

/* line 1, app/assets/stylesheets/blocks/page.sass */
.page__title {
  margin: 0 0 1em 0;
  border-bottom: 1px var(--color-visible-border-on-content-bg) solid;
  padding-bottom: 1em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* line 9, app/assets/stylesheets/blocks/page.sass */
.page__title__action {
  display: block;
  font-size: 0.4em;
}

/* line 13, app/assets/stylesheets/blocks/page.sass */
.page__header {
  margin: 0;
  font-size: var(--font-size-8);
}

/* line 17, app/assets/stylesheets/blocks/page.sass */
.page__subHeader {
  margin: .3em 0 1em 0;
  font-size: var(--font-size-6);
}

/* line 21, app/assets/stylesheets/blocks/page.sass */
.page__notice {
  background-color: #ffe805;
  color: #383300;
  padding: 1em;
  border-radius: 0.2em;
}

@-webkit-keyframes paginationShimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

@keyframes paginationShimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

/* line 7, app/assets/stylesheets/blocks/pagination.sass */
.paginationLink {
  display: block;
  padding: .5rem;
  text-align: center;
  border-radius: .2rem;
  background-color: #F8F8F8;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .paginationLink {
  background-color: #070707;
}

/* line 13, app/assets/stylesheets/blocks/pagination.sass */
.paginationLink:link, .paginationLink:visited {
  color: var(--color-body);
  text-decoration: none;
}

/* line 16, app/assets/stylesheets/blocks/pagination.sass */
.paginationLink:hover {
  background: #F3F3F3;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .paginationLink:hover {
  background: #0c0c0c;
}

/* line 19, app/assets/stylesheets/blocks/pagination.sass */
.paginationLink[rel="previous"] {
  margin-bottom: 1rem;
}

/* line 22, app/assets/stylesheets/blocks/pagination.sass */
.paginationLink[rel="next"] {
  margin-top: 1rem;
}

/* line 25, app/assets/stylesheets/blocks/pagination.sass */
.paginationLink[data-loading] {
  -webkit-animation: paginationShimmer 2s infinite;
          animation: paginationShimmer 2s infinite;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);
  background: linear-gradient(to right, #F3F3F3 4%, #E3E3E3 25%, #F3F3F3 36%);
  background-size: 1000px 100%;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .paginationLink[data-loading] {
  background: linear-gradient(to right, #242424 4%, #353535 25%, #242424 36%);
}

/* line 1, app/assets/stylesheets/blocks/plans.sass */
.plans {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-radius: 0.4em;
  background-color: var(--color-offset-on-content-bg);
  padding: 0.2em;
  margin-bottom: 1em;
}

/* line 10, app/assets/stylesheets/blocks/plans.sass */
.plans label {
  display: flex;
  width: 100%;
}

/* line 14, app/assets/stylesheets/blocks/plans.sass */
.plans label > input {
  visibility: hidden;
  position: absolute;
}

/* line 18, app/assets/stylesheets/blocks/plans.sass */
.plans label > input + .plan__name {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 1em 1.5em;
  text-align: center;
  border-radius: 0.3em;
  font-size: var(--font-size-3);
  color: #888;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .plans label > input + .plan__name {
  color: #777777;
}

/* line 28, app/assets/stylesheets/blocks/plans.sass */
.plans label > input + .plan__name:hover {
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .plans label > input + .plan__name:hover {
  color: white;
}

/* line 30, app/assets/stylesheets/blocks/plans.sass */
.plans label > input + .plan__name:hover .plan__name__hint {
  color: #6A6A6A;
}

/* line 34, app/assets/stylesheets/blocks/plans.sass */
.plans label:first-child > input + .plan__name {
  margin-right: 0.5em;
}

/* line 38, app/assets/stylesheets/blocks/plans.sass */
.plans label > input:checked + .plan__name {
  color: var(--color-content);
  background-color: var(--color-content-bg);
  box-shadow: var(--box-shadow-xs);
}

/* line 42, app/assets/stylesheets/blocks/plans.sass */
.plans label > input:checked + .plan__name .plan__name__hint {
  color: #6A6A6A;
}

/* line 46, app/assets/stylesheets/blocks/plans.sass */
.plans .plan input {
  display: none;
}

/* line 49, app/assets/stylesheets/blocks/plans.sass */
.plan__name__hint {
  margin-top: .5em;
  font-size: var(--font-size-2);
  color: #8F8F8F;
}

/* line 1, app/assets/stylesheets/blocks/posts.sass */
.postTiny {
  display: flex;
  align-items: center;
  padding: 0.5rem 1rem;
}

/* line 5, app/assets/stylesheets/blocks/posts.sass */
.postTiny:first-child {
  padding-top: 1rem;
}

/* line 7, app/assets/stylesheets/blocks/posts.sass */
.postTiny:last-child {
  padding-bottom: 1rem;
}

/* line 9, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__author {
  font-size: 1.2em;
}

/* line 12, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0.5rem;
}

/* line 18, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__title:link, .postTiny .postTiny__title:visited {
  color: var(--color-content-block);
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__title:hover {
  text-decoration: underline;
}

/* line 23, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__comments {
  flex-shrink: 0;
}

@media (max-width: 768px) {
  /* line 23, app/assets/stylesheets/blocks/posts.sass */
  .postTiny .postTiny__comments {
    display: none;
  }
}

/* line 27, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__comments:link, .postTiny .postTiny__comments:visited {
  color: var(--color-content-block-subtle);
  text-decoration: none;
}

/* line 30, app/assets/stylesheets/blocks/posts.sass */
.postTiny .postTiny__comments:hover {
  text-decoration: underline;
}

/* line 35, app/assets/stylesheets/blocks/posts.sass */
.posts > .post + .post {
  border-top: 1px #eee solid;
  border-color: #E3E3E3;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .posts > .post + .post {
  border-color: #1c1c1c;
}

/* line 39, app/assets/stylesheets/blocks/posts.sass */
.post {
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
}

/* line 44, app/assets/stylesheets/blocks/posts.sass */
.post__main {
  margin-bottom: .3rem;
}

/* line 47, app/assets/stylesheets/blocks/posts.sass */
.post__badge {
  font-size: var(--font-size-1);
  display: inline-block;
  border-radius: .2rem;
  padding: .2rem;
  font-weight: bold;
}

/* line 53, app/assets/stylesheets/blocks/posts.sass */
.post__badge--roast {
  background: #ffeecf;
  color: #f04300;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--roast {
  background: #301f00;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--roast {
  color: #ff520f;
}

/* line 56, app/assets/stylesheets/blocks/posts.sass */
.post__badge--recent {
  background: #c8f4ff;
  color: #107da4;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--recent {
  background: #002c37;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--recent {
  color: #5bc8ef;
}

/* line 59, app/assets/stylesheets/blocks/posts.sass */
.post__badge--trending {
  background: red;
  color: white;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--trending {
  background: red;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--trending {
  color: black;
}

/* line 62, app/assets/stylesheets/blocks/posts.sass */
.post__badge--milestone {
  background: #c5fec5;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--milestone {
  background: #013a01;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--milestone {
  color: white;
}

/* line 65, app/assets/stylesheets/blocks/posts.sass */
.post__badge--intro {
  background: #ffe805;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__badge--intro {
  background: #fae300;
}

/* line 69, app/assets/stylesheets/blocks/posts.sass */
a.post__title {
  font-size: var(--font-size-5);
  font-weight: bold;
  margin-bottom: .2rem;
}

/* line 73, app/assets/stylesheets/blocks/posts.sass */
a.post__title:link, a.post__title:visited {
  color: black;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.post__title:link, .dark a.post__title:visited {
  color: white;
}

/* line 76, app/assets/stylesheets/blocks/posts.sass */
a.post__title:visited {
  font-weight: normal;
}

/* line 78, app/assets/stylesheets/blocks/posts.sass */
a.post__title:hover {
  text-decoration: underline;
}

/* line 81, app/assets/stylesheets/blocks/posts.sass */
.post__meta {
  color: #353535;
  font-size: var(--font-size-3);
  margin-top: .3rem;
  display: flex;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__meta {
  color: #cacaca;
}

/* line 87, app/assets/stylesheets/blocks/posts.sass */
.post__meta a:link, .post__meta a:visited {
  color: #353535;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .post__meta a:link, .dark .post__meta a:visited {
  color: #cacaca;
}

/* line 90, app/assets/stylesheets/blocks/posts.sass */
.post__meta a:hover {
  text-decoration: underline;
}

/* line 93, app/assets/stylesheets/blocks/posts.sass */
.post__comments {
  display: inline-flex;
  align-items: center;
}

/* line 96, app/assets/stylesheets/blocks/posts.sass */
.post__comments .icon {
  margin-right: .3em;
}

/* line 99, app/assets/stylesheets/blocks/posts.sass */
.post__participants {
  display: flex;
  flex-direction: row-reverse;
  font-size: 1.5em;
  margin-right: 1rem;
}

/* line 104, app/assets/stylesheets/blocks/posts.sass */
.post__participants:hover a:not(:first-child) {
  margin-right: .3rem;
}

/* line 106, app/assets/stylesheets/blocks/posts.sass */
.post__participants .avatar {
  background: white;
  box-shadow: 0 0 0 2px white;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .post__participants .avatar {
  background: black;
  box-shadow: 0 0 0 2px black;
}

/* line 112, app/assets/stylesheets/blocks/posts.sass */
.post__participants a {
  margin-right: -0.4em;
  transition: all 200ms ease;
}

/* line 116, app/assets/stylesheets/blocks/posts.sass */
.postAndComment {
  padding: 0.5rem;
  border-radius: 0.3rem;
  margin-bottom: 1em;
  background-color: var(--color-post-and-comment-bg);
}

/* line 121, app/assets/stylesheets/blocks/posts.sass */
.postAndComment__post {
  display: flex;
  padding: 0.2rem;
  margin-bottom: 0.2rem;
}

/* line 125, app/assets/stylesheets/blocks/posts.sass */
.postAndComment__post .avatar {
  font-size: 1.3em;
  margin-right: 0.5rem;
}

/* line 128, app/assets/stylesheets/blocks/posts.sass */
.postAndComment__post a:link, .postAndComment__post a:visited {
  color: var(--color-post-and-comment);
  text-decoration: none;
}

/* line 131, app/assets/stylesheets/blocks/posts.sass */
.postAndComment__post a:link:hover, .postAndComment__post a:visited:hover {
  text-decoration: underline;
}

/* line 133, app/assets/stylesheets/blocks/posts.sass */
.postAndComment .comment {
  margin-bottom: 0;
  border: none;
}

/* line 1, app/assets/stylesheets/blocks/progress_bar.sass */
.progressBar {
  height: 0.5em;
  background-color: #eee;
  border-radius: 1em;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/blocks/progress_bar.sass */
.progressBar__bar {
  background-color: #03AC5A;
  height: 100%;
}

/* line 1, app/assets/stylesheets/blocks/project_card.sass */
.projectCards {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
  grid-gap: 1rem;
}

/* line 7, app/assets/stylesheets/blocks/project_card.sass */
.projectCard {
  border-radius: .3rem;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--color-content-block-bg);
  box-shadow: 0 0 0 2px var(--color-content-block-shadow), 1px 1px 4px var(--color-content-block-shadow);
  display: flex;
  align-items: center;
  padding: 1rem;
  position: relative;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .projectCard {
  box-shadow: none;
}

/* line 13, app/assets/stylesheets/blocks/project_card.sass */
.projectCard:hover {
  background-color: var(--color-interactive-offset-on-content-bg);
}

/* line 16, app/assets/stylesheets/blocks/project_card.sass */
.projectCard__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* line 23, app/assets/stylesheets/blocks/project_card.sass */
.projectCard__logo {
  flex-shrink: 0;
  margin-right: 1em;
  display: block;
  height: 4rem;
  width: 4rem;
  border-radius: 0.2rem;
  overflow: hidden;
}

/* line 32, app/assets/stylesheets/blocks/project_card.sass */
.projectCard__details {
  line-height: 1.5;
}

/* line 35, app/assets/stylesheets/blocks/project_card.sass */
.projectCard__details__name {
  font-weight: bold;
  font-size: var(--font-size-5);
  color: var(--color-project-link);
}

/* line 40, app/assets/stylesheets/blocks/project_card.sass */
.projectCard__details__pitch {
  color: var(--color-project-pitch-link);
  font-size: var(--font-size-4);
}

/* line 3, app/assets/stylesheets/blocks/projects.sass */
.project {
  position: relative;
  font-size: var(--font-size-5);
  overflow: hidden;
  background: var(--background);
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .project {
  background: var(--background-darkmode);
}

/* line 10, app/assets/stylesheets/blocks/projects.sass */
.project:hover {
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5);
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .project:hover {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

/* line 15, app/assets/stylesheets/blocks/projects.sass */
.project__primary {
  display: grid;
  grid-template-areas: "details logo";
  grid-template-columns: auto -webkit-min-content;
  grid-template-columns: auto min-content;
  grid-gap: 1rem;
  padding: 1rem;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/blocks/projects.sass */
.project__meta {
  border-top: 1px rgba(0, 0, 0, 0.1) solid;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 0.5rem 1rem;
  display: flex;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .project__meta {
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 29, app/assets/stylesheets/blocks/projects.sass */
.project__logo {
  grid-area: logo;
  display: block;
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  overflow: hidden;
  border-radius: .2rem;
}

/* line 38, app/assets/stylesheets/blocks/projects.sass */
a.project__badge {
  display: block;
  text-align: center;
  background-color: #ffdb99;
  color: #330000;
  padding: 0.3em 0.4em;
  font-size: 0.7em;
  border-radius: 0.2rem;
  text-decoration: none;
  white-space: nowrap;
  margin-right: 1rem;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.project__badge {
  background-color: #332100;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.project__badge {
  color: white;
}

/* line 50, app/assets/stylesheets/blocks/projects.sass */
.project__details {
  grid-area: details;
  display: flex;
  justify-content: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 1.3;
  text-decoration: none;
  overflow: hidden;
  flex-direction: column;
}

/* line 61, app/assets/stylesheets/blocks/projects.sass */
.project__name {
  display: block;
  font-weight: bold;
  text-decoration: none;
  margin-right: 0.5em;
  color: black;
  flex-shrink: 0;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .project__name {
  color: white;
}

/* line 69, app/assets/stylesheets/blocks/projects.sass */
.project__pitch {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .project__pitch {
  color: rgba(255, 255, 255, 0.8);
}

/* line 75, app/assets/stylesheets/blocks/projects.sass */
.project__makers {
  display: flex;
}

/* line 78, app/assets/stylesheets/blocks/projects.sass */
.project__maker + .project__maker {
  margin-left: 1rem;
}

/* line 81, app/assets/stylesheets/blocks/projects.sass */
.project__maker {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: var(--font-size-3);
  font-weight: 500;
}

/* line 87, app/assets/stylesheets/blocks/projects.sass */
.project__maker:link, .project__maker:visited {
  color: rgba(0, 0, 0, 0.8);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .project__maker:link, .dark .project__maker:visited {
  color: rgba(255, 255, 255, 0.8);
}

/* line 89, app/assets/stylesheets/blocks/projects.sass */
.project__maker:hover {
  text-decoration: underline;
}

/* line 91, app/assets/stylesheets/blocks/projects.sass */
.project__maker .avatar {
  font-size: 1.5em;
  margin-right: .4rem;
}

/* line 95, app/assets/stylesheets/blocks/projects.sass */
.projects--small {
  grid-gap: .5rem;
  grid-template-columns: 1fr;
  margin-bottom: 0;
}

/* line 99, app/assets/stylesheets/blocks/projects.sass */
.projects--small .project {
  font-size: var(--font-size-3);
}

/* line 101, app/assets/stylesheets/blocks/projects.sass */
.projects--small .project__primary {
  padding: 0.5rem;
  grid-template-areas: "logo details";
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 0.5rem;
}

/* line 106, app/assets/stylesheets/blocks/projects.sass */
.projects--small .project__pitch {
  display: none;
}

/* line 108, app/assets/stylesheets/blocks/projects.sass */
.projects--small .project__logo {
  height: 2rem;
  width: 2rem;
  min-width: 2rem;
}

/* line 112, app/assets/stylesheets/blocks/projects.sass */
.projects--small .project__meta {
  display: none;
}

/* line 1, app/assets/stylesheets/blocks/registration_highlight.sass */
.registrationHighlight {
  background-color: #e6f2e6;
  color: #001a00;
  padding: 1em;
  line-height: 1.5;
  border-radius: 0.3em;
  margin-bottom: 1em;
}

/* line 1, app/assets/stylesheets/blocks/related_link.sass */
.relatedLinks {
  display: flex;
  overflow-x: auto;
}

/* line 4, app/assets/stylesheets/blocks/related_link.sass */
.relatedLinks .relatedLink + .relatedLink {
  margin-left: 1rem;
}

/* line 8, app/assets/stylesheets/blocks/related_link.sass */
a.relatedLink:link, a.relatedLink:visited {
  width: 16em;
  border: 1px rgba(0, 0, 0, 0.1) solid;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 1em;
  flex-shrink: 0;
  font-size: 0.8em;
  display: flex;
  flex-direction: column;
  color: black;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.relatedLink:link, .dark a.relatedLink:visited {
  border-color: rgba(255, 255, 255, 0.1);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.relatedLink:link, .dark a.relatedLink:visited {
  color: white;
}

/* line 19, app/assets/stylesheets/blocks/related_link.sass */
a.relatedLink:link .relatedLink__icon, a.relatedLink:visited .relatedLink__icon {
  height: 20px;
  width: 20px;
}

/* line 22, app/assets/stylesheets/blocks/related_link.sass */
a.relatedLink:link .relatedLink__title, a.relatedLink:visited .relatedLink__title {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* line 26, app/assets/stylesheets/blocks/related_link.sass */
a.relatedLink:link .relatedLink__source, a.relatedLink:visited .relatedLink__source {
  margin-top: auto;
  display: flex;
  align-items: center;
  color: #444;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.relatedLink:link .relatedLink__source, .dark a.relatedLink:visited .relatedLink__source {
  color: #bbbbbb;
}

/* line 31, app/assets/stylesheets/blocks/related_link.sass */
a.relatedLink:link .relatedLink__source__icon, a.relatedLink:visited .relatedLink__source__icon {
  margin-right: 0.5rem;
  height: 16px;
  width: 16px;
}

/* line 36, app/assets/stylesheets/blocks/related_link.sass */
a.relatedLink:hover {
  text-decoration: underline;
}

/* line 2, app/assets/stylesheets/blocks/search.sass */
.search__box {
  padding: 1em;
  background-color: var(--color-gray-200);
  display: flex;
  margin-bottom: 1em;
}

/* line 8, app/assets/stylesheets/blocks/search.sass */
.search__input {
  padding: 1em;
  border: 2px var(--color-gray-300) solid;
  flex-grow: 1;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
  border-radius: 0.3em;
}

/* line 16, app/assets/stylesheets/blocks/search.sass */
.search__input:focus {
  outline: none;
  border-color: var(--color-gray-800);
}

/* line 20, app/assets/stylesheets/blocks/search.sass */
.search__button {
  margin-left: 0.5em;
  flex-shrink: 1;
  width: initial;
}

/* line 25, app/assets/stylesheets/blocks/search.sass */
.search__results {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  margin-bottom: 3rem;
}

/* line 31, app/assets/stylesheets/blocks/search.sass */
.search__results--none {
  font-weight: bold;
  text-align: center;
}

/* line 35, app/assets/stylesheets/blocks/search.sass */
.search__results .todo {
  border: 1px solid var(--color-gray-300);
}

/* line 1, app/assets/stylesheets/blocks/selection.sass */
::-moz-selection {
  color: var(--color-selection);
  background-color: var(--color-selection-bg);
}
::selection {
  color: var(--color-selection);
  background-color: var(--color-selection-bg);
}

/* line 1, app/assets/stylesheets/blocks/short_intro.sass */
.shortIntro {
  display: flex;
  align-items: center;
}

/* line 4, app/assets/stylesheets/blocks/short_intro.sass */
.shortIntro a {
  text-decoration: none;
  color: inherit;
}

/* line 7, app/assets/stylesheets/blocks/short_intro.sass */
.shortIntro a:hover {
  text-decoration: underline;
}

/* line 9, app/assets/stylesheets/blocks/short_intro.sass */
.shortIntro__avatar {
  font-size: 3rem;
  margin-right: .5rem;
}

/* line 12, app/assets/stylesheets/blocks/short_intro.sass */
.shortIntro__name {
  font-size: var(--font-size-4);
  font-weight: 500;
}

/* line 16, app/assets/stylesheets/blocks/short_intro.sass */
.shortIntro + .shortIntro {
  margin-top: .5rem;
}

/* line 1, app/assets/stylesheets/blocks/shortcuts.sass */
table.shortcuts.shortcuts.shortcuts.shortcuts {
  margin-top: 1.5rem;
  border: 1px var(--color-gray-300) solid;
  border-top: none;
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

/* line 9, app/assets/stylesheets/blocks/shortcuts.sass */
table.shortcuts.shortcuts.shortcuts.shortcuts td {
  border-top: 1px var(--color-gray-300) solid;
  padding: .5rem;
}

/* line 13, app/assets/stylesheets/blocks/shortcuts.sass */
table.shortcuts.shortcuts.shortcuts.shortcuts td ~ td {
  text-align: right;
}

/* line 16, app/assets/stylesheets/blocks/shortcuts.sass */
kbd {
  display: inline-block;
  padding: .3em .4em;
  font-size: var(--font-size-2);
  color: var(--color-gray-800);
  vertical-align: middle;
  background-color: var(--color-gray-100);
  border: 1px solid var(--color-gray-400);
  border-radius: .2em;
  box-shadow: inset 0 -1px 0 #D8D8D8;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark kbd {
  box-shadow: none;
}

/* line 13, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodoGrid {
  display: flex;
  flex-wrap: wrap;
}

/* line 16, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodoGrid .simpleTodo {
  margin: 0.3em;
  width: 30%;
  box-sizing: border-box;
}

/* line 22, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodoList .simpleTodo:not(:first-child) {
  margin-top: 1em;
}

/* line 25, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo {
  border: 1px #f6eadf solid;
  border-color: #f6eadf;
  box-shadow: 0 0 0.2em #f6eadf;
  box-shadow: 0 0 0.2em #f6eadf;
  overflow: hidden;
  border-radius: 0.2em;
  background: white;
  color: black;
  display: flex;
  line-height: 1.5;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo {
  border-color: #222;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo {
  box-shadow: 0 0 0.2em #222;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo {
  background: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo {
  color: white;
}

/* line 36, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo .simpleTodo__emoji {
  padding: 0.8em;
  background: #f6eadf;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo .simpleTodo__emoji {
  background: #222;
}

/* line 40, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo .simpleTodo__content {
  padding: 0.8em;
}

/* line 43, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo .simpleTodo__content .simpleTodo__name {
  font-weight: bold;
  display: inline;
}

/* line 46, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo .simpleTodo__content .simpleTodo__body {
  margin-left: 0.2em;
  display: inline;
}

/* line 49, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo .simpleTodo__content .simpleTodo__body div {
  display: inline;
}

/* line 52, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo--completed {
  border: 1px #ddf7d8 solid;
  border-color: #ddf7d8;
  box-shadow: 0 0 0.2em #ddf7d8;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo--completed {
  border-color: #222;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo--completed {
  box-shadow: 0 0 0.2em #222;
}

/* line 56, app/assets/stylesheets/blocks/simple_todo.sass */
.simpleTodo--completed .simpleTodo__emoji {
  background: #ddf7d8;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .simpleTodo--completed .simpleTodo__emoji {
  background: #222;
}

/* line 1, app/assets/stylesheets/blocks/split.sass */
.split {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 769px) {
  /* line 1, app/assets/stylesheets/blocks/split.sass */
  .split {
    flex-direction: row;
  }
}

@media only screen and (min-width: 769px) {
  /* line 7, app/assets/stylesheets/blocks/split.sass */
  .split .split__section--half {
    width: 50%;
  }
}

/* line 13, app/assets/stylesheets/blocks/split.sass */
.split--padded .split__section:not(:first-child) {
  margin-top: 2em;
}

@media only screen and (min-width: 769px) {
  /* line 13, app/assets/stylesheets/blocks/split.sass */
  .split--padded .split__section:not(:first-child) {
    margin-top: 0;
    margin-left: 2em;
  }
}

/* line 5, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanels {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  grid-gap: 1rem 3rem;
  align-items: start;
}

/* line 11, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 15, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__visual {
  width: 100%;
}

/* line 17, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__visual figure {
  margin: 0;
  background: linear-gradient(40deg, blue -50%, red, orange 150%);
  padding: 2em 1em;
  padding-bottom: calc(43.5483871% + 1.5em);
  height: 0;
}

/* line 25, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__visual figure img {
  width: 100%;
}

/* line 27, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__description {
  padding: 2em;
  margin: 0 auto;
  max-width: 30em;
}

/* line 31, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__description h2 {
  font-size: 1.4em;
  color: orange;
  margin: 0;
}

/* line 35, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__description h1 {
  font-size: 2em;
  width: 90%;
  font-weight: bolder;
  line-height: 1.1;
  margin: 0.8rem 0;
}

/* line 41, app/assets/stylesheets/blocks/split_panels.sass */
.splitPanel .splitPanel__description p {
  color: #999;
  font-size: 1.4em;
  line-height: 1.5;
  margin: 0;
}

/* line 1, app/assets/stylesheets/blocks/spotlight.sass */
.spotlight__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 200ms ease;
  background: rgba(0, 0, 0, 0.2);
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .spotlight__shadow {
  background: rgba(0, 0, 0, 0.7);
}

/* line 12, app/assets/stylesheets/blocks/spotlight.sass */
.spotlight__shadow--hidden {
  background: rgba(0, 0, 0, 0);
  pointer-events: none;
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .spotlight__shadow--hidden {
  background: rgba(0, 0, 0, 0);
}

/* line 18, app/assets/stylesheets/blocks/spotlight.sass */
.spotlight__subject {
  position: relative;
  z-index: 2;
}

/* line 1, app/assets/stylesheets/blocks/sticky_footer.sass */
.stickyFooter {
  position: fixed;
  bottom: 0;
  left: -1em;
  right: -1em;
  padding: 1.5em;
  background-color: white;
  box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
  z-index: 22;
}

/* line 11, app/assets/stylesheets/blocks/sticky_footer.sass */
.stickyFooter__inner {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 2;
}

/* line 16, app/assets/stylesheets/blocks/sticky_footer.sass */
.stickyFooter__inner a {
  background-color: #00CF6A;
  border-radius: 2em;
  padding: 0.3em 0.6em;
  text-decoration: none;
  margin-left: 0.5em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .stickyFooter__inner a {
  background-color: #00CF6A;
}

/* line 22, app/assets/stylesheets/blocks/sticky_footer.sass */
.stickyFooter__inner a:link, .stickyFooter__inner a:visited {
  color: white;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .stickyFooter__inner a:link, .dark .stickyFooter__inner a:visited {
  color: white;
}

/* line 24, app/assets/stylesheets/blocks/sticky_footer.sass */
.stickyFooter__inner a:hover {
  background-color: #03AC5A;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .stickyFooter__inner a:hover {
  background-color: #03AC5A;
}

/* line 27, app/assets/stylesheets/blocks/sticky_footer.sass */
.stickyFooterSpacer {
  height: 5em;
  clear: both;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary {
  position: relative;
  border-radius: .3rem;
  overflow: hidden;
  margin-bottom: 1rem;
  display: grid;
  grid-template-areas: "cover" "image" "actions" "body" "nav";
  background: var(--color-content-bg);
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary::after {
  border-radius: .3rem;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: 2px solid rgba(0, 0, 0, 0.1);
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .summary::after {
  display: none;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__cover {
  grid-area: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 1rem;
  min-height: 5rem;
  position: relative;
}

@media only screen and (min-width: 769px) {
  /* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
  .summary__cover {
    min-height: 10rem;
  }
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__image {
  grid-area: image;
  position: relative;
  padding: 0 1rem;
  height: 0;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__image img {
  transform: translateY(-70%);
  width: 7rem;
  height: 7rem;
  display: block;
  border-radius: 100%;
  flex-shrink: 0;
  background-color: var(--color-content-bg);
  margin-right: 1rem;
  border: 0.2rem var(--color-content-bg) solid;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__actions {
  grid-area: actions;
  padding: 1rem 1rem 0 1rem;
  display: flex;
  min-height: 2.16rem;
  align-items: center;
  justify-content: flex-end;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__actions > div {
  margin-left: 1rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body {
  grid-area: body;
  padding: 0 1rem 0 1rem;
  margin-top: -0.5rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__name {
  margin-bottom: .5rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__name h1 {
  font-size: var(--font-size-6);
  font-weight: 700;
  margin: 0;
  max-width: 30em;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__name h2 {
  font-size: var(--font-size-4);
  font-weight: normal;
  margin: 0;
  color: #6A6A6A;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__bio {
  font-size: var(--font-size-4);
  line-height: 1.5;
  max-width: 40em;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__meta {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  color: #6A6A6A;
  padding-top: 1rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__meta li {
  padding: .2rem 0;
  list-style: none;
  margin-right: 1rem;
  display: flex;
  align-items: center;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__body__meta li i {
  margin-right: .2rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__nav {
  position: relative;
  grid-area: nav;
  display: grid;
  grid-auto-flow: column;
  min-width: 100%;
  grid-template-columns: repeat(6, minmax(auto, 1fr));
  overflow-x: auto;
  color: black;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__nav a:link, .summary__nav a:visited {
  color: currentColor;
  white-space: nowrap;
  display: block;
  border-bottom: 4px transparent solid;
  text-decoration: none;
  text-align: center;
  padding: 1rem .5rem;
  font-weight: 700;
  color: #8F8F8F;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .summary__nav a:link, .dark .summary__nav a:visited {
  color: #6A6A6A;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__nav a.current:link, .summary__nav a.current:visited {
  opacity: 1;
  color: black;
  border-color: currentColor;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .summary__nav a.current:link, .dark .summary__nav a.current:visited {
  color: white;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__nav a:link span, .summary__nav a:visited span {
  font-weight: normal;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__nav a:hover {
  color: black;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary {
  --summary-background-1: url(/assets/patterns/1-8ae044230bd9b27ba8a67bc57c6e76d14b747dcabe15ce42802808b90576f48c.svg);
  --summary-background-2: url(/assets/patterns/2-1353be860fecee65a920aeb59bba9b550ea353ba6848be978a4945e42e0e0e29.svg);
  --summary-background-3: url(/assets/patterns/2-1353be860fecee65a920aeb59bba9b550ea353ba6848be978a4945e42e0e0e29.svg);
  --summary-background-4: url(/assets/patterns/4-f47d6d91c30e7a862cda7ad8efb2be2b85b8a6d4ac30e7e8531269b40d420d62.svg);
  --summary-background-5: url(/assets/patterns/5-f06769ac1f7bcf75b681f9e4d41ab7ef51b096fd9120c92929c5780caaf5c39b.svg);
  --summary-background-6: url(/assets/patterns/6-8d63f591f4d4b37e485c5ffa047310f723418a4001386ad049f02f35b0afb25c.svg);
  --summary-background-7: url(/assets/patterns/7-4fd31dbe48b4d1952ff465159ce976fa122041dc75993640a490ee6fd898441c.svg);
  --summary-background-8: url(/assets/patterns/8-a4a56dcbe359199a7159c2cfae280e602cd1255172562a0212618f602da12730.svg);
  --summary-background-9: url(/assets/patterns/9-2c3dfb085eb5b0aa8800304132167303656e4e97f5ffdca03b9a2fe999fb2934.svg);
  --summary-background-10: url(/assets/patterns/10-fb09549df92fac2d47ecf4d51a8d9bf95d2851e30e61a2c7a5ab2a9abe9090a2.svg);
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton {
  top: 1rem;
  right: 1rem;
  position: absolute;
  overflow: hidden;
  background: white;
  border-radius: 0.3rem;
  font-size: var(--font-size-2);
  font-weight: bold;
  box-shadow: var(--box-shadow-xs);
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton__label {
  display: flex;
  justify-content: center;
  color: black;
  align-items: center;
  padding: .3rem .3rem;
  position: relative;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton__label .icon {
  font-size: 1.3em;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton__label span {
  margin-left: .2rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton input[type="file"] {
  cursor: pointer;
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton__progressBar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 0;
  background-color: #00CF6A;
  transition: width 100ms ease;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary__uploadButton.error {
  -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary--project .summary__nav {
  grid-template-columns: repeat(4, minmax(auto, 1fr));
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary--project .summary__image img {
  border-radius: .8rem;
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary--project .summary__body__name h1 {
  font-size: var(--font-size-6);
}

/* line 1, app/assets/stylesheets/blocks/summary.sass.erb */
.summary--project .summary__body__bio {
  font-size: var(--font-size-5);
}

/* line 3, app/assets/stylesheets/blocks/tags.sass */
.tags--inline {
  display: flex;
  flex-wrap: wrap;
  margin-top: -0.3rem;
}

/* line 7, app/assets/stylesheets/blocks/tags.sass */
.tags--inline .tag {
  margin-right: 0.3rem;
  margin-top: 0.3rem;
}

/* line 11, app/assets/stylesheets/blocks/tags.sass */
.tag {
  display: block;
  background-color: var(--color-tag-bg);
  padding: 0.4em;
  border-radius: 0.2em;
}

/* line 16, app/assets/stylesheets/blocks/tags.sass */
.tag:link, .tag:visited {
  text-decoration: none;
}

/* line 18, app/assets/stylesheets/blocks/tags.sass */
.tag:hover {
  background-color: var(--color-tag-bg-hover);
}

/* line 1, app/assets/stylesheets/blocks/telegram_messages.sass */
.telegramMessage {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #eee;
  padding-top: 1em;
  padding-bottom: 1em;
  position: relative;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .telegramMessage {
  border-bottom-color: #111111;
}

/* line 8, app/assets/stylesheets/blocks/telegram_messages.sass */
.telegramMessage .telegramMessage__meta {
  position: absolute;
  font-size: 0.8em;
  color: #aaa;
  top: 1em;
  right: 0;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .telegramMessage .telegramMessage__meta {
  color: #555555;
}

/* line 15, app/assets/stylesheets/blocks/telegram_messages.sass */
.telegramMessage .telegramMessage__body p {
  margin: 0;
}

/* line 1, app/assets/stylesheets/blocks/tiny_user.sass */
.tinyUsers {
  display: grid;
  grid-gap: 1em;
}

/* line 5, app/assets/stylesheets/blocks/tiny_user.sass */
.tinyUser {
  position: relative;
}

/* line 8, app/assets/stylesheets/blocks/tiny_user.sass */
.tinyUser__bar {
  height: 1.5em;
  background: #fff7cc;
  border-radius: 5em;
  min-width: 3em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .tinyUser__bar {
  background: #332b00;
}

/* line 14, app/assets/stylesheets/blocks/tiny_user.sass */
.tinyUser__details {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
}

/* line 22, app/assets/stylesheets/blocks/tiny_user.sass */
.tinyUser__details .avatar {
  font-size: 1.5em;
  margin-right: 0.2em;
}

/* line 26, app/assets/stylesheets/blocks/tiny_user.sass */
a.tinyUser__name:link, a.tinyUser__name:visited {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark a.tinyUser__name:link, .dark a.tinyUser__name:visited {
  color: white;
}

/* line 33, app/assets/stylesheets/blocks/tiny_user.sass */
.tinyUser__score {
  font-size: 0.8em;
  white-space: nowrap;
  border-radius: 0.5em;
  margin-left: auto;
  margin-right: 0.5em;
  flex-shrink: 0;
}

/* line 1, app/assets/stylesheets/blocks/tippy.sass */
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

/* line 4, app/assets/stylesheets/blocks/tippy.sass */
.tippy-box {
  transition-property: transform, visibility, opacity;
  outline: 0;
}

/* line 8, app/assets/stylesheets/blocks/tippy.sass */
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

/* line 2, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper {
  border: 2px var(--color-gray-300) solid;
  margin-bottom: 1rem;
  border-radius: .3rem;
  overflow: hidden;
}

/* line 9, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper .todoComposer__formWrapper__buttons {
  height: auto;
  transition: max-height 100ms ease, opacity 100ms ease;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

/* line 19, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper:not([data-spotlight]) .todoComposer__checkmark {
  --color-checkmark-bg: var(--color-gray-400);
  --color-checkmark-inside: var(--color-white);
}

/* line 24, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper:not([data-spotlight]) .todoComposer__formWrapper__buttons {
  margin-top: 0;
}

/* line 28, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper:not([data-spotlight]):hover {
  border-color: var(--color-gray-500);
}

/* line 32, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper[data-spotlight] {
  border-color: transparent;
}

/* line 34, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper[data-spotlight] .todoComposer {
  --local-color-bg: var(--color-content-bg);
}

/* line 37, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposerWrapper[data-spotlight] .todoComposer .todoComposer__formWrapper__buttons {
  max-height: 2rem;
  opacity: 1;
}

/* line 44, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposer__results .todoTitle {
  display: none;
}

/* line 47, app/assets/stylesheets/blocks/todo_composer.sass */
.todoComposer__results .todo {
  border-top: 1px var(--color-gray-200) solid;
}

/* line 1, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper {
  --local-color-bg: var(--color-white);
  background: var(--local-color-bg);
  padding: 1rem;
  display: grid;
  grid-template-areas: "avatar textarea" "avatar attachments" "avatar buttons";
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-column-gap: .7rem;
}

/* line 10, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  box-sizing: border-box;
  display: block;
  font-size: var(--font-size-5);
  height: auto;
  resize: none;
  width: 100%;
  background-color: white;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todoComposer__formWrapper textarea {
  background-color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todoComposer__formWrapper textarea {
  color: white;
}

/* line 22, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper textarea:focus {
  outline: none;
}

/* line 25, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper .checkmark {
  grid-area: avatar;
}

/* line 28, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper .myAttachments {
  grid-area: attachments;
}

/* line 30, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper .myAttachments:not(:empty) {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

/* line 34, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__buttons {
  grid-area: buttons;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
}

/* line 41, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__uploadAttachment {
  position: relative;
  overflow: hidden;
  align-items: center;
  border-radius: .2rem;
  background-color: var(--color-gray-100);
}

/* line 47, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__uploadAttachment:hover {
  background-color: var(--color-blue-100);
}

/* line 49, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__uploadAttachment:hover button {
  color: var(--color-blue-400);
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .todoComposer__formWrapper__uploadAttachment:hover button {
  color: var(--color-blue-800);
}

/* line 53, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__uploadAttachment button {
  display: flex;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: .3rem;
  margin: 0;
  background: transparent;
  color: var(--color-gray-700);
}

/* line 61, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__uploadAttachment button i {
  height: 1.3rem;
  width: 1.3rem;
}

/* line 65, app/assets/stylesheets/blocks/todo_input.sass */
.todoComposer__formWrapper__uploadAttachment input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

/* line 6, app/assets/stylesheets/blocks/todo_with_user.sass */
.todos .todo {
  border: 1px black solid;
  border-color: #F3F3F3;
  border-top-style: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todos .todo {
  border-color: #0c0c0c;
}

/* line 11, app/assets/stylesheets/blocks/todo_with_user.sass */
.todos .todo:first-child, .todos .todoTitle + .todo {
  border-top-style: solid;
}

/* line 14, app/assets/stylesheets/blocks/todo_with_user.sass */
.todoTitle {
  margin: 1.5rem 0 1rem 0;
  font-size: var(--font-size-3);
}

/* line 18, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo {
  padding: 1.4rem 1.2rem;
  padding-bottom: .9rem;
  background-color: var(--color-content-block-bg);
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-row-gap: 0rem;
  grid-column-gap: 1.2rem;
  grid-template-areas: "side name" "side body" "attachments attachments" ". buttons" "comments comments" "meta meta";
}

/* line 12, app/assets/stylesheets/shared/theme.scss */
.dark .todo {
  border-left: none;
  border-right: none;
}

@media only screen and (min-width: 769px) {
  /* line 18, app/assets/stylesheets/blocks/todo_with_user.sass */
  .todo {
    grid-template-areas: "side name" "side body" "side attachments" "side buttons" "side comments" "side meta";
  }
}

/* line 33, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__side {
  grid-area: side;
  font-size: 2.5rem;
}

/* line 37, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name {
  grid-area: name;
  margin-top: .05rem;
  display: flex;
  align-items: center;
}

/* line 42, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name > a:link, .todo__name > a:visited {
  display: block;
  font-weight: 600;
  font-size: var(--font-size-4);
  color: black;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo__name > a:link, .dark .todo__name > a:visited {
  color: white;
}

/* line 48, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name > a:hover {
  text-decoration: underline;
}

/* line 50, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name time {
  display: block;
  font-size: var(--font-size-2);
  color: #8F8F8F;
  margin-left: .5rem;
}

/* line 55, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name .todo__name__menu {
  margin-left: auto;
}

/* line 57, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name .todo__name__menu .dropdown__button {
  font-size: 100%;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  height: 1.5rem;
  width: 1.5rem;
  margin-top: -1.5rem;
  margin-right: -0.5rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #8F8F8F;
}

/* line 72, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name .todo__name__menu .dropdown__button:hover {
  background: #E3E3E3;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo__name .todo__name__menu .dropdown__button:hover {
  background: #1c1c1c;
}

/* line 74, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name .todo__name__menu .dropdown__button:active {
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo__name .todo__name__menu .dropdown__button:active {
  color: white;
}

/* line 76, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__name .todo__name__menu .dropdown__button .icon {
  font-size: .8rem;
  display: block;
  margin-top: .05rem;
}

/* line 81, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__body {
  grid-area: body;
  word-break: break-word;
  font-size: var(--font-size-5);
  line-height: 1.5;
}

/* line 87, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__attachments {
  grid-area: attachments;
  margin-top: .8em;
}

/* line 91, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__meta {
  grid-area: meta;
  display: none;
  font-size: var(--font-size-2);
}

/* line 96, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__avatar {
  position: relative;
}

/* line 98, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__avatar .todo__bullet {
  position: absolute;
  right: -8px;
  bottom: -8px;
}

/* line 102, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__avatar .todo__bullet label {
  height: 22px;
}

/* line 106, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo__comments {
  grid-area: comments;
  display: none;
  margin-top: 1.5em;
}

/* line 114, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo--editing .todo__bullet {
  display: none;
}

/* line 117, app/assets/stylesheets/blocks/todo_with_user.sass */
.todo--editing .todo__name__menu {
  display: none;
}

/* line 9, app/assets/stylesheets/blocks/todos.sass */
.todo:not(#new_todo):hover {
  background-color: #f9fcff;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo:not(#new_todo):hover {
  background-color: #222;
}

/* line 11, app/assets/stylesheets/blocks/todos.sass */
.todo.expanded:not(#new_todo) {
  position: relative;
  border-radius: .3rem;
  box-shadow: 0 0 0 2px #1da1f2;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

/* line 17, app/assets/stylesheets/blocks/todos.sass */
.todo.expanded:not(#new_todo) + .todo {
  border-top-color: transparent;
}

/* line 21, app/assets/stylesheets/blocks/todos.sass */
.todo.expanded:not(#new_todo) [data-todo-target="collapsible"] {
  display: block;
}

/* line 24, app/assets/stylesheets/blocks/todos.sass */
.todo:last-child {
  border-bottom-left-radius: .3rem;
  border-bottom-right-radius: .3rem;
}

/* line 28, app/assets/stylesheets/blocks/todos.sass */
.todo__action a:link, .todo__action a:visited {
  color: var(--color-content);
  text-decoration: none;
}

/* line 31, app/assets/stylesheets/blocks/todos.sass */
.todo__action a:hover {
  text-decoration: underline;
}

/* line 33, app/assets/stylesheets/blocks/todos.sass */
.todo__action i.icon {
  color: var(--color-content);
  margin-right: 0.5em;
}

/* line 38, app/assets/stylesheets/blocks/todos.sass */
.todo__meta__createdAt i.icon,
.todo__meta__createdAt a:link,
.todo__meta__createdAt a:visited {
  color: rgba(0, 0, 0, 0.6);
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo__meta__createdAt i.icon, .dark .todo__meta__createdAt a:link, .dark .todo__meta__createdAt a:visited {
  color: rgba(255, 255, 255, 0.6);
}

/* line 43, app/assets/stylesheets/blocks/todos.sass */
.todo__meta__createdAt a:link {
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/blocks/todos.sass */
.todo__meta__createdAt a:hover {
  text-decoration: underline;
}

/* line 49, app/assets/stylesheets/blocks/todos.sass */
.todo__editButtons input[type=file] {
  margin: 1em 0;
}

/* line 52, app/assets/stylesheets/blocks/todos.sass */
.todo__editButtons input[type=submit] {
  flex-grow: 1;
}

@media only screen and (min-width: 769px) {
  /* line 48, app/assets/stylesheets/blocks/todos.sass */
  .todo__editButtons {
    align-items: center;
    display: flex;
  }
  /* line 59, app/assets/stylesheets/blocks/todos.sass */
  .todo__editButtons input[type=file] {
    margin: 0;
    flex-grow: 2;
  }
}

/* line 65, app/assets/stylesheets/blocks/todos.sass */
.todo:not(#new_todo):not(.expanded) {
  cursor: pointer;
}

/* line 67, app/assets/stylesheets/blocks/todos.sass */
.todo.sortable-ghost:not(.sortable-drag) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 0.2em;
}

/* line 71, app/assets/stylesheets/blocks/todos.sass */
.todo.sortable-ghost:not(.sortable-drag) * {
  visibility: hidden;
}

/* line 73, app/assets/stylesheets/blocks/todos.sass */
.todo.sortable-drag {
  background: var(--color-content-bg);
  padding: 0.5em;
  border-radius: 0.2em;
  box-shadow: var(--box-shadow-m);
}

/* line 79, app/assets/stylesheets/blocks/todos.sass */
.todo .comment__body {
  margin-bottom: 1em;
}

/* line 82, app/assets/stylesheets/blocks/todos.sass */
.todo__action {
  display: flex;
  height: 30px;
  align-items: center;
  line-height: 1.5;
  color: #777;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo__action {
  color: #888888;
}

/* line 88, app/assets/stylesheets/blocks/todos.sass */
.todo__action:hover {
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .todo__action:hover {
  color: white;
}

/* line 92, app/assets/stylesheets/blocks/todos.sass */
.todo__action__close:hover {
  text-decoration: underline;
}

/* line 95, app/assets/stylesheets/blocks/todos.sass */
.todo__action__close {
  display: none;
  height: 30px;
}

/* line 99, app/assets/stylesheets/blocks/todos.sass */
.expanded .todo__action__close {
  display: block;
}

/* line 102, app/assets/stylesheets/blocks/todos.sass */
.todo__bullet {
  height: var(--font-size-5);
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

/* line 109, app/assets/stylesheets/blocks/todos.sass */
.todo__name__menu {
  font-size: var(--font-size-2);
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 113, app/assets/stylesheets/blocks/todos.sass */
.todo__buttons {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 3rem);
  grid-area: buttons;
  margin-top: .4rem;
}

/* line 119, app/assets/stylesheets/blocks/todos.sass */
.todo__buttons .buttons {
  margin-left: auto;
}

/* line 122, app/assets/stylesheets/blocks/todos.sass */
.todo form .input textarea {
  background: var(--color-body-bg);
}

/**
 * tom-select.css (v2.1.0)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
/* line 15, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

/* line 19, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}

/* line 26, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}

/* line 30, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 34, app/assets/stylesheets/blocks/tom_select.css */
.plugin-checkbox_options .option input {
  margin-right: 0.5rem;
}

/* line 38, app/assets/stylesheets/blocks/tom_select.css */
.plugin-clear_button .ts-control {
  padding-right: calc(1em + (3 * 6px)) !important;
}

/* line 41, app/assets/stylesheets/blocks/tom_select.css */
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 8px;
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}

/* line 51, app/assets/stylesheets/blocks/tom_select.css */
.plugin-clear_button.single .clear-button {
  right: calc(8px - 6px + 2rem);
}

/* line 54, app/assets/stylesheets/blocks/tom_select.css */
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button.has-items:not(.disabled):hover .clear-button {
  opacity: 1;
}

/* line 58, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}

/* line 65, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}

/* line 75, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

/* line 79, app/assets/stylesheets/blocks/tom_select.css */
.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
}

/* line 83, app/assets/stylesheets/blocks/tom_select.css */
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px 0;
  display: block;
  padding: 8px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}

/* line 92, app/assets/stylesheets/blocks/tom_select.css */
.plugin-dropdown_input .items-placeholder {
  border: 0 none !important;
  box-shadow: none !important;
  width: 100%;
}

/* line 97, app/assets/stylesheets/blocks/tom_select.css */
.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {
  display: none !important;
}

/* line 101, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}

/* line 104, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}

/* line 108, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {
  color: transparent;
}

/* line 111, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {
  color: transparent;
}

/* line 114, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

/* line 118, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}

/* line 121, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}

/* line 128, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}

/* line 131, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}

/* line 134, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

/* line 138, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}

/* line 143, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  box-sizing: border-box;
  margin-left: 6px;
}

/* line 152, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

/* line 159, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper {
  position: relative;
}

/* line 163, app/assets/stylesheets/blocks/tom_select.css */
.ts-control,
.ts-wrapper.single.input-active .ts-control {
  background: #fff;
  cursor: text;
}

/* line 169, app/assets/stylesheets/blocks/tom_select.css */
.ts-control {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 3px;
  display: flex;
  flex-wrap: wrap;
}

/* line 182, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.multi.has-items .ts-control {
  /* padding: calc( 8px - 2px - 0px) 8px calc( 8px - 2px - 3px - 0px); */
}

/* line 185, app/assets/stylesheets/blocks/tom_select.css */
.full .ts-control {
  background-color: #fff;
}

/* line 188, app/assets/stylesheets/blocks/tom_select.css */
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}

/* line 191, app/assets/stylesheets/blocks/tom_select.css */
.focus .ts-control {
  box-shadow: none;
}

/* line 194, app/assets/stylesheets/blocks/tom_select.css */
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}

/* line 199, app/assets/stylesheets/blocks/tom_select.css */
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: #7d7d7d;
  background: white;
  border: 0px solid white;
}

/* line 204, app/assets/stylesheets/blocks/tom_select.css */
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}

/* line 223, app/assets/stylesheets/blocks/tom_select.css */
.ts-control > input::-ms-clear {
  display: none;
}

/* line 226, app/assets/stylesheets/blocks/tom_select.css */
.ts-control > input:focus {
  outline: none !important;
}

/* line 229, app/assets/stylesheets/blocks/tom_select.css */
.has-items .ts-control > input {
  margin: 0px 4px !important;
}

/* line 232, app/assets/stylesheets/blocks/tom_select.css */
.ts-control.rtl {
  text-align: right;
}

/* line 235, app/assets/stylesheets/blocks/tom_select.css */
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}

/* line 239, app/assets/stylesheets/blocks/tom_select.css */
.ts-control.rtl .ts-control > input {
  margin: 0px 4px 0px -2px !important;
}

/* line 242, app/assets/stylesheets/blocks/tom_select.css */
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}

/* line 246, app/assets/stylesheets/blocks/tom_select.css */
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

/* line 252, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border-top: 0 none;
  box-sizing: border-box;
}

/* line 261, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}

/* line 265, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 5px 8px;
}

/* line 271, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] .option[data-selectable] {
  cursor: inherit;
  opacity: 0.5;
}

/* line 275, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .option[data-selectable] {
  opacity: 1;
  cursor: pointer;
}

/* line 279, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}

/* line 282, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}

/* line 287, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}

/* line 291, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .active.create {
  color: #495c68;
}

/* line 294, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}

/* line 297, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}

/* line 303, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}

@-webkit-keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 323, app/assets/stylesheets/blocks/tom_select.css */
.ts-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
  scroll-behavior: smooth;
}

/* line 331, app/assets/stylesheets/blocks/tom_select.css */
.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
/* line 1, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton {
  cursor: pointer;
}

/* line 3, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton .heart {
  background: #8F8F8F;
  -webkit-mask-image: url(/assets/icons/streamline/bold/love-it-alternate-63dcbd8534a8e5b475e6bb289abcedaf5dcd78ed678e07d906503ecb31848222.svg);
          mask-image: url(/assets/icons/streamline/bold/love-it-alternate-63dcbd8534a8e5b475e6bb289abcedaf5dcd78ed678e07d906503ecb31848222.svg);
  display: inline-block;
  height: 1.2em;
  width: 1.2em;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

/* line 14, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton[data-active] .heart {
  background: red;
  -webkit-mask-image: url(/assets/icons/streamline/bold/love-it-1f9cc7319c21b43c63bbc7d44ddeedfa0dd16a97c8d41582e94564d0a72027b7.svg);
          mask-image: url(/assets/icons/streamline/bold/love-it-1f9cc7319c21b43c63bbc7d44ddeedfa0dd16a97c8d41582e94564d0a72027b7.svg);
}

/* line 17, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton[data-active] .upvoteButton__count::after {
  color: red;
}

/* line 21, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton:hover .heart {
  background: red;
}

/* line 23, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton:hover .upvoteButton__count::after {
  color: red;
}

/* line 26, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton__button {
  background: transparent;
  border-style: none;
  font-size: var(--font-size-3);
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
  margin: 0;
  outline: none;
}

/* line 38, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton__count::after {
  display: block;
  content: attr(data-upvote-count);
  margin-left: .4rem;
  font-size: var(--font-size-1);
  font-weight: bold;
  vertical-align: center;
  color: #6A6A6A;
}

/* line 46, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton__count[data-upvote-count='0']::after {
  display: none;
  visibility: none;
}

/* line 50, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton__voters {
  margin-left: .5rem;
  font-size: 1.5em;
  flex-grow: 1;
  display: flex;
}

/* line 55, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton__voters a {
  display: block;
  margin-left: 0.1em;
}

/* line 59, app/assets/stylesheets/blocks/upvote_button.sass */
.upvoteButton__voters .avatar:hover {
  z-index: 23;
}

/* line 1, app/assets/stylesheets/blocks/user_card.sass */
.userCards {
  display: flex;
  flex-wrap: wrap;
  padding: 2em 1em 1em 2em;
}

/* line 6, app/assets/stylesheets/blocks/user_card.sass */
.userCard {
  display: block;
  border-radius: 0.3em;
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  margin: 0 1em 1em 0;
  padding: 2em 1em;
  display: flex;
  flex-direction: column;
  align-items: middle;
  text-align: center;
}

/* line 16, app/assets/stylesheets/blocks/user_card.sass */
.userCard .avatar {
  font-size: 6em;
  margin: 0 auto;
}

/* line 19, app/assets/stylesheets/blocks/user_card.sass */
.userCard .userCard__name {
  margin-top: 1em;
}

/* line 21, app/assets/stylesheets/blocks/user_card.sass */
.userCard .userCard__name:link, .userCard .userCard__name:visited {
  color: black;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .userCard .userCard__name:link, .dark .userCard .userCard__name:visited {
  color: white;
}

/* line 24, app/assets/stylesheets/blocks/user_card.sass */
.userCard .userCard__stats {
  font-size: 0.8em;
  margin-top: 1em;
  display: flex;
  justify-content: center;
}

/* line 29, app/assets/stylesheets/blocks/user_card.sass */
.userCard .userCard__stats a:link, .userCard .userCard__stats a:visited {
  color: #444;
  text-decoration: none;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .userCard .userCard__stats a:link, .dark .userCard .userCard__stats a:visited {
  color: #bbbbbb;
}

/* line 32, app/assets/stylesheets/blocks/user_card.sass */
.userCard .userCard__stats a:link:not(:first-child), .userCard .userCard__stats a:visited:not(:first-child) {
  margin-left: 1em;
}

/* line 1, app/assets/stylesheets/blocks/users.sass */
.users {
  display: grid;
  grid-template-columns: repeat(auto-fill, 1fr);
  grid-gap: .4rem;
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/blocks/users.sass */
  .users {
    grid-auto-flow: column;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0.8rem;
    grid-gap: 1rem;
  }
  /* line 12, app/assets/stylesheets/blocks/users.sass */
  .users .user .user__details__fullName__name, .users .user .user__details__username {
    display: none;
  }
  /* line 14, app/assets/stylesheets/blocks/users.sass */
  .users .user .badge {
    font-size: .7em;
  }
  /* line 16, app/assets/stylesheets/blocks/users.sass */
  .users .user .badge span {
    display: none;
  }
}

/* line 20, app/assets/stylesheets/blocks/users.sass */
.user .user__avatarLink {
  font-size: var(--font-size-7);
  flex-shrink: 0;
  margin-right: 0.5rem;
}

/* line 24, app/assets/stylesheets/blocks/users.sass */
.user .user__details {
  flex-grow: 1;
  min-width: 0;
}

/* line 27, app/assets/stylesheets/blocks/users.sass */
.user .user__details .user__details__fullName {
  display: flex;
  align-items: center;
}

/* line 30, app/assets/stylesheets/blocks/users.sass */
.user .user__details .user__details__fullName .user__details__fullName__name {
  text-decoration: none;
  margin-right: 0.5em;
  color: black;
  font-size: var(--font-size-4);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .user .user__details .user__details__fullName .user__details__fullName__name {
  color: white;
}

/* line 39, app/assets/stylesheets/blocks/users.sass */
.user .user__details .user__details__fullName .user__details__fullName__name:hover {
  text-decoration: underline;
}

/* line 41, app/assets/stylesheets/blocks/users.sass */
.user .user__details .badge {
  font-size: var(--font-size-0);
  white-space: nowrap;
}

/* line 44, app/assets/stylesheets/blocks/users.sass */
.user .user__details .user__details__username {
  display: block;
  text-decoration: none;
  color: #999;
  font-size: var(--font-size-2);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .user .user__details .user__details__username {
  color: #666666;
}

/* line 52, app/assets/stylesheets/blocks/users.sass */
.user .user__details .user__details__username:hover {
  text-decoration: underline;
}

/* line 55, app/assets/stylesheets/blocks/users.sass */
.user__details__bio {
  font-size: var(--font-size-3);
  color: #6A6A6A;
  word-wrap: break-word;
  display: none;
}

/* line 62, app/assets/stylesheets/blocks/users.sass */
.users--large .user__details__bio {
  display: block;
}

/* line 65, app/assets/stylesheets/blocks/users.sass */
.users--large {
  grid-gap: .5rem;
}

@media (max-width: 768px) {
  /* line 69, app/assets/stylesheets/blocks/users.sass */
  .users--large .user .user__details__fullName__name, .users--large .user .user__details__username {
    display: block;
  }
}

/* line 72, app/assets/stylesheets/blocks/users.sass */
.users--large .user {
  align-items: flex-start;
}

@media (max-width: 768px) {
  /* line 72, app/assets/stylesheets/blocks/users.sass */
  .users--large .user {
    width: 15rem;
  }
  /* line 77, app/assets/stylesheets/blocks/users.sass */
  .users--large .user .user .user__details__fullName__name, .users--large .user .user .user__details__username {
    display: block;
  }
}

/* line 79, app/assets/stylesheets/blocks/users.sass */
.users--large .user .user__avatarLink {
  font-size: var(--font-size-9);
}

/* line 81, app/assets/stylesheets/blocks/users.sass */
.users--large .user .badge {
  display: none;
}

/* line 1, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview {
  margin: 0 auto;
  color: white;
}

/* line 5, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 5px solid #222;
  margin: 1em auto;
  padding: 0;
  width: 50%;
}

/* line 14, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview h1 strong {
  color: #ffe805;
}

/* line 16, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview h2 {
  font-size: 4rem;
  color: #ffe805;
}

@media (max-width: 768px) {
  /* line 16, app/assets/stylesheets/blocks/year_in_review.sass */
  .yearInReview h2 {
    font-size: 3rem;
  }
}

/* line 22, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview strong {
  color: #24a0f2;
  color: #ffe805;
}

/* line 25, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview strong.completed {
  color: #01ff77;
  color: #ffe805;
}

/* line 28, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview strong.bad {
  color: #ff3232;
  color: #ffe805;
}

/* line 31, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview a:link, .yearInReview a:visited {
  color: #ffe805;
}

/* line 33, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview a:hover {
  background-color: #332e01;
}

/* line 35, app/assets/stylesheets/blocks/year_in_review.sass */
.yearInReview .tweet {
  font-size: 2rem;
}

/* line 1, app/assets/stylesheets/blocks/users/hovercard.sass */
.userHovercard__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

/* line 5, app/assets/stylesheets/blocks/users/hovercard.sass */
.userHovercard__head .avatar {
  font-size: 4rem;
}

/* line 8, app/assets/stylesheets/blocks/users/hovercard.sass */
.userHovercard__name {
  font-weight: bold;
  font-size: var(--font-size-4);
  margin-top: .8rem;
}

/* line 15, app/assets/stylesheets/blocks/users/hovercard.sass */
.userHovercard__bio:not(:empty) {
  margin-top: .5rem;
}

/* line 1, app/assets/stylesheets/controllers/pages.sass */
body[data-rails-controller="pages"][data-rails-action="about"] {
  background: #fff;
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark body[data-rails-controller="pages"][data-rails-action="about"] {
  background: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark body[data-rails-controller="pages"][data-rails-action="about"] {
  color: #fefefe;
}

/* line 5, app/assets/stylesheets/controllers/pages.sass */
body.dark[data-rails-controller="pages"][data-rails-action="about"] {
  background-color: black;
}

/* line 8, app/assets/stylesheets/controllers/pages.sass */
body[data-rails-controller="pages"][data-rails-action="about"] .wrapper {
  max-width: 100%;
}

/* line 11, app/assets/stylesheets/controllers/pages.sass */
.about__title {
  font-size: 4em;
  font-weight: bolder;
  text-align: center;
  margin: 0.5em auto;
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .about__title {
  color: #fff;
}

/* line 18, app/assets/stylesheets/controllers/pages.sass */
.about__sectionTitle {
  font-size: 2em;
  font-weight: bolder;
  text-align: center;
  margin: 0.5em auto;
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .about__sectionTitle {
  color: #fff;
}

@media only screen and (min-width: 769px) {
  /* line 18, app/assets/stylesheets/controllers/pages.sass */
  .about__sectionTitle {
    font-size: 4em;
  }
}

/* line 27, app/assets/stylesheets/controllers/pages.sass */
.about__subTitle {
  font-size: 2em;
  font-weight: normal;
  margin: 0 0 1em 0;
  text-align: center;
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .about__subTitle {
  color: #fefefe;
}

/* line 34, app/assets/stylesheets/controllers/pages.sass */
p.about__paragraph {
  font-size: 1.5em;
  line-height: 1.4;
  color: #000;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark p.about__paragraph {
  color: #fefefe;
}

/* line 38, app/assets/stylesheets/controllers/pages.sass */
p.about__paragraph a:link, p.about__paragraph a:visited {
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark p.about__paragraph a:link, .dark p.about__paragraph a:visited {
  color: white;
}

/* line 41, app/assets/stylesheets/controllers/pages.sass */
.about__screenshot {
  max-width: 70vw;
  margin: 0 auto;
  display: block;
}

/* line 46, app/assets/stylesheets/controllers/pages.sass */
.about__section {
  padding: 0 2em;
  clear: both;
}

/* line 49, app/assets/stylesheets/controllers/pages.sass */
.about__section--line {
  border-bottom: 1px #eee solid;
}

/* line 51, app/assets/stylesheets/controllers/pages.sass */
.about__section--shadow {
  background-color: #111;
  color: #fff;
  background-image: url(/assets/about/curves-7cfa2ae4d8642d38d1f1f4b6c8a56c96d9c777f05c47bbe550c3529992f2d4e1.svg);
  background-size: cover;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .about__section--shadow {
  color: #fff;
}

/* line 54, app/assets/stylesheets/controllers/pages.sass */
.about__section--shadow .about__title, .about__section--shadow .about__subTitle, .about__section--shadow .about__sectionTitle, .about__section--shadow p.about__paragraph {
  color: #fff;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .about__section--shadow .about__title, .dark .about__section--shadow .about__subTitle, .dark .about__section--shadow .about__sectionTitle, .dark .about__section--shadow p.about__paragraph {
  color: #fff;
}

/* line 58, app/assets/stylesheets/controllers/pages.sass */
.about__section .about__section__inner {
  max-width: 80vw;
  margin: 0 auto;
  padding: 2em 0;
}

/* line 63, app/assets/stylesheets/controllers/pages.sass */
.testimonials {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
  grid-gap: 5rem;
  justify-content: center;
}

/* line 69, app/assets/stylesheets/controllers/pages.sass */
.testimonial {
  color: black;
  margin-bottom: 2em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .testimonial {
  color: white;
}

/* line 72, app/assets/stylesheets/controllers/pages.sass */
.testimonial .testimonial__user {
  display: flex;
  align-items: center;
}

/* line 75, app/assets/stylesheets/controllers/pages.sass */
.testimonial .testimonial__user a:link, .testimonial .testimonial__user a:visited {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

/* line 79, app/assets/stylesheets/controllers/pages.sass */
.testimonial .avatar {
  font-size: 3em;
  margin-right: 0.3em;
}

/* line 82, app/assets/stylesheets/controllers/pages.sass */
.testimonial .testimonial__body {
  font-size: 1.5em;
}

/* line 1, app/assets/stylesheets/controllers/registrations.sass */
.join__members {
  display: flex;
  justify-content: center;
  margin-top: 1em;
}

/* line 5, app/assets/stylesheets/controllers/registrations.sass */
.join__members .avatar {
  font-size: 2em;
  margin-left: -0.5em;
  border: 2px white solid;
  border-color: white;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .join__members .avatar {
  border-color: black;
}

/* line 11, app/assets/stylesheets/controllers/registrations.sass */
.StripeElement, .new_user input[type="email"] {
  padding: 0.8em;
  box-sizing: border-box;
  border: 1px #eee solid;
  border-color: #eee;
  background: #fff;
  margin-bottom: 1em;
  border-radius: 0.3em;
  width: 100%;
  font-size: 1em;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .StripeElement, .dark .new_user input[type="email"] {
  border-color: #111111;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .StripeElement, .dark .new_user input[type="email"] {
  background: black;
}

/* line 22, app/assets/stylesheets/controllers/registrations.sass */
.StripeElement:focus, .new_user input[type="email"]:focus {
  outline: none;
}

/* line 28, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section h1 {
  text-align: center;
}

/* line 30, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child {
  padding-bottom: 2em;
  border-bottom: 1px #eee solid;
  flex-direction: column;
  display: none;
}

@media only screen and (min-width: 769px) {
  /* line 30, app/assets/stylesheets/controllers/registrations.sass */
  .modal .split .split__section:first-child {
    display: flex;
    width: 40%;
    border-bottom: none;
    border-right: 1px #eee solid;
    border-right-color: #eee;
    padding-bottom: 0;
    padding-right: 2em;
  }
  /* line 21, app/assets/stylesheets/shared/theme.scss */
  .dark .modal .split .split__section:first-child {
    border-right-color: #111111;
  }
}

/* line 43, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child h3 {
  font-size: 1.5em;
  margin: 0;
  color: black;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .modal .split .split__section:first-child h3 {
  color: white;
}

/* line 47, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child h4 {
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 2rem;
}

/* line 52, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child ul {
  margin: 0 0 2rem 0;
  padding: 0 0 0 1em;
  display: none;
}

@media only screen and (min-width: 769px) {
  /* line 52, app/assets/stylesheets/controllers/registrations.sass */
  .modal .split .split__section:first-child ul {
    display: block;
  }
}

/* line 58, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child ul li {
  list-style: none;
  display: flex;
  line-height: 1.5;
}

/* line 62, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child ul li:not(:first-child) {
  margin-top: 1em;
}

/* line 64, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child ul li .emoji {
  margin-right: 0.5em;
}

/* line 67, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child .poweredBy {
  margin-top: auto;
  font-size: 0.9em;
  color: #999;
  line-height: 1.4;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .modal .split .split__section:first-child .poweredBy {
  color: #666666;
}

/* line 72, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:first-child .poweredBy a:link, .modal .split .split__section:first-child .poweredBy a:visited {
  color: #777;
}

/* line 21, app/assets/stylesheets/shared/theme.scss */
.dark .modal .split .split__section:first-child .poweredBy a:link, .dark .modal .split .split__section:first-child .poweredBy a:visited {
  color: #888888;
}

/* line 74, app/assets/stylesheets/controllers/registrations.sass */
.modal .split .split__section:last-child {
  width: 100%;
}

@media only screen and (min-width: 769px) {
  /* line 74, app/assets/stylesheets/controllers/registrations.sass */
  .modal .split .split__section:last-child {
    width: 60%;
    padding-left: 2em;
  }
}

/* line 3, app/assets/stylesheets/controllers/users.sass */
body[data-rails-controller="users"] .sidebar .badges {
  margin-top: 1em;
  font-size: 0.5em;
}