/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */

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

:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  box-sizing: border-box;
  cursor: default;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

nav ol,
nav ul {
  list-style: none;
}

pre {
  font-family: monospace,monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}

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

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

audio,
video {
  display: inline-block;
}

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

img {
  border-style: none;
}

svg {
  fill: currentColor;
}

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

table {
  border-collapse: collapse;
}

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

button,
input,
select,
textarea {
  background-color: transparent;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

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;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  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;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0,0,0,0);
  display: inherit;
  position: absolute;
}

[aria-disabled] {
  cursor: default;
}

.u-hidden-visually {
  border: 0!important;
  clip: rect(0 0 0 0)!important;
  -webkit-clip-path: inset(50%)!important;
  clip-path: inset(50%)!important;
  height: 1px!important;
  margin: -1px!important;
  overflow: hidden!important;
  padding: 0!important;
  position: absolute!important;
  white-space: nowrap!important;
  width: 1px!important;
}

.u-hidden {
  display: none!important;
}

.u-block {
  display: block!important;
}

.u-inline-block {
  display: inline-block!important;
}

@media (max-width:31.865em) {
  .u-hidden-s {
    display: none!important;
  }

  .u-block-s {
    display: block!important;
  }

  .u-inline-block-s {
    display: inline-block!important;
  }
}

@media (min-width:31.875em) and (max-width:54.0525em) {
  .u-hidden-m {
    display: none!important;
  }

  .u-block-m {
    display: block!important;
  }

  .u-inline-block-m {
    display: inline-block!important;
  }
}

@media (min-width:54.0625em) and (max-width:74.365em) {
  .u-hidden-l {
    display: none!important;
  }

  .u-block-l {
    display: block!important;
  }

  .u-inline-block-l {
    display: inline-block!important;
  }
}

@media (min-width:74.375em) and (max-width:89.99em) {
  .u-hidden-xl {
    display: none!important;
  }

  .u-block-xl {
    display: block!important;
  }

  .u-inline-block-xl {
    display: inline-block!important;
  }
}

@media (min-width:90em) {
  .u-hidden-xxl {
    display: none!important;
  }

  .u-block-xxl {
    display: block!important;
  }

  .u-inline-block-xxl {
    display: inline-block!important;
  }
}

/*! system-font.css v1.1.0 | CC0-1.0 License | github.com/jonathantneal/system-font-face */

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"),local(".HelveticaNeueDeskInterface-Light"),local(".LucidaGrandeUI"),local("Segoe UI Light"),local("Ubuntu Light"),local("Roboto-Light"),local("DroidSans"),local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 300;
  src: local(".SFNSText-LightItalic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Light Italic"),local("Ubuntu Light Italic"),local("Roboto-LightItalic"),local("DroidSans"),local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 400;
  src: local(".SFNSText-Regular"),local(".HelveticaNeueDeskInterface-Regular"),local(".LucidaGrandeUI"),local("Segoe UI"),local("Ubuntu"),local("Roboto-Regular"),local("DroidSans"),local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 400;
  src: local(".SFNSText-Italic"),local(".HelveticaNeueDeskInterface-Italic"),local(".LucidaGrandeUI"),local("Segoe UI Italic"),local("Ubuntu Italic"),local("Roboto-Italic"),local("DroidSans"),local("Tahoma");
}

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 500;
  src: local(".SFNSText-Medium"),local(".HelveticaNeueDeskInterface-MediumP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold"),local("Ubuntu Medium"),local("Roboto-Medium"),local("DroidSans-Bold"),local("Tahoma Bold");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 500;
  src: local(".SFNSText-MediumItalic"),local(".HelveticaNeueDeskInterface-MediumItalicP4"),local(".LucidaGrandeUI"),local("Segoe UI Semibold Italic"),local("Ubuntu Medium Italic"),local("Roboto-MediumItalic"),local("DroidSans-Bold"),local("Tahoma Bold");
}

@font-face {
  font-family: system-ui;
  font-style: normal;
  font-weight: 700;
  src: local(".SFNSText-Bold"),local(".HelveticaNeueDeskInterface-Bold"),local(".LucidaGrandeUI"),local("Segoe UI Bold"),local("Ubuntu Bold"),local("Roboto-Bold"),local("DroidSans-Bold"),local("Tahoma Bold");
}

@font-face {
  font-family: system-ui;
  font-style: italic;
  font-weight: 700;
  src: local(".SFNSText-BoldItalic"),local(".HelveticaNeueDeskInterface-BoldItalic"),local(".LucidaGrandeUI"),local("Segoe UI Bold Italic"),local("Ubuntu Bold Italic"),local("Roboto-BoldItalic"),local("DroidSans-Bold"),local("Tahoma Bold");
}

code[class*=language-],
pre[class*=language-] {
  color: #000;
  background: none;
  text-shadow: 0 1px #fff;
  font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

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

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

@media print {
  code[class*=language-],
  pre[class*=language-] {
    text-shadow: none;
  }
}

pre[class*=language-] {
  padding: 1em;
  margin: .5em 0;
  overflow: auto;
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
  background: #f5f2f0;
}

:not(pre)>code[class*=language-] {
  padding: .1em;
  border-radius: .3em;
  white-space: normal;
}

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

.token.punctuation {
  color: #999;
}

.namespace {
  opacity: .7;
}

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

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

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url {
  color: #a67f59;
  background: hsla(0,0%,100%,.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
  color: #07a;
}

.token.function {
  color: #dd4a68;
}

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

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

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

.token.entity {
  cursor: help;
}

address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

button,
input,
optgroup,
select,
textarea {
  border: 0;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  outline: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

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

*,
:after,
:before {
  transition-duration: .3s;
  transition-property: none;
}

@media (prefers-reduced-motion:reduce) {
  *,
  :after,
  :before {
    transition-duration: 0;
  }
}

b,
strong {
  font-weight: 600;
}

:-moz-ui-invalid:not(output) {
  box-shadow: none;
}

html {
  color: #2f3542;
  font-family: system-ui;
  font-size: 62.5%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1;
  min-height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.has-overlay {
  overflow: hidden;
}

body {
  background: #f1f2f6;
  font-size: 1.4rem;
  min-width: 320px;
  position: relative;
}

img {
  font-style: italic;
  height: auto;
  max-width: 100%;
}

.u-align-center {
  text-align: center!important;
}

.u-align-left {
  text-align: left!important;
}

.u-align-right {
  text-align: right!important;
}

.no-js .u-hide-no-js,
.u-collapse[aria-expanded=false] {
  display: none;
}

.u-collapse[aria-expanded=true] {
  display: block;
}

.header {
  background-color: #2f3542;
  box-shadow: 0 1px 2px 0 rgba(47,53,66,.2);
  color: #fff;
  height: 4rem;
}

.header,
.header__nav,
.header__nav-item {
  display: -ms-flexbox;
  display: flex;
}

.header__nav-item {
  color: "#fff";
  text-decoration: none;
  transition: color .2s;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid hsla(0,0%,100%,.2);
  color: inherit;
  height: 100%;
  padding: 0 2rem;
}

.header__nav-item:focus,
.header__nav-item:hover {
  color: "#fff";
  text-decoration: underline;
  background-color: hsla(0,0%,100%,.1);
}

.header__nav-item--home {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 0 1.8rem 0 1.4rem;
}

.header__logo-image {
  margin-right: 1rem;
}

.footer {
  color: rgba(47,53,66,.8);
  font-size: 1.2rem;
}

.footer__inner {
  border-top: 1px solid #dfe4ea;
  margin: 3rem 3rem 0 2rem;
  padding: 1rem;
}

.main {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
  margin-top: 3rem;
}

.main__sidebar {
  border-right: 1px solid #dfe4ea;
  padding: 0 3rem 0 2rem;
  width: 30rem;
}

.main__content-item,
.main__sidebar-item {
  margin-bottom: 3rem;
}

.main__content-item--border-bottom {
  border-bottom: 1px solid #dfe4ea;
  padding-bottom: 3rem;
}

.main__content {
  padding: 0 3rem;
  width: calc(100% - 30rem);
}

.main__intro {
  margin-top: 1rem;
}

.main__status {
  margin-bottom: 2rem;
}

.main__status,
.main__variants {
  margin-top: 2rem;
}

.main__variants-index {
  list-style: none;
  list-style-type: none;
  margin-bottom: 0;
  padding-left: 0;
  line-height: 1.5;
  margin-top: 1rem;
}

.main__variants-link:focus,
.main__variants-link:hover {
  text-decoration: underline;
}

.select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(47, 53, 66, 0.4)' d='M100 170L0 67.0077519 35.9368421 30 100 95.9844961 164.063158 30 200 67.0077519z'/%3E%3C/svg%3E");-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsla(0,0%,100%,.3);background-position:calc(100% - 1.6rem - 1px) 50%;background-repeat:no-repeat;background-size:10px 10px;border:2px solid rgba(47,53,66,.2);border-radius:.5rem;cursor:pointer;display:block;font-size:1.4rem;font-weight:400;height:4rem;line-height:2.1rem;max-width:100%;padding:calc(.95rem - 2px) 1.6rem;position:relative;text-overflow:ellipsis;transition-duration:.2s;transition-property:border-color;width:100%}.select::-ms-expand{display:none}.select:focus,.select:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(47, 53, 66, 0.6)' d='M100 170L0 67.0077519 35.9368421 30 100 95.9844961 164.063158 30 200 67.0077519z'/%3E%3C/svg%3E");background-color:hsla(0,0%,100%,.4);border-color:rgba(47,53,66,.4)}.select:focus{outline:0}.select[disabled]{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(47, 53, 66, 0.4)' d='M100 170L0 67.0077519 35.9368421 30 100 95.9844961 164.063158 30 200 67.0077519z'/%3E%3C/svg%3E");border-color:rgba(47,53,66,.1);color:rgba(47,53,66,.4)}.select[disabled]::-webkit-input-placeholder{color:rgba(47,53,66,.4)}.select[disabled]:-ms-input-placeholder{color:rgba(47,53,66,.4)}.select[disabled]::placeholder{color:rgba(47,53,66,.4)}.select[aria-invalid=true]{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%23dc3545' d='M100 170L0 67.0077519 35.9368421 30 100 95.9844961 164.063158 30 200 67.0077519z'/%3E%3C/svg%3E");background-color:rgba(220,53,69,.2);border-color:#dc3545}.select__hint{color:rgba(47,53,66,.4);display:none}.breadcrumb{padding-top:.5rem}.breadcrumb__list{list-style:none;list-style-type:none;margin-bottom:0;padding-left:0;font-size:0}.breadcrumb__item{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='rgba(47, 53, 66, 0.6)' d='M86 50L33.768 0 15 17.968 48.464 50 15 82.032 33.768 100'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:.8rem .8rem;color:rgba(47,53,66,.6);display:inline-block;font-size:1.2rem;line-height:1.2;margin-right:.8rem;padding-right:1.6rem}.breadcrumb__item:last-child{background:none;color:#2f3542;margin-right:0;padding-right:0}.breadcrumb__link:focus,.breadcrumb__link:hover{text-decoration:underline}.sidebar-nav{font-size:1.6rem;line-height:1.35;margin-bottom:2rem}.sidebar-nav,.sidebar-nav__list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.sidebar-nav__list{list-style:none;list-style-type:none;margin-bottom:0;padding-left:0;margin-bottom:1rem}.sidebar-nav__list .sidebar-nav__list{font-size:1.4rem;margin-bottom:0}.sidebar-nav__list--border-bottom{border-bottom:1px solid #dfe4ea;margin-bottom:2rem;padding-bottom:1rem}.sidebar-nav__list-item .sidebar-nav__list-item{padding-left:.5rem}.sidebar-nav__list-item .sidebar-nav__list{padding-bottom:.5rem}.sidebar-nav__link{transition:color .2s;display:block;margin-bottom:1rem;position:relative}.sidebar-nav__link,.sidebar-nav__link:focus,.sidebar-nav__link:hover{color:#2f3542;text-decoration:none}.sidebar-nav__link--header{font-weight:600}.sidebar-nav__list .sidebar-nav__list[aria-hidden=true]{display:none}.sidebar-nav__link[aria-expanded]:before{background-image:url(../images/hook-right.svg);background-position:50%;background-repeat:no-repeat;background-size:1rem;content:"";display:inline-block;height:100%;left:-1.25rem;opacity:.7;position:absolute;top:0;transition-duration:.2s;transition-property:opacity,transform;width:1rem}.sidebar-nav__link[aria-expanded]:focus:before,.sidebar-nav__link[aria-expanded]:hover:before{opacity:1}.sidebar-nav__link[aria-expanded=true]:before{opacity:1;transform:rotate(90deg)}.sidebar-nav__link:focus .sidebar-nav__link-text,.sidebar-nav__link:hover .sidebar-nav__link-text{text-decoration:underline}.sidebar-nav__link-status{margin-right:.5rem}.headline{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;line-height:1.325}.headline--1{font-size:4rem;font-weight:600}.headline--variant,.headline--variant-index{color:rgba(47,53,66,.8);font-size:1.4rem;font-weight:600;text-transform:uppercase}.text{line-height:1.5}@media (min-width:31.875em){.text{font-size:1.6rem}}.text blockquote,.text h1,.text h2,.text h3,.text h4,.text h5,.text h6,.text ol,.text p,.text pre,.text table,.text ul{margin-bottom:1rem;max-width:60rem}.text h1,.text h2{margin-bottom:2rem;margin-top:4rem}.text h1,.text h2,.text h3,.text h4,.text h5,.text h6{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;line-height:1.325}.text h3,.text h4,.text h5,.text h6{margin-bottom:1.5rem;margin-top:3rem}.text ol,.text ul{padding:0;padding-left:2rem}.text ol ol,.text ol ul,.text ul ol,.text ul ul{margin-top:1rem}.text ol li,.text ul li{list-style-type:square;margin-bottom:.5rem;position:relative}.text ol li{counter-increment:step-counter;list-style-type:decimal}.text ol+p,.text ul+p{margin-top:1.5rem}.text abbr,.text acronym{cursor:help}.text hr{border:0;border-top:1px solid #dfe4ea;display:block;margin-bottom:4rem;margin-top:4rem;width:100%}.text a{color:#1c208e;text-decoration:none;transition:color .2s}.text a:focus,.text a:hover{color:#00f;text-decoration:underline}.text table{border-collapse:collapse;max-width:80rem;text-align:left;width:100%}.text table td{vertical-align:top}.text table td:not(:last-child){padding-right:2rem}.text h1{font-size:2.4rem;font-weight:600}@media (min-width:31.875em){.text h1{font-size:4rem}}.text h2{font-size:2rem;font-weight:600}@media (min-width:31.875em){.text h2{font-size:2.4rem}}.text h3{font-size:1.8rem;font-weight:400}@media (min-width:31.875em){.text h3{font-size:2rem}}.text>:first-child{margin-top:0}.text>:last-child{margin-bottom:0}.text--large{font-size:1.6rem}@media (min-width:31.875em){.text--large{font-size:2.2rem}}.variant__headline{margin-bottom:1.5rem;position:relative}.variant__text{margin-bottom:2rem}.variant__hash-link{color:rgba(47,53,66,.8);text-decoration:none;transition:color .2s;font-weight:400;position:absolute;transform:translate(-1.5rem)}.variant__hash-link:focus,.variant__hash-link:hover{color:#2f3542;text-decoration:underline;text-decoration:none}.variant__box{border:1px solid #dfe4ea}.variant__box+.variant__box{border-top:0}.variant__tabs{background-color:#eff1f4;height:3rem}.variant__tab,.variant__tabs{display:-ms-flexbox;display:flex}.variant__tab{-ms-flex-align:center;align-items:center;border-right:1px solid #dfe4ea;padding:0}.variant__tab--active{background-color:#dfe4ea;color:#2f3542}.variant__tab-button{color:rgba(47,53,66,.6);font-size:1.2rem;height:100%;line-height:1;padding:0 1rem;text-transform:uppercase}.variant__tab--active .variant__tab-button,.variant__tab-button:focus,.variant__tab-button:hover{color:#2f3542}.variant__tab-link{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='rgba(47, 53, 66, 0.6)' d='M177.777778,13 L22.2222222,13 C9.88888889,13 0,22.84375 0,34.875 L0,166.125 C0,178.15625 9.88888889,188 22.2222222,188 L66.6666667,188 L66.6666667,166.125 L22.2222222,166.125 L22.2222222,56.75 L177.777778,56.75 L177.777778,166.125 L133.333333,166.125 L133.333333,188 L177.777778,188 C190,188 200,178.15625 200,166.125 L200,34.875 C200,22.84375 190.111111,13 177.777778,13 Z M100,78.625 L55.5555556,122.375 L88.8888889,122.375 L88.8888889,188 L111.111111,188 L111.111111,122.375 L144.444444,122.375 L100,78.625 Z'/%3E%3C/svg%3E");background-position:0 -1px;background-repeat:no-repeat;background-size:15px 15px;height:15px;margin-right:1rem;width:16px}.variant__tab-link:focus,.variant__tab-link:hover{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill='%231c208e' d='M177.777778,13 L22.2222222,13 C9.88888889,13 0,22.84375 0,34.875 L0,166.125 C0,178.15625 9.88888889,188 22.2222222,188 L66.6666667,188 L66.6666667,166.125 L22.2222222,166.125 L22.2222222,56.75 L177.777778,56.75 L177.777778,166.125 L133.333333,166.125 L133.333333,188 L177.777778,188 C190,188 200,178.15625 200,166.125 L200,34.875 C200,22.84375 190.111111,13 177.777778,13 Z M100,78.625 L55.5555556,122.375 L88.8888889,122.375 L88.8888889,188 L111.111111,188 L111.111111,122.375 L144.444444,122.375 L100,78.625 Z'/%3E%3C/svg%3E")}.variant__preview{background-color:hsla(0,0%,100%,.3)}.variant__preview-resizer{height:100%;min-height:20rem;overflow-x:auto;overflow-y:hidden;position:relative;resize:both;width:100%}.variant__preview-iframe{background-color:#fff;border:0;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.variant__code{border:1px solid #dfe4ea}.variant__box+.variant__code{border-top:0}.variant__code-tabs{list-style:none;list-style-type:none;margin-bottom:0;padding-left:0;display:-ms-flexbox;display:flex}.variant__code-tab{-ms-flex-align:center;align-items:center;border-right:1px solid #dfe4ea;color:rgba(47,53,66,.6);display:-ms-flexbox;display:flex;font-size:1.2rem;line-height:1;padding:1rem 2rem}.variant__code-tab:focus,.variant__code-tab:hover{background-color:rgba(223,228,234,.5);color:#2f3542}.variant__code-tab[aria-selected=true]{background-color:#dfe4ea;color:#2f3542}.variant__code-content:focus{outline:0}.variant__code-content{position:relative}.variant__code-collapse-button{-ms-flex-align:end;align-items:flex-end;background:linear-gradient(180deg,hsla(24,20%,95%,0),#f5f2f0 60%,#f5f2f0);bottom:0;color:rgba(47,53,66,.6);display:none;font-size:12px;font-weight:700;height:100px;-ms-flex-pack:center;justify-content:center;left:0;padding-bottom:20px;position:absolute;right:0;text-align:center;text-transform:uppercase;width:100%}.variant__code-collapse-button:hover{color:rgba(47,53,66,.8);text-decoration:underline}.variant__code-collapse-button-label{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;background-color:#fff;padding:5px 5px 5px 10px;border-radius:5px}.variant__code-collapse-button-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon fill='rgba(47, 53, 66, 0.6)' points='138.25 71.5833333 100 109.75 61.75 71.5833333 50 83.3333333 100 133.333333 150 83.3333333'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:25px 25px;content:"";display:inline-block;width:25px;height:25px}.variant__code-collapse-button:hover .variant__code-collapse-button-label:after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpolygon fill='rgba(47, 53, 66, 0.8)' points='138.25 71.5833333 100 109.75 61.75 71.5833333 50 83.3333333 100 133.333333 150 83.3333333'/%3E%3C/svg%3E");
}

.variant__code-pre[class*=language-] {
  margin: 0;
  max-height: 200px;
  position: relative;
}

.variant__code-content.js-variant-code--collapsible .variant__code-pre[class*=language-] {
  overflow: hidden;
}

.variant__code-content.js-variant-code--collapsible .variant__code-collapse-button {
  display: -ms-flexbox;
  display: flex;
}

.variant__code-content.js-variant-code--expanded .variant__code-pre[class*=language-] {
  overflow: auto;
  max-height: none;
  padding-bottom: 70px;
}

.variant__code-content.js-variant-code--expanded .variant__code-collapse-button {
  height: auto;
  padding: 20px 0;
}

.variant__code-content.js-variant-code--expanded .variant__code-collapse-button-label:after {
  transform: rotate(180deg);
}

.handle {
  background-color: #fff;
  display: inline-block;
  font-family: SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1;
  margin-left: .5rem;
  padding: .5rem .75rem;
  text-transform: none;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
  vertical-align: middle;
}

.handle--large {
  font-size: 2rem;
}

.status {
  color: rgba(47,53,66,.8);
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1;
}

.status--labelled {
  background-color: hsla(0,0%,100%,.75);
  padding: .5rem 1rem .6rem;
}

.status__dot,
.status__dots {
  display: inline-block;
}

.status__dot {
  border-radius: 50%;
  height: 1rem;
  width: 1rem;
}

.status__tag {
  margin-left: .25rem;
}

.error {
  border: 1px solid red;
  padding: 2rem;
}
/*# sourceMappingURL=main.css.map*/