@charset "UTF-8";
/**
 * From https://gist.github.com/jamesmusgrave/d23b9d2f42ffdddd40c5
 */
input,
.base--input, input[type="color"],
.base--color-input, input[type="date"],
.base--date-input, input[type="datetime-local"],
.base--datetime-local-input, input[type="email"],
.base--email-input, input[type="file"],
.base--file-input, input[type="hidden"],
.base--hidden-input, input[type="month"],
.base--month-input, input[type="number"],
.base--number-input, input[type="password"],
.base--password-input, input[type="range"],
.base--range-input, input[type="search"],
.base--search-input, input[type="tel"],
.base--tel-input, input[type="text"],
.base--text-input, input[type="time"],
.base--time-input, input[type="url"],
.base--url-input, input[type="week"],
.base--week-input, select,
.base--select, textarea,
.base--textarea {
  font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, "Lucida Grande", "Roboto", sans-serif; }

code,
.base--code, pre,
.base--pre, pre code,
.base--pre code, pre .base--code,
.base--pre .base--code {
  font-family: source-code-pro, Menlo, Consolas, monospace; }

article::before,
.base--article::before, header::before,
.base--header::before, footer::before,
.base--footer::before, div::before,
.base--div::before, article::after,
.base--article::after, header::after,
.base--header::after, footer::after,
.base--footer::after, div::after,
.base--div::after {
  content: '';
  display: table;
  clear: both; }

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
main,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  line-height: 1; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline; }

a:active,
a:hover {
  outline: 0; }

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

ul {
  list-style: none; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

pre {
  overflow: auto;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word; }

code,
kbd,
pre,
samp {
  font-size: 1em;
  font-family: monospace, sans-serif; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid;
  margin: 1em 0;
  padding: 0; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button,
input[type="button"] {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="file"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

input,
select {
  vertical-align: middle; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

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

embed,
img,
object,
video {
  max-width: 100%;
  height: auto; }

body {
  margin: 0rem;
  background: #fff;
  color: #323232;
  font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, "Lucida Grande", "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.5; }
  body * + * {
    margin-top: 1rem; }

h1,
.base--h1 {
  font-size: 3.5rem;
  font-weight: 200; }

h2,
.base--h2 {
  font-size: 2.25rem;
  font-weight: 200; }

h3,
.base--h3 {
  font-size: 1.5rem;
  font-weight: 200; }

h4,
.base--h4 {
  font-size: 1.25rem;
  font-weight: 200; }

h5,
.base--h5 {
  font-size: 1rem;
  font-weight: 400; }

h6,
.base--h6 {
  font-size: 0.8rem;
  font-weight: 400; }

a,
.base--a {
  color: #121212;
  border-bottom: 2px solid #121212;
  font-weight: 400;
  text-decoration: none;
  transition: 0.2s;
  cursor: pointer; }
  a:visited,
  .base--a:visited {
    color: #121212;
    border-bottom: 2px solid #121212; }
  a:hover,
  .base--a:hover, a:focus,
  .base--a:focus {
    color: #9855d4;
    border-bottom: 2px solid #9855d4; }

em,
.base--em {
  font-style: italic; }

strong,
.base--strong {
  font-weight: 700; }

p,
.base--p {
  font-size: 1rem;
  font-weight: 400;
  color: #121212; }

.base--p_light {
  color: #777677; }

.base--p_inline {
  display: inline; }

code,
.base--code {
  padding: .2em .5em;
  font-size: .8em;
  color: #008571;
  outline: 1px solid rgba(199, 199, 199, 0.25); }

pre,
.base--pre, pre code,
.base--pre code, pre .base--code,
.base--pre .base--code {
  display: block;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-spacing: normal;
  text-align: left;
  word-break: normal;
  white-space: pre;
  word-wrap: normal;
  direction: ltr;
  -moz-tab-size: 2;
  tab-size: 2;
  overflow-y: overlay; }

pre,
.base--pre {
  margin: .5em 0;
  overflow: auto;
  margin-top: 0rem;
  white-space: normal;
  padding: 1rem 2rem;
  background-color: #f0f2f4;
  color: #121212;
  font-size: 0.875em; }
  pre code,
  .base--pre code, pre .base--code,
  .base--pre .base--code {
    font-size: 1em;
    outline: 0;
    margin: 0rem;
    padding: 0rem; }

ul,
.base--ul, ol,
.base--ol {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
  width: 100%; }
  ul li,
  .base--ul li, ol li,
  .base--ol li, ul .base--li,
  .base--ul .base--li, ol .base--li,
  .base--ol .base--li {
    margin-top: 0rem; }
    ul li::before,
    .base--ul li::before, ol li::before,
    .base--ol li::before, ul .base--li::before,
    .base--ul .base--li::before, ol .base--li::before,
    .base--ol .base--li::before {
      padding-right: 0.4em;
      text-align: right; }

ul li::before,
.base--ul li::before, ul .base--li::before,
.base--ul .base--li::before {
  content: "•"; }

.base--ul_inline .base--li {
  display: inline-block;
  margin-top: 0rem;
  margin-right: 1rem; }
  .base--ul_inline .base--li::before {
    display: inline-block; }

.base--ul_no-bullets .base--li::before {
  display: none; }

ol li::before,
.base--ol li::before, ol .base--li::before,
.base--ol .base--li::before {
  content: counter(table-ol) "."; }

blockquote,
.base--blockquote {
  padding: 0em 1.5em;
  margin-right: 1em;
  margin-left: 1em;
  font-style: italic;
  color: #464646;
  border-left: 0.25em solid; }

input,
.base--input, input[type="color"],
.base--color-input, input[type="date"],
.base--date-input, input[type="datetime-local"],
.base--datetime-local-input, input[type="email"],
.base--email-input, input[type="file"],
.base--file-input, input[type="hidden"],
.base--hidden-input, input[type="month"],
.base--month-input, input[type="number"],
.base--number-input, input[type="password"],
.base--password-input, input[type="range"],
.base--range-input, input[type="search"],
.base--search-input, input[type="tel"],
.base--tel-input, input[type="text"],
.base--text-input, input[type="time"],
.base--time-input, input[type="url"],
.base--url-input, input[type="week"],
.base--week-input, select,
.base--select {
  width: 100%;
  padding: 0.6em 1em;
  font-size: 1em;
  font-weight: 300;
  border: 2px solid #464646;
  background-color: #fff;
  line-height: normal;
  display: block; }
  input:focus,
  .base--input:focus,
  .base--color-input:focus,
  .base--date-input:focus,
  .base--datetime-local-input:focus,
  .base--email-input:focus,
  .base--file-input:focus,
  .base--hidden-input:focus,
  .base--month-input:focus,
  .base--number-input:focus,
  .base--password-input:focus,
  .base--range-input:focus,
  .base--search-input:focus,
  .base--tel-input:focus,
  .base--text-input:focus,
  .base--time-input:focus,
  .base--url-input:focus,
  .base--week-input:focus, select:focus,
  .base--select:focus {
    outline: 3px solid #9855d4;
    border-color: #9855d4; }
  input:disabled,
  .base--input:disabled,
  .base--color-input:disabled,
  .base--date-input:disabled,
  .base--datetime-local-input:disabled,
  .base--email-input:disabled,
  .base--file-input:disabled,
  .base--hidden-input:disabled,
  .base--month-input:disabled,
  .base--number-input:disabled,
  .base--password-input:disabled,
  .base--range-input:disabled,
  .base--search-input:disabled,
  .base--tel-input:disabled,
  .base--text-input:disabled,
  .base--time-input:disabled,
  .base--url-input:disabled,
  .base--week-input:disabled, select:disabled,
  .base--select:disabled {
    background-color: #e0e0e0; }

label,
.base--block-label {
  display: block;
  margin: 1.25em 0 .25em; }

.base--inline-label {
  display: inline; }

input[type="radio"],
.base--radio {
  display: none; }
  input[type="radio"] + label,
  .base--radio + label {
    position: relative; }
    input[type="radio"] + label::before,
    .base--radio + label::before {
      display: inline-block;
      width: 1em;
      height: 1em;
      margin-right: 1rem;
      vertical-align: middle;
      border: 2px solid #aeaeae;
      border-radius: 50%;
      content: '';
      transform: translateY(-0.125em); }
  input[type="radio"]:checked + label::before,
  .base--radio:checked + label::before {
    background: radial-gradient(#323232 40%, transparent 40%); }

input[type="color"],
.base--color-input {
  height: 3em;
  padding: .25em;
  background: #fff; }

input[type="date"]::-webkit-inner-spin-button,
input[type="datetime"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-inner-spin-button {
  height: 0rem; }

input[type="range"],
.base--range-input {
  height: 0.5em;
  padding: 0;
  background-color: #fff;
  border-radius: 0.5em;
  box-shadow: inset 0 0 0 0.125em #464646; }
  input[type="range"]:focus,
  .base--range-input:focus {
    outline: 0;
    box-shadow: inset 0 0 0 0.125em #9855d4; }
  input[type="range"]:disabled,
  .base--range-input:disabled {
    opacity: .5; }
  input[type="range"]::-moz-range-track,
  .base--range-input::-moz-range-track {
    height: 0.5em;
    padding: 0;
    background-color: #fff;
    border-radius: 0.5em;
    box-shadow: inset 0 0 0 0.125em #464646; }
  input[type="range"]::-webkit-slider-thumb,
  .base--range-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 1.5em;
    height: 1.5em;
    background: #fff;
    border-radius: 1.5em;
    box-shadow: inset 0 0 0 0.1875em #464646;
    transition-duration: .5s; }
  input[type="range"]:active::-webkit-slider-thumb,
  .base--range-input:active::-webkit-slider-thumb {
    box-shadow: inset 0 0 0 1.25em #464646;
    width: 1.875em;
    height: 1.875em; }
  input[type="range"]::-moz-range-thumb,
  .base--range-input::-moz-range-thumb {
    -moz-appearance: none;
    width: 1.5em;
    height: 1.5em;
    background: #fff;
    border-radius: 1.5em;
    box-shadow: inset 0 0 0 0.1875em #464646;
    transition-duration: .5s; }
  input[type="range"]:active::-moz-range-thumb,
  .base--range-input:active::-moz-range-thumb {
    box-shadow: inset 0 0 0 1.25em #464646;
    width: 1.875em;
    height: 1.875em; }

textarea,
.base--textarea {
  width: 100%;
  padding: 0.6em 1em;
  font-size: 1em;
  font-weight: 300;
  border: 2px solid #464646;
  background-color: #fff; }
  textarea:focus,
  .base--textarea:focus {
    outline: 3px solid #9855d4;
    border-color: #9855d4; }
  textarea:disabled,
  .base--textarea:disabled {
    background-color: #c7c7c7; }

input[type="checkbox"],
.base--checkbox {
  display: none; }
  input[type="checkbox"] + label,
  .base--checkbox + label {
    position: relative; }
    input[type="checkbox"] + label::before,
    .base--checkbox + label::before {
      display: inline-block;
      width: 1em;
      height: 1em;
      margin-right: 1rem;
      vertical-align: middle;
      border: 2px solid #aeaeae;
      content: '';
      transform: translateY(-0.125em); }
  input[type="checkbox"]:checked + label::before,
  .base--checkbox:checked + label::before {
    background: #323232;
    box-shadow: inset 0 0 0 1.33333px #fff; }

select,
.base--select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww%2Ew3%2Eorg%2F2000%2Fsvg%22%20viewbox%3D%220%200%2012%2012%20true%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23464646%22%20points%3D%220%2C0%205%2E85%2C12%2012%2C0%20%22%2F%3E%3C%2Fsvg%3E");
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-position: calc(100% - .3em) 1em; }

.firefox select, .firefox
.base--select {
  background-image: none;
  background-size: 0rem; }

.ie select, .ie
.base--select {
  background-image: none;
  background-size: 0rem; }

button,
.base--button {
  padding: 0.25em 2em;
  color: #9855d4;
  font-weight: 500;
  background-color: transparent;
  border: 2px solid #9855d4;
  border-radius: 10rem;
  transition: 0.2s;
  display: inline-block; }
  button:hover,
  .base--button:hover, button:focus,
  .base--button:focus {
    background-color: rgba(38, 38, 38, 0);
    border-color: #bd92e3;
    color: #bd92e3; }
  button:active,
  .base--button:active {
    transition: 0s;
    transform: translateY(2px); }

.base--button_black {
  padding: 0.25em 2em;
  color: #121212;
  font-weight: 500;
  background-color: transparent;
  border: 2px solid #121212;
  border-radius: 10rem;
  transition: 0.2s;
  display: inline-block; }
  .base--button_black:hover, .base--button_black:focus {
    background-color: rgba(38, 38, 38, 0);
    border-color: #383838;
    color: #383838; }
  .base--button_black:active {
    transition: 0s;
    transform: translateY(2px); }

.base--button_teal {
  padding: 0.25em 2em;
  color: #008571;
  font-weight: 500;
  background-color: transparent;
  border: 2px solid #008571;
  border-radius: 10rem;
  transition: 0.2s;
  display: inline-block; }
  .base--button_teal:hover, .base--button_teal:focus {
    background-color: rgba(38, 38, 38, 0);
    border-color: #00d2b2;
    color: #00d2b2; }
  .base--button_teal:active {
    transition: 0s;
    transform: translateY(2px); }

.base--button_icon-hyperlink {
  background-color: transparent;
  border: none;
  text-decoration: underline;
  padding: 0rem;
  margin: 0rem;
  text-decoration: none;
  color: #121212; }
  .base--button_icon-hyperlink:hover, .base--button_icon-hyperlink:focus {
    background-color: transparent;
    border-color: transparent;
    color: #121212; }
  .base--button_icon-hyperlink:active {
    transition: 0s;
    transform: none; }
  .base--button_icon-hyperlink--icon {
    margin-right: 0.2em; }
    .base--button_icon-hyperlink--icon.icon-reset {
      font-size: 1.5em; }
  .base--button_icon-hyperlink--link {
    color: #121212;
    border-bottom: 2px solid #121212;
    font-weight: 400;
    text-decoration: none;
    transition: 0.2s;
    cursor: pointer;
    padding-bottom: 0.1em; }
    .base--button_icon-hyperlink--link:visited {
      color: #121212;
      border-bottom: 2px solid #121212; }
    .base--button_icon-hyperlink--link:hover, .base--button_icon-hyperlink--link:focus {
      color: #9855d4;
      border-bottom: 2px solid #9855d4; }

input[type="submit"],
button[type="submit"],
.base--button_submit {
  padding: 0.25em 2em;
  color: #9855d4;
  font-weight: 500;
  background-color: transparent;
  border: 2px solid #9855d4;
  border-radius: 10rem;
  transition: 0.2s;
  display: inline-block; }
  input[type="submit"]:hover, input[type="submit"]:focus,
  button[type="submit"]:hover,
  button[type="submit"]:focus,
  .base--button_submit:hover,
  .base--button_submit:focus {
    background-color: rgba(38, 38, 38, 0);
    border-color: #bd92e3;
    color: #bd92e3; }
  input[type="submit"]:active,
  button[type="submit"]:active,
  .base--button_submit:active {
    transition: 0s;
    transform: translateY(2px); }

input[type="reset"],
button[type="reset"],
.base--button_reset {
  padding: 0.25em 2em;
  color: #9855d4;
  font-weight: 500;
  background-color: transparent;
  border: 2px solid #9855d4;
  border-radius: 10rem;
  transition: 0.2s;
  display: inline-block; }
  input[type="reset"]:hover, input[type="reset"]:focus,
  button[type="reset"]:hover,
  button[type="reset"]:focus,
  .base--button_reset:hover,
  .base--button_reset:focus {
    background-color: rgba(38, 38, 38, 0);
    border-color: #bd92e3;
    color: #bd92e3; }
  input[type="reset"]:active,
  button[type="reset"]:active,
  .base--button_reset:active {
    transition: 0s;
    transform: translateY(2px); }

table,
.base--table {
  width: 100%;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  font-weight: 300;
  color: #777677; }

thead,
.base--thead {
  font-weight: 500;
  border-bottom: 2px solid #e0e0e0;
  text-transform: uppercase; }

td,
.base--td {
  padding: 1em; }

tr,
.base--tr {
  background-color: transparent;
  border-top: 1px solid #e0e0e0; }

hr,
.base--hr {
  border-top: 2px solid #c7c7c7;
  margin: auto;
  margin-left: 0rem; }

.base--hr_small {
  width: 23.40426%;
  float: left;
  display: block;
  float: none;
  clear: both;
  display: block;
  margin-top: 3rem;
  margin-bottom: 3rem; }

.icon:before {
  font-family: "icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  /* speak: none; only necessary if not using the private unicode range (firstGlyph option) */
  text-decoration: none;
  text-transform: none; }

.icon-link:before {
  content: "\E001"; }

.icon-reset:before {
  content: "\E002"; }

.icon {
  vertical-align: middle;
  font-size: 1em;
  color: inherit; }

.panel {
  background-color: #e0e0e0;
  border: 2px solid #c7c7c7;
  padding: 0 1rem 1rem; }

.tab-panels {
  padding: 0rem;
  background-color: #f4f4f4;
  border: 1px solid #777677; }
  .tab-panels--tab-list {
    border-bottom: 1px solid #e0e0e0; }
  .tab-panels--tab-list-item {
    display: inline-block;
    margin-top: 0rem; }
  .tab-panels--tab-list-item::before {
    display: none; }
  .tab-panels--tab {
    display: block;
    text-decoration: none;
    padding: 0.66667rem 1.33333rem;
    border-bottom: 6px solid transparent; }
    .tab-panels--tab.base--a {
      border-bottom: 6px solid transparent;
      color: #121212; }
    .tab-panels--tab:focus, .tab-panels--tab:hover {
      border-bottom: 6px solid #777677; }
    .tab-panels--tab.active {
      border-bottom: 6px solid #777677; }
  .tab-panels--tab-content {
    margin-top: 0rem;
    padding: 2rem;
    background-color: #fff; }
  .tab-panels--tab-pane {
    display: none;
    margin-top: 0; }
    .tab-panels--tab-pane.active {
      display: block; }

.clickable-tab {
  background-color: #f4f4f4;
  display: inline-block;
  padding: 0.8em 2em;
  font-size: 1em;
  border-left: 6px solid #734098;
  margin-top: 0rem;
  cursor: pointer; }
  .base--radio + .clickable-tab {
    border-left-color: transparent; }
  .base--radio:checked + .clickable-tab {
    border-left-color: #734098; }
  .base--radio + .clickable-tab::before {
    display: none; }

.metatag {
  padding: 0.25em 2em;
  color: #9855d4;
  font-weight: 500;
  background-color: #734098;
  border: 2px solid #734098;
  border-radius: 10rem;
  transition: 0.2s;
  display: inline-block;
  color: #fff;
  padding: 0.2em 1.75em;
  font-weight: 300;
  font-size: 0.9em; }
  .metatag:hover, .metatag:focus {
    background-color: #9966bf;
    border-color: #9966bf;
    color: #bd92e3; }
  .metatag:active {
    transition: 0s;
    transform: translateY(2px); }
  .metatag:hover, .metatag:focus {
    background-color: #734098;
    border-color: #734098;
    color: #fff; }
  .metatag:active {
    transition: 0s;
    transform: translateY(0px); }

.loader-container {
  display: inline-block;
  width: 5.625rem;
  height: 5.625rem; }
  .loader-container_small {
    width: 2.8125rem;
    height: 2.8125rem; }

.loader {
  height: 100%;
  width: 100%;
  transform: translateZ(0) rotate(300deg);
  transform-origin: 25px 25px;
  transform-origin: center center;
  animation: b 4s ease-out infinite; }
  .loader--path {
    stroke-dasharray: 125px;
    stroke-dashoffset: 9.7px;
    r: 20px;
    cx: 50px;
    cy: 50px;
    fill: transparent;
    stroke: #9855d4;
    stroke-width: 4.65116px;
    stroke-linecap: butt;
    transition: stroke-dashoffset 1s cubic-bezier(0.5, 0.08, 0, 1);
    animation: a 4s ease-out infinite; }

@keyframes a {
  0% {
    stroke-dashoffset: 9.7px; }
  60% {
    stroke-dashoffset: 113.52px; }
  to {
    stroke-dashoffset: 9.7px; } }

@keyframes b {
  0% {
    transform: rotate(300deg); }
  60% {
    transform: rotate(1320deg); }
  to {
    transform: rotate(2100deg); } }

._container {
  width: 100%;
  margin: auto;
  padding: 0rem 1rem; }
  @media (min-width: 768px) {
    ._container {
      max-width: 768px; } }
  ._container_xx-small {
    max-width: 320px; }
  ._container_x-small {
    max-width: 360px; }
  ._container_small {
    max-width: 640px; }
  ._container_medium {
    max-width: 768px; }
  ._container_large {
    max-width: 1024px; }
  ._container_x-large {
    max-width: 1200px; }
  ._container_xx-large {
    max-width: 1280px; }

/* http://prismjs.com/download.html?themes=prism&languages=markup+clike+javascript+jsx */
/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
pre[class*="language-"] ::-moz-selection,
pre[class*="language-"] ::-moz-selection,
code[class*="language-"] ::-moz-selection,
code[class*="language-"] ::-moz-selection {
  text-shadow: none;
  background: #b3d4fc; }

pre[class*="language-"] ::selection,
pre[class*="language-"] ::selection,
code[class*="language-"] ::selection,
code[class*="language-"] ::selection {
  text-shadow: none;
  background: #b3d4fc; }

/* Inline code */
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em; }

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #777677; }

.token.punctuation {
  color: #777677; }

.namespace {
  opacity: 0.7; }

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
  color: #9855d4; }

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
  color: #db2780; }

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5); }

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #00b4a0; }

.token.function {
  color: #dd4a68; }

.token.regex,
.token.important,
.token.variable {
  color: #e90; }

.token.important,
.token.bold {
  font-weight: bold; }

.token.italic {
  font-style: italic; }

.token.entity {
  cursor: help; }

/* Custom prism rules for the Relay docs */
.prism + .prism {
  margin-top: -15px; }

/* Line highlighting */
.prism {
  position: relative; }

.line-highlight {
  background: rgba(75, 145, 80, 0.15);
  left: 0;
  line-height: inherit;
  margin-top: 5px;
  pointer-events: none;
  position: absolute;
  right: 0; }