/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Convert PX units to EMs.
Ex: margin-right: prem(16);
*/
/* Rounds EMs to the nearest .1 to be nicer. Useful for when browsers choke
   on bizarre em values
 */
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*
 * NOTE: Don't specify CSS Custom Properties (Variables) here as they will be
 * duplicated on import of this file. Please use variables-custom-properties.scss for new variables
 */
/**
 * Official BitMEX Color Palette
 * @see https://docs.google.com/document/d/14kCw1-SS705qNBGvbwh23RedY1lAPoO7VVFmrcOAdP8/edit
*/

/**
* Use em or rem font-size in Bootstrap 3
* Based on Less version here: https://gist.github.com/jasny/9731895
* Values pulled from _variables.scss
*/
.nxyrGrdr {
  grid-column: 1 / -1;
  display: -webkit-box;
  display: flex;
  padding: var(--spacing3); }
  .nxyrGrdr > :first-child {
    padding-right: var(--spacing1); }

.rCsYcsih {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: start;
          align-items: flex-start;
  flex-wrap: wrap; }
  .rCsYcsih > div {
    margin-right: var(--spacing2);
    margin-bottom: var(--spacing2); }

._2MzT382U,
._100bRZWz {
  -webkit-box-flex: 1;
          flex: 1; }

.OALuPVp5 {
  grid-column: 1 / -1;
  padding: var(--spacing2);
  background: var(--neutral98); }

@media screen and (max-width: 995px) {
  .nxyrGrdr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; } }

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Convert PX units to EMs.
Ex: margin-right: prem(16);
*/
/* Rounds EMs to the nearest .1 to be nicer. Useful for when browsers choke
   on bizarre em values
 */
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*
 * NOTE: Don't specify CSS Custom Properties (Variables) here as they will be
 * duplicated on import of this file. Please use variables-custom-properties.scss for new variables
 */
/**
 * Official BitMEX Color Palette
 * @see https://docs.google.com/document/d/14kCw1-SS705qNBGvbwh23RedY1lAPoO7VVFmrcOAdP8/edit
*/

/**
* Use em or rem font-size in Bootstrap 3
* Based on Less version here: https://gist.github.com/jasny/9731895
* Values pulled from _variables.scss
*/
.pmjY9Fa_ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  grid-column: auto / span 2; }
  .pmjY9Fa_ p {
    text-align: center;
    max-width: 46ch;
    padding-top: 0.61538rem; }

._2MHXDZ_7 {
  background: var(--grey95);
  border-bottom: 1px solid var(--borderMain);
  padding: 10px; }

._3F81IMfp {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  text-align: center;
  height: 100%; }

._3F81IMfp._1s-MaQj_ > div:not(:last-child) {
  border-bottom: 1px solid var(--borderMain);
  height: 100%; }

.KXUvK3QP {
  grid-column: 1 / -1; }

._1ycJWidQ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  height: 100%; }
  ._1ycJWidQ div {
    -webkit-box-flex: 1;
            flex: 1 1 0;
    text-align: center; }
  ._1ycJWidQ div:not(:last-child) {
    border-right: 1px solid var(--borderMain); }

._3F81IMfp > div {
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 10px 20px;
  min-height: 18em; }

._3z1fVR_X {
  background: var(--grey95); }

@media screen and (max-width: 1024px) {
  .pmjY9Fa_ {
    grid-column: auto / span 3; }
  ._1ycJWidQ {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: justify;
            justify-content: space-between; }
    ._1ycJWidQ div:not(:last-child) {
      border: none;
      border-bottom: 1px solid var(--borderMain); }
    ._1ycJWidQ ._3z1fVR_X {
      display: none; }
  ._3-666qV1 > div > p {
    max-width: 54ch; } }

@media screen and (max-width: 768px) {
  .pmjY9Fa_ {
    grid-column: auto / span 6; } }

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Convert PX units to EMs.
Ex: margin-right: prem(16);
*/
/* Rounds EMs to the nearest .1 to be nicer. Useful for when browsers choke
   on bizarre em values
 */
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*
 * NOTE: Don't specify CSS Custom Properties (Variables) here as they will be
 * duplicated on import of this file. Please use variables-custom-properties.scss for new variables
 */
/**
 * Official BitMEX Color Palette
 * @see https://docs.google.com/document/d/14kCw1-SS705qNBGvbwh23RedY1lAPoO7VVFmrcOAdP8/edit
*/

/**
* Use em or rem font-size in Bootstrap 3
* Based on Less version here: https://gist.github.com/jasny/9731895
* Values pulled from _variables.scss
*/
._3jaLW7OP {
  grid-column: auto / span 3;
  padding: 2.46154rem; }
  ._3jaLW7OP > * {
    text-align: center; }
  ._3jaLW7OP > * + h1,
  ._3jaLW7OP h3,
  ._3jaLW7OP h4 {
    padding-top: 16px; }
  ._3jaLW7OP h1 {
    width: 24ch; }
  ._3jaLW7OP button {
    margin: 1.84615rem 0 0.92308rem 0; }

@media screen and (max-width: 1024px) {
  ._3jaLW7OP {
    grid-column: auto / span 6; } }

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Convert PX units to EMs.
Ex: margin-right: prem(16);
*/
/* Rounds EMs to the nearest .1 to be nicer. Useful for when browsers choke
   on bizarre em values
 */
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*
 * NOTE: Don't specify CSS Custom Properties (Variables) here as they will be
 * duplicated on import of this file. Please use variables-custom-properties.scss for new variables
 */
/**
 * Official BitMEX Color Palette
 * @see https://docs.google.com/document/d/14kCw1-SS705qNBGvbwh23RedY1lAPoO7VVFmrcOAdP8/edit
*/

/**
* Use em or rem font-size in Bootstrap 3
* Based on Less version here: https://gist.github.com/jasny/9731895
* Values pulled from _variables.scss
*/
._10ssmitW {
  background: var(--borderMain);
  position: relative;
  display: grid;
  grid-column: 1 / -1;
  grid-gap: 1px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  ._10ssmitW > * {
    background: var(--backgroundMain); }

._1TSXpNFQ {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  height: 100%; }
  ._1TSXpNFQ button {
    margin-top: 2.46154rem; }

@media screen and (max-width: 768px) {
  ._1TSXpNFQ {
    background: none;
    position: absolute;
    width: 100%; } }

@charset "UTF-8";
/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Convert PX units to EMs.
Ex: margin-right: prem(16);
*/
/* Rounds EMs to the nearest .1 to be nicer. Useful for when browsers choke
   on bizarre em values
 */
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*
 * NOTE: Don't specify CSS Custom Properties (Variables) here as they will be
 * duplicated on import of this file. Please use variables-custom-properties.scss for new variables
 */
/**
 * Official BitMEX Color Palette
 * @see https://docs.google.com/document/d/14kCw1-SS705qNBGvbwh23RedY1lAPoO7VVFmrcOAdP8/edit
*/

/**
* Use em or rem font-size in Bootstrap 3
* Based on Less version here: https://gist.github.com/jasny/9731895
* Values pulled from _variables.scss
*/
.bY0uNkgL {
  grid-column: 1/-1; }
  .bY0uNkgL a {
    cursor: pointer; }

._3fELVnKW > * {
  padding: var(--spacing2);
  border: 1px solid var(--grey70);
  border-radius: 4px;
  background-color: var(--grey98);
  margin-top: var(--spacing2); }

._3fELVnKW h2,
._23-M5KmL h2 {
  font-size: 2.46154rem;
  line-height: 3.23077rem; }

._3fELVnKW h3,
._23-M5KmL h3 {
  font-size: 2.15385rem;
  line-height: 3.07692rem; }

._3fELVnKW h4,
._23-M5KmL h4 {
  font-size: 1.84615rem;
  line-height: 2.76923rem;
  letter-spacing: -0.25px; }

._3fELVnKW h5,
._23-M5KmL h5 {
  font-size: 1.38462rem;
  text-align: left;
  font-weight: 400;
  margin-bottom: var(--spacing2); }

._3fELVnKW p,
._23-M5KmL p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.84615rem;
  padding-bottom: var(--spacing1); }

._3fELVnKW ._2knu-mG-,
._3fELVnKW a,
._3fELVnKW a.a4eK1ipT,
._23-M5KmL ._2knu-mG-,
._23-M5KmL a,
._23-M5KmL a.a4eK1ipT {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: var(--grey20); }

._3fELVnKW ol,
._23-M5KmL ol {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: var(--spacing4);
  padding-bottom: var(--spacing1); }

._3fELVnKW ul,
._3fELVnKW li,
._23-M5KmL ul,
._23-M5KmL li {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  line-height: 1.84615rem;
  font-size: 14px; }

._3fELVnKW ul,
._23-M5KmL ul {
  margin-top: 6px;
  list-style: none;
  padding-bottom: var(--spacing1); }
  ._3fELVnKW ul p,
  ._23-M5KmL ul p {
    padding: 0; }

._3fELVnKW ul li::before,
._23-M5KmL ul li::before {
  content: '\2022';
  margin-right: 0.4em;
  position: relative; }

._12s1mHml,
._3lx7X8xK {
  border-bottom: 1px solid var(--borderMain);
  padding: 0 var(--spacing2); }

._12s1mHml {
  padding-bottom: var(--spacing3); }
  ._12s1mHml > h2:first-child {
    padding-top: var(--spacing4);
    padding-bottom: var(--spacing2); }
  ._12s1mHml > h3:first-child {
    padding-top: var(--spacing3);
    padding-bottom: var(--spacing); }
  ._12s1mHml .IgC9lhVx {
    width: 60%;
    margin-top: var(--spacing1); }

._3lx7X8xK {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between; }
  ._3lx7X8xK > * {
    -webkit-box-flex: 1;
            flex: 1;
    max-width: 43%; }

._1XJImBat {
  padding-top: var(--spacing7); }
  ._1XJImBat button {
    margin-top: var(--spacing2);
    margin-bottom: var(--spacing2); }
  ._1XJImBat h4 {
    padding-top: var(--spacing3);
    padding-bottom: var(--spacing2); }

.hqZGWA7T {
  background-color: var(--grey95);
  border-bottom: 1px solid var(--borderMain);
  padding: var(--spacing3); }

._24WnPW_o,
._22AqKX9p {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: var(--spacing2); }
  ._24WnPW_o > a,
  ._22AqKX9p > a {
    margin-right: var(--spacing2); }
  ._24WnPW_o ._1ygba1T6,
  ._22AqKX9p ._1ygba1T6 {
    height: 60px; }
  ._24WnPW_o .jteOURrb,
  ._24WnPW_o button,
  ._22AqKX9p .jteOURrb,
  ._22AqKX9p button {
    height: 40px; }

._2gulSb03 svg {
  margin-right: 8px;
  margin-bottom: -2px; }

._1dX-Tgbk {
  height: 476px;
  overflow: hidden;
  margin-top: var(--spacing6);
  text-align: center; }
  ._1dX-Tgbk img {
    width: 100%;
    max-width: 564px;
    pointer-events: none; }

._2mvH_1oI {
  padding-top: var(--spacing2); }

._3YhUXFl4 {
  display: -webkit-box;
  display: flex;
  margin-top: var(--spacing2);
  margin-bottom: var(--spacing3); }
  ._3YhUXFl4 > * {
    padding: var(--spacing2) 75px var(--spacing2) var(--spacing2);
    border: 1px solid var(--grey70);
    border-radius: 4px;
    -webkit-box-flex: 1;
            flex: 1; }
  ._3YhUXFl4 * + * {
    margin-left: var(--spacing2); }

.dG0XeM9C {
  position: relative;
  padding: 0; }
  .dG0XeM9C h1 {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    white-space: nowrap; }
  .dG0XeM9C img {
    pointer-events: none; }

.IgC9lhVx {
  margin-top: var(--spacing1); }

@media screen and (max-width: 1400px) {
  ._3YhUXFl4 > * {
    padding-right: var(--spacing2); }
  ._24WnPW_o a {
    flex-wrap: wrap;
    margin-right: 0px; } }

@media screen and (max-width: 768px) {
  ._3lx7X8xK {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
    ._3lx7X8xK > * {
      max-width: 100%; }
  ._3YhUXFl4 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column; }
    ._3YhUXFl4 > * {
      padding-right: var(--spacing2); }
    ._3YhUXFl4 * + * {
      margin-left: 0;
      margin-top: var(--spacing2); }
  ._1dX-Tgbk {
    max-height: 280px;
    margin-top: var(--spacing4); }
    ._1dX-Tgbk img {
      max-width: 425px; }
  .IgC9lhVx {
    width: 100%; }
  ._24WnPW_o {
    flex-wrap: wrap;
    margin-right: 0px; } }

@media screen and (max-width: 480px) {
  ._1dX-Tgbk {
    max-height: 275px; } }

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Convert PX units to EMs.
Ex: margin-right: prem(16);
*/
/* Rounds EMs to the nearest .1 to be nicer. Useful for when browsers choke
   on bizarre em values
 */
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.

Examples:

@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*
 * NOTE: Don't specify CSS Custom Properties (Variables) here as they will be
 * duplicated on import of this file. Please use variables-custom-properties.scss for new variables
 */
/**
 * Official BitMEX Color Palette
 * @see https://docs.google.com/document/d/14kCw1-SS705qNBGvbwh23RedY1lAPoO7VVFmrcOAdP8/edit
*/

/**
* Use em or rem font-size in Bootstrap 3
* Based on Less version here: https://gist.github.com/jasny/9731895
* Values pulled from _variables.scss
*/
.MrBUY6RG {
  grid-column: 1/-1; }

._3O4seY6H {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 1.84615rem;
  padding: 0 1.84615rem; }
  ._3O4seY6H._1JiAegMU {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center; }
    ._3O4seY6H._1JiAegMU ._3rLWbKOI {
      -webkit-box-flex: 0;
              flex: 0 1 38.46154rem; }

._3rLWbKOI,
._2UZCysen {
  padding: 1.84615rem 0; }

._3rLWbKOI {
  grid-column: span 5; }

._2UZCysen {
  grid-column: span 7; }

@media screen and (max-width: 995px) {
  ._3O4seY6H {
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 0;
    padding: 0 1.23077rem; }
  ._3rLWbKOI,
  ._2UZCysen {
    grid-column: 2/8;
    padding: 0; }
  ._3rLWbKOI > *,
  ._2UZCysen > * {
    margin: 0.92308rem 0; } }

@media screen and (max-width: 767px) {
  ._3rLWbKOI,
  ._2UZCysen {
    grid-column: 1/-1; } }