/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html {
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body {
  margin:0;
}
header,
nav,
section {
  display:block;
}
h1 {
  font-size:2em;
  margin:.67em 0;
}
a {
  background-color:transparent;
  -webkit-text-decoration-skip:objects;
}
b,
strong {
  font-weight:inherit;
  font-weight:bolder;
}
code {
  font-family:monospace,monospace;
  font-size:1em;
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sub {
  bottom:-.25em;
}
sup {
  top:-.5em;
}
img {
  border-style:none;
}
svg:not(:root) {
  overflow:hidden;
}
button,
input,
select,
textarea {
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0;
}
button,
input {
  overflow:visible;
}
button,
select {
  text-transform:none;
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance:button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline:1px dotted ButtonText;
}
textarea {
  overflow:auto;
}
[type=checkbox],
[type=radio] {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto;
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none;
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit;
}
details,
menu {
  display:block;
}
canvas {
  display:inline-block;
}
[hidden],
template {
  display:none;
}
html {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-family:sans-serif;
}
*,
:after,
:before {
  -webkit-box-sizing:inherit;
  box-sizing:inherit;
}
dd,
h1,
h2,
p {
  margin:0;
}
button {
  background:transparent;
  padding:0;
}
button:focus {
  outline:1px dotted;
  outline:5px auto -webkit-focus-ring-color;
}
ul {
  margin:0;
}
*,
:after,
:before {
  border:0 solid #adadad;
}
img {
  border-style:solid;
}
[type=button],
[type=reset],
[type=submit],
button {
  border-radius:0;
}
textarea {
  resize:vertical;
}
img {
  max-width:100%;
  height:auto;
}
button,
input,
select,
textarea {
  font-family:inherit;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:inherit;
  opacity:.5;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color:inherit;
  opacity:.5;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color:inherit;
  opacity:.5;
}
input::placeholder,
textarea::placeholder {
  color:inherit;
  opacity:.5;
}
[role=button],
button {
  cursor:pointer;
}
table {
  border-collapse:collapse;
}
.container {
  width:100%;
}

@media (min-width:576px) {
  .container {
    max-width:576px;
  }
}

@media (min-width:768px) {
  .container {
    max-width:768px;
  }
}

@media (min-width:992px) {
  .container {
    max-width:992px;
  }
}

@media (min-width:1200px) {
  .container {
    max-width:1200px;
  }
}
.list-reset {
  list-style:none;
  padding:0;
}
.bg-transparent {
  background-color:transparent;
}
.bg-black {
  background-color:#000;
}
.bg-grey-dark {
  background-color:#292627;
}
.bg-grey {
  background-color:#484f4e;
}
.bg-grey-light {
  background-color:#adadad;
}
.bg-white {
  background-color:#fff;
}
.bg-red-dark {
  background-color:#900000;
}
.bg-red {
  background-color:#e3342f;
}
.bg-red-light {
  background-color:#ff3b30;
}
.bg-orange {
  background-color:#ff9500;
}
.bg-yellow-light {
  background-color:#fffabb;
}
.bg-green {
  background-color:#4cd964;
}
.bg-green-light {
  background-color:#51d88a;
}
.bg-green-lightest {
  background-color:#e3fcec;
}
.bg-teal {
  background-color:#0a6e82;
}
.bg-teal-lighter {
  background-color:#d3fbf9;
}
.bg-teal-lightest {
  background-color:#e8fffe;
}
.bg-blue-darker {
  background-color:#085160;
}
.bg-blue-dark {
  background-color:#0a6e82;
}
.bg-blue {
  background-color:#3490dc;
}
.bg-blue-light {
  background-color:#37cfef;
}
.bg-blue-lighter {
  background-color:#cefffc;
}
.bg-blue-lightest {
  background-color:#c3f1fa;
}
.hover\:bg-teal-dark:hover {
  background-color:#085160;
}
.focus\:bg-blue-light:focus {
  background-color:#37cfef;
}
.border-black {
  border-color:#000;
}
.border-grey-dark {
  border-color:#292627;
}
.border-grey {
  border-color:#484f4e;
}
.border-grey-light {
  border-color:#adadad;
}
.border-grey-lighter {
  border-color:#f1f5f8;
}
.border-white {
  border-color:#fff;
}
.border-red-dark {
  border-color:#900000;
}
.border-orange {
  border-color:#ff9500;
}
.border-yellow {
  border-color:#fffe00;
}
.border-green {
  border-color:#4cd964;
}
.border-green-light {
  border-color:#51d88a;
}
.border-teal {
  border-color:#0a6e82;
}
.border-teal-light {
  border-color:#11d1c6;
}
.border-blue-dark {
  border-color:#0a6e82;
}
.border-blue {
  border-color:#3490dc;
}
.border-blue-light {
  border-color:#37cfef;
}
.rounded-sm {
  border-radius:.125rem;
}
.rounded {
  border-radius:.25rem;
}
.rounded-full {
  border-radius:9999px;
}
.rounded-t {
  border-top-left-radius:.25rem;
}
.rounded-r,
.rounded-t {
  border-top-right-radius:.25rem;
}
.rounded-b,
.rounded-r {
  border-bottom-right-radius:.25rem;
}
.rounded-b,
.rounded-l {
  border-bottom-left-radius:.25rem;
}
.rounded-l {
  border-top-left-radius:.25rem;
}
.rounded-tr {
  border-top-right-radius:.25rem;
}
.rounded-bl {
  border-bottom-left-radius:.25rem;
}
.border-solid {
  border-style:solid;
}
.border-dashed {
  border-style:dashed;
}
.border-2 {
  border-width:2px;
}
.border-4 {
  border-width:4px;
}
.border {
  border-width:1px;
}
.border-t {
  border-top-width:1px;
}
.border-r {
  border-right-width:1px;
}
.border-b {
  border-bottom-width:1px;
}
.cursor-pointer {
  cursor:pointer;
}
.block {
  display:block;
}
.inline-block {
  display:inline-block;
}
.table {
  display:table;
}
.hidden {
  display:none;
}
.flex {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.inline-flex {
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
}
.flex-col {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
}
.flex-wrap {
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.flex-no-wrap {
  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;
}
.items-start {
  -webkit-box-align:start;
  -ms-flex-align:start;
  align-items:flex-start;
}
.items-center {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.items-stretch {
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
}
.self-end {
  -ms-flex-item-align:end;
  align-self:flex-end;
}
.self-center {
  -ms-flex-item-align:center;
  align-self:center;
}
.justify-center {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.justify-between {
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.justify-around {
  -ms-flex-pack:distribute;
  justify-content:space-around;
}
.content-start {
  -ms-flex-line-pack:start;
  align-content:flex-start;
}
.flex-1 {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
}
.flex-grow {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
}
.font-serif {
  font-family:Roboto Slab,Constantia,Lucida Bright,Lucidabright,Lucida Serif,Lucida,DejaVu Serif,Bitstream Vera Serif,Liberation Serif,Georgia,serif;
}
.font-hairline {
  font-weight:100;
}
.font-thin {
  font-weight:200;
}
.font-light {
  font-weight:300;
}
.font-medium {
  font-weight:500;
}
.font-semibold {
  font-weight:600;
}
.font-bold {
  font-weight:700;
}
.h-3 {
  height:.75rem;
}
.h-4 {
  height:1rem;
}
.h-6 {
  height:1.5rem;
}
.h-8 {
  height:2rem;
}
.h-10 {
  height:2.5rem;
}
.h-12 {
  height:3rem;
}
.h-16 {
  height:4rem;
}
.h-24 {
  height:6rem;
}
.h-64 {
  height:16rem;
}
.h-auto {
  height:auto;
}
.h-1\/4 {
  height:25%;
}
.h-full {
  height:100%;
}
.h-screen {
  height:100vh;
}
.leading-none {
  line-height:1;
}
.leading-tight {
  line-height:1.25;
}
.leading-normal {
  line-height:1.5;
}
.m-1 {
  margin:.25rem;
}
.m-2 {
  margin:.5rem;
}
.m-4 {
  margin:1rem;
}
.my-0 {
  margin-top:0;
  margin-bottom:0;
}
.my-1 {
  margin-top:.25rem;
  margin-bottom:.25rem;
}
.my-2 {
  margin-top:.5rem;
  margin-bottom:.5rem;
}
.mx-2 {
  margin-left:.5rem;
  margin-right:.5rem;
}
.my-4 {
  margin-top:1rem;
  margin-bottom:1rem;
}
.mx-4 {
  margin-left:1rem;
  margin-right:1rem;
}
.mx-5 {
  margin-left:1.25rem;
  margin-right:1.25rem;
}
.mx-auto {
  margin-left:auto;
  margin-right:auto;
}
.mb-0 {
  margin-bottom:0;
}
.mt-1 {
  margin-top:.25rem;
}
.mr-1 {
  margin-right:.25rem;
}
.mb-1 {
  margin-bottom:.25rem;
}
.ml-1 {
  margin-left:.25rem;
}
.mt-2 {
  margin-top:.5rem;
}
.mr-2 {
  margin-right:.5rem;
}
.mb-2 {
  margin-bottom:.5rem;
}
.ml-2 {
  margin-left:.5rem;
}
.mt-3 {
  margin-top:.75rem;
}
.mr-3 {
  margin-right:.75rem;
}
.mb-3 {
  margin-bottom:.75rem;
}
.mt-4 {
  margin-top:1rem;
}
.mr-4 {
  margin-right:1rem;
}
.mb-4 {
  margin-bottom:1rem;
}
.ml-4 {
  margin-left:1rem;
}
.mt-5 {
  margin-top:1.25rem;
}
.mt-6 {
  margin-top:1.5rem;
}
.mr-6 {
  margin-right:1.5rem;
}
.mt-8 {
  margin-top:2rem;
}
.mb-8 {
  margin-bottom:2rem;
}
.mt-12 {
  margin-top:3rem;
}
.mb-12 {
  margin-bottom:3rem;
}
.ml-12 {
  margin-left:3rem;
}
.mt-20 {
  margin-top:5rem;
}
.ml-auto {
  margin-left:auto;
}
.max-w-md {
  max-width:40rem;
}
.max-w-lg {
  max-width:50rem;
}
.max-w-2lg {
  max-width:798px;
}
.min-h-screen {
  min-height:100vh;
}
.-mt-2 {
  margin-top:-.5rem;
}
.-mt-4 {
  margin-top:-1rem;
}
.opacity-25 {
  opacity:.25;
}
.outline-none {
  outline:0;
}
.overflow-hidden {
  overflow:hidden;
}
.overflow-visible {
  overflow:visible;
}
.p-1 {
  padding:.25rem;
}
.p-2 {
  padding:.5rem;
}
.p-3 {
  padding:.75rem;
}
.p-4 {
  padding:1rem;
}
.px-0 {
  padding-left:0;
  padding-right:0;
}
.py-1 {
  padding-top:.25rem;
  padding-bottom:.25rem;
}
.px-1 {
  padding-left:.25rem;
  padding-right:.25rem;
}
.py-2 {
  padding-top:.5rem;
  padding-bottom:.5rem;
}
.px-2 {
  padding-left:.5rem;
  padding-right:.5rem;
}
.py-3 {
  padding-top:.75rem;
  padding-bottom:.75rem;
}
.px-3 {
  padding-left:.75rem;
  padding-right:.75rem;
}
.py-4 {
  padding-top:1rem;
  padding-bottom:1rem;
}
.px-4 {
  padding-left:1rem;
  padding-right:1rem;
}
.py-5 {
  padding-top:1.25rem;
  padding-bottom:1.25rem;
}
.px-5 {
  padding-left:1.25rem;
  padding-right:1.25rem;
}
.px-6 {
  padding-left:1.5rem;
  padding-right:1.5rem;
}
.py-8 {
  padding-top:2rem;
  padding-bottom:2rem;
}
.px-12 {
  padding-left:3rem;
  padding-right:3rem;
}
.pt-1 {
  padding-top:.25rem;
}
.pr-1 {
  padding-right:.25rem;
}
.pb-1 {
  padding-bottom:.25rem;
}
.pl-1 {
  padding-left:.25rem;
}
.pt-2 {
  padding-top:.5rem;
}
.pr-2 {
  padding-right:.5rem;
}
.pb-2 {
  padding-bottom:.5rem;
}
.pl-2 {
  padding-left:.5rem;
}
.pr-3 {
  padding-right:.75rem;
}
.pl-3 {
  padding-left:.75rem;
}
.pt-4 {
  padding-top:1rem;
}
.pr-4 {
  padding-right:1rem;
}
.pb-4 {
  padding-bottom:1rem;
}
.pl-4 {
  padding-left:1rem;
}
.pt-5 {
  padding-top:1.25rem;
}
.pr-5 {
  padding-right:1.25rem;
}
.pt-6 {
  padding-top:1.5rem;
}
.pb-6 {
  padding-bottom:1.5rem;
}
.pt-8 {
  padding-top:2rem;
}
.pr-8 {
  padding-right:2rem;
}
.pl-8 {
  padding-left:2rem;
}
.pl-10 {
  padding-left:2.5rem;
}
.pt-12 {
  padding-top:3rem;
}
.pointer-events-none {
  pointer-events:none;
}
.static {
  position:static;
}
.fixed {
  position:fixed;
}
.absolute {
  position:absolute;
}
.relative {
  position:relative;
}
.pin {
  right:0;
  left:0;
}
.pin,
.pin-y {
  top:0;
  bottom:0;
}
.pin-t {
  top:0;
}
.pin-r {
  right:0;
}
.pin-b {
  bottom:0;
}
.pin-l {
  left:0;
}
.resize {
  resize:both;
}
.shadow {
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
}
.fill-current {
  fill:currentColor;
}
.text-left {
  text-align:left;
}
.text-center {
  text-align:center;
}
.text-right {
  text-align:right;
}
.text-transparent {
  color:transparent;
}
.text-black {
  color:#000;
}
.text-grey-dark {
  color:#292627;
}
.text-grey {
  color:#484f4e;
}
.text-grey-light {
  color:#adadad;
}
.text-grey-lighter {
  color:#f1f5f8;
}
.text-white {
  color:#fff;
}
.text-red-dark {
  color:#900000;
}
.text-red {
  color:#e3342f;
}
.text-red-light {
  color:#ff3b30;
}
.text-orange {
  color:#ff9500;
}
.text-green-dark {
  color:#1f9d55;
}
.text-green {
  color:#4cd964;
}
.text-teal-darker {
  color:#20504f;
}
.text-teal-light {
  color:#11d1c6;
}
.text-blue-dark {
  color:#0a6e82;
}
.text-blue {
  color:#3490dc;
}
.text-blue-light {
  color:#37cfef;
}
.focus\:text-white:focus {
  color:#fff;
}
.text-xs {
  font-size:.75rem;
}
.text-sm {
  font-size:.875rem;
}
.text-base {
  font-size:1rem;
}
.text-lg {
  font-size:1.125rem;
}
.text-xl {
  font-size:1.25rem;
}
.text-2xl {
  font-size:1.5rem;
}
.text-3xl {
  font-size:1.875rem;
}
.italic {
  font-style:italic;
}
.uppercase {
  text-transform:uppercase;
}
.capitalize {
  text-transform:capitalize;
}
.no-underline {
  text-decoration:none;
}
.antialiased {
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.hover\:underline:hover {
  text-decoration:underline;
}
.tracking-wide {
  letter-spacing:.05em;
}
.select-none {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.align-middle {
  vertical-align:middle;
}
.align-bottom {
  vertical-align:bottom;
}
.visible {
  visibility:visible;
}
.invisible {
  visibility:hidden;
}
.w-2 {
  width:.5rem;
}
.w-3 {
  width:.75rem;
}
.w-4 {
  width:1rem;
}
.w-6 {
  width:1.5rem;
}
.w-8 {
  width:2rem;
}
.w-10 {
  width:2.5rem;
}
.w-12 {
  width:3rem;
}
.w-16 {
  width:4rem;
}
.w-24 {
  width:6rem;
}
.w-32 {
  width:8rem;
}
.w-48 {
  width:12rem;
}
.w-64 {
  width:16rem;
}
.w-auto {
  width:auto;
}
.w-1\/3 {
  width:33.33333%;
}
.w-1\/4 {
  width:25%;
}
.w-3\/4 {
  width:75%;
}
.w-1\/5 {
  width:20%;
}
.w-full {
  width:100%;
}
.z-10 {
  z-index:10;
}
.z-20 {
  z-index:20;
}
.z-50 {
  z-index:50;
}
.is-loading {
  color:transparent !important;
  pointer-events:none;
  position:relative;
}
.is-loading:after {
  -webkit-animation:spinAround .5s infinite linear;
  animation:spinAround .5s infinite linear;
  border:2px solid #fff;
  border-radius:290486px;
  border-right-color:transparent;
  border-top-color:transparent;
  content:"";
  display:block;
  width:1.5em;
  height:1.5em;
  left:calc(50% - 0.75em);
  top:calc(50% - 0.75em);
  position:absolute !important;
}

@-webkit-keyframes spinAround {
  to {
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg);
  }
}

@keyframes spinAround {
  0% {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(359deg);
    transform:rotate(359deg);
  }
}
html {
  font-family:Roboto;
}
body {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.screen-full {
  width:100vw;
  height:100vh;
  padding:0;
  margin:0;
  background-color:#0a6e82;
  overflow:hidden;
}
.screen-full.container {
  max-width:100%;
}
.pit-footer,
.pit-header {
  background-color:#085160;
}
.pit-header {
  height:6rem;
}
.pit-footer {
  position:absolute;
  bottom:0;
  width:100%;
  height:6rem;
}
.pit-footer>ul {
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  color:#37cfef;
  font-size:1.25rem;
  font-weight:300;
  letter-spacing:.05em;
}
.pit-footer>ul,
.pit-footer>ul>li:not(:last-child) {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  text-align:center;
}
.pit-footer>ul>li:not(:last-child) {
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-box-align:end;
  -ms-flex-align:end;
  align-items:flex-end;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  padding-bottom:1rem;
  cursor:pointer;
  border-right-width:1px;
  border-style:solid;
  border-color:#0a6e82;
}
.pit-footer>ul>li:not(:last-child)>div {
  padding:.25rem 1rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.pit-footer>ul>li:not(:last-child):active {
  background-color:#37cfef;
  color:#fff;
}
.pit-content {
  padding:.5rem;
  padding-bottom:192px;
}
.pit-content,
.pit-content-read-only {
  width:100%;
  overflow:auto;
  height:100%;
}
.pit-content-read-only {
  padding:.5rem;
}
.pit-item {
  border-radius:.25rem;
  text-align:center;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:pointer;
  margin:.5%;
}
.pit-item:before {
  content:"";
  display:block;
  padding-top:100%;
}
.corner-bl,
.corner-br,
.corner-tl,
.corner-tr {
  position:absolute;
  width:16.66667%;
  height:16.66667%;
}
.corner-tl {
  top:0;
  left:0;
  border-top-left-radius:.25rem;
  border-top-width:2px;
  border-left-width:2px;
}
.corner-tr {
  top:0;
  right:0;
  border-top-right-radius:.25rem;
  border-top-width:2px;
  border-right-width:2px;
}
.corner-bl {
  bottom:0;
  left:0;
  border-bottom-left-radius:.25rem;
  border-bottom-width:2px;
  border-left-width:2px;
}
.corner-br {
  bottom:0;
  right:0;
  border-bottom-right-radius:.25rem;
  border-bottom-width:2px;
  border-right-width:2px;
}
a {
  text-decoration:none;
}
/*
ul {
  list-style:none;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
*/
.screen {
  padding-top:85px;
}
.screen,
.screen-12no {
  width:100%;
  max-width:50rem;
  margin-left:auto;
  margin-right:auto;
}
.screen-12no {
  padding-top:0;
}
nav {
  position:fixed;
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  background-color:#fff;
}
.nav-abs,
nav {
  top:0;
  z-index:10;
  width:100%;
  max-width:798px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding:1rem;
  height:85px;
}
.nav-abs {
  position:absolute;
}
.screen-question {
  height:100vh;
  padding-top:55px;
}
.screen-messenger,
.screen-question {
  width:100%;
  max-width:50rem;
  margin-left:auto;
  margin-right:auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
}
.screen-messenger {
  min-height:100vh;
  padding-top:130px;
}
.write-message {
  z-index:10;
  top:55px;
}
.header-question,
.write-message {
  background-color:#fff;
  position:fixed;
  width:100%;
  max-width:798px;
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
}
.header-question {
  top:0;
  z-index:20;
}
.question {
  padding-bottom:.5rem;
  color:#484f4e;
}
.question,
.question-group-header {
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  max-width:798px;
  width:100%;
  background-color:#fff;
}
.question-group-header {
  z-index:20;
  margin-bottom:.25rem;
  cursor:pointer;
}
.question-group-header span {
  font-size:26px;
}
.list-item-question {
  width:100%;
}
.list-item-question>ul.item-question {
  padding-top:.5rem;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.list-item-question>ul.item-question>li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:3rem;
}
.list-item-question>ul.first-col-with-likes>li:first-child {
  min-width:96px;
}
.list-item-question>ul>li:first-child,
.list-item-question>ul>li:nth-child(3n) {
  min-width:48px;
}
.attachments-open {
  right:0;
  bottom:-3.15rem;
}
.attachments-close,
.attachments-open {
  position:absolute;
  z-index:30;
  cursor:pointer;
}
.attachments-close {
  left:0;
  top:0;
  top:-.1rem;
}
.list-item-filter {
  width:100%;
  padding:.5rem 1rem;
  border-bottom-width:1px;
  border-style:solid;
  border-color:#f1f5f8;
  margin-bottom:-1px;
}

@media (min-width:576px) {
  .screen,
  .screen-12no {
    min-height:100vh;
    border:1px solid #f1f5f8;
  }
  .screen-messenger,
  .screen-question {
    width:100%;
    max-width:50rem;
    margin-left:auto;
    margin-right:auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    border:1px solid #f1f5f8;
  }
  nav {
    top:1px;
    height:84px;
  }
}
ul.list {
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.list-item {
  width:100%;
  padding:1rem;
  border-bottom-width:1px;
  border-style:solid;
  border-color:#f1f5f8;
}
.list-item>ul>li:first-child {
  min-width:48px;
}
.list-item-noborder {
  width:100%;
  padding:1rem;
}
.list-mods>li:not(:last-child):after {
  content:"-";
  padding-left:.2em;
  padding-right:.3em;
}
button:focus,
input {
  outline:0;
}
.button-rounded {
  line-height:1;
  width:3rem;
  height:3rem;
  border-radius:9999px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.chrome-picker {
  position:absolute;
  left:0;
  top:98px;
  width:100% !important;
}
.chrome-picker-toolbar {
  position:absolute;
  left:0;
  width:100%;
  height:4rem;
  padding:.75rem;
  background-color:#fff;
  -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  box-shadow:0 2px 4px 0 rgba(0,0,0,.1);
  text-align:center;
  top:364px;
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-property:width,opacity;
  transition-property:width,opacity;
  -webkit-transition-timing-function:ease;
  transition-timing-function:ease;
  overflow:hidden;
}
.fade-enter,
.fade-leave-active {
  opacity:0;
}
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  -webkit-transition-duration:.3s;
  transition-duration:.3s;
  -webkit-transition-property:width,opacity,-webkit-transform;
  transition-property:width,opacity,-webkit-transform;
  transition-property:width,opacity,transform;
  transition-property:width,opacity,transform,-webkit-transform;
  -webkit-transition-timing-function:cubic-bezier(.55,0,.1,1);
  transition-timing-function:cubic-bezier(.55,0,.1,1);
  overflow:hidden;
}
.slide-left-enter,
.slide-right-leave-active {
  opacity:0;
  -webkit-transform:translate(2em);
  transform:translate(2em);
}
.slide-left-leave-active,
.slide-right-enter {
  opacity:0;
  -webkit-transform:translate(-2em);
  transform:translate(-2em);
}
.slide-left-fade-enter-active,
.slide-right-fade-enter-active {
  -webkit-transition:all .3s ease;
  transition:all .3s ease;
}
.slide-left-fade-leave-active,
.slide-right-fade-leave-active {
  -webkit-transition:all .5s cubic-bezier(1,.5,.8,1);
  transition:all .5s cubic-bezier(1,.5,.8,1);
}
.slide-left-fade-enter,
.slide-left-fade-leave-to,
.slide-right-fade-enter,
.slide-right-fade-leave-to {
  opacity:0;
}
.slide-left-fade-enter,
.slide-left-fade-leave-to {
  -webkit-transform:translateX(-10px);
  transform:translateX(-10px);
}
.slide-right-fade-enter,
.slide-right-fade-leave-to {
  -webkit-transform:translateX(10px);
  transform:translateX(10px);
}
.fade-enter-active,
.fade-leave-active {
  -webkit-transition:opacity .5s;
  transition:opacity .5s;
}
.fade-enter,
.fade-leave-to {
  opacity:0;
}

@media (min-width:576px) {
  .sm\:text-base {
    font-size:1rem;
  }
  .sm\:w-1\/2 {
    width:50%;
  }
}

@media (min-width:768px) {
  .md\:mx-auto {
    margin-left:auto;
    margin-right:auto;
  }
  .md\:mt-0 {
    margin-top:0;
  }
  .md\:px-0 {
    padding-left:0;
    padding-right:0;
  }
  .md\:w-1\/2 {
    width:50%;
  }
}