@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-weight: 400;
    src: url("https://legacy.tussendoor.nl/tussendoor/poppins-400.woff2") format("woff2");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-weight: 500;
    src: url("https://legacy.tussendoor.nl/tussendoor/poppins-500.woff2") format("woff2");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-weight: 600;
    src: url("https://legacy.tussendoor.nl/tussendoor/poppins-600.woff2") format("woff2");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-weight: 700;
    src: url("https://legacy.tussendoor.nl/tussendoor/poppins-700.woff2") format("woff2");
}

@font-face {
    font-family: "Poppins";
    font-display: swap;
    font-weight: 800;
    src: url("https://legacy.tussendoor.nl/tussendoor/poppins-800.woff2") format("woff2");
}

@font-face {
    font-family: "Azeret Mono";
    font-display: swap;
    font-weight: 700;
    src: url("https://legacy.tussendoor.nl/tussendoor/azeret-mono-700.woff2") format("woff2");
}

@font-face {
    font-family: "Azeret Mono";
    font-display: swap;
    font-weight: 800;
    src: url("https://legacy.tussendoor.nl/tussendoor/azeret-mono-800.woff2") format("woff2");
}

@font-face {
    font-family: "Azeret Mono";
    font-display: swap;
    font-weight: 900;
    src: url("https://legacy.tussendoor.nl/tussendoor/azeret-mono-900.woff2") format("woff2");
}

.clearfix {
    *zoom: 1;
  }
  .clearfix:after,
  .clearfix:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .clearfix:after {
    clear: both;
  }
  .hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section {
    display: block;
  }
  audio,
  canvas,
  video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
  }
  audio:not([controls]) {
    display: none;
  }
  html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  a:active,
  a:hover {
    outline: 0;
  }
  sub,
  sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
  }
  #map_canvas img,
  .google-maps img {
    max-width: none;
  }
  button,
  input,
  select,
  textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
  }
  button,
  input {
    *overflow: visible;
    line-height: normal;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  input[type="radio"],
  input[type="checkbox"],
  label,
  select {
    cursor: pointer;
  }
  input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  textarea {
    overflow: auto;
    vertical-align: top;
  }
  @media print {
    * {
      text-shadow: none !important;
      color: #000 !important;
      background-color: transparent !important;
      box-shadow: none !important;
    }
    a,
    a:visited {
      text-decoration: underline;
    }
    a[href]:after {
      content: " (" attr(href) ")";
    }
    abbr[title]:after {
      content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
      content: "";
    }
    blockquote,
    pre {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
    thead {
      display: table-header-group;
    }
    img,
    tr {
      page-break-inside: avoid;
    }
    img {
      max-width: 100% !important;
    }
    @page {
      margin: 0.5cm;
    }
    h2,
    h3,
    p {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
  }
  body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    background:#fff;
  }

  @media (min-width:768px) {
    body {
      background:#fff;
    }
  }
  a {
    color: #4381b5;
    text-decoration: none;
  }
  a:focus,
  a:hover {
    color: #2e597d;
    text-decoration: underline;
  }
  .img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  }
  .img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
  }
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:after,
  .row:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-fixed-bottom .container,
  .navbar-fixed-top .container,
  .navbar-static-top .container {
    width: 940px;
  }
  .span12 {
    width: 940px;
  }
  .span11 {
    width: 860px;
  }
  .span10 {
    width: 780px;
  }
  .span9 {
    width: 700px;
  }
  .span8 {
    width: 620px;
  }
  .span7 {
    width: 540px;
  }
  .span6 {
    width: 460px;
  }
  .span5 {
    width: 380px;
  }
  .span4 {
    width: 300px;
  }
  .span3 {
    width: 220px;
  }
  .span2 {
    width: 140px;
  }
  .span1 {
    width: 60px;
  }
  .offset12 {
    margin-left: 980px;
  }
  .offset11 {
    margin-left: 900px;
  }
  .offset10 {
    margin-left: 820px;
  }
  .offset9 {
    margin-left: 740px;
  }
  .offset8 {
    margin-left: 660px;
  }
  .offset7 {
    margin-left: 580px;
  }
  .offset6 {
    margin-left: 500px;
  }
  .offset5 {
    margin-left: 420px;
  }
  .offset4 {
    margin-left: 340px;
  }
  .offset3 {
    margin-left: 260px;
  }
  .offset2 {
    margin-left: 180px;
  }
  .offset1 {
    margin-left: 100px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:after,
  .row-fluid:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.12765957%;
    *margin-left: 2.07446809%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.12765957%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94680851%;
  }
  .row-fluid .span11 {
    width: 91.4893617%;
    *width: 91.43617021%;
  }
  .row-fluid .span10 {
    width: 82.9787234%;
    *width: 82.92553191%;
  }
  .row-fluid .span9 {
    width: 74.46808511%;
    *width: 74.41489362%;
  }
  .row-fluid .span8 {
    width: 65.95744681%;
    *width: 65.90425532%;
  }
  .row-fluid .span7 {
    width: 57.44680851%;
    *width: 57.39361702%;
  }
  .row-fluid .span6 {
    width: 48.93617021%;
    *width: 48.88297872%;
  }
  .row-fluid .span5 {
    width: 40.42553191%;
    *width: 40.37234043%;
  }
  .row-fluid .span4 {
    width: 31.91489362%;
    *width: 31.86170213%;
  }
  .row-fluid .span3 {
    width: 23.40425532%;
    *width: 23.35106383%;
  }
  .row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.84042553%;
  }
  .row-fluid .span1 {
    width: 6.38297872%;
    *width: 6.32978723%;
  }
  .row-fluid .offset12 {
    margin-left: 104.25531915%;
    *margin-left: 104.14893617%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.12765957%;
    *margin-left: 102.0212766%;
  }
  .row-fluid .offset11 {
    margin-left: 95.74468085%;
    *margin-left: 95.63829787%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 93.61702128%;
    *margin-left: 93.5106383%;
  }
  .row-fluid .offset10 {
    margin-left: 87.23404255%;
    *margin-left: 87.12765957%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.10638298%;
    *margin-left: 85%;
  }
  .row-fluid .offset9 {
    margin-left: 78.72340426%;
    *margin-left: 78.61702128%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 76.59574468%;
    *margin-left: 76.4893617%;
  }
  .row-fluid .offset8 {
    margin-left: 70.21276596%;
    *margin-left: 70.10638298%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.08510638%;
    *margin-left: 67.9787234%;
  }
  .row-fluid .offset7 {
    margin-left: 61.70212766%;
    *margin-left: 61.59574468%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.57446809%;
    *margin-left: 59.46808511%;
  }
  .row-fluid .offset6 {
    margin-left: 53.19148936%;
    *margin-left: 53.08510638%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.06382979%;
    *margin-left: 50.95744681%;
  }
  .row-fluid .offset5 {
    margin-left: 44.68085106%;
    *margin-left: 44.57446809%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.55319149%;
    *margin-left: 42.44680851%;
  }
  .row-fluid .offset4 {
    margin-left: 36.17021277%;
    *margin-left: 36.06382979%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.04255319%;
    *margin-left: 33.93617021%;
  }
  .row-fluid .offset3 {
    margin-left: 27.65957447%;
    *margin-left: 27.55319149%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.53191489%;
    *margin-left: 25.42553191%;
  }
  .row-fluid .offset2 {
    margin-left: 19.14893617%;
    *margin-left: 19.04255319%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.0212766%;
    *margin-left: 16.91489362%;
  }
  .row-fluid .offset1 {
    margin-left: 10.63829787%;
    *margin-left: 10.53191489%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.5106383%;
    *margin-left: 8.40425532%;
  }
  .row-fluid [class*="span"].hide,
  [class*="span"].hide {
    display: none;
  }
  .row-fluid [class*="span"].pull-right,
  [class*="span"].pull-right {
    float: right;
  }
  .container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
  }
  .container:after,
  .container:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .container:after {
    clear: both;
  }
  .container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
  }
  .container-fluid:after,
  .container-fluid:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .container-fluid:after {
    clear: both;
  }
  p {
    margin: 0 0 9px;
  }
  .lead {
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 200;
    line-height: 27px;
  }
  small {
    font-size: 85%;
  }
  strong {
    font-weight: 700;
  }
  em {
    font-style: italic;
  }
  cite {
    font-style: normal;
  }
  .muted {
    color: #999;
  }
  a.muted:focus,
  a.muted:hover {
    color: grey;
  }
  .text-warning {
    color: #a27c3a;
  }
  a.text-warning:focus,
  a.text-warning:hover {
    color: #7c5f2d;
  }
  .text-error {
    color: #d21b14;
  }
  a.text-error:focus,
  a.text-error:hover {
    color: #a31510;
  }
  .text-info {
    color: #548aac;
  }
  a.text-info:focus,
  a.text-info:hover {
    color: #436f8a;
  }
  .text-success {
    color: #467c0e;
  }
  a.text-success:focus,
  a.text-success:hover {
    color: #2c4e09;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 9px 0;
    font-family: inherit;
    font-weight: 700;
    line-height: 18px;
    color: inherit;
    text-rendering: optimizelegibility;
  }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small {
    font-weight: 400;
    line-height: 1;
    color: #999;
  }
  h1,
  h2,
  h3 {
    line-height: 36px;
  }
  h1 {
    font-size: 33px;
  }
  h2 {
    font-size: 27px;
  }
  h3 {
    font-size: 21px;
  }
  h4 {
    font-size: 15px;
  }
  h5 {
    font-size: 12px;
  }
  h6 {
    font-size: 10.2px;
  }
  h1 small {
    font-size: 21px;
  }
  h2 small {
    font-size: 15px;
  }
  h3 small {
    font-size: 12px;
  }
  h4 small {
    font-size: 12px;
  }
  .page-header {
    padding-bottom: 8px;
    margin: 18px 0 27px;
    border-bottom: 1px solid #eee;
  }
  ol,
  ul {
    padding: 0;
    margin: 0 0 9px 25px;
  }
  ol ol,
  ol ul,
  ul ol,
  ul ul {
    margin-bottom: 0;
  }
  li {
    line-height: 18px;
  }
  ol.unstyled,
  ul.unstyled {
    margin-left: 0;
    list-style: none;
  }
  ol.inline,
  ul.inline {
    margin-left: 0;
    list-style: none;
  }
  ol.inline > li,
  ul.inline > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 5px;
    padding-right: 5px;
  }
  dl {
    margin-bottom: 18px;
  }
  dd,
  dt {
    line-height: 18px;
  }
  dt {
    font-weight: 700;
  }
  dd {
    margin-left: 9px;
  }
  .dl-horizontal {
    *zoom: 1;
  }
  .dl-horizontal:after,
  .dl-horizontal:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .dl-horizontal:after {
    clear: both;
  }
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  hr {
    margin: 18px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
  }
  abbr[data-original-title],
  abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #999;
  }
  abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
  }
  blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 18px;
    border-left: 5px solid #eee;
  }
  blockquote p {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.25;
  }
  blockquote small {
    display: block;
    line-height: 18px;
    color: #999;
  }
  blockquote small:before {
    content: "\2014 \00A0";
  }
  blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0;
  }
  blockquote.pull-right p,
  blockquote.pull-right small {
    text-align: right;
  }
  blockquote.pull-right small:before {
    content: "";
  }
  blockquote.pull-right small:after {
    content: "\00A0 \2014";
  }
  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
    content: "";
  }
  address {
    display: block;
    margin-bottom: 18px;
    font-style: normal;
    line-height: 18px;
  }
  code,
  pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 10px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    white-space: nowrap;
  }
  pre {
    display: block;
    padding: 8.5px;
    margin: 0 0 9px;
    font-size: 11px;
    line-height: 18px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  pre.prettyprint {
    margin-bottom: 18px;
  }
  pre code {
    padding: 0;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0;
  }
  .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
  }
  form {
    margin: 0 0 18px;
  }
  fieldset {
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 18px;
    font-size: 18px;
    line-height: 36px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  legend small {
    font-size: 13.5px;
    color: #999;
  }
  button,
  input,
  label,
  select,
  textarea {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  button,
  input,
  select,
  textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  label {
    display: block;
    margin-bottom: 5px;
  }
  .uneditable-input,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="color"],
  input[type="search"],
  select,
  textarea {
    display: inline-block;
    height: 18px;
    padding: 4px 6px;
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 18px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
  }
  .uneditable-input,
  input,
  textarea {
    width: 206px;
  }
  textarea {
    height: auto;
  }
  .uneditable-input,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="color"],
  input[type="search"],
  textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
  }
  .uneditable-input:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted\9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(82, 168, 236, 0.6);
  }
  input[type="radio"],
  input[type="checkbox"] {
    margin: 4px 0 0;
    *margin-top: 0;
    margin-top: 1px\9;
    line-height: normal;
  }
  input[type="button"],
  input[type="reset"],
  input[type="file"],
  input[type="image"],
  input[type="submit"],
  input[type="radio"],
  input[type="checkbox"] {
    width: auto;
  }
  input[type="file"],
  select {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px;
  }
  select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  select[multiple],
  select[size] {
    height: auto;
  }
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus,
  select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .uneditable-input,
  .uneditable-textarea {
    color: #999;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed;
  }
  .uneditable-input {
    overflow: hidden;
    white-space: nowrap;
  }
  .uneditable-textarea {
    width: auto;
    height: auto;
  }
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #999;
  }
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999;
  }
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999;
  }
  .checkbox,
  .radio {
    min-height: 18px;
    padding-left: 20px;
  }
  .checkbox input[type="checkbox"],
  .radio input[type="radio"] {
    float: left;
    margin-left: -20px;
  }
  .controls > .checkbox:first-child,
  .controls > .radio:first-child {
    padding-top: 5px;
  }
  .checkbox.inline,
  .radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .checkbox.inline + .checkbox.inline,
  .radio.inline + .radio.inline {
    margin-left: 10px;
  }
  .input-mini {
    width: 60px;
  }
  .input-small {
    width: 90px;
  }
  .input-medium {
    width: 150px;
  }
  .input-large {
    width: 210px;
  }
  .input-xlarge {
    width: 270px;
  }
  .input-xxlarge {
    width: 530px;
  }
  .row-fluid .uneditable-input[class*="span"],
  .row-fluid input[class*="span"],
  .row-fluid select[class*="span"],
  .row-fluid textarea[class*="span"],
  .uneditable-input[class*="span"],
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"] {
    float: none;
    margin-left: 0;
  }
  .input-append .uneditable-input[class*="span"],
  .input-append input[class*="span"],
  .input-prepend .uneditable-input[class*="span"],
  .input-prepend input[class*="span"],
  .row-fluid .input-append [class*="span"],
  .row-fluid .input-prepend [class*="span"],
  .row-fluid .uneditable-input[class*="span"],
  .row-fluid input[class*="span"],
  .row-fluid select[class*="span"],
  .row-fluid textarea[class*="span"] {
    display: inline-block;
  }
  .uneditable-input,
  input,
  textarea {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  .uneditable-input.span12,
  input.span12,
  textarea.span12 {
    width: 926px;
  }
  .uneditable-input.span11,
  input.span11,
  textarea.span11 {
    width: 846px;
  }
  .uneditable-input.span10,
  input.span10,
  textarea.span10 {
    width: 766px;
  }
  .uneditable-input.span9,
  input.span9,
  textarea.span9 {
    width: 686px;
  }
  .uneditable-input.span8,
  input.span8,
  textarea.span8 {
    width: 606px;
  }
  .uneditable-input.span7,
  input.span7,
  textarea.span7 {
    width: 526px;
  }
  .uneditable-input.span6,
  input.span6,
  textarea.span6 {
    width: 446px;
  }
  .uneditable-input.span5,
  input.span5,
  textarea.span5 {
    width: 366px;
  }
  .uneditable-input.span4,
  input.span4,
  textarea.span4 {
    width: 286px;
  }
  .uneditable-input.span3,
  input.span3,
  textarea.span3 {
    width: 206px;
  }
  .uneditable-input.span2,
  input.span2,
  textarea.span2 {
    width: 126px;
  }
  .uneditable-input.span1,
  input.span1,
  textarea.span1 {
    width: 46px;
  }
  .controls-row {
    *zoom: 1;
  }
  .controls-row:after,
  .controls-row:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .controls-row:after {
    clear: both;
  }
  .controls-row [class*="span"],
  .row-fluid .controls-row [class*="span"] {
    float: left;
  }
  .controls-row .checkbox[class*="span"],
  .controls-row .radio[class*="span"] {
    padding-top: 5px;
  }
  input[disabled],
  input[readonly],
  select[disabled],
  select[readonly],
  textarea[disabled],
  textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
  }
  input[type="radio"][disabled],
  input[type="radio"][readonly],
  input[type="checkbox"][disabled],
  input[type="checkbox"][readonly] {
    background-color: transparent;
  }
  .control-group.warning .control-label,
  .control-group.warning .help-block,
  .control-group.warning .help-inline {
    color: #a27c3a;
  }
  .control-group.warning .checkbox,
  .control-group.warning .radio,
  .control-group.warning input,
  .control-group.warning select,
  .control-group.warning textarea {
    color: #a27c3a;
  }
  .control-group.warning input,
  .control-group.warning select,
  .control-group.warning textarea {
    border-color: #a27c3a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .control-group.warning input:focus,
  .control-group.warning select:focus,
  .control-group.warning textarea:focus {
    border-color: #7c5f2d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cdad75;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cdad75;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cdad75;
  }
  .control-group.warning .input-append .add-on,
  .control-group.warning .input-prepend .add-on {
    color: #a27c3a;
    background-color: #fcf8e3;
    border-color: #a27c3a;
  }
  .control-group.error .control-label,
  .control-group.error .help-block,
  .control-group.error .help-inline {
    color: #d21b14;
  }
  .control-group.error .checkbox,
  .control-group.error .radio,
  .control-group.error input,
  .control-group.error select,
  .control-group.error textarea {
    color: #d21b14;
  }
  .control-group.error input,
  .control-group.error select,
  .control-group.error textarea {
    border-color: #d21b14;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .control-group.error input:focus,
  .control-group.error select:focus,
  .control-group.error textarea:focus {
    border-color: #a31510;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0625c;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0625c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f0625c;
  }
  .control-group.error .input-append .add-on,
  .control-group.error .input-prepend .add-on {
    color: #d21b14;
    background-color: #f8e5e7;
    border-color: #d21b14;
  }
  .control-group.success .control-label,
  .control-group.success .help-block,
  .control-group.success .help-inline {
    color: #467c0e;
  }
  .control-group.success .checkbox,
  .control-group.success .radio,
  .control-group.success input,
  .control-group.success select,
  .control-group.success textarea {
    color: #467c0e;
  }
  .control-group.success input,
  .control-group.success select,
  .control-group.success textarea {
    border-color: #467c0e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .control-group.success input:focus,
  .control-group.success select:focus,
  .control-group.success textarea:focus {
    border-color: #2c4e09;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ad818;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ad818;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ad818;
  }
  .control-group.success .input-append .add-on,
  .control-group.success .input-prepend .add-on {
    color: #467c0e;
    background-color: #e5f5c9;
    border-color: #467c0e;
  }
  .control-group.info .control-label,
  .control-group.info .help-block,
  .control-group.info .help-inline {
    color: #548aac;
  }
  .control-group.info .checkbox,
  .control-group.info .radio,
  .control-group.info input,
  .control-group.info select,
  .control-group.info textarea {
    color: #548aac;
  }
  .control-group.info input,
  .control-group.info select,
  .control-group.info textarea {
    border-color: #548aac;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .control-group.info input:focus,
  .control-group.info select:focus,
  .control-group.info textarea:focus {
    border-color: #436f8a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #99b9cd;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #99b9cd;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #99b9cd;
  }
  .control-group.info .input-append .add-on,
  .control-group.info .input-prepend .add-on {
    color: #548aac;
    background-color: #e4f6ff;
    border-color: #548aac;
  }
  input:focus:invalid,
  select:focus:invalid,
  textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b;
  }
  input:focus:invalid:focus,
  select:focus:invalid:focus,
  textarea:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7;
  }
  .form-actions {
    padding: 17px 20px 18px;
    margin-top: 18px;
    margin-bottom: 18px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
  }
  .form-actions:after,
  .form-actions:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .form-actions:after {
    clear: both;
  }
  .help-block,
  .help-inline {
    color: #595959;
  }
  .help-block {
    display: block;
    margin-bottom: 9px;
  }
  .help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px;
  }
  .input-append,
  .input-prepend {
    display: inline-block;
    margin-bottom: 9px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap;
  }
  .input-append .dropdown-menu,
  .input-append .popover,
  .input-append .uneditable-input,
  .input-append input,
  .input-append select,
  .input-prepend .dropdown-menu,
  .input-prepend .popover,
  .input-prepend .uneditable-input,
  .input-prepend input,
  .input-prepend select {
    font-size: 12px;
  }
  .input-append .uneditable-input,
  .input-append input,
  .input-append select,
  .input-prepend .uneditable-input,
  .input-prepend input,
  .input-prepend select {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .input-append .uneditable-input:focus,
  .input-append input:focus,
  .input-append select:focus,
  .input-prepend .uneditable-input:focus,
  .input-prepend input:focus,
  .input-prepend select:focus {
    z-index: 2;
  }
  .input-append .add-on,
  .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 18px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
  }
  .input-append .add-on,
  .input-append .btn,
  .input-append .btn-group > .dropdown-toggle,
  .input-prepend .add-on,
  .input-prepend .btn,
  .input-prepend .btn-group > .dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .input-append .active,
  .input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546;
  }
  .input-prepend .add-on,
  .input-prepend .btn {
    margin-right: -1px;
  }
  .input-prepend .add-on:first-child,
  .input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
  }
  .input-append .uneditable-input,
  .input-append input,
  .input-append select {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
  }
  .input-append .uneditable-input + .btn-group .btn:last-child,
  .input-append input + .btn-group .btn:last-child,
  .input-append select + .btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .input-append .add-on,
  .input-append .btn,
  .input-append .btn-group {
    margin-left: -1px;
  }
  .input-append .add-on:last-child,
  .input-append .btn-group:last-child > .dropdown-toggle,
  .input-append .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .input-prepend.input-append .uneditable-input,
  .input-prepend.input-append input,
  .input-prepend.input-append select {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .input-prepend.input-append .uneditable-input + .btn-group .btn,
  .input-prepend.input-append input + .btn-group .btn,
  .input-prepend.input-append select + .btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .input-prepend.input-append .add-on:first-child,
  .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
  }
  .input-prepend.input-append .add-on:last-child,
  .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .input-prepend.input-append .btn-group:first-child {
    margin-left: 0;
  }
  input.search-query {
    padding-right: 14px;
    padding-right: 4px\9;
    padding-left: 14px;
    padding-left: 4px\9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
  }
  .form-search .input-append .search-query,
  .form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
  }
  .form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
  }
  .form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0;
  }
  .form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px;
  }
  .form-horizontal .help-inline,
  .form-horizontal .input-append,
  .form-horizontal .input-prepend,
  .form-horizontal .uneditable-input,
  .form-horizontal input,
  .form-horizontal select,
  .form-horizontal textarea,
  .form-inline .help-inline,
  .form-inline .input-append,
  .form-inline .input-prepend,
  .form-inline .uneditable-input,
  .form-inline input,
  .form-inline select,
  .form-inline textarea,
  .form-search .help-inline,
  .form-search .input-append,
  .form-search .input-prepend,
  .form-search .uneditable-input,
  .form-search input,
  .form-search select,
  .form-search textarea {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-horizontal .hide,
  .form-inline .hide,
  .form-search .hide {
    display: none;
  }
  .form-inline .btn-group,
  .form-inline label,
  .form-search .btn-group,
  .form-search label {
    display: inline-block;
  }
  .form-inline .input-append,
  .form-inline .input-prepend,
  .form-search .input-append,
  .form-search .input-prepend {
    margin-bottom: 0;
  }
  .form-inline .checkbox,
  .form-inline .radio,
  .form-search .checkbox,
  .form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox input[type="checkbox"],
  .form-inline .radio input[type="radio"],
  .form-search .checkbox input[type="checkbox"],
  .form-search .radio input[type="radio"] {
    float: left;
    margin-right: 3px;
    margin-left: 0;
  }
  .control-group {
    margin-bottom: 9px;
  }
  legend + .control-group {
    margin-top: 18px;
    -webkit-margin-top-collapse: separate;
  }
  .form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1;
  }
  .form-horizontal .control-group:after,
  .form-horizontal .control-group:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .form-horizontal .control-group:after {
    clear: both;
  }
  .form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right;
  }
  .form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0;
  }
  .form-horizontal .controls:first-child {
    *padding-left: 180px;
  }
  .form-horizontal .help-block {
    margin-bottom: 0;
  }
  .form-horizontal .input-append + .help-block,
  .form-horizontal .input-prepend + .help-block,
  .form-horizontal .uneditable-input + .help-block,
  .form-horizontal input + .help-block,
  .form-horizontal select + .help-block,
  .form-horizontal textarea + .help-block {
    margin-top: 9px;
  }
  .form-horizontal .form-actions {
    padding-left: 180px;
  }
  .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
  }
  .fade.in {
    opacity: 1;
  }
  .collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
  }
  .collapse.in {
    height: auto;
  }
  .btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#fff),
      to(#e6e6e6)
    );
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #ccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: 0.3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
      0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .btn.active,
  .btn.disabled,
  .btn:active,
  .btn:focus,
  .btn:hover,
  .btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
  }
  .btn.active,
  .btn:active {
    background-color: #ccc\9;
  }
  .btn:first-child {
    *margin-left: 0;
  }
  .btn:focus,
  .btn:hover {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
  }
  .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn.active,
  .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
      0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),
      0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .btn.disabled,
  .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .btn-large {
    padding: 11px 19px;
    font-size: 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .btn-large [class*=" icon-"],
  .btn-large [class^="icon-"] {
    margin-top: 4px;
  }
  .btn-small {
    padding: 2px 10px;
    font-size: 10.2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .btn-small [class*=" icon-"],
  .btn-small [class^="icon-"] {
    margin-top: 0;
  }
  .btn-mini [class*=" icon-"],
  .btn-mini [class^="icon-"] {
    margin-top: -1px;
  }
  .btn-mini {
    padding: 0 6px;
    font-size: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="button"].btn-block,
  input[type="reset"].btn-block,
  input[type="submit"].btn-block {
    width: 100%;
  }
  .btn-danger.active,
  .btn-info.active,
  .btn-inverse.active,
  .btn-primary.active,
  .btn-success.active,
  .btn-warning.active {
    color: rgba(255, 255, 255, 0.75);
  }
  .btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #4372b5;
    background-image: -moz-linear-gradient(top, #4381b5, #435bb5);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#4381b5),
      to(#435bb5)
    );
    background-image: -webkit-linear-gradient(top, #4381b5, #435bb5);
    background-image: -o-linear-gradient(top, #4381b5, #435bb5);
    background-image: linear-gradient(to bottom, #4381b5, #435bb5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4381b5', endColorstr='#ff435bb5', GradientType=0);
    border-color: #435bb5 #435bb5 #2e3f7d;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #435bb5;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .btn-primary.active,
  .btn-primary.disabled,
  .btn-primary:active,
  .btn-primary:focus,
  .btn-primary:hover,
  .btn-primary[disabled] {
    color: #fff;
    background-color: #435bb5;
    *background-color: #3c52a2;
  }
  .btn-primary.active,
  .btn-primary:active {
    background-color: #354890\9;
  }
  .btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#fbb450),
      to(#f89406)
    );
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f89406;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .btn-warning.active,
  .btn-warning.disabled,
  .btn-warning:active,
  .btn-warning:focus,
  .btn-warning:hover,
  .btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505;
  }
  .btn-warning.active,
  .btn-warning:active {
    background-color: #c67605\9;
  }
  .btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#ee5f5b),
      to(#bd362f)
    );
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #bd362f;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .btn-danger.active,
  .btn-danger.disabled,
  .btn-danger:active,
  .btn-danger:focus,
  .btn-danger:hover,
  .btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a;
  }
  .btn-danger.active,
  .btn-danger:active {
    background-color: #942a25\9;
  }
  .btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#62c462),
      to(#51a351)
    );
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #51a351;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .btn-success.active,
  .btn-success.disabled,
  .btn-success:active,
  .btn-success:focus,
  .btn-success:hover,
  .btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249;
  }
  .btn-success.active,
  .btn-success:active {
    background-color: #408140\9;
  }
  .btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#5bc0de),
      to(#2f96b4)
    );
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2f96b4;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .btn-info.active,
  .btn-info.disabled,
  .btn-info:active,
  .btn-info:focus,
  .btn-info:hover,
  .btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
    *background-color: #2a85a0;
  }
  .btn-info.active,
  .btn-info:active {
    background-color: #24748c\9;
  }
  .btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
    background-image: -webkit-linear-gradient(top, #444, #222);
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: #222 #222 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .btn-inverse.active,
  .btn-inverse.disabled,
  .btn-inverse:active,
  .btn-inverse:focus,
  .btn-inverse:hover,
  .btn-inverse[disabled] {
    color: #fff;
    background-color: #222;
    *background-color: #151515;
  }
  .btn-inverse.active,
  .btn-inverse:active {
    background-color: #080808\9;
  }
  button.btn,
  input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px;
  }
  button.btn::-moz-focus-inner,
  input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  button.btn.btn-large,
  input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px;
  }
  button.btn.btn-small,
  input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px;
  }
  button.btn.btn-mini,
  input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px;
  }
  .btn-link,
  .btn-link:active,
  .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #4381b5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .btn-link:focus,
  .btn-link:hover {
    color: #2e597d;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:focus,
  .btn-link[disabled]:hover {
    color: #333;
    text-decoration: none;
  }
  .nav {
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none;
  }
  .nav > li > a {
    display: block;
  }
  .nav > li > a:focus,
  .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
  }
  .nav > li > a > img {
    max-width: none;
  }
  .nav > .pull-right {
    float: right;
  }
  .nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
  }
  .nav li + .nav-header {
    margin-top: 9px;
  }
  .nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
  }
  .nav-list .nav-header,
  .nav-list > li > a {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  .nav-list > li > a {
    padding: 3px 15px;
  }
  .nav-list > .active > a,
  .nav-list > .active > a:focus,
  .nav-list > .active > a:hover {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #4381b5;
  }
  .nav-list [class*=" icon-"],
  .nav-list [class^="icon-"] {
    margin-right: 2px;
  }
  .nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
  }
  .nav-pills,
  .nav-tabs {
    *zoom: 1;
  }
  .nav-pills:after,
  .nav-pills:before,
  .nav-tabs:after,
  .nav-tabs:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .nav-pills:after,
  .nav-tabs:after {
    clear: both;
  }
  .nav-pills > li,
  .nav-tabs > li {
    float: left;
  }
  .nav-pills > li > a,
  .nav-tabs > li > a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px;
  }
  .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  .nav-tabs > li {
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs > li > a:focus,
  .nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd;
  }
  .nav-tabs > .active > a,
  .nav-tabs > .active > a:focus,
  .nav-tabs > .active > a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
  }
  .nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .nav-pills > .active > a,
  .nav-pills > .active > a:focus,
  .nav-pills > .active > a:hover {
    color: #fff;
    background-color: #4381b5;
  }
  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li > a {
    margin-right: 0;
  }
  .nav-tabs.nav-stacked {
    border-bottom: 0;
  }
  .nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .nav-tabs.nav-stacked > li:first-child > a {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
  }
  .nav-tabs.nav-stacked > li:last-child > a {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
  }
  .nav-tabs.nav-stacked > li > a:focus,
  .nav-tabs.nav-stacked > li > a:hover {
    border-color: #ddd;
    z-index: 2;
  }
  .nav-pills.nav-stacked > li > a {
    margin-bottom: 3px;
  }
  .nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px;
  }
  .nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
  }
  .nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
  }
  .nav .dropdown-toggle .caret {
    border-top-color: #4381b5;
    border-bottom-color: #4381b5;
    margin-top: 6px;
  }
  .nav .dropdown-toggle:focus .caret,
  .nav .dropdown-toggle:hover .caret {
    border-top-color: #2e597d;
    border-bottom-color: #2e597d;
  }
  .nav-tabs .dropdown-toggle .caret {
    margin-top: 8px;
  }
  .nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  .nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555;
  }
  .nav > .dropdown.active > a:focus,
  .nav > .dropdown.active > a:hover {
    cursor: pointer;
  }
  .nav-pills .open .dropdown-toggle,
  .nav-tabs .open .dropdown-toggle,
  .nav > li.dropdown.open.active > a:focus,
  .nav > li.dropdown.open.active > a:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
  }
  .nav li.dropdown.open .caret,
  .nav li.dropdown.open a:focus .caret,
  .nav li.dropdown.open a:hover .caret,
  .nav li.dropdown.open.active .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .tabs-stacked .open > a:focus,
  .tabs-stacked .open > a:hover {
    border-color: #999;
  }
  .tabbable {
    *zoom: 1;
  }
  .tabbable:after,
  .tabbable:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .tabbable:after {
    clear: both;
  }
  .tab-content {
    overflow: auto;
  }
  .tabs-below > .nav-tabs,
  .tabs-left > .nav-tabs,
  .tabs-right > .nav-tabs {
    border-bottom: 0;
  }
  .pill-content > .pill-pane,
  .tab-content > .tab-pane {
    display: none;
  }
  .pill-content > .active,
  .tab-content > .active {
    display: block;
  }
  .tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
  }
  .tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
  }
  .tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
  }
  .tabs-below > .nav-tabs > li > a:focus,
  .tabs-below > .nav-tabs > li > a:hover {
    border-bottom-color: transparent;
    border-top-color: #ddd;
  }
  .tabs-below > .nav-tabs > .active > a,
  .tabs-below > .nav-tabs > .active > a:focus,
  .tabs-below > .nav-tabs > .active > a:hover {
    border-color: transparent #ddd #ddd #ddd;
  }
  .tabs-left > .nav-tabs > li,
  .tabs-right > .nav-tabs > li {
    float: none;
  }
  .tabs-left > .nav-tabs > li > a,
  .tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
  }
  .tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
  }
  .tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
  }
  .tabs-left > .nav-tabs > li > a:focus,
  .tabs-left > .nav-tabs > li > a:hover {
    border-color: #eee #ddd #eee #eee;
  }
  .tabs-left > .nav-tabs .active > a,
  .tabs-left > .nav-tabs .active > a:focus,
  .tabs-left > .nav-tabs .active > a:hover {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff;
  }
  .tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
  }
  .tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
  }
  .tabs-right > .nav-tabs > li > a:focus,
  .tabs-right > .nav-tabs > li > a:hover {
    border-color: #eee #eee #eee #ddd;
  }
  .tabs-right > .nav-tabs .active > a,
  .tabs-right > .nav-tabs .active > a:focus,
  .tabs-right > .nav-tabs .active > a:hover {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff;
  }
  .nav > .disabled > a {
    color: #999;
  }
  .nav > .disabled > a:focus,
  .nav > .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    cursor: default;
  }
  .navbar {
    overflow: visible;
    margin-bottom: 18px;
    *position: relative;
    *z-index: 2;
  }
  .navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#fff),
      to(#f2f2f2)
    );
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #fff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    *zoom: 1;
  }
  .navbar-inner:after,
  .navbar-inner:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .navbar-inner:after {
    clear: both;
  }
  .navbar .container {
    width: auto;
  }
  .nav-collapse.collapse {
    height: auto;
    overflow: visible;
  }
  .navbar .brand {
    float: left;
    display: block;
    padding: 31px 20px 11px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff;
  }
  .navbar .brand:focus,
  .navbar .brand:hover {
    text-decoration: none;
  }
  .navbar-text {
    margin-bottom: 0;
    line-height: 40px;
    color: #777;
  }
  .navbar-link {
    color: #777;
  }
  .navbar-link:focus,
  .navbar-link:hover {
    color: #333;
  }
  .navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff;
  }
  .navbar .btn,
  .navbar .btn-group {
    margin-top: 5px;
  }
  .navbar .btn-group .btn,
  .navbar .input-append .btn,
  .navbar .input-append .btn-group,
  .navbar .input-prepend .btn,
  .navbar .input-prepend .btn-group {
    margin-top: 0;
  }
  .navbar-form {
    margin-bottom: 0;
    *zoom: 1;
  }
  .navbar-form:after,
  .navbar-form:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .navbar-form:after {
    clear: both;
  }
  .navbar-form .checkbox,
  .navbar-form .radio,
  .navbar-form input,
  .navbar-form select {
    margin-top: 5px;
  }
  .navbar-form .btn,
  .navbar-form input,
  .navbar-form select {
    display: inline-block;
    margin-bottom: 0;
  }
  .navbar-form input[type="image"],
  .navbar-form input[type="radio"],
  .navbar-form input[type="checkbox"] {
    margin-top: 3px;
  }
  .navbar-form .input-append,
  .navbar-form .input-prepend {
    margin-top: 5px;
    white-space: nowrap;
  }
  .navbar-form .input-append input,
  .navbar-form .input-prepend input {
    margin-top: 0;
  }
  .navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0;
  }
  .navbar-search .search-query {
    margin-bottom: 0;
    padding: 4px 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
  }
  .navbar-static-top {
    position: static;
    margin-bottom: 0;
  }
  .navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-static-top .navbar-inner {
    border-width: 0 0 1px;
  }
  .navbar-fixed-bottom .navbar-inner {
    border-width: 1px 0 0;
  }
  .navbar-fixed-bottom .navbar-inner,
  .navbar-fixed-top .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .navbar-fixed-bottom .container,
  .navbar-fixed-top .container,
  .navbar-static-top .container {
    width: 940px;
  }
  .navbar-fixed-top {
    top: 0;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-static-top .navbar-inner {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  }
  .navbar-fixed-bottom {
    bottom: 0;
  }
  .navbar-fixed-bottom .navbar-inner {
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
  }
  .navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0;
  }
  .navbar .nav.pull-right {
    float: right;
    margin-right: 0;
  }
  .navbar .nav > li {
    float: left;
  }
  .navbar .nav > li > a {
    float: none;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
  }
  .navbar .nav .dropdown-toggle .caret {
    margin-top: 8px;
  }
  .navbar .nav > li > a:focus,
  .navbar .nav > li > a:hover {
    background-color: transparent;
    color: #333;
    text-decoration: none;
  }
  .navbar .nav > .active > a,
  .navbar .nav > .active > a:focus,
  .navbar .nav > .active > a:hover {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  }
  .navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#f2f2f2),
      to(#e5e5e5)
    );
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e5e5e5;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.075);
  }
  .navbar .btn-navbar.active,
  .navbar .btn-navbar.disabled,
  .navbar .btn-navbar:active,
  .navbar .btn-navbar:focus,
  .navbar .btn-navbar:hover,
  .navbar .btn-navbar[disabled] {
    color: #fff;
    background-color: var(--color--action-default);
  }
  .navbar .btn-navbar.active,
  .navbar .btn-navbar:active {
    background-color: #ccc;
  }
  .navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  }
  .btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
  }
  .navbar .nav > li > .dropdown-menu:before {
    content: "";
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
  }
  .navbar .nav > li > .dropdown-menu:after {
    content: "";
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px;
  }
  .navbar-fixed-bottom .nav > li > .dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto;
  }
  .navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 6px solid #fff;
    border-bottom: 0;
    bottom: -6px;
    top: auto;
  }
  .navbar .nav li.dropdown > a:focus .caret,
  .navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #333;
    border-bottom-color: #333;
  }
  .navbar .nav li.dropdown.active > .dropdown-toggle,
  .navbar .nav li.dropdown.open.active > .dropdown-toggle,
  .navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: #e5e5e5;
    color: #555;
  }
  .navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777;
    border-bottom-color: #777;
  }
  .navbar .nav li.dropdown.active > .dropdown-toggle .caret,
  .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret,
  .navbar .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555;
  }
  .navbar .nav > li > .dropdown-menu.pull-right,
  .navbar .pull-right > li > .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar .nav > li > .dropdown-menu.pull-right:before,
  .navbar .pull-right > li > .dropdown-menu:before {
    left: auto;
    right: 12px;
  }
  .navbar .nav > li > .dropdown-menu.pull-right:after,
  .navbar .pull-right > li > .dropdown-menu:after {
    left: auto;
    right: 13px;
  }
  .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu,
  .navbar .pull-right > li > .dropdown-menu .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
  .navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222, #111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
    background-image: -webkit-linear-gradient(top, #222, #111);
    background-image: -o-linear-gradient(top, #222, #111);
    background-image: linear-gradient(to bottom, #222, #111);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
    border-color: #252525;
  }
  .navbar-inverse .brand,
  .navbar-inverse .nav > li > a {
    color: #999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .navbar-inverse .brand:focus,
  .navbar-inverse .brand:hover,
  .navbar-inverse .nav > li > a:focus,
  .navbar-inverse .nav > li > a:hover {
    color: #fff;
  }
  .navbar-inverse .brand {
    color: #999;
  }
  .navbar-inverse .navbar-text {
    color: #999;
  }
  .navbar-inverse .nav > li > a:focus,
  .navbar-inverse .nav > li > a:hover {
    background-color: transparent;
    color: #fff;
  }
  .navbar-inverse .nav .active > a,
  .navbar-inverse .nav .active > a:focus,
  .navbar-inverse .nav .active > a:hover {
    color: #fff;
    background-color: #111;
  }
  .navbar-inverse .navbar-link {
    color: #999;
  }
  .navbar-inverse .navbar-link:focus,
  .navbar-inverse .navbar-link:hover {
    color: #fff;
  }
  .navbar-inverse .divider-vertical {
    border-left-color: #111;
    border-right-color: #222;
  }
  .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
  .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
  .navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
    background-color: #111;
    color: #fff;
  }
  .navbar-inverse .nav li.dropdown > a:focus .caret,
  .navbar-inverse .nav li.dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999;
  }
  .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
  .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret,
  .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }
  .navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #515151;
    border-color: #111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
  .navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #ccc;
  }
  .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #ccc;
  }
  .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #ccc;
  }
  .navbar-inverse .navbar-search .search-query.focused,
  .navbar-inverse .navbar-search .search-query:focus {
    padding: 5px 15px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    outline: 0;
  }
  .navbar-inverse .btn-navbar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e0e0e;
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-image: -webkit-gradient(
      linear,
      0 0,
      0 100%,
      from(#151515),
      to(#040404)
    );
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    border-color: #040404 #040404 #000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #040404;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .navbar-inverse .btn-navbar.active,
  .navbar-inverse .btn-navbar.disabled,
  .navbar-inverse .btn-navbar:active,
  .navbar-inverse .btn-navbar:focus,
  .navbar-inverse .btn-navbar:hover,
  .navbar-inverse .btn-navbar[disabled] {
    color: #fff;
    background-color: #040404;
    *background-color: #000;
  }
  .navbar-inverse .btn-navbar.active,
  .navbar-inverse .btn-navbar:active {
    background-color: #000\9;
  }
  .pagination {
    margin: 18px 0;
  }
  .pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .pagination ul > li {
    display: inline;
  }
  .pagination ul > li > a,
  .pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 18px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
  }
  .pagination ul > .active > a,
  .pagination ul > .active > span,
  .pagination ul > li > a:focus,
  .pagination ul > li > a:hover {
    background-color: #f5f5f5;
  }
  .pagination ul > .active > a,
  .pagination ul > .active > span {
    color: #999;
    cursor: default;
  }
  .pagination ul > .disabled > a,
  .pagination ul > .disabled > a:focus,
  .pagination ul > .disabled > a:hover,
  .pagination ul > .disabled > span {
    color: #999;
    background-color: transparent;
    cursor: default;
  }
  .pagination ul > li:first-child > a,
  .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination ul > li:last-child > a,
  .pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination-centered {
    text-align: center;
  }
  .pagination-right {
    text-align: right;
  }
  .pagination-large ul > li > a,
  .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 15px;
  }
  .pagination-large ul > li:first-child > a,
  .pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
  }
  .pagination-large ul > li:last-child > a,
  .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
  }
  .pagination-mini ul > li:first-child > a,
  .pagination-mini ul > li:first-child > span,
  .pagination-small ul > li:first-child > a,
  .pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-mini ul > li:last-child > a,
  .pagination-mini ul > li:last-child > span,
  .pagination-small ul > li:last-child > a,
  .pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }
  .pagination-small ul > li > a,
  .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 10.2px;
  }
  .pagination-mini ul > li > a,
  .pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 9px;
  }
  .pager {
    margin: 18px 0;
    list-style: none;
    text-align: center;
    *zoom: 1;
  }
  .pager:after,
  .pager:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .pager:after {
    clear: both;
  }
  .pager li {
    display: inline;
  }
  .pager li > a,
  .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
  }
  .pager li > a:focus,
  .pager li > a:hover {
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .pager .next > a,
  .pager .next > span {
    float: right;
  }
  .pager .previous > a,
  .pager .previous > span {
    float: left;
  }
  .pager .disabled > a,
  .pager .disabled > a:focus,
  .pager .disabled > a:hover,
  .pager .disabled > span {
    color: #999;
    background-color: #fff;
    cursor: default;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
  }
  .modal-backdrop.fade {
    opacity: 0;
  }
  .modal-backdrop,
  .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
  }
  .modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
  }
  .modal.fade {
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out;
    top: -25%;
  }
  .modal.fade.in {
    top: 10%;
  }
  .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
  }
  .modal-header .close {
    margin-top: 2px;
  }
  .modal-header h3 {
    margin: 0;
    line-height: 30px;
  }
  .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 600px;
    padding: 15px;
  }
  .modal-form {
    margin-bottom: 0;
  }
  .modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    *zoom: 1;
  }
  .modal-footer:after,
  .modal-footer:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .modal-footer:after {
    clear: both;
  }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
  }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .pull-right {
    float: right;
  }
  .pull-left {
    float: left;
  }
  .hide {
    display: none;
  }
  .show {
    display: block;
  }
  .invisible {
    visibility: hidden;
  }
  .affix {
    position: fixed;
  }
  @media (min-width: 1200px) {
    .row {
      margin-left: -30px;
      *zoom: 1;
    }
    .row:after,
    .row:before {
      display: table;
      content: "";
      line-height: 0;
    }
    .row:after {
      clear: both;
    }
    [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 30px;
    }
    .container,
    .navbar-fixed-bottom .container,
    .navbar-fixed-top .container,
    .navbar-static-top .container {
      width: 1170px;
    }
    .span12 {
      width: 1170px;
    }
    .span11 {
      width: 1070px;
    }
    .span10 {
      width: 970px;
    }
    .span9 {
      width: 870px;
    }
    .span8 {
      width: 770px;
    }
    .span7 {
      width: 670px;
    }
    .span6 {
      width: 570px;
    }
    .span5 {
      width: 470px;
    }
    .span4 {
      width: 370px;
    }
    .span3 {
      width: 270px;
    }
    .span2 {
      width: 170px;
    }
    .span1 {
      width: 70px;
    }
    .offset12 {
      margin-left: 1230px;
    }
    .offset11 {
      margin-left: 1130px;
    }
    .offset10 {
      margin-left: 1030px;
    }
    .offset9 {
      margin-left: 930px;
    }
    .offset8 {
      margin-left: 830px;
    }
    .offset7 {
      margin-left: 730px;
    }
    .offset6 {
      margin-left: 630px;
    }
    .offset5 {
      margin-left: 530px;
    }
    .offset4 {
      margin-left: 430px;
    }
    .offset3 {
      margin-left: 330px;
    }
    .offset2 {
      margin-left: 230px;
    }
    .offset1 {
      margin-left: 130px;
    }
    .row-fluid {
      width: 100%;
      *zoom: 1;
    }
    .row-fluid:after,
    .row-fluid:before {
      display: table;
      content: "";
      line-height: 0;
    }
    .row-fluid:after {
      clear: both;
    }
    .row-fluid [class*="span"] {
      display: block;
      width: 100%;
      min-height: 28px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-left: 2.56410256%;
      *margin-left: 2.51091107%;
    }
    .row-fluid [class*="span"]:first-child {
      margin-left: 0;
    }
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
      margin-left: 2.56410256%;
    }
    .row-fluid .span12 {
      width: 100%;
      *width: 99.94680851%;
    }
    .row-fluid .span11 {
      width: 91.45299145%;
      *width: 91.39979996%;
    }
    .row-fluid .span10 {
      width: 82.90598291%;
      *width: 82.85279142%;
    }
    .row-fluid .span9 {
      width: 74.35897436%;
      *width: 74.30578287%;
    }
    .row-fluid .span8 {
      width: 65.81196581%;
      *width: 65.75877432%;
    }
    .row-fluid .span7 {
      width: 57.26495726%;
      *width: 57.21176578%;
    }
    .row-fluid .span6 {
      width: 48.71794872%;
      *width: 48.66475723%;
    }
    .row-fluid .span5 {
      width: 40.17094017%;
      *width: 40.11774868%;
    }
    .row-fluid .span4 {
      width: 31.62393162%;
      *width: 31.57074013%;
    }
    .row-fluid .span3 {
      width: 23.07692308%;
      *width: 23.02373159%;
    }
    .row-fluid .span2 {
      width: 14.52991453%;
      *width: 14.47672304%;
    }
    .row-fluid .span1 {
      width: 5.98290598%;
      *width: 5.92971449%;
    }
    .row-fluid .offset12 {
      margin-left: 105.12820513%;
      *margin-left: 105.02182215%;
    }
    .row-fluid .offset12:first-child {
      margin-left: 102.56410256%;
      *margin-left: 102.45771959%;
    }
    .row-fluid .offset11 {
      margin-left: 96.58119658%;
      *margin-left: 96.4748136%;
    }
    .row-fluid .offset11:first-child {
      margin-left: 94.01709402%;
      *margin-left: 93.91071104%;
    }
    .row-fluid .offset10 {
      margin-left: 88.03418803%;
      *margin-left: 87.92780506%;
    }
    .row-fluid .offset10:first-child {
      margin-left: 85.47008547%;
      *margin-left: 85.36370249%;
    }
    .row-fluid .offset9 {
      margin-left: 79.48717949%;
      *margin-left: 79.38079651%;
    }
    .row-fluid .offset9:first-child {
      margin-left: 76.92307692%;
      *margin-left: 76.81669394%;
    }
    .row-fluid .offset8 {
      margin-left: 70.94017094%;
      *margin-left: 70.83378796%;
    }
    .row-fluid .offset8:first-child {
      margin-left: 68.37606838%;
      *margin-left: 68.2696854%;
    }
    .row-fluid .offset7 {
      margin-left: 62.39316239%;
      *margin-left: 62.28677941%;
    }
    .row-fluid .offset7:first-child {
      margin-left: 59.82905983%;
      *margin-left: 59.72267685%;
    }
    .row-fluid .offset6 {
      margin-left: 53.84615385%;
      *margin-left: 53.73977087%;
    }
    .row-fluid .offset6:first-child {
      margin-left: 51.28205128%;
      *margin-left: 51.1756683%;
    }
    .row-fluid .offset5 {
      margin-left: 45.2991453%;
      *margin-left: 45.19276232%;
    }
    .row-fluid .offset5:first-child {
      margin-left: 42.73504274%;
      *margin-left: 42.62865976%;
    }
    .row-fluid .offset4 {
      margin-left: 36.75213675%;
      *margin-left: 36.64575377%;
    }
    .row-fluid .offset4:first-child {
      margin-left: 34.18803419%;
      *margin-left: 34.08165121%;
    }
    .row-fluid .offset3 {
      margin-left: 28.20512821%;
      *margin-left: 28.09874523%;
    }
    .row-fluid .offset3:first-child {
      margin-left: 25.64102564%;
      *margin-left: 25.53464266%;
    }
    .row-fluid .offset2 {
      margin-left: 19.65811966%;
      *margin-left: 19.55173668%;
    }
    .row-fluid .offset2:first-child {
      margin-left: 17.09401709%;
      *margin-left: 16.98763412%;
    }
    .row-fluid .offset1 {
      margin-left: 11.11111111%;
      *margin-left: 11.00472813%;
    }
    .row-fluid .offset1:first-child {
      margin-left: 8.54700855%;
      *margin-left: 8.44062557%;
    }
    .uneditable-input,
    input,
    textarea {
      margin-left: 0;
    }
    .controls-row [class*="span"] + [class*="span"] {
      margin-left: 30px;
    }
    .uneditable-input.span12,
    input.span12,
    textarea.span12 {
      width: 1156px;
    }
    .uneditable-input.span11,
    input.span11,
    textarea.span11 {
      width: 1056px;
    }
    .uneditable-input.span10,
    input.span10,
    textarea.span10 {
      width: 956px;
    }
    .uneditable-input.span9,
    input.span9,
    textarea.span9 {
      width: 856px;
    }
    .uneditable-input.span8,
    input.span8,
    textarea.span8 {
      width: 756px;
    }
    .uneditable-input.span7,
    input.span7,
    textarea.span7 {
      width: 656px;
    }
    .uneditable-input.span6,
    input.span6,
    textarea.span6 {
      width: 556px;
    }
    .uneditable-input.span5,
    input.span5,
    textarea.span5 {
      width: 456px;
    }
    .uneditable-input.span4,
    input.span4,
    textarea.span4 {
      width: 356px;
    }
    .uneditable-input.span3,
    input.span3,
    textarea.span3 {
      width: 256px;
    }
    .uneditable-input.span2,
    input.span2,
    textarea.span2 {
      width: 156px;
    }
    .uneditable-input.span1,
    input.span1,
    textarea.span1 {
      width: 56px;
    }
    .thumbnails {
      margin-left: -30px;
    }
    .thumbnails > li {
      margin-left: 30px;
    }
    .row-fluid .thumbnails {
      margin-left: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 979px) {
    .row {
      margin-left: -20px;
      *zoom: 1;
    }
    .row:after,
    .row:before {
      display: table;
      content: "";
      line-height: 0;
    }
    .row:after {
      clear: both;
    }
    [class*="span"] {
      float: left;
      min-height: 1px;
      margin-left: 20px;
    }
    .container,
    .navbar-fixed-bottom .container,
    .navbar-fixed-top .container,
    .navbar-static-top .container {
      width: 724px;
    }
    .span12 {
      width: 724px;
    }
    .span11 {
      width: 662px;
    }
    .span10 {
      width: 600px;
    }
    .span9 {
      width: 538px;
    }
    .span8 {
      width: 476px;
    }
    .span7 {
      width: 414px;
    }
    .span6 {
      width: 352px;
    }
    .span5 {
      width: 290px;
    }
    .span4 {
      width: 228px;
    }
    .span3 {
      width: 166px;
    }
    .span2 {
      width: 104px;
    }
    .span1 {
      width: 42px;
    }
    .offset12 {
      margin-left: 764px;
    }
    .offset11 {
      margin-left: 702px;
    }
    .offset10 {
      margin-left: 640px;
    }
    .offset9 {
      margin-left: 578px;
    }
    .offset8 {
      margin-left: 516px;
    }
    .offset7 {
      margin-left: 454px;
    }
    .offset6 {
      margin-left: 392px;
    }
    .offset5 {
      margin-left: 330px;
    }
    .offset4 {
      margin-left: 268px;
    }
    .offset3 {
      margin-left: 206px;
    }
    .offset2 {
      margin-left: 144px;
    }
    .offset1 {
      margin-left: 82px;
    }
    .row-fluid {
      width: 100%;
      *zoom: 1;
    }
    .row-fluid:after,
    .row-fluid:before {
      display: table;
      content: "";
      line-height: 0;
    }
    .row-fluid:after {
      clear: both;
    }
    .row-fluid [class*="span"] {
      display: block;
      width: 100%;
      min-height: 28px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-left: 2.76243094%;
      *margin-left: 2.70923945%;
    }
    .row-fluid [class*="span"]:first-child {
      margin-left: 0;
    }
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
      margin-left: 2.76243094%;
    }
    .row-fluid .span12 {
      width: 100%;
      *width: 99.94680851%;
    }
    .row-fluid .span11 {
      width: 91.43646409%;
      *width: 91.3832726%;
    }
    .row-fluid .span10 {
      width: 82.87292818%;
      *width: 82.81973669%;
    }
    .row-fluid .span9 {
      width: 74.30939227%;
      *width: 74.25620078%;
    }
    .row-fluid .span8 {
      width: 65.74585635%;
      *width: 65.69266486%;
    }
    .row-fluid .span7 {
      width: 57.18232044%;
      *width: 57.12912895%;
    }
    .row-fluid .span6 {
      width: 48.61878453%;
      *width: 48.56559304%;
    }
    .row-fluid .span5 {
      width: 40.05524862%;
      *width: 40.00205713%;
    }
    .row-fluid .span4 {
      width: 31.49171271%;
      *width: 31.43852122%;
    }
    .row-fluid .span3 {
      width: 22.9281768%;
      *width: 22.87498531%;
    }
    .row-fluid .span2 {
      width: 14.36464088%;
      *width: 14.31144939%;
    }
    .row-fluid .span1 {
      width: 5.80110497%;
      *width: 5.74791348%;
    }
    .row-fluid .offset12 {
      margin-left: 105.52486188%;
      *margin-left: 105.4184789%;
    }
    .row-fluid .offset12:first-child {
      margin-left: 102.76243094%;
      *margin-left: 102.65604796%;
    }
    .row-fluid .offset11 {
      margin-left: 96.96132597%;
      *margin-left: 96.85494299%;
    }
    .row-fluid .offset11:first-child {
      margin-left: 94.19889503%;
      *margin-left: 94.09251205%;
    }
    .row-fluid .offset10 {
      margin-left: 88.39779006%;
      *margin-left: 88.29140708%;
    }
    .row-fluid .offset10:first-child {
      margin-left: 85.63535912%;
      *margin-left: 85.52897614%;
    }
    .row-fluid .offset9 {
      margin-left: 79.83425414%;
      *margin-left: 79.72787116%;
    }
    .row-fluid .offset9:first-child {
      margin-left: 77.0718232%;
      *margin-left: 76.96544023%;
    }
    .row-fluid .offset8 {
      margin-left: 71.27071823%;
      *margin-left: 71.16433525%;
    }
    .row-fluid .offset8:first-child {
      margin-left: 68.50828729%;
      *margin-left: 68.40190431%;
    }
    .row-fluid .offset7 {
      margin-left: 62.70718232%;
      *margin-left: 62.60079934%;
    }
    .row-fluid .offset7:first-child {
      margin-left: 59.94475138%;
      *margin-left: 59.8383684%;
    }
    .row-fluid .offset6 {
      margin-left: 54.14364641%;
      *margin-left: 54.03726343%;
    }
    .row-fluid .offset6:first-child {
      margin-left: 51.38121547%;
      *margin-left: 51.27483249%;
    }
    .row-fluid .offset5 {
      margin-left: 45.5801105%;
      *margin-left: 45.47372752%;
    }
    .row-fluid .offset5:first-child {
      margin-left: 42.81767956%;
      *margin-left: 42.71129658%;
    }
    .row-fluid .offset4 {
      margin-left: 37.01657459%;
      *margin-left: 36.91019161%;
    }
    .row-fluid .offset4:first-child {
      margin-left: 34.25414365%;
      *margin-left: 34.14776067%;
    }
    .row-fluid .offset3 {
      margin-left: 28.45303867%;
      *margin-left: 28.3466557%;
    }
    .row-fluid .offset3:first-child {
      margin-left: 25.69060773%;
      *margin-left: 25.58422476%;
    }
    .row-fluid .offset2 {
      margin-left: 19.88950276%;
      *margin-left: 19.78311978%;
    }
    .row-fluid .offset2:first-child {
      margin-left: 17.12707182%;
      *margin-left: 17.02068884%;
    }
    .row-fluid .offset1 {
      margin-left: 11.32596685%;
      *margin-left: 11.21958387%;
    }
    .row-fluid .offset1:first-child {
      margin-left: 8.56353591%;
      *margin-left: 8.45715293%;
    }
    .uneditable-input,
    input,
    textarea {
      margin-left: 0;
    }
    .controls-row [class*="span"] + [class*="span"] {
      margin-left: 20px;
    }
    .uneditable-input.span12,
    input.span12,
    textarea.span12 {
      width: 710px;
    }
    .uneditable-input.span11,
    input.span11,
    textarea.span11 {
      width: 648px;
    }
    .uneditable-input.span10,
    input.span10,
    textarea.span10 {
      width: 586px;
    }
    .uneditable-input.span9,
    input.span9,
    textarea.span9 {
      width: 524px;
    }
    .uneditable-input.span8,
    input.span8,
    textarea.span8 {
      width: 462px;
    }
    .uneditable-input.span7,
    input.span7,
    textarea.span7 {
      width: 400px;
    }
    .uneditable-input.span6,
    input.span6,
    textarea.span6 {
      width: 338px;
    }
    .uneditable-input.span5,
    input.span5,
    textarea.span5 {
      width: 276px;
    }
    .uneditable-input.span4,
    input.span4,
    textarea.span4 {
      width: 214px;
    }
    .uneditable-input.span3,
    input.span3,
    textarea.span3 {
      width: 152px;
    }
    .uneditable-input.span2,
    input.span2,
    textarea.span2 {
      width: 90px;
    }
    .uneditable-input.span1,
    input.span1,
    textarea.span1 {
      width: 28px;
    }
  }
  @media (max-width: 768px) {
    body {
      padding-left: 20px;
      padding-right: 20px;
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
      margin-left: -20px;
      margin-right: -20px;
    }
    .container-fluid {
      padding: 0;
    }
    .dl-horizontal dt {
      float: none;
      clear: none;
      width: auto;
      text-align: left;
    }
    .dl-horizontal dd {
      margin-left: 0;
    }
    .container {
      width: auto;
    }
    .row-fluid {
      width: 100%;
    }
    .row,
    .thumbnails {
      margin-left: 0;
    }
    .thumbnails > li {
      float: none;
      margin-left: 0;
    }
    .row-fluid [class*="span"],
    .uneditable-input[class*="span"],
    [class*="span"] {
      float: none;
      display: block;
      width: 100%;
      margin-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .row-fluid .span12,
    .span12 {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .row-fluid [class*="offset"]:first-child {
      margin-left: 0;
    }
    .input-large,
    .input-xlarge,
    .input-xxlarge,
    .uneditable-input,
    input[class*="span"],
    select[class*="span"],
    textarea[class*="span"] {
      display: block;
      width: 100%;
      min-height: 28px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .input-append input,
    .input-append input[class*="span"],
    .input-prepend input,
    .input-prepend input[class*="span"] {
      display: inline-block;
      width: auto;
    }
    .controls-row [class*="span"] + [class*="span"] {
      margin-left: 0;
    }
    .modal {
      position: fixed;
      top: 20px;
      left: 20px;
      right: 20px;
      width: auto;
      margin: 0;
    }
    .modal.fade {
      top: -100px;
    }
    .modal.fade.in {
      top: 20px;
    }
  }
  @media (max-width: 480px) {
    .nav-collapse {
      -webkit-transform: translate3d(0, 0, 0);
    }
    .page-header h1 small {
      display: block;
      line-height: 18px;
    }
    input[type="radio"],
    input[type="checkbox"] {
      border: 1px solid #ccc;
    }
    .form-horizontal .control-label {
      float: none;
      width: auto;
      padding-top: 0;
      text-align: left;
    }
    .form-horizontal .controls {
      margin-left: 0;
    }
    .form-horizontal .control-list {
      padding-top: 0;
    }
    .form-horizontal .form-actions {
      padding-left: 10px;
      padding-right: 10px;
    }
    .media .pull-left,
    .media .pull-right {
      float: none;
      display: block;
      margin-bottom: 10px;
    }
    .media-object {
      margin-right: 0;
      margin-left: 0;
    }
    .modal {
      top: 10px;
      left: 10px;
      right: 10px;
    }
    .modal-header .close {
      padding: 10px;
      margin: -10px;
    }
    .carousel-caption {
      position: static;
    }
  }
  @media (max-width: 768px) {
    body {
      padding-top: 0;
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top {
      position: static;
    }
    .navbar-fixed-top {
      margin-bottom: 18px;
    }
    .navbar-fixed-bottom {
      margin-top: 18px;
    }
    .navbar-fixed-bottom .navbar-inner,
    .navbar-fixed-top .navbar-inner {
      padding: 5px;
    }
    .navbar .container {
      width: auto;
      padding: 0;
    }
    .navbar .brand {
      padding-left: 10px;
      padding-right: 10px;
      margin: 0 0 0 -5px;
    }
    .nav-collapse {
      clear: both;
    }
    .nav-collapse .nav {
      float: none;
      margin: 0 0 9px;
    }
    .nav-collapse .nav > li {
      float: none;
    }
    .nav-collapse .nav > li > a {
      margin-bottom: 2px;
    }
    .nav-collapse .nav > .divider-vertical {
      display: none;
    }
    .nav-collapse .nav .nav-header {
      color: #777;
      text-shadow: none;
    }
    .nav-collapse .dropdown-menu a,
    .nav-collapse .nav > li > a {
      padding: 9px 15px;
      font-weight: 700;
      color: #777;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
    .nav-collapse .btn {
      padding: 4px 10px 4px;
      font-weight: 400;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .nav-collapse .dropdown-menu li + li a {
      margin-bottom: 2px;
    }
    .nav-collapse .dropdown-menu a:focus,
    .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .nav > li > a:focus,
    .nav-collapse .nav > li > a:hover {
      background-color: #f2f2f2;
    }
    .navbar-inverse .nav-collapse .dropdown-menu a,
    .navbar-inverse .nav-collapse .nav > li > a {
      color: #999;
    }
    .navbar-inverse .nav-collapse .dropdown-menu a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover,
    .navbar-inverse .nav-collapse .nav > li > a:focus,
    .navbar-inverse .nav-collapse .nav > li > a:hover {
      background-color: #111;
    }
    .nav-collapse.in .btn-group {
      margin-top: 5px;
      padding: 0;
    }
    .nav-collapse .dropdown-menu {
      position: static;
      top: auto;
      left: auto;
      float: none;
      display: none;
      max-width: none;
      margin: 0 15px;
      padding: 0;
      background-color: transparent;
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .nav-collapse .open > .dropdown-menu {
      display: block;
    }
    .nav-collapse .dropdown-menu:after,
    .nav-collapse .dropdown-menu:before {
      display: none;
    }
    .nav-collapse .dropdown-menu .divider {
      display: none;
    }
    .nav-collapse .nav > li > .dropdown-menu:after,
    .nav-collapse .nav > li > .dropdown-menu:before {
      display: none;
    }
    .nav-collapse .navbar-form,
    .nav-collapse .navbar-search {
      float: none;
      padding: 9px 15px;
      margin: 9px 0;
      border-top: 1px solid #f2f2f2;
      border-bottom: 1px solid #f2f2f2;
      -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 1px 0 rgba(255, 255, 255, 0.1);
      -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 1px 0 rgba(255, 255, 255, 0.1);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-inverse .nav-collapse .navbar-form,
    .navbar-inverse .nav-collapse .navbar-search {
      border-top-color: #111;
      border-bottom-color: #111;
    }
    .navbar .nav-collapse .nav.pull-right {
      float: none;
      margin-left: 0;
    }
    .nav-collapse,
    .nav-collapse.collapse {
      overflow: hidden;
      height: 0;
    }
    .navbar .btn-navbar {
      display: block;
    }
    .navbar-static .navbar-inner {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
  @media (min-width: 769px) {
    .nav-collapse.collapse {
      height: auto !important;
      overflow: visible !important;
    }
  }
  @-ms-viewport {
    width: device-width;
  }
  .hidden {
    display: none;
    visibility: hidden;
  }
  .visible-phone {
    display: none !important;
  }
  .visible-tablet {
    display: none !important;
  }
  .hidden-desktop {
    display: none !important;
  }
  .visible-desktop {
    display: inherit !important;
  }
  @media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop {
      display: inherit !important;
    }
    .visible-desktop {
      display: none !important;
    }
    .visible-tablet {
      display: inherit !important;
    }
    .hidden-tablet {
      display: none !important;
    }
  }
  @media (max-width: 767px) {
    .hidden-desktop {
      display: inherit !important;
    }
    .visible-desktop {
      display: none !important;
    }
    .visible-phone {
      display: inherit !important;
    }
    .hidden-phone {
      display: none !important;
    }
  }
  .visible-print {
    display: none !important;
  }
  @media print {
    .visible-print {
      display: inherit !important;
    }
    .hidden-print {
      display: none !important;
    }
  }
  @font-face {
    font-family: helpscout-docs3;
    src: url(/assets/fonts/helpscout-docs3.eot);
  }
  @font-face {
    font-family: helpscout-docs3;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6xAzIAAAC8AAAAYGNtYXDL+RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zmlh7zMAAAFgAAAFkGhlYWQAwaQyAAAG8AAAADZoaGVhB8IDzAAABygAAAAkaG10eCYAAv4AAAdMAAAALGxvY2EF/AeEAAAHeAAAABhtYXhwABIATwAAB5AAAAAgbmFtZQGjSBMAAAewAAABgXBvc3QAAwAAAAAJNAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAACDmCAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmCP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIAAP/ABAACwQAYADMAAAEhIg4CFREUHgIzITI+AjURNC4CIwkBPgM/AT4DNwkBHgMfAR4DFwEDgP0AGy4jFBQjLhsDABsuIxQUIy4b/oD+RwIFBQcDBAQJCgsGAXcBeQQHBgcDGAIEAwMC/kYCwRQjLhv9/xsuIxQUIy4bAgEbLiMU/f8BegUJCQgEBAQHBgUC/skBOAEDBAMDGAMGBwYD/oUAAgAA/8kD9wPAACYAOwAAJSc+AzU0LgIjIg4CFRQeAjMyPgI3Fx4BMjY/AT4BNCYnJSIuAjU0PgIzMh4CFRQOAiMD97MRGxIKR3ylXl6lfEdHfKVeIkE9OhqzBQwMDAVcBAUFBP3PQ3ZYMzNYdkNDdlgzM1h2Q1OzGjo9QSJepXxHR3ylXl6lfEcKEhsRswQFBQRcBQwMDAVjM1h2Q0N2WDMzWHZDQ3ZYMwAAAAYAAP/ABAADgAAEAAkADgAhADYAPAAAEyEVITUTIRUhNTUhFSE1ASEiDgIVETMRIREzETQuAiMFIi4CNTQ+AjMyHgIVFA4CIwEVIREhFb4CgP2AggGA/oABgP6AAkD9ABsuIxTAAn7CFCMuG/1gBwsJBQUJCwcHCwkFBQkLBwIe/gIB/gOAwMD9AEBAgEBAAYAUIy4b/sD/AAEAAUAbLiMUwAUJCwcHCwkFBQkLBwcLCQX+wIABQMAAAAAAAQE8ACgCrAJbAAUAAAEHFwcXAQGRVcfEVQEYAltVxsNVARgABQCA/8ADgANAAAcADgATABgAHQAAASc1IREhESMBESERIREhEyEVITUVIRUhNRUhFSE1A3///gADAAH9QQGAAQD9gIABgP6AAYD+gAEA/wACQP8B/IACgP3AAwD/AP4AAcBAQIBAQIBAQAAAAwDA/8ADQAMAACUAPQBLAAABMzU0LgIjIg4CHQEzIg4CFREUHgIzITI+AjURNC4CIwMjNy4DNTQ+AjMyHgIVFA4CBxcTITU0PgIzMh4CHQEDAAUpSGA2N2BIKQoNGBEKChEYDQIADRgRCgoRGA3AgCIIDAkFChEYDQ0YEQoFCQwIIlD+2xcoNh4dNigXAcBSNVg/IiI/WDVSChEYDf6ADRgRCgoRGA0BgA0YEQr+gIgECw8RCQ0YEQoKERgNCREPCwSIAYBSHS0fEBAfLR1SAAIAAv/CA/4DvgAUACEAAAEiDgIVFB4CMzI+AjU0LgIjAQcnByc3JzcXNxcHFwIAarqKUFCKumpquopQUIq6agEMWLS0WLS0WLS0WLS0A75QirpqarqKUFCKumpquopQ/U5YtLRYtLRYtLRYtLQAAAADAA8AAAPwA44AJAApAD4AACUDLgMnAy4CBgcDDgMHAw4BHgE3BTYWNhY3BT4CJicBAwcDFwMGLgI1ND4CNx4DFRQOAicD8JQOIyQjDZUNIyQjDpQOIyQjDpQNAxUoHQEaHUlNSR4BGR0pFAIO/k0QYBSEPw0YEQoKERgNDhcSCgoSFw5+AREZP0I/GQEMGhgBGhj+8RhAQUEY/vAYLiIWAQEBAQEBAQEBFCQsGgHs/t4BASQB/hcBCxEZDQ4XEwoBAQoTFw4NGRELAQADAHH/vwOPA78AJQA9AEwAAAEzNTQuAiMiDgIdATMiDgIVERQeAjMhMj4CNRE0LgIjAyM3LgM1ND4CMzIeAhUUDgIHFxMhNTQ+AjMyHgIdATEDPwc0WXhERHhaMwwQHRYMDBYdEAJ/ER0VDQ0VHRHvoCoJEAsGDRUdERAdFg0GDA8KK2T+kh0yQyUlQjIeAjVkQ2xNKipNbENkDBYcEf4oEB0VDQ0VHRAB2BEcFgz+NZkFDxIVCxAdFQ0NFR0QCxUSDwWZActkJDgmExMmOCRkAAAAAAEAAAABAABJredQXw889QALBAAAAAAAztEv2wAAAADO0S/bAAD/vwQAA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAsAAAAAAgAAAAQAAAAEAAAABAAAAAQAATwEAACABAAAwAQAAAIEAAAPBAAAcQAAAAAACgBcALIBEAEiAVgBwAH4Al4CyAABAAAACwBNAAYAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEAHgAAAAEAAAAAAAIADgB/AAEAAAAAAAMAHgA0AAEAAAAAAAQAHgCNAAEAAAAAAAUAFgAeAAEAAAAAAAYADwBSAAEAAAAAAAoAKACrAAMAAQQJAAEAHgAAAAMAAQQJAAIADgB/AAMAAQQJAAMAHgA0AAMAAQQJAAQAHgCNAAMAAQQJAAUAFgAeAAMAAQQJAAYAHgBhAAMAAQQJAAoAKACrAGgAZQBsAHAAcwBjAG8AdQB0AC0AZABvAGMAcwAzAFYAZQByAHMAaQBvAG4AIAAwAC4AMABoAGUAbABwAHMAYwBvAHUAdAAtAGQAbwBjAHMAM2hlbHBzY291dC1kb2NzMwBoAGUAbABwAHMAYwBvAHUAdAAtAGQAbwBjAHMAMwBSAGUAZwB1AGwAYQByAGgAZQBsAHAAcwBjAG8AdQB0AC0AZABvAGMAcwAzAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
        format("truetype"),
      url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAmgAAsAAAAACVQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDrEDMmNtYXAAAAFoAAAAPAAAADzL+RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAABZAAAAWQaWHvM2hlYWQAAAc8AAAANgAAADYAwaQyaGhlYQAAB3QAAAAkAAAAJAfCA8xobXR4AAAHmAAAACwAAAAsJgAC/mxvY2EAAAfEAAAAGAAAABgF/AeEbWF4cAAAB9wAAAAgAAAAIAASAE9uYW1lAAAH/AAAAYEAAAGBAaNIE3Bvc3QAAAmAAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAg5ggDwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gj//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAAD/wAQAAsEAGAAzAAABISIOAhURFB4CMyEyPgI1ETQuAiMJAT4DPwE+AzcJAR4DHwEeAxcBA4D9ABsuIxQUIy4bAwAbLiMUFCMuG/6A/kcCBQUHAwQECQoLBgF3AXkEBwYHAxgCBAMDAv5GAsEUIy4b/f8bLiMUFCMuGwIBGy4jFP3/AXoFCQkIBAQEBwYFAv7JATgBAwQDAxgDBgcGA/6FAAIAAP/JA/cDwAAmADsAACUnPgM1NC4CIyIOAhUUHgIzMj4CNxceATI2PwE+ATQmJyUiLgI1ND4CMzIeAhUUDgIjA/ezERsSCkd8pV5epXxHR3ylXiJBPToaswUMDAwFXAQFBQT9z0N2WDMzWHZDQ3ZYMzNYdkNTsxo6PUEiXqV8R0d8pV5epXxHChIbEbMEBQUEXAUMDAwFYzNYdkNDdlgzM1h2Q0N2WDMAAAAGAAD/wAQAA4AABAAJAA4AIQA2ADwAABMhFSE1EyEVITU1IRUhNQEhIg4CFREzESERMxE0LgIjBSIuAjU0PgIzMh4CFRQOAiMBFSERIRW+AoD9gIIBgP6AAYD+gAJA/QAbLiMUwAJ+whQjLhv9YAcLCQUFCQsHBwsJBQUJCwcCHv4CAf4DgMDA/QBAQIBAQAGAFCMuG/7A/wABAAFAGy4jFMAFCQsHBwsJBQUJCwcHCwkF/sCAAUDAAAAAAAEBPAAoAqwCWwAFAAABBxcHFwEBkVXHxFUBGAJbVcbDVQEYAAUAgP/AA4ADQAAHAA4AEwAYAB0AAAEnNSERIREjAREhESERIRMhFSE1FSEVITUVIRUhNQN///4AAwAB/UEBgAEA/YCAAYD+gAGA/oABAP8AAkD/AfyAAoD9wAMA/wD+AAHAQECAQECAQEAAAAMAwP/AA0ADAAAlAD0ASwAAATM1NC4CIyIOAh0BMyIOAhURFB4CMyEyPgI1ETQuAiMDIzcuAzU0PgIzMh4CFRQOAgcXEyE1ND4CMzIeAh0BAwAFKUhgNjdgSCkKDRgRCgoRGA0CAA0YEQoKERgNwIAiCAwJBQoRGA0NGBEKBQkMCCJQ/tsXKDYeHTYoFwHAUjVYPyIiP1g1UgoRGA3+gA0YEQoKERgNAYANGBEK/oCIBAsPEQkNGBEKChEYDQkRDwsEiAGAUh0tHxAQHy0dUgACAAL/wgP+A74AFAAhAAABIg4CFRQeAjMyPgI1NC4CIwEHJwcnNyc3FzcXBxcCAGq6ilBQirpqarqKUFCKumoBDFi0tFi0tFi0tFi0tAO+UIq6amq6ilBQirpqarqKUP1OWLS0WLS0WLS0WLS0AAAAAwAPAAAD8AOOACQAKQA+AAAlAy4DJwMuAgYHAw4DBwMOAR4BNwU2FjYWNwU+AiYnAQMHAxcDBi4CNTQ+AjceAxUUDgInA/CUDiMkIw2VDSMkIw6UDiMkIw6UDQMVKB0BGh1JTUkeARkdKRQCDv5NEGAUhD8NGBEKChEYDQ4XEgoKEhcOfgERGT9CPxkBDBoYARoY/vEYQEFBGP7wGC4iFgEBAQEBAQEBARQkLBoB7P7eAQEkAf4XAQsRGQ0OFxMKAQEKExcODRkRCwEAAwBx/78DjwO/ACUAPQBMAAABMzU0LgIjIg4CHQEzIg4CFREUHgIzITI+AjURNC4CIwMjNy4DNTQ+AjMyHgIVFA4CBxcTITU0PgIzMh4CHQExAz8HNFl4RER4WjMMEB0WDAwWHRACfxEdFQ0NFR0R76AqCRALBg0VHREQHRYNBgwPCitk/pIdMkMlJUIyHgI1ZENsTSoqTWxDZAwWHBH+KBAdFQ0NFR0QAdgRHBYM/jWZBQ8SFQsQHRUNDRUdEAsVEg8FmQHLZCQ4JhMTJjgkZAAAAAABAAAAAQAASa3nUF8PPPUACwQAAAAAAM7RL9sAAAAAztEv2wAA/78EAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAALAAAAAAIAAAAEAAAABAAAAAQAAAAEAAE8BAAAgAQAAMAEAAACBAAADwQAAHEAAAAAAAoAXACyARABIgFYAcAB+AJeAsgAAQAAAAsATQAGAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAB4AAAABAAAAAAACAA4AfwABAAAAAAADAB4ANAABAAAAAAAEAB4AjQABAAAAAAAFABYAHgABAAAAAAAGAA8AUgABAAAAAAAKACgAqwADAAEECQABAB4AAAADAAEECQACAA4AfwADAAEECQADAB4ANAADAAEECQAEAB4AjQADAAEECQAFABYAHgADAAEECQAGAB4AYQADAAEECQAKACgAqwBoAGUAbABwAHMAYwBvAHUAdAAtAGQAbwBjAHMAMwBWAGUAcgBzAGkAbwBuACAAMAAuADAAaABlAGwAcABzAGMAbwB1AHQALQBkAG8AYwBzADNoZWxwc2NvdXQtZG9jczMAaABlAGwAcABzAGMAbwB1AHQALQBkAG8AYwBzADMAUgBlAGcAdQBsAGEAcgBoAGUAbABwAHMAYwBvAHUAdAAtAGQAbwBjAHMAMwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
        format("woff");
    font-weight: 400;
    font-style: normal;
  }
  .featherlight-close-icon,
  [class*=" icon-"],
  [class^="icon-"] {
    font-family: helpscout-docs3;
    speak: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #c6c6c6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .featherlight-close-icon:before,
  [class*=" icon-"]:before,
  [class^="icon-"]:before {
    text-decoration: none;
  }
  input:focus:invalid,
  select:focus:invalid,
  textarea:focus:invalid {
    color: #555;
    border-color: rgba(106, 155, 208, 0.7);
  }
  input:focus:invalid:focus,
  select:focus:invalid:focus,
  textarea:focus:invalid:focus {
    border-color: rgba(106, 155, 208, 0.7);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    outline: 0 !important;
  }
  input[type="hidden"] {
    display: none !important;
    height: 0;
    width: 0;
  }
  .uneditable-input:focus,
  input:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    border-color: rgba(106, 155, 208, 0.7);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    outline: 0 !important;
  }
  .modal {
    top: 20%;
  }
  .modal-backdrop,
  .modal-backdrop.fade.in {
    opacity: 0.5;
  }
  .modal #closeBtn {
    position: absolute;
    display: block;
    z-index: 1051;
    top: 14px;
    right: 18px;
    text-decoration: none;
  }
  .modal #closeBtn:hover .icon-close:before {
    color: #888;
  }
  .formFocus {
    border-color: rgba(106, 155, 208, 0.7);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    outline: 0 !important;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .icon-contact:before {
    content: "\e600";
    margin-right: 6px;
  }
  .icon-search:before {
    content: "\e601";
  }
  .icon-print:before {
    content: "\e602";
  }
  .icon-arrow:before {
    content: "\e603";
    color: #8d8d8d;
  }
  .icon-article-doc:before {
    content: "\e604";
    color: #a7a7a7;
    margin-right: 6px;
  }
  .icon-private-w:before {
    content: "\e605";
    margin-right: 3px;
  }
  .icon-private-lg:before {
    content: "\e608";
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: -1px;
  }
  .featherlight-close-icon:before,
  .icon-close:before {
    content: "\e606";
    color: #a0a0a0;
    font-size: 20px;
  }
  .icon-error:before {
    content: "\e607";
  }

  .container-fluid {
    max-width: 1080px;
    margin: 0 auto;
    position: relative;
  }
  .navbar {
    margin-bottom: 0;
  }
  .navbar .brand {
    line-height: 32px;
    text-shadow: none;
    color: #fff;
    margin-left: 0;
    padding-left: 0;
  }
  .navbar .nav li {
    display: inline-block;
    float: none;
  }
  .navbar .nav li a {
    text-shadow: none;
    color: silver;
  }
  .navbar .nav li a:focus,
  .navbar .nav li a:hover {
    color: #fff;
  }
  .navbar .nav li a:focus {
    outline: 0;
  }
  .navbar .nav a {
    display: block;
    padding: 0 15px;
    line-height: 32px;
    font-size: 1.1em;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .navbar .nav .caret {
    display: none;
  }
  .navbar .nav .active a,
  .navbar .nav .active a:focus,
  .navbar .nav .active a:hover {
    position: relative;
    color: #fff;
    background: 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .navbar .nav .active .caret {
    display: inline-block;
    position: absolute;
    bottom: 0;
    right: 46%;
    border-top: 0;
    border-bottom: 5px solid #f0f0f0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  }
  .navbar .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    background: #2c323d;
    filter: none;
  }
  .navbar .navbar-inner .container-fluid {
    padding: 0;
  }
  #contactMobile,
  #sbContactMobile {
    display: none;
  }
  #docsSearch {
    margin-bottom: 3em;
    padding: 1.5em 0;
    background-color:transparent !important;
  }
  #docsSearch h1 {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-top: 0.4em;
  }
  #searchBar {
    text-align: center;
    margin-bottom: 0;
    padding: 2em 0;
    position: relative;
    width: 620px;
    margin: 0 auto;
  }
  #searchBar .search-query {
    border-radius: 5px;
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    height: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #searchBar button {
    color: #fff;
    background: #4f92ca;
    border-radius: 0 5px 5px 0;
    border: 1px solid ;
    font-size: 18px;
    padding: 0 1.5em;
    height: 50px;
    position: absolute;
    top: 24px;
    right: -1px;
  }
  #searchBar button .icon-search {
    display: none;
  }
  #searchBar button:hover {
    background: #4689c2;
  }
  #searchBar.sm {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  #searchBar.sm button {
    height: 40px;
    top: 0;
  }
  #searchBar.sm button:hover {
    background: 0 0;
  }
  #searchBar.sm button .icon-search {
    display: block;
    text-shadow: none;
  }
  #serp-dd {
    position: absolute;
    background: #fff;
    width: 100%;
    top: 70px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 5px rgba(100, 100, 100, 0.2);
    border-radius: 0 0 5px 5px;
    z-index: 1;
  }
  #serp-dd .result {
    margin: 0;
    max-height: 485px;
    overflow: auto;
  }
  #serp-dd .result a {
    display: block;
    padding: 7px 15px;
    font-size: 15px;
  }
  #serp-dd .result a:hover {
    background: #f3f3f3;
    text-decoration: none;
    color: #4381b5;
  }
  #serp-dd .result > li {
    list-style: none;
    text-align: left;
  }
  #serp-dd .result > li:first-child {
    margin-top: 5px;
  }
  #serp-dd .result > li:last-child {
    margin-bottom: 5px;
  }
  #serp-dd .result > li.active {
    background: #f3f3f3;
    text-decoration: none;
    color: #4381b5;
  }
  #serp-dd .result > li i {
    margin-left: 5px;
  }
  #serp-dd .result > li.private a {
    color: #9e9e9e;
  }
  #serp-dd .noResults {
    font-size: 12px;
    color: #797979;
    padding: 4px 0 4px 14px;
  }
  #serp-dd.sb {
    top: 38px;
    width: 350px;
    border-radius: 0 5px 5px 5px;
  }
  .threeCol,
  .twoCol {
    text-align: center;
  }
  .threeCol .collection,
  .twoCol .collection {
    background: #fff;
    border: 1px solid #e1e0e0;
    border-radius: 4px;
    margin-bottom: 3em;
    display: inline-block;
    vertical-align: top;
    min-height: 200px;
  }
  .threeCol .collection .collection-head,
  .twoCol .collection .collection-head {
    border-bottom: 1px solid #e1e0e0;
    margin-bottom: 1.2em;
  }
  .threeCol .collection .collection-head.no-desc,
  .twoCol .collection .collection-head.no-desc {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .threeCol h2,
  .twoCol h2 {
    font-size: 24px;
    text-align: center;
    font-weight: 400;
  }
  .threeCol h2 a,
  .twoCol h2 a {
    color: #333;
    display: inline-block;
    border-bottom: 1px dotted transparent;
  }
  .threeCol h2 a:hover,
  .twoCol h2 a:hover {
    text-decoration: none;
    border-bottom-color: #c4c4c4;
    color: #1f1f1f;
  }
  .threeCol .browse,
  .threeCol p,
  .twoCol .browse,
  .twoCol p {
    color: #b3b3b3;
  }
  .threeCol .browse,
  .twoCol .browse {
    display: inline-block;
    margin-top: 1em;
  }
  .threeCol p,
  .twoCol p {
    font-size: 15px;
    line-height: 1.5em;
    margin-bottom: 0;
  }
  .threeCol .browse:hover,
  .twoCol .browse:hover {
    color: #8a8a8a;
    text-decoration: none;
  }
  .most-pop-articles .popArticles,
  .threeCol .popArticles,
  .twoCol .popArticles {
    font-size: 16px;
    list-style: none;
    margin: 0 0 0 25px;
    text-align: left;
  }
  .most-pop-articles .popArticles li,
  .threeCol .popArticles li,
  .twoCol .popArticles li {
    margin-bottom: 1em;
  }
  .most-pop-articles .popArticles a,
  .threeCol .popArticles a,
  .twoCol .popArticles a {
    line-height: 1.5em;
    text-decoration: none;
    margin-left: -22px;
  }
  .most-pop-articles .popArticles a:hover span,
  .threeCol .popArticles a:hover span,
  .twoCol .popArticles a:hover span {
    text-decoration: underline;
  }
  .twoCol .collection {
    width: 45%;
    margin: 0 12px 2em;
  }
  .twoCol .collection .collection-body,
  .twoCol .collection .collection-head {
    padding: 1em 3em 2em;
  }
  .threeCol .collection {
    width: 30.5%;
    margin: 0 1% 2em;
  }
  .threeCol .collection .collection-body,
  .threeCol .collection .collection-head {
    padding: 1em 2em 2em;
  }
  .lpCenter-align p {
    text-align: center;
  }
  .most-pop-articles {
    *zoom: 1;
    max-width: 800px;
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  .most-pop-articles:after,
  .most-pop-articles:before {
    display: table;
    content: "";
    line-height: 0;
  }
  .most-pop-articles:after {
    clear: both;
  }
  .most-pop-articles h2 {
    font-weight: 400;
    margin-bottom: 1.2em;
    text-align: center;
  }
  .most-pop-articles .popArticles {
    text-align: center;
    margin: 0;
  }
  .most-pop-articles .popArticles a {
    display: inline-block;
    margin-left: 0;
  }
  .most-pop-articles.two-col .popArticles {
    display: block;
    text-align: left;
    list-style-type: none;
    margin: 0;
    columns: 2;
  }
  .most-pop-articles.two-col .popArticles li {
    text-align: left;
  }
  .most-pop-articles.two-col .popArticles a {
    padding: 0 20px 0 25px;
  }
  .most-pop-articles.two-col .popArticles .icon-article-doc {
    margin-left: -22px;
  }
  .sep {
    clear: both;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    margin: 1em 1% 3em;
  }
  .sep:after {
    content: "...........................................................................................................................................................................................................................................................";
    height: 14px;
    letter-spacing: 2px;
    font-size: 10px;
    color: #ddd;
  }
  .category-list {
    text-align: left;
    margin: 1em auto;
  }
  .category-list .category {
    text-align: center;
    display: inline-block;
    width: 29%;
    border: 1px solid #e0e0e0;
    margin: 0 0.8% 20px 0.8%;
    padding: 1.5em 1em;
    cursor: pointer;
    -webkit-transition: background 0.15s;
    -moz-transition: background 0.15s;
    -o-transition: background 0.15s;
    transition: background 0.15s;
    vertical-align: top;
  }
  .category-list .category p {
    color: #b3b3b3;
  }
  .category-list .category .article-count {
    color: #4381b5;
    margin-top: 15px;
  }
  .category-list .category:hover {
    text-decoration: none;
  }
  .category-list .category:hover .article-count {
    color: #4381b5;
  }
  .category-list h3 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3em;
  }
  .category-list p {
    font-size: 14px;
  }
  .collection-category .category-list {
    margin: 0 0 4em;
  }
  .collection-category h2 {
    font-weight: 400;
    margin: 0 0 20px;
    padding-left: 0.65%;
  }
  .collection-category h2 a {
    color: #363636;
  }
  .collection-category h2 a:hover {
    text-decoration: none;
    border-bottom: 1px dotted #b3b3b3;
  }
  #sidebar {
    margin: 32px 0 0 0;
  }
  #sidebar form {
    position: relative;
    margin: 0 0 40px 0;
  }
  #sidebar form .search-query {
    display: block;
    width: 100%;
    margin: 0;
    padding-right: 35px;
    font-size: 14px;
    line-height: 18px;
    height: 40px;
    border: 1px solid #d0d0d0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 3px;
    color: #666;
  }
  #sidebar form .search-query:-moz-placeholder,
  #sidebar form .search-query:-ms-input-placeholder,
  #sidebar form .search-query::-moz-placeholder,
  #sidebar form .search-query::-webkit-input-placeholder {
    color: #b1b0b0;
  }
  #sidebar form .search-query:focus,
  #sidebar form .search-query:focus:invalid {
    border-color: rgba(106, 155, 208, 0.7);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 4px rgba(106, 155, 208, 0.4);
    outline: 0 !important;
  }
  #sidebar form button {
    position: absolute;
    top: 10px;
    right: 12px;
    margin: 0;
    padding: 0;
    line-height: 16px;
    border: 0;
    background: 0 0;
  }
  #sidebar h3 {
    text-transform: uppercase;
    font-size: 12px;
    color: #222;
    margin-bottom: 4px;
  }
  #sidebar .nav-list {
    padding: 0;
    margin-bottom: 34px;
  }
  #sidebar .nav-list li {
    margin: 2px 0 3px 0;
  }
  #sidebar .nav-list a {
    display: inline-block;
    color: #858585;
    font-size: 1.1em;
    padding: 6px 15px 6px 0;
    line-height: 20px;
    margin-left: 0;
  }
  #sidebar .nav-list a:focus,
  #sidebar .nav-list a:hover {
    text-decoration: none;
    color: #222;
    background: 0 0;
  }
  #sidebar .nav-list a .icon-arrow {
    display: none;
  }
  #sidebar .nav-list .active a,
  #sidebar .nav-list .active a:focus,
  #sidebar .nav-list .active a:hover {
    font-weight: 700;
    color: #222;
    background: 0 0;
    text-shadow: none;
  }
  #sidebar .nav-list .active a .icon-arrow,
  #sidebar .nav-list .active a:focus .icon-arrow,
  #sidebar .nav-list .active a:hover .icon-arrow {
    display: inline-block;
  }
  #sidebar .contactUs {
    color: #b3b3b3;
  }
  #main-content {
    float: right;
    margin-bottom: 2em;
    padding: 32px 0 0 28px;
  }
  .contentWrapper {
    background: transparent;
    border: 1px solid #e9e5e5;
    color: #222;
    min-height: 460px;
    padding: 45px 46px;
    position: relative;
  }
  .contentWrapper h1 {
    font-weight: 400;
    margin-top: 0;
    font-size: 30px;
    line-height: 1.2em;
  }
  .contentWrapper p {
    color: #b3b3b3;
    margin-top: -4px;
    word-wrap: break-word;
  }
  .contentWrapper p.descrip {
    font-size: 15px;
    margin-bottom: 20px;
    color: #757575;
  }
  .contentWrapper p.no-articles {
    font-style: italic;
    margin-top: 30px;
  }
  .contentWrapper.withRelated {
    min-height: 205px;
    padding-bottom: 30px;
  }
  .related {
    border: 1px solid #e9e5e5;
    border-top: 0;
    background: #fff;
    position: relative;
    padding: 25px 46px 25px;
  }
  .related h3 {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    color: #4d4d4d;
  }
  .related ul {
    margin: 0 0 0 23px;
    padding: 8px 0 0;
  }
  .related ul > li {
    list-style: none;
    padding: 6px 0;
  }
  .related ul > li a {
    line-height: 1.5em;
    margin-left: -24px;
    font-size: 16px;
    text-decoration: none;
  }
  .related ul > li a:hover span {
    text-decoration: underline;
  }
  .articleList {
    list-style: none;
    margin: 0 0 38px 0;
    font-size: 1.3em;
  }
  .articleList li {
    margin: 1.4em 0;
    padding-left: 25px;
  }
  .articleList a {
    line-height: 1.5em;
    margin-left: -24px;
    text-decoration: none;
  }
  .articleList a:hover span {
    text-decoration: underline;
  }
  .appMessage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 46px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px !important;
    color: #548aac;
    background: #e4f6ff;
    border-bottom: 1px solid #dfe8f1;
  }
  .appMessage em {
    font-style: normal;
    display: inline-block;
    line-height: 1;
    padding: 3px 6px;
    color: #fff;
    font-size: 11px;
    margin-right: 5px;
    text-transform: uppercase;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #548aac;
  }
  .appMessage.success {
    color: #467c0e;
    background: #e5f5c9;
    border-bottom-color: #c0d6bf;
  }
  .appMessage.success em {
    background: #467c0e;
  }
  #contentArea > .appMessage {
    background: 0 0;
    border: 0;
    text-align: center;
    top: -37px;
  }
  #serp .articlesFound,
  #serp .nada {
    color: #8d8d8d;
    margin-top: -4px;
  }
  #serp .articleList > li {
    padding-left: 25px;
  }
  #serp .articleList > li a {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 5px;
  }
  #serp .articleList > li a .icon-private-w {
    position: relative;
    top: -1px;
    margin-right: 4px;
    color: #a7a7a7;
  }
  #serp p {
    font-size: 14px;
    color: #585858;
    line-height: 1.55em;
    margin-bottom: 1.5em;
  }
  #categoryHead {
    position: relative;
  }
  #categoryHead h1 {
    margin-right: 165px;
  }
  #categoryHead .sort {
    position: absolute;
    right: 0;
    top: 8px;
  }
  #categoryHead .sort select {
    width: 145px;
    height: 24px;
    margin: 0;
    line-height: 24px;
    font-size: 11px;
  }
  .pagination ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
  }
  .pagination ul li a,
  .pagination ul li span {
    padding: 0 12px;
    border: 0;
    border-left: 1px solid #e7e7e7;
  }
  .pagination ul li:first-child a {
    border-left: 0;
  }
  .pagination ul li a:focus,
  .pagination ul li a:hover,
  .pagination ul li.active a {
    background: 0 0;
  }
  #fullArticle {
    font-size: 14px;
    color: #585858;
    line-height: 1.55em;
  }
  #fullArticle.withPreview {
    padding-top: 20px;
  }
  #fullArticle.withPreview .printArticle {
    top: 73px;
  }
  #fullArticle .title {
    margin: 0 30px 0.5em 0;
  }
  #fullArticle .admin-edit {
    display: inline-block;
    margin-bottom: 22px;
    border:unset;
    box-shadow: none;
    padding:0;
    background:#3336ad;
    width:fit-content;
    text-shadow: unset;
    color:#fff;

    border-radius: 28px;
    font-size: 16px;
    gap: 20px;
    font-weight: 600;
    line-height: 20px;
    padding-right: 50px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-left: 50px;
    text-align: center;

  }
  #fullArticle .admin-edit:focus,
  #fullArticle .admin-edit:hover {
    box-shadow:unset;

    border:0;
    text-shadow: unset;
    background:#febcbd;
  }
  #fullArticle .printArticle {
    position: absolute;
    right: 46px;
    top: 53px;
  }
  #fullArticle .printArticle:hover {
    text-decoration: none;
  }
  #fullArticle .printArticle:hover .icon-print {
    color: #a8a8a8;
  }
  #fullArticle h1,
  #fullArticle h2,
  #fullArticle h3,
  #fullArticle h4,
  #fullArticle h5 {
    margin-bottom: 0.65em;
    color: #222;
  }
  #fullArticle h2 {
    font-size: 24px;
    line-height: 32px;
  }
  #fullArticle h3 {
    font-size: 21px;
    line-height: 28px;
  }
  #fullArticle h4 {
    font-size: 18px;
    line-height: 25px;
  }
  #fullArticle h5 {
    font-size: 1em;
  }
  #fullArticle blockquote,
  #fullArticle dd,
  #fullArticle div,
  #fullArticle li,
  #fullArticle ol,
  #fullArticle p,
  #fullArticle table,
  #fullArticle ul {
    font-size: 14px;
    color: #585858;
    line-height: 1.55em;
    margin-bottom: 1.5em;
  }
  #fullArticle ol ol {
    list-style-type: lower-alpha;
  }
  #fullArticle li {
    margin-bottom: 10px;
  }
  #fullArticle li > figure {
    display: inline-block;
    vertical-align: top;
  }
  #fullArticle li > p {
    margin: 0;
  }
  #fullArticle li > figure img,
  #fullArticle li > p img {
    margin-top: 0;
  }
  #fullArticle blockquote {
    font-style: italic;
    border-left-color: #d3d3d3;
    border-width: 5px;
    padding: 3px 30px 7px 20px;
  }
  #fullArticle blockquote p {
    font-weight: inherit;
    margin-top: 0;
  }
  #fullArticle blockquote p:last-child {
    margin-bottom: 0;
  }
  #fullArticle strong {
    color: #494949;
  }
  #fullArticle strong a {
    color: #4381b5;
  }
  #fullArticle pre {
    margin: 0 0 2em 0;
  }
  #fullArticle pre > p {
    color: unset;
    font-size: unset;
    line-height: unset;
    margin-bottom: 0;
    min-height: 22px;
  }
  #fullArticle code,
  #fullArticle pre {
    font-size: 12px;
    line-height: 22px;
    padding: 10px 20px 12px 15px;
  }
  #fullArticle code {
    line-height: 1;
    padding: 0 5px;
    white-space: normal;
  }
  #fullArticle hr {
    border-top: 2px solid #e2e2e2;
    border-bottom: 1px solid #fff;
    margin: 40px auto 30px auto;
  }
  #fullArticle table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  #fullArticle table td,
  #fullArticle table th {
    padding: 8px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #e2e2e2;
  }
  #fullArticle table td > p:last-child,
  #fullArticle table th > p:last-child {
    margin-bottom: 0;
  }
  #fullArticle table thead {
    font-weight: 700;
    color: #222;
  }
  #fullArticle table thead th {
    vertical-align: bottom;
  }
  #fullArticle table caption + thead tr:first-child td,
  #fullArticle table caption + thead tr:first-child th,
  #fullArticle table colgroup + thead tr:first-child td,
  #fullArticle table colgroup + thead tr:first-child th,
  #fullArticle table thead:first-child tr:first-child td,
  #fullArticle table thead:first-child tr:first-child th {
    border-top: 0;
  }
  #fullArticle table tbody + tbody {
    border-top: 2px solid #e2e2e2;
  }
  #fullArticle table.table-striped tbody > tr:nth-child(odd) > td,
  #fullArticle table.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f5f5f5;
  }
  #fullArticle table.table-bordered {
    border: 1px solid #e2e2e2;
    border-collapse: separate;
    border-left: 0;
    border-radius: 3px;
  }
  #fullArticle table.table-bordered td,
  #fullArticle table.table-bordered th {
    border-left: 1px solid #e2e2e2;
  }
  #fullArticle table.table-bordered tr:first-child td {
    border-top: 0;
  }
  #fullArticle dl {
    margin-bottom: 1em;
  }
  #fullArticle dt {
    float: left;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    padding: 4px 9px;
    margin-bottom: 1em;
    font-size: 18px;
    line-height: 1.2em;
    border-radius: 50px;
    color: #fff;
    background: #999;
    vertical-align: baseline;
    white-space: nowrap;
  }
  #fullArticle dd {
    padding-top: 3px;
    margin: 0 0 5px 45px;
    *zoom: 1;
  }
  #fullArticle dd:after,
  #fullArticle dd:before {
    display: table;
    content: "";
    line-height: 0;
  }
  #fullArticle dd:after {
    clear: both;
  }
  #fullArticle dd h1,
  #fullArticle dd h2,
  #fullArticle dd h3,
  #fullArticle dd h4,
  #fullArticle dd h5 {
    margin-top: 0;
  }
  #fullArticle .callout,
  #fullArticle .callout-blue,
  #fullArticle .callout-green,
  #fullArticle .callout-red,
  #fullArticle .callout-yellow,
  #fullArticle .private-note {
    border-left: 5px solid;
    color: #333;
    font-size: 14px;
    margin-bottom: 2em;
    padding: 16px 25px 16px 20px;
  }
  #fullArticle .callout-blue > :last-child,
  #fullArticle .callout-green > :last-child,
  #fullArticle .callout-red > :last-child,
  #fullArticle .callout-yellow > :last-child,
  #fullArticle .callout > :last-child,
  #fullArticle .private-note > :last-child {
    margin-bottom: 0;
  }
  #fullArticle .callout p,
  #fullArticle .callout-blue p,
  #fullArticle .callout-green p,
  #fullArticle .callout-red p,
  #fullArticle .callout-yellow p,
  #fullArticle .private-note p {
    font-size: 14px;
  }
  #fullArticle .callout h3,
  #fullArticle .callout-blue h3,
  #fullArticle .callout-green h3,
  #fullArticle .callout-red h3,
  #fullArticle .callout-yellow h3,
  #fullArticle .private-note h3 {
    font-size: 21px;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 10px 0;
  }
  #fullArticle .dashed {
    border: 1px dashed;
  }
  #fullArticle .callout-yellow {
    background: #fffcd5;
    border-color: #e7dca4;
  }
  #fullArticle .callout-blue {
    background: #e8f4ff;
    border-color: #bed1e6;
  }
  #fullArticle .callout-green {
    background: #e5fadc;
    border-color: #bbdaaf;
  }
  #fullArticle .callout-red {
    background: #fde8e8;
    border-color: #e7aaaa;
  }
  #fullArticle .callout {
    background: #f1f1f1;
    border-color: #cfcfcf;
  }
  #fullArticle .private-note {
    background: #fffcd5 url(../img/lock.png) no-repeat top right;
    border-color: #e7dca4;
  }
  #fullArticle figure {
    margin: 0 0 1.5em;
    width: fit-content;
  }
  #fullArticle img {
    display: block;
    margin: 1em 0 2em 0;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
  }
  #fullArticle img.noBdr {
    border: 0;
    padding: 0;
    border-radius: 0;
  }
  #fullArticle .align-center,
  #fullArticle .align-left,
  #fullArticle .align-right {
    width: fit-content;
  }
  #fullArticle .align-center {
    margin-left: auto;
    margin-right: auto;
  }
  #fullArticle .align-center img {
    margin-left: auto;
    margin-right: auto;
  }
  #fullArticle .align-right {
    margin-left: auto;
  }
  #fullArticle .align-right img {
    margin-left: auto;
  }
  #fullArticle .image-caption,
  #fullArticle figcaption {
    display: block;
    text-align: left;
    margin-top: -26px;
    color: #919191;
    font-size: 13px;
    font-style: italic;
  }
  #fullArticle figcaption {
    text-align: center;
    min-width: 100%;
    max-width: min-content;
  }
  #fullArticle .video {
    position: relative;
    height: 0;
    padding: 0 0 67.5% 0;
    overflow: hidden;
    margin-bottom: 1.5em;
  }
  #fullArticle .video.widescreen {
    padding-bottom: 56.25%;
  }
  #fullArticle .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #fullArticle .video.video-responsive {
    padding: 0;
    height: auto;
  }
  #fullArticle .badge {
    background: #aaaeb7;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 11px;
    padding: 4px 5px;
    text-transform: uppercase;
    vertical-align: text-top;
  }
  #fullArticle .badge.info {
    background: #3f8abf;
  }
  #fullArticle .badge.success {
    background: #43ac6d;
  }
  #fullArticle .badge.warning {
    background: #dfb03a;
  }
  #fullArticle .badge.error {
    background: #d62b29;
  }
  #fullArticle .gist-data {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    margin-bottom: 0;
  }
  #fullArticle .gist-data .lines {
    margin-bottom: 0;
  }
  #fullArticle .gist-data .line-numbers,
  #fullArticle .gist-data div {
    font-size: 12px;
    line-height: 18px;
  }
  #fullArticle .gist-data .line-numbers {
    background: #fff;
    text-align: right;
  }
  #fullArticle .gist-data div {
    margin-bottom: 0;
  }
  #fullArticle .gist-data table td {
    border-top: 0;
  }
  #fullArticle .gist-meta {
    background: #fff;
    border-radius: 0 0 3px 3px;
    font-weight: 400;
    margin-bottom: 0;
  }
  .screensteps-document .sub-step {
    padding-left: 25px;
  }
  .screensteps-document .sub-step h3 {
    font-size: 18px;
    line-height: 25px;
  }
  .screensteps-document h2 {
    font-size: 21px;
    line-height: 28px;
  }
  .articleFoot {
    margin-top: 4em;
    clear: both;
  }
  .articleFoot p,
  .articleFoot time {
    color: #a0a0a0;
    display: inline-block;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
  }
  .articleFoot p.lu,
  .articleFoot time.lu {
    float: right;
    margin-top: 2px;
  }
  #sbContact {
    color: #a0a0a0;
    border-bottom: 1px dotted #c5c5c5;
  }
  #sbContact:hover {
    text-decoration: none;
    border-bottom-color: gray;
    color: gray;
  }
  #generic {
    padding: 28px;
    background: #f8f8f8;
  }
  #generic #errorContainer {
    padding: 20px 20px 15px 25px;
    background-color: #fff;
    border: 1px solid #e8e5e5;
    background-position: 20px 25px;
  }
  #generic #errorContainer h1 {
    font-weight: 400;
    margin: 0 0 6px;
  }
  #errorContainer .icon-error {
    float: left;
    font-size: 64px;
    color: #ebebeb;
    margin-right: 15px;
  }
  #errorContainer p {
    font-size: 1.3em;
    color: #757575;
    line-height: 1.5em;
  }
  footer.center p {
    text-align: center;
  }
  footer p {
    font-size: 0.9em;
    color: #9b9b9b;
    text-align: right;
    margin-bottom: 3em;
  }
  footer p a {
    color: #9b9b9b;
  }
  footer p a:hover {
    color: #222;
    text-decoration: none;
  }
  .featherlight {
    background: #333;
    background: rgba(0, 0, 0, 0);
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    white-space: nowrap;
    z-index: 2;
  }
  .featherlight:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.5);
  }
  .featherlight-content {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    cursor: auto;
    display: inline-block;
    overflow: hidden;
    max-height: 90%;
    max-width: 90%;
    padding: 25px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: normal;
  }
  .featherlight-inner {
    display: block;
  }
  .featherlight-close-icon {
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 20px;
    color: transparent;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 14px;
    padding: 0;
    border: 0;
  }
  .featherlight-close-icon:before {
    font-size: 24px;
    left: -2px;
    position: relative;
    top: -2px;
  }
  .featherlight-close-icon:hover:before {
    color: #888;
  }
  .featherlight-image {
    max-height: 96%;
    max-width: 100%;
  }
  .gecko .featherlight-content,
  .ie .featherlight-content {
    height: 100%;
  }
  .gecko .featherlight-image,
  .ie .featherlight-image {
    margin: 0 auto;
    max-height: 100%;
  }
  .ie8 #mainNav .container-fluid {
    position: relative;
  }
  .ie8 .nav-collapse.collapse {
    position: static;
  }
  .ie8 .navbar .navbar-inner {
    min-height: 54px;
  }
  .ie8 .navbar .nav {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    margin-right: 0;
  }
  .ie8 .navbar .nav li {
    margin-left: 15px;
  }
  .ie8 #content {
    padding-left: 0;
  }
  .articleRatings {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    padding: 12px;
    background: transparent;
    border: 1px solid #e9e5e5;
    border-radius: 4px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    font-size: 14px;
    color: #858585;
  }
  .articleRatings-failure,
  .articleRatings-feedback {
    display: none;
  }
  .articleRatings-question {
    margin-right: 12px;
  }
  .articleRatings-actions {
    width: 65px;
    flex-shrink: 0;
  }
  .articleRatings-feedback-message,
  .articleRatings-feedback-tick {
    display: inline-block;
    vertical-align: middle;
  }
  .articleRatings-feedback-tick {
    width: 20px;
    height: 20px;
  }
  .rateAction {
    padding: 0;
    margin: 0;
    width: 28px;
    height: 28px;
    position: relative;
    background: #e3e8eb;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px 0 rgba(193, 203, 212, 0.5);
    transition: all 0.2s ease-in-out;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
  }
  .rateAction[disabled="disabled"] {
    cursor: default;
  }
  .rateAction:not([disabled="disabled"]):focus,
  .rateAction:not([disabled="disabled"]):hover {
    outline: 0;
    background: #ffe8b5;
    box-shadow: 0 4px 7px 0 rgba(193, 203, 212, 0.6);
    transform: scale(1.3);
  }
  .rateAction.selected {
    background: #ffe8b5;
    box-shadow: 0 4px 7px 0 rgba(193, 203, 212, 0.6);
    transform: scale(1.3);
    z-index: 10;
  }
  .rateAction.selected::after {
    content: "";
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    top: -4px;
    left: -4px;
    border: 2px solid #4bc27d;
    border-radius: 50%;
  }
  .rateAction.selected::after {
    -webkit-animation: scale-up-center 0.2s cubic-bezier(0.39, 0.575, 0.565, 1)
      both;
    animation: scale-up-center 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  }
  .rateAction--positive {
    margin-right: 3px;
  }
  .rating-face {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    fill: #a5b2bd;
    transition: fill 0.2s ease-in-out;
  }
  .rateAction.selected .rating-face,
  .rateAction:focus:not([disabled="disabled"]) .rating-face,
  .rateAction:hover:not([disabled="disabled"]) .rating-face {
    fill: #d79400;
  }
  .rateAction--positive:not([disabled="disabled"]):hover .rating-face {
    animation: yep 1.5s steps(5, start) 0.15s forwards;
  }
  .rateAction--negative:not([disabled="disabled"]):hover .rating-face {
    animation: not-really 1.5s steps(5, start) 0.15s forwards;
  }
  @-webkit-keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @keyframes scale-up-center {
    0% {
      -webkit-transform: scale(0.5);
      transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
  @-webkit-keyframes yep {
    0%,
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateY(-3.5px);
      transform: translateY(-3.5px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateY(3.5px);
      transform: translateY(3.5px);
    }
    80% {
      -webkit-transform: translateY(2.6px);
      transform: translateY(2.6px);
    }
    90% {
      -webkit-transform: translateY(-2.6px);
      transform: translateY(-2.6px);
    }
  }
  @keyframes yep {
    0%,
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateY(-3.5px);
      transform: translateY(-3.5px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateY(3.5px);
      transform: translateY(3.5px);
    }
    80% {
      -webkit-transform: translateY(2.6px);
      transform: translateY(2.6px);
    }
    90% {
      -webkit-transform: translateY(-2.6px);
      transform: translateY(-2.6px);
    }
  }
  @-webkit-keyframes not-really {
    0%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-3.5px);
      transform: translateX(-3.5px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(3.5px);
      transform: translateX(3.5px);
    }
    80% {
      -webkit-transform: translateX(2.6px);
      transform: translateX(2.6px);
    }
    90% {
      -webkit-transform: translateX(-2.6px);
      transform: translateX(-2.6px);
    }
  }
  @keyframes not-really {
    0%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-3.5px);
      transform: translateX(-3.5px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(3.5px);
      transform: translateX(3.5px);
    }
    80% {
      -webkit-transform: translateX(2.6px);
      transform: translateX(2.6px);
    }
    90% {
      -webkit-transform: translateX(-2.6px);
      transform: translateX(-2.6px);
    }
  }
  @media (min-width: 769px) {
    .nav-collapse.collapse {
      position: static;
    }
    #mainNav .container-fluid {
      position: relative;
    }
    .navbar .nav {
      position: absolute;
      right: 0;
      left: auto;
      bottom: 0;
      margin-right: 0;
    }
  }
  @media (max-width: 768px) {
    /*! Help Scout DOCS - Mobile */
    #contactMobile,
    #sbContactMobile {
      display: inline-block;
    }
    #contact,
    #sbContact {
      display: none;
    }
    .navbar {
      margin: 0 -20px;
    }
    .navbar .nav {
      position: relative;
      text-align: center;
    }
    .navbar .nav li {
      display: block;
    }
    .navbar .nav li a {
      line-height: 2em;
      font-size: 14px;
      font-weight: 400;
    }
    .navbar .nav li a:focus,
    .navbar .nav li a:hover {
      color: #fff;
      background: 0 0;
    }
    .navbar .nav .active a,
    .navbar .nav .active a:focus,
    .navbar .nav .active a:hover {
      color: #fff;
      background: 0 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-weight: 700;
    }
    .navbar .nav .active .caret {
      display: none;
    }
    .navbar .btn-navbar {
      position: absolute;
      top: 50% !important;
      transform:translateY(-50%);
      right: 10px;
      margin-top: 14px;
      width: 38px;
      height: 28px;
      text-shadow: none;
      border: 0;
      background: 0 0;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .navbar .btn-navbar .icon-bar {
      background: silver;
    }
    .navbar .btn-navbar:hover .icon-bar {
      background: #fff;
    }
    .navbar .btn-navbar:active,
    .navbar .btn-navbar:focus,
    .navbar .btn-navbar:hover {
      outline: 0;
      background: 0 0;
    }
    .navbar .brand {
      padding-left: 0;
    }
    #docsSearch {
      margin: 0 -20px 3em;
    }
    #searchBar {
      padding: 1.5em 0;
      width: 90%;
    }
    #searchBar button {
      top: 18px;
    }
    #searchBar .serp-dd {
      top: 63px;
    }
    .threeCol,
    .twoCol {
      padding: 0;
    }
    .threeCol .collection,
    .twoCol .collection {
      width: 100%;
      margin: 0 -20px 0;
      border-radius: 0;
      border: 0;
      padding: 1em 1.5em 2em;
      border-bottom: 1px solid #d8d8d8;
      min-height: initial;
    }
    .threeCol .collection:last-child,
    .twoCol .collection:last-child {
      margin-bottom: 2em;
    }
    .threeCol .collection .collection-body,
    .threeCol .collection .collection-head,
    .twoCol .collection .collection-body,
    .twoCol .collection .collection-head {
      padding: 1em 0 2em;
      border-bottom: 0;
    }
    .threeCol .collection:first-child,
    .twoCol .collection:first-child {
      padding-top: 0;
    }
    .threeCol .collection:first-child .collection-head,
    .twoCol .collection:first-child .collection-head {
      padding-top: 0;
    }
    .threeCol .collection .collection-head,
    .twoCol .collection .collection-head {
      margin-bottom: 0;
    }
    .most-pop-articles {
      padding: 0;
      width: 100%;
    }
    .most-pop-articles .popArticles {
      padding: 0 1.5em;
      margin: 0 0 30px 0;
    }
    .most-pop-articles .popArticles li {
      float: none;
      margin-left: 3%;
      width: auto;
    }
    .most-pop-articles .popArticles a {
      margin-left: 0;
    }
    .most-pop-articles.two-col .popArticles {
      padding: 0;
      width: 100%;
    }
    .most-pop-articles.two-col .popArticles li {
      float: none;
      width: 100%;
    }
    .most-pop-articles.two-col .popArticles a {
      padding: 0 5px 0;
    }
    .collection-category h2 {
      text-align: center;
    }
    #sidebar {
      margin-top: 22px;
      padding-bottom: 22px;
    }
    #sidebar form {
      margin-bottom: 15px;
    }
    #sidebar h3 {
      margin-bottom: 0;
    }
    #sidebar .nav-list {
      margin-bottom: 0;
    }
    #sidebar .nav-list li {
      margin: 0;
    }
    #serp-dd {
      top: 64px;
    }
    #serp-dd.sb {
      width: 99.7%;
      border-radius: 0 0 5px 5px;
    }
    #main-content {
      float: none;
      width: auto;
      padding: 0;
      margin: 0 -20px 2em -20px;
      background: 0 0;
    }
    #fullArticle.withPreview {
      padding-top: 35px;
    }
    #fullArticle.withPreview .printArticle {
      top: 43px;
    }
    #fullArticle .printArticle {
      right: 26px;
      top: 33px;
    }
    .appMessage {
      top: -1px;
      padding: 10px 20px;
    }
    .contentWrapper {
      padding: 25px 20px;
      border-color: #dedede;
      border-left: 0;
      border-right: 0;
      min-height: 0;
    }
    .contentWrapper h1 {
      font-size: 2.2em;
    }
    .related {
      padding: 25px 0;
    }
    .related h3 {
      padding-left: 20px;
    }
    .related ul {
      margin-left: 44px;
    }
    .articleList {
      margin: 0 0 0 20px;
    }
    ul.articleList {
      margin-left: 0;
    }
    ul.articleList .icon-article-arrow {
      margin: 3px 10px 0 0;
    }
    footer p {
      text-align: center;
    }
    #categoryHead h1 {
      margin-right: 0;
    }
  }
  @media (max-width: 768px) and (max-width: 480px) {
    .navbar .brand {
      max-width: 245px;
    }
    #searchBar {
      text-align: left;
    }
    #searchBar .search-query {
      border-radius: 5px;
      margin-right: -16px;
    }
    #searchBar button {
      border: 0;
      padding: 0.9em;
      background: 0 0;
      border-left: 0;
    }
    #searchBar button span {
      font-size: 0;
      text-indent: -3000px;
      width: 45px;
    }
    #searchBar button:hover {
      background: 0 0;
    }
    #searchBar button .icon-search {
      display: block;
      text-shadow: none;
    }
    #docsSearch {
      padding: 1.5em 0 1.3em;
    }
    #docsSearch h1 {
      font-size: 28px;
      padding: 0 20px;
    }
    #serp-dd,
    #serp-dd.sb {
      width: 99.5%;
    }
    .twoCol .collection:first-child {
      margin-right: 0;
    }
    .twoCol .collection:nth-child(odd) {
      margin-right: 0;
    }
    .most-pop-articles.two-col .popArticles a {
      padding: 0 10px 0;
    }
    #categoryHead .sort {
      position: static;
      display: block;
    }
    .category-list {
      margin: 0 0 2em;
    }
    .sep {
      margin: 1em 0 3em;
    }
    .articleFoot p.lu {
      float: none;
    }
  }
  @media print {
    @page {
      margin: 0.5in;
    }
    a:link:after {
      content: " (" attr(href) ")";
    }
    #mainNav,
    #sidebar,
    .printArticle,
    .sort {
      display: none;
    }
    #main-content {
      float: none;
      padding: 1em 0 0 0;
    }
    #main-content .contentWrapper {
      border: 0;
      padding: 0;
      min-height: 0;
    }
    article img {
      border: 1px solid #ccc;
      max-height: 500px;
    }
    footer p {
      text-align: center;
    }
    footer a:after {
      content: none;
    }
  }
  .hsds-beacon .c-BeaconCloseButton .is-span {
    float: none;
    margin-left: 0;
  }


  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  * {
    margin: 0;
    padding: 0;
  }
  ul,
  ol {
    list-style: none;
  }
  li {
    margin-bottom: var(--spacing--XS);
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  button:focus,
  input:focus,
  textarea:focus,
  select:focus {
    outline: none;
  }
  input,
  button,
  textarea,
  select {
    margin: 0;
    padding: 0;
    border: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: none;
    color: inherit;
    appearance: none;
    -webkit-appearance: none;
  }
  img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  :root {
    --base-unit: clamp(0.5rem, 0.5vw + 0.5rem, 1rem);
  }
  @media (min-width: 1600px) {
    :root {
      --base-unit: clamp(1rem, 1vw + 0rem, 1.25rem);
    }
  }
  :root {
    --font-size--XS: clamp(0.625rem, 0.125vw + 0.625rem, 0.75rem);
    --font-size--S: clamp(0.75rem, 0.125vw + 0.75rem, 0.875rem);
    --font-size--M: clamp(0.875rem, 0.125vw + 0.875rem, 1rem);
    --font-size--L: clamp(1rem, 0.125vw + 1rem, 1.125rem);
    --font-size--XL: clamp(1.125rem, 0.125vw + 1.125rem, 1.25rem);
    --font-size--2XL: clamp(1.25rem, 0.25vw + 1.25rem, 1.5rem);
    --font-size--3XL: clamp(1.5rem, 0.375vw + 1.5rem, 1.875rem);
    --font-size--4XL: clamp(1.75rem, 0.5vw + 1.75rem, 2.25rem);
    --font-size--5XL: clamp(2rem, 1vw + 2rem, 3rem);
    --font-size--6XL: clamp(2.25rem, 1.5vw + 2.25rem, 3.75rem);
    --font-size--7XL: clamp(2.5rem, 2vw + 2.5rem, 4.5rem);
    --font-size--8XL: clamp(2.75rem, 3.25vw + 2.75rem, 6rem);
    --font-size--9XL: clamp(3rem, 5vw + 3rem, 8rem);
    --font-size--10XL: clamp(3.375rem, 6.625vw + 3.375rem, 10rem);
    --font-family--display: "Azeret Mono", Helvetica, Arial, sans-serif;
    --font-family--sans: "Poppins", Helvetica, Arial, sans-serif;
    --font-family--serif: "Victor Serif", Helvetica, Arial, sans-serif;
    --font-family--sans-brand: "Azeret Mono", Helvetica, Arial, sans-serif;
    --font-family--mono-code: "Source Code Pro", Helvetica, Arial, sans-serif;
    --font-family--mono: "Space Mono", Helvetica, Arial, sans-serif;
    --font-family--display--font-feature-settings: normal;
    --font-family--sans--font-feature-settings: "ss01" on, "ss03" on, "ss05" on;
    --font-family--serif--font-feature-settings: normal;
    --font-family--sans-brand--font-feature-settings: "ss01" on, "ss05" on;
    --font-family--mono-code--font-feature-settings: normal;
    --font-family--mono--font-feature-settings: "salt" on;
    --font-weight--light: 300;
    --font-weight--normal: 400;
    --font-weight--regular: 40 Regular;
    --font-weight--medium: 500;
    --font-weight--semibold: 600;
    --font-weight--bold: 700;
    --font-weight--heavy: 800;
    --font-weight--black: 900;
    --letter-spacing--tighter: -0.02em;
    --letter-spacing--tight: -0.01em;
    --letter-spacing--normal: 0em;
    --letter-spacing--widest: 0.12em;
    --line-height--super-tight: 0.9;
    --line-height--none: 1;
    --line-height--tighter: 1.1;
    --line-height--tight: 1.2;
    --line-height--snug: 1.4;
    --line-height--relaxed: 1.6;
    --text-transform--uppercase: uppercase;
    --text-transform--normal: none;
    --text-max-width: var(--max-width--column--7);
  }
  @media (min-width: 1600px) {
    :root {
      --font-size--XS: clamp(0.75rem, 0.75vw + 0rem, 0.9375rem);
      --font-size--S: clamp(0.875rem, 0.875vw + 0rem, 1.09375rem);
      --font-size--M: clamp(1rem, 1vw + 0rem, 1.25rem);
      --font-size--L: clamp(1.125rem, 1.125vw + 0rem, 1.40625rem);
      --font-size--XL: clamp(1.25rem, 1.25vw + 0rem, 1.5625rem);
      --font-size--2XL: clamp(1.5rem, 1.5vw + 0rem, 1.875rem);
      --font-size--3XL: clamp(1.875rem, 1.875vw + 0rem, 2.34375rem);
      --font-size--4XL: clamp(2.25rem, 2.25vw + 0rem, 2.8125rem);
      --font-size--5XL: clamp(3rem, 3vw + 0rem, 3.75rem);
      --font-size--6XL: clamp(3.75rem, 3.75vw + 0rem, 4.6875rem);
      --font-size--7XL: clamp(4.5rem, 4.5vw + 0rem, 5.625rem);
      --font-size--8XL: clamp(6rem, 6vw + 0rem, 7.5rem);
      --font-size--9XL: clamp(8rem, 8vw + 0rem, 10rem);
      --font-size--10XL: clamp(10rem, 10vw + 0rem, 12.5rem);
    }
  }
  body {
    -webkit-font-smoothing: antialiased;
    font-family: "Poppins";
    font-feature-settings: var(--font-family--sans--font-feature-settings);
    font-size: var(--font-size--M);
    font-weight: var(--font-weight--normal);
    letter-spacing: var(--letter-spacing--normal);
    line-height: var(--line-height--relaxed);
    text-transform: var(--text-transform--normal);
  }
  .text-container {
    width: 100%;
    max-width: var(--text-max-width);
    margin: 0 auto;
  }
  .text-container > *:last-child {
    margin-bottom: 0;
  }
  .type--display-10XL,
  .type--display-9XL,
  .type--display-8XL,
  .type--display-7XL,
  .type--display-6XL,
  .type--display-5XL,
  .type--display-4XL,
  .type--display-3XL,
  .type--display-2XL {
    font-family: var(--font-family--display);
    font-weight: var(--font-weight--bold);
    line-height: var(--line-height--super-tight);
    text-transform: var(--text-transform--uppercase);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--display--font-feature-settings);
  }
  :root {
    --display-10XL--margin-bottom: var(--spacing--M);
  }
  .type--display-10XL {
    font-size: var(--font-size--10XL);
    margin-bottom: var(--display-10XL--margin-bottom);
  }
  :root {
    --display-9XL--margin-bottom: var(--spacing--M);
  }
  .type--display-9XL {
    font-size: var(--font-size--9XL);
    margin-bottom: var(--display-9XL--margin-bottom);
  }
  :root {
    --display-8XL--margin-bottom: var(--spacing--M);
  }
  .type--display-8XL {
    font-size: var(--font-size--8XL);
    margin-bottom: var(--display-8XL--margin-bottom);
  }
  :root {
    --display-7XL--margin-bottom: calc(var(--font-size--7XL) * 0.5);
  }
  .type--display-7XL {
    font-size: var(--font-size--7XL);
    margin-bottom: var(--display-7XL--margin-bottom);
  }
  :root {
    --display-6XL--margin-bottom: calc(var(--font-size--6XL) * 0.5);
  }
  .type--display-6XL {
    font-size: var(--font-size--6XL);
    margin-bottom: var(--display-6XL--margin-bottom);
  }
  :root {
    --display-5XL--margin-bottom: calc(var(--font-size--5XL) * 0.5);
  }
  .type--display-5XL {
    font-size: var(--font-size--5XL);
    margin-bottom: var(--display-5XL--margin-bottom);
  }
  :root {
    --display-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--display-4XL {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--display-4XL--margin-bottom);
  }
  :root {
    --display-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--display-3XL {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--display-3XL--margin-bottom);
  }
  :root {
    --display-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--display-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--display-2XL--margin-bottom);
  }
  .type--headline-10XL,
  .type--headline-9XL,
  .type--headline-8XL,
  .type--headline-7XL,
  .type--headline-6XL,
  .type--headline-5XL,
  h1,
  .type--headline-4XL,
  h2,
  .type--headline-3XL,
  h3,
  .type--headline-2XL,
  .type--headline-XL,
  .type--headline-L,
  .type--headline-M,
  .type--headline-S,
  .type--headline-XS {
    font-family: "Poppins";
    font-weight: var(--font-weight--bold);
    line-height: var(--line-height--tight);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--tight);
    font-feature-settings: var(--font-family--sans-brand--font-feature-settings);
  }
  :root {
    --headline-10XL--margin-bottom: var(--spacing--M);
  }
  .type--headline-10XL {
    font-size: var(--font-size--10XL);
    margin-bottom: var(--headline-10XL--margin-bottom);
  }
  :root {
    --headline-9XL--margin-bottom: var(--spacing--M);
  }
  .type--headline-9XL {
    font-size: var(--font-size--9XL);
    margin-bottom: var(--headline-9XL--margin-bottom);
  }
  :root {
    --headline-8XL--margin-bottom: var(--spacing--M);
  }
  .type--headline-8XL {
    font-size: var(--font-size--8XL);
    margin-bottom: var(--headline-8XL--margin-bottom);
  }
  :root {
    --headline-7XL--margin-bottom: calc(var(--font-size--7XL) * 0.5);
  }
  .type--headline-7XL {
    font-size: var(--font-size--7XL);
    margin-bottom: var(--headline-7XL--margin-bottom);
  }
  :root {
    --headline-6XL--margin-bottom: calc(var(--font-size--6XL) * 0.5);
  }
  .type--headline-6XL {
    font-size: var(--font-size--6XL);
    margin-bottom: var(--headline-6XL--margin-bottom);
  }
  :root {
    --headline-5XL--margin-bottom: calc(var(--font-size--5XL) * 0.5);
    --h1--margin-bottom: calc(var(--font-size--5XL) * 0.5);
  }
  .type--headline-5XL,
  h1 {
    font-size: var(--font-size--5XL);
    margin-bottom: var(--headline-5XL--margin-bottom);
  }
  :root {
    --headline-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
    --h2--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--headline-4XL,
  h2 {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--headline-4XL--margin-bottom);
  }
  :root {
    --headline-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
    --h3--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--headline-3XL,
  h3 {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--headline-3XL--margin-bottom);
  }
  :root {
    --headline-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--headline-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--headline-2XL--margin-bottom);
  }
  :root {
    --headline-XL--margin-bottom: calc(var(--font-size--XL) * 0.625);
  }
  .type--headline-XL {
    font-size: var(--font-size--XL);
    margin-bottom: var(--headline-XL--margin-bottom);
  }
  :root {
    --headline-L--margin-bottom: calc(var(--font-size--L) * 0.625);
  }
  .type--headline-L {
    font-size: var(--font-size--L);
    margin-bottom: var(--headline-L--margin-bottom);
  }
  :root {
    --headline-M--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--headline-M {
    font-size: var(--font-size--M);
    margin-bottom: var(--headline-M--margin-bottom);
  }
  :root {
    --headline-S--margin-bottom: calc(var(--font-size--S) * 0.625);
  }
  .type--headline-S {
    font-size: var(--font-size--S);
    margin-bottom: var(--headline-S--margin-bottom);
  }
  :root {
    --headline-XS--margin-bottom: calc(var(--font-size--XS) * 0.625);
  }
  .type--headline-XS {
    font-size: var(--font-size--XS);
    margin-bottom: var(--headline-XS--margin-bottom);
  }
  .type--text-4XL,
  .type--text-3XL,
  .type--text-2XL,
  .type--text-XL,
  .type--text-L,
  .type--text-M,
  p,
  .type--text-S,
  .type--text-XS {
    font-family: var(--font-family--sans);
    font-weight: var(--font-weight--normal);
    line-height: var(--line-height--relaxed);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--sans--font-feature-settings);
  }
  :root {
    --text-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--text-4XL {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--text-4XL--margin-bottom);
  }
  :root {
    --text-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--text-3XL {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--text-3XL--margin-bottom);
  }
  :root {
    --text-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--text-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--text-2XL--margin-bottom);
  }
  :root {
    --text-XL--margin-bottom: calc(var(--font-size--XL) * 0.625);
  }
  .type--text-XL {
    font-size: var(--font-size--XL);
    margin-bottom: var(--text-XL--margin-bottom);
  }
  :root {
    --text-L--margin-bottom: calc(var(--font-size--L) * 0.625);
  }
  .type--text-L {
    font-size: var(--font-size--L);
    margin-bottom: var(--text-L--margin-bottom);
  }
  :root {
    --text-M--margin-bottom: calc(var(--font-size--M) * 0.625);
    --p--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--text-M,
  p {
    font-size: var(--font-size--M);
    margin-bottom: var(--text-M--margin-bottom);
  }
  :root {
    --text-S--margin-bottom: calc(var(--font-size--S) * 0.625);
  }
  .type--text-S {
    font-size: var(--font-size--S);
    margin-bottom: var(--text-S--margin-bottom);
  }
  :root {
    --text-XS--margin-bottom: calc(var(--font-size--XS) * 0.625);
  }
  .type--text-XS {
    font-size: var(--font-size--XS);
    margin-bottom: var(--text-XS--margin-bottom);
  }
  .type--mono-2XL,
  .type--mono-XL,
  .type--mono-L,
  .type--mono-M,
  .type--mono-S,
  .type--mono-XS {
    font-family: var(--font-family--mono);
    font-weight: var(--font-weight--normal);
    line-height: var(--line-height--relaxed);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--mono--font-feature-settings);
  }
  :root {
    --mono-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--mono-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--mono-2XL--margin-bottom);
  }
  :root {
    --mono-XL--margin-bottom: calc(var(--font-size--XL) * 0.625);
  }
  .type--mono-XL {
    font-size: var(--font-size--XL);
    margin-bottom: var(--mono-XL--margin-bottom);
  }
  :root {
    --mono-L--margin-bottom: calc(var(--font-size--L) * 0.625);
  }
  .type--mono-L {
    font-size: var(--font-size--L);
    margin-bottom: var(--mono-L--margin-bottom);
  }
  :root {
    --mono-M--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--mono-M {
    font-size: var(--font-size--M);
    margin-bottom: var(--mono-M--margin-bottom);
  }
  :root {
    --mono-S--margin-bottom: calc(var(--font-size--S) * 0.625);
  }
  .type--mono-S {
    font-size: var(--font-size--S);
    margin-bottom: var(--mono-S--margin-bottom);
  }
  :root {
    --mono-XS--margin-bottom: calc(var(--font-size--XS) * 0.625);
  }
  .type--mono-XS {
    font-size: var(--font-size--XS);
    margin-bottom: var(--mono-XS--margin-bottom);
  }
  .type--mono-code-M {
    font-family: var(--font-family--mono-code);
    font-weight: var(--font-weight--normal);
    line-height: var(--line-height--relaxed);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--mono-code--font-feature-settings);
  }
  :root {
    --mono-code-M--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--mono-code-M {
    font-size: var(--font-size--M);
    margin-bottom: var(--mono-code-M--margin-bottom);
  }
  .type--serif-10XL,
  .type--serif-9XL,
  .type--serif-8XL,
  .type--serif-7XL,
  .type--serif-6XL,
  .type--serif-5XL,
  .type--serif-4XL,
  .type--serif-3XL,
  .type--serif-2XL {
    font-family: var(--font-family--serif);
    font-weight: var(--font-weight--regular);
    line-height: var(--line-height--tight);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--serif--font-feature-settings);
  }
  :root {
    --serif-10XL--margin-bottom: var(--spacing--M);
  }
  .type--serif-10XL {
    font-size: var(--font-size--10XL);
    margin-bottom: var(--serif-10XL--margin-bottom);
  }
  :root {
    --serif-9XL--margin-bottom: var(--spacing--M);
  }
  .type--serif-9XL {
    font-size: var(--font-size--9XL);
    margin-bottom: var(--serif-9XL--margin-bottom);
  }
  :root {
    --serif-8XL--margin-bottom: var(--spacing--M);
  }
  .type--serif-8XL {
    font-size: var(--font-size--8XL);
    margin-bottom: var(--serif-8XL--margin-bottom);
  }
  :root {
    --serif-7XL--margin-bottom: calc(var(--font-size--7XL) * 0.5);
  }
  .type--serif-7XL {
    font-size: var(--font-size--7XL);
    margin-bottom: var(--serif-7XL--margin-bottom);
  }
  :root {
    --serif-6XL--margin-bottom: calc(var(--font-size--6XL) * 0.5);
  }
  .type--serif-6XL {
    font-size: var(--font-size--6XL);
    margin-bottom: var(--serif-6XL--margin-bottom);
  }
  :root {
    --serif-5XL--margin-bottom: calc(var(--font-size--5XL) * 0.5);
  }
  .type--serif-5XL {
    font-size: var(--font-size--5XL);
    margin-bottom: var(--serif-5XL--margin-bottom);
  }
  :root {
    --serif-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--serif-4XL {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--serif-4XL--margin-bottom);
  }
  :root {
    --serif-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--serif-3XL {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--serif-3XL--margin-bottom);
  }
  :root {
    --serif-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--serif-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--serif-2XL--margin-bottom);
  }
  .type--headline-medium-10XL,
  .type--headline-medium-9XL,
  .type--headline-medium-8XL,
  .type--headline-medium-7XL,
  .type--headline-medium-6XL,
  .type--headline-medium-5XL,
  .type--headline-medium-4XL,
  .type--headline-medium-3XL,
  .type--headline-medium-2XL,
  h4,
  .type--headline-medium-XL,
  h5,
  .type--headline-medium-L,
  h6,
  .type--headline-medium-M,
  .type--headline-medium-S,
  .type--headline-medium-XS {
    font-family: "Azeret Mono";
    font-weight: var(--font-weight--bold);
    line-height: var(--line-height--tight);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--sans-brand--font-feature-settings);
  }
  :root {
    --headline-medium-10XL--margin-bottom: var(--spacing--M);
  }
  .type--headline-medium-10XL {
    font-size: var(--font-size--10XL);
    margin-bottom: var(--headline-medium-10XL--margin-bottom);
  }
  :root {
    --headline-medium-9XL--margin-bottom: var(--spacing--M);
  }
  .type--headline-medium-9XL {
    font-size: var(--font-size--9XL);
    margin-bottom: var(--headline-medium-9XL--margin-bottom);
  }
  :root {
    --headline-medium-8XL--margin-bottom: var(--spacing--M);
  }
  .type--headline-medium-8XL {
    font-size: var(--font-size--8XL);
    margin-bottom: var(--headline-medium-8XL--margin-bottom);
  }
  :root {
    --headline-medium-7XL--margin-bottom: calc(var(--font-size--7XL) * 0.5);
  }
  .type--headline-medium-7XL {
    font-size: var(--font-size--7XL);
    margin-bottom: var(--headline-medium-7XL--margin-bottom);
  }
  :root {
    --headline-medium-6XL--margin-bottom: calc(var(--font-size--6XL) * 0.5);
  }
  .type--headline-medium-6XL {
    font-size: var(--font-size--6XL);
    margin-bottom: var(--headline-medium-6XL--margin-bottom);
  }
  :root {
    --headline-medium-5XL--margin-bottom: calc(var(--font-size--5XL) * 0.5);
  }
  .type--headline-medium-5XL {
    font-size: var(--font-size--5XL);
    margin-bottom: var(--headline-medium-5XL--margin-bottom);
  }
  :root {
    --headline-medium-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--headline-medium-4XL {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--headline-medium-4XL--margin-bottom);
  }
  :root {
    --headline-medium-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--headline-medium-3XL {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--headline-medium-3XL--margin-bottom);
  }
  :root {
    --headline-medium-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
    --h4--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--headline-medium-2XL,
  h4 {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--headline-medium-2XL--margin-bottom);
  }
  :root {
    --headline-medium-XL--margin-bottom: calc(var(--font-size--XL) * 0.625);
    --h5--margin-bottom: calc(var(--font-size--XL) * 0.625);
  }
  .type--headline-medium-XL,
  h5 {
    font-size: var(--font-size--XL);
    margin-bottom: var(--headline-medium-XL--margin-bottom);
  }
  :root {
    --headline-medium-L--margin-bottom: calc(var(--font-size--L) * 0.625);
    --h6--margin-bottom: calc(var(--font-size--L) * 0.625);
  }
  .type--headline-medium-L,
  h6 {
    font-size: var(--font-size--L);
    margin-bottom: var(--headline-medium-L--margin-bottom);
  }
  :root {
    --headline-medium-M--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--headline-medium-M {
    font-size: var(--font-size--M);
    margin-bottom: var(--headline-medium-M--margin-bottom);
  }
  :root {
    --headline-medium-S--margin-bottom: calc(var(--font-size--S) * 0.625);
  }
  .type--headline-medium-S {
    font-size: var(--font-size--S);
    margin-bottom: var(--headline-medium-S--margin-bottom);
  }
  :root {
    --headline-medium-XS--margin-bottom: calc(var(--font-size--XS) * 0.625);
  }
  .type--headline-medium-XS {
    font-size: var(--font-size--XS);
    margin-bottom: var(--headline-medium-XS--margin-bottom);
  }
  .type--text-medium-4XL,
  .type--text-medium-3XL,
  .type--text-medium-2XL,
  .type--text-medium-XL,
  .type--text-medium-L,
  .type--text-medium-M,
  .type--text-medium-S,
  .type--text-medium-XS {
    font-family: var(--font-family--sans);
    font-weight: var(--font-weight--medium);
    line-height: var(--line-height--relaxed);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--sans--font-feature-settings);
  }
  :root {
    --text-medium-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--text-medium-4XL {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--text-medium-4XL--margin-bottom);
  }
  :root {
    --text-medium-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--text-medium-3XL {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--text-medium-3XL--margin-bottom);
  }
  :root {
    --text-medium-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--text-medium-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--text-medium-2XL--margin-bottom);
  }
  :root {
    --text-medium-XL--margin-bottom: calc(var(--font-size--XL) * 0.625);
  }
  .type--text-medium-XL {
    font-size: var(--font-size--XL);
    margin-bottom: var(--text-medium-XL--margin-bottom);
  }
  :root {
    --text-medium-L--margin-bottom: calc(var(--font-size--L) * 0.625);
  }
  .type--text-medium-L {
    font-size: var(--font-size--L);
    margin-bottom: var(--text-medium-L--margin-bottom);
  }
  :root {
    --text-medium-M--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--text-medium-M {
    font-size: var(--font-size--M);
    margin-bottom: var(--text-medium-M--margin-bottom);
  }
  :root {
    --text-medium-S--margin-bottom: calc(var(--font-size--S) * 0.625);
  }
  .type--text-medium-S {
    font-size: var(--font-size--S);
    margin-bottom: var(--text-medium-S--margin-bottom);
  }
  :root {
    --text-medium-XS--margin-bottom: calc(var(--font-size--XS) * 0.625);
  }
  .type--text-medium-XS {
    font-size: var(--font-size--XS);
    margin-bottom: var(--text-medium-XS--margin-bottom);
  }
  .type--text-light-4XL,
  .type--text-light-3XL,
  .type--text-light-2XL,
  .type--text-light-XL,
  .type--text-light-L,
  .type--text-light-M,
  .type--text-light-S,
  .type--text-light-XS {
    font-family: var(--font-family--sans);
    font-weight: var(--font-weight--light);
    line-height: var(--line-height--relaxed);
    text-transform: var(--text-transform--normal);
    letter-spacing: var(--letter-spacing--normal);
    font-feature-settings: var(--font-family--sans--font-feature-settings);
  }
  :root {
    --text-light-4XL--margin-bottom: calc(var(--font-size--4XL) * 0.625);
  }
  .type--text-light-4XL {
    font-size: var(--font-size--4XL);
    margin-bottom: var(--text-light-4XL--margin-bottom);
  }
  :root {
    --text-light-3XL--margin-bottom: calc(var(--font-size--3XL) * 0.625);
  }
  .type--text-light-3XL {
    font-size: var(--font-size--3XL);
    margin-bottom: var(--text-light-3XL--margin-bottom);
  }
  :root {
    --text-light-2XL--margin-bottom: calc(var(--font-size--2XL) * 0.625);
  }
  .type--text-light-2XL {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--text-light-2XL--margin-bottom);
  }
  :root {
    --text-light-XL--margin-bottom: calc(var(--font-size--XL) * 0.625);
  }
  .type--text-light-XL {
    font-size: var(--font-size--XL);
    margin-bottom: var(--text-light-XL--margin-bottom);
  }
  :root {
    --text-light-L--margin-bottom: calc(var(--font-size--L) * 0.625);
  }
  .type--text-light-L {
    font-size: var(--font-size--L);
    margin-bottom: var(--text-light-L--margin-bottom);
  }
  :root {
    --text-light-M--margin-bottom: calc(var(--font-size--M) * 0.625);
  }
  .type--text-light-M {
    font-size: var(--font-size--M);
    margin-bottom: var(--text-light-M--margin-bottom);
  }
  :root {
    --text-light-S--margin-bottom: calc(var(--font-size--S) * 0.625);
  }
  .type--text-light-S {
    font-size: var(--font-size--S);
    margin-bottom: var(--text-light-S--margin-bottom);
  }
  :root {
    --text-light-XS--margin-bottom: calc(var(--font-size--XS) * 0.625);
  }
  .type--text-light-XS {
    font-size: var(--font-size--XS);
    margin-bottom: var(--text-light-XS--margin-bottom);
  }
  .font-size--XS {
    font-size: var(--font-size--XS);
  }
  .font-size--S {
    font-size: var(--font-size--S);
  }
  .font-size--M {
    font-size: var(--font-size--M);
  }
  .font-size--L {
    font-size: var(--font-size--L);
  }
  .font-size--XL {
    font-size: var(--font-size--XL);
  }
  .font-size--2XL {
    font-size: var(--font-size--2XL);
  }
  .font-size--3XL {
    font-size: var(--font-size--3XL);
  }
  .font-size--4XL {
    font-size: var(--font-size--4XL);
  }
  .font-size--5XL {
    font-size: var(--font-size--5XL);
  }
  .font-size--6XL {
    font-size: var(--font-size--6XL);
  }
  .font-size--7XL {
    font-size: var(--font-size--7XL);
  }
  .font-size--8XL {
    font-size: var(--font-size--8XL);
  }
  .font-size--9XL {
    font-size: var(--font-size--9XL);
  }
  .font-size--10XL {
    font-size: var(--font-size--10XL);
  }
  .font-family--display {
    font-family: var(--font-family--display);
    font-feature-settings: var(--font-family--display--font-feature-settings);
  }
  .font-family--sans {
    font-family: var(--font-family--sans);
    font-feature-settings: var(--font-family--sans--font-feature-settings);
  }
  .font-family--serif {
    font-family: var(--font-family--serif);
    font-feature-settings: var(--font-family--serif--font-feature-settings);
  }
  .font-family--sans-brand {
    font-family: "Azeret Mono";
    font-feature-settings: var(--font-family--sans-brand--font-feature-settings);
  }
  .font-family--mono-code {
    font-family: var(--font-family--mono-code);
    font-feature-settings: var(--font-family--mono-code--font-feature-settings);
  }
  .font-family--mono {
    font-family: var(--font-family--mono);
    font-feature-settings: var(--font-family--mono--font-feature-settings);
  }
  .font-weight--light {
    font-weight: var(--font-weight--light);
  }
  .font-weight--normal {
    font-weight: var(--font-weight--normal);
  }
  .font-weight--regular {
    font-weight: var(--font-weight--regular);
  }
  .font-weight--medium {
    font-weight: var(--font-weight--medium);
  }
  .font-weight--semibold {
    font-weight: var(--font-weight--bold);
  }
  .font-weight--bold {
    font-weight: var(--font-weight--bold);
  }
  .font-weight--heavy {
    font-weight: var(--font-weight--heavy);
  }
  .font-weight--black {
    font-weight: var(--font-weight--black);
  }
  .letter-spacing--tighter {
    letter-spacing: var(--letter-spacing--tighter);
  }
  .letter-spacing--tight {
    letter-spacing: var(--letter-spacing--tight);
  }
  .letter-spacing--normal {
    letter-spacing: var(--letter-spacing--normal);
  }
  .letter-spacing--widest {
    letter-spacing: var(--letter-spacing--widest);
  }
  .line-height--super-tight {
    line-height: var(--line-height--super-tight);
  }
  .line-height--none {
    line-height: var(--line-height--none);
  }
  .line-height--tighter {
    line-height: var(--line-height--tighter);
  }
  .line-height--tight {
    line-height: var(--line-height--tight);
  }
  .line-height--snug {
    line-height: var(--line-height--snug);
  }
  .line-height--relaxed {
    line-height: var(--line-height--relaxed);
  }
  .text-transform--uppercase {
    text-transform: var(--text-transform--uppercase);
  }
  .text-transform--normal {
    text-transform: var(--text-transform--normal);
  }
  .text-align--left {
    text-align: left;
  }
  .text-align--center {
    text-align: center;
  }
  .text-align--right {
    text-align: right;
  }
  :root {
    --color--red-100: #fff0e8;
    --color--red-100-rgb: 255, 240, 232;
    --color--red-200: #fedfd5;
    --color--red-200-rgb: 254, 223, 213;
    --color--red-300: #ffbcad;
    --color--red-300-rgb: 255, 188, 173;
    --color--red-400: #fa7a64;
    --color--red-400-rgb: 250, 122, 100;
    --color--red-500: #e54a32;
    --color--red-500-rgb: 229, 74, 50;
    --color--red-600: #b83525;
    --color--red-600-rgb: 184, 53, 37;
    --color--red-700: #822824;
    --color--red-700-rgb: 130, 40, 36;
    --color--red-800: #592728;
    --color--red-800-rgb: 89, 39, 40;
    --color--red-900: #402629;
    --color--red-900-rgb: 64, 38, 41;
    --color--red-1000: #2b2123;
    --color--red-1000-rgb: 43, 33, 35;
    --color--red-accent: #ff4747;
    --color--red-accent-rgb: 255, 71, 71;
    --color--orange-100: #fff2e8;
    --color--orange-100-rgb: 255, 242, 232;
    --color--orange-200: #ffe4d1;
    --color--orange-200-rgb: 255, 228, 209;
    --color--orange-300: #fac096;
    --color--orange-300-rgb: 250, 192, 150;
    --color--orange-400: #f5964e;
    --color--orange-400-rgb: 245, 150, 78;
    --color--orange-500: #d67022;
    --color--orange-500-rgb: 214, 112, 34;
    --color--orange-600: #a35214;
    --color--orange-600-rgb: 163, 82, 20;
    --color--orange-700: #7a4518;
    --color--orange-700-rgb: 122, 69, 24;
    --color--orange-800: #573b23;
    --color--orange-800-rgb: 87, 59, 35;
    --color--orange-900: #3d2f22;
    --color--orange-900-rgb: 61, 47, 34;
    --color--orange-1000: #2b241d;
    --color--orange-1000-rgb: 43, 36, 29;
    --color--orange-accent: #ff8b33;
    --color--orange-accent-rgb: 255, 139, 51;
    --color--yellow-100: #fff6e5;
    --color--yellow-100-rgb: 255, 246, 229;
    --color--yellow-200: #ffeecc;
    --color--yellow-200-rgb: 255, 238, 204;
    --color--yellow-300: #ffdd99;
    --color--yellow-300-rgb: 255, 221, 153;
    --color--yellow-400: #fabf5a;
    --color--yellow-400-rgb: 250, 191, 90;
    --color--yellow-500: #e09c24;
    --color--yellow-500-rgb: 224, 156, 36;
    --color--yellow-600: #ac771b;
    --color--yellow-600-rgb: 172, 119, 27;
    --color--yellow-700: #7a581d;
    --color--yellow-700-rgb: 122, 88, 29;
    --color--yellow-800: #574323;
    --color--yellow-800-rgb: 87, 67, 35;
    --color--yellow-900: #403521;
    --color--yellow-900-rgb: 64, 53, 33;
    --color--yellow-1000: #2b261d;
    --color--yellow-1000-rgb: 43, 38, 29;
    --color--yellow-accent: #ffb83d;
    --color--yellow-accent-rgb: 255, 184, 61;
    --color--green-100: #f2fff0;
    --color--green-100-rgb: 242, 255, 240;
    --color--green-200: #e0fcde;
    --color--green-200-rgb: 224, 252, 222;
    --color--green-300: #b9edbd;
    --color--green-300-rgb: 185, 237, 189;
    --color--green-400: #83db9c;
    --color--green-400-rgb: 131, 219, 156;
    --color--green-500: #47c47d;
    --color--green-500-rgb: 71, 196, 125;
    --color--green-600: #2d8556;
    --color--green-600-rgb: 45, 133, 86;
    --color--green-700: #28704c;
    --color--green-700-rgb: 40, 112, 76;
    --color--green-800: #2e5940;
    --color--green-800-rgb: 46, 89, 64;
    --color--green-900: #283b2d;
    --color--green-900-rgb: 40, 59, 45;
    --color--green-1000: #222923;
    --color--green-1000-rgb: 34, 41, 35;
    --color--green-accent: #56f09e;
    --color--green-accent-rgb: 86, 240, 158;
    --color--slate-100: #f2f9fc;
    --color--slate-100-rgb: 242, 249, 252;
    --color--slate-200: #e1eef5;
    --color--slate-200-rgb: 225, 238, 245;
    --color--slate-300: #ccdee8;
    --color--slate-300-rgb: 204, 222, 232;
    --color--slate-400: #a9c4d4;
    --color--slate-400-rgb: 169, 196, 212;
    --color--slate-500: #82a7ba;
    --color--slate-500-rgb: 130, 167, 186;
    --color--slate-600: #658b9e;
    --color--slate-600-rgb: 101, 139, 158;
    --color--slate-700: #486878;
    --color--slate-700-rgb: 72, 104, 120;
    --color--slate-800: #344852;
    --color--slate-800-rgb: 52, 72, 82;
    --color--slate-900: #283338;
    --color--slate-900-rgb: 40, 51, 56;
    --color--slate-1000: #1f2426;
    --color--slate-1000-rgb: 31, 36, 38;
    --color--slate-accent: #47c2ff;
    --color--slate-accent-rgb: 71, 194, 255;
    --color--cobalt-100: #ebf5ff;
    --color--cobalt-100-rgb: 235, 245, 255;
    --color--cobalt-200: #d1e8ff;
    --color--cobalt-200-rgb: 209, 232, 255;
    --color--cobalt-300: #9ecbff;
    --color--cobalt-300-rgb: 158, 203, 255;
    --color--cobalt-400: #66a3ff;
    --color--cobalt-400-rgb: 102, 163, 255;
    --color--cobalt-500: #4176fa;
    --color--cobalt-500-rgb: 65, 118, 250;
    --color--cobalt-600: #304ddb;
    --color--cobalt-600-rgb: 48, 77, 219;
    --color--cobalt-700: #263aad;
    --color--cobalt-700-rgb: 38, 58, 173;
    --color--cobalt-800: #1c2674;
    --color--cobalt-800-rgb: 28, 38, 116;
    --color--cobalt-900: #171952;
    --color--cobalt-900-rgb: 23, 25, 82;
    --color--cobalt-1000: #0e0e33;
    --color--cobalt-1000-rgb: 14, 14, 51;
    --color--cobalt-accent: #47a3ff;
    --color--cobalt-accent-rgb: 71, 163, 255;
    --color--purple-100: #f9f2ff;
    --color--purple-100-rgb: 249, 242, 255;
    --color--purple-200: #f2e5ff;
    --color--purple-200-rgb: 242, 229, 255;
    --color--purple-300: #d7baf5;
    --color--purple-300-rgb: 215, 186, 245;
    --color--purple-400: #ad82d8;
    --color--purple-400-rgb: 173, 130, 216;
    --color--purple-500: #9163bf;
    --color--purple-500-rgb: 145, 99, 191;
    --color--purple-600: #774ba3;
    --color--purple-600-rgb: 119, 75, 163;
    --color--purple-700: #5d407a;
    --color--purple-700-rgb: 93, 64, 122;
    --color--purple-800: #48335c;
    --color--purple-800-rgb: 72, 51, 92;
    --color--purple-900: #31253d;
    --color--purple-900-rgb: 49, 37, 61;
    --color--purple-1000: #271f2e;
    --color--purple-1000-rgb: 39, 31, 46;
    --color--purple-accent: #c285ff;
    --color--purple-accent-rgb: 194, 133, 255;
    --color--magenta-100: #fff2f4;
    --color--magenta-100-rgb: 255, 242, 244;
    --color--magenta-200: #ffe5ea;
    --color--magenta-200-rgb: 255, 229, 234;
    --color--magenta-300: #ffc7d3;
    --color--magenta-300-rgb: 255, 199, 211;
    --color--magenta-400: #e5859f;
    --color--magenta-400-rgb: 229, 133, 159;
    --color--magenta-500: #bf5878;
    --color--magenta-500-rgb: 191, 88, 120;
    --color--magenta-600: #a34b6b;
    --color--magenta-600-rgb: 163, 75, 107;
    --color--magenta-700: #863e5c;
    --color--magenta-700-rgb: 134, 62, 92;
    --color--magenta-800: #5e3146;
    --color--magenta-800-rgb: 94, 49, 70;
    --color--magenta-900: #3d2531;
    --color--magenta-900-rgb: 61, 37, 49;
    --color--magenta-1000: #2e2126;
    --color--magenta-1000-rgb: 46, 33, 38;
    --color--magenta-accent: #ff5caa;
    --color--magenta-accent-rgb: 255, 92, 170;
    --color--charcoal-100: #f9fafa;
    --color--charcoal-100-rgb: 249, 250, 250;
    --color--charcoal-200: #f1f3f5;
    --color--charcoal-200-rgb: 241, 243, 245;
    --color--charcoal-300: #dfe6eb;
    --color--charcoal-300-rgb: 223, 230, 235;
    --color--charcoal-400: #c8d3de;
    --color--charcoal-400-rgb: 200, 211, 222;
    --color--charcoal-500: #abb9c7;
    --color--charcoal-500-rgb: 171, 185, 199;
    --color--charcoal-600: #7e8e9e;
    --color--charcoal-600-rgb: 126, 142, 158;
    --color--charcoal-700: #556575;
    --color--charcoal-700-rgb: 85, 101, 117;
    --color--charcoal-800: #405261;
    --color--charcoal-800-rgb: 64, 82, 97;
    --color--charcoal-900: #314351;
    --color--charcoal-900-rgb: 49, 67, 81;
    --color--charcoal-1000: #253642;
    --color--charcoal-1000-rgb: 37, 54, 66;
    --color--charcoal-1100: #1d2b36;
    --color--charcoal-1100-rgb: 29, 43, 54;
    --color--charcoal-1200: #131b24;
    --color--charcoal-1200-rgb: 19, 27, 36;
    --color--clay-100: #faf8f7;
    --color--clay-100-rgb: 250, 248, 247;
    --color--clay-200: #f5f2f0;
    --color--clay-200-rgb: 245, 242, 240;
    --color--clay-300: #ede8e6;
    --color--clay-300-rgb: 237, 232, 230;
    --color--clay-400: #ded5d1;
    --color--clay-400-rgb: 222, 213, 209;
    --color--clay-500: #c2b4ac;
    --color--clay-500-rgb: 194, 180, 172;
    --color--clay-600: #9e8f88;
    --color--clay-600-rgb: 158, 143, 136;
    --color--clay-700: #8a7b74;
    --color--clay-700-rgb: 138, 123, 116;
    --color--clay-800: #756963;
    --color--clay-800-rgb: 117, 105, 99;
    --color--clay-900: #574f4b;
    --color--clay-900-rgb: 87, 79, 75;
    --color--clay-1000: #4a4441;
    --color--clay-1000-rgb: 74, 68, 65;
    --color--clay-1100: #33302e;
    --color--clay-1100-rgb: 51, 48, 46;
    --color--clay-1200: #262423;
    --color--clay-1200-rgb: 38, 36, 35;
    --color--basics-white: #ffffff;
    --color--basics-white-rgb: 255, 255, 255;
    --color--basics-black: #000000;
    --color--basics-black-rgb: 0, 0, 0;
    --color--basics-magenta: #ff00ff;
    --color--basics-magenta-rgb: 255, 0, 255;
    --color--basics-cyan: #00ffff;
    --color--basics-cyan-rgb: 0, 255, 255;
    --color--action-default: #2c80ff;
    --color--action-default-rgb:44, 128, 255;
    --color--action-hovered: #2a292c;
    --color--action-hovered-rgb: 42, 41, 44;
    --color--action-pressed: #1c2674;
    --color--action-pressed-rgb: 28, 38, 116;
    --color--action-disabled: #abb9c7;
    --color--action-disabled-rgb: 171, 185, 199;
    --color--text-headline: #131b24;
    --color--text-headline-rgb: 19, 27, 36;
    --color--text-dark: #314351;
    --color--text-dark-rgb: 49, 67, 81;
    --color--text-default: #405261;
    --color--text-default-rgb: 64, 82, 97;
    --color--text-light: #556575;
    --color--text-light-rgb: 85, 101, 117;
    --color--text-disabled: #7e8e9e;
    --color--text-disabled-rgb: 126, 142, 158;
    --color--success-text: #2e5940;
    --color--success-text-rgb: 46, 89, 64;
    --color--success-background-dark: #2d8556;
    --color--success-background-dark-rgb: 45, 133, 86;
    --color--success-icon: #47c47d;
    --color--success-icon-rgb: 71, 196, 125;
    --color--success-border: #47c47d;
    --color--success-border-rgb: 71, 196, 125;
    --color--success-background-light: #f2fff0;
    --color--success-background-light-rgb: 242, 255, 240;
    --color--error-text: #b83525;
    --color--error-text-rgb: 184, 53, 37;
    --color--error-background-dark: #b83525;
    --color--error-background-dark-rgb: 184, 53, 37;
    --color--error-icon: #ff4747;
    --color--error-icon-rgb: 255, 71, 71;
    --color--error-border: #e54a32;
    --color--error-border-rgb: 229, 74, 50;
    --color--error-background-light: #feeae7;
    --color--error-background-light-rgb: 254, 234, 231;
    --color--warning-text: #a35214;
    --color--warning-text-rgb: 163, 82, 20;
    --color--warning-background-dark: #a35214;
    --color--warning-background-dark-rgb: 163, 82, 20;
    --color--warning-icon: #ffb83d;
    --color--warning-icon-rgb: 255, 184, 61;
    --color--warning-border: #fabf5a;
    --color--warning-border-rgb: 250, 191, 90;
    --color--warning-background-light: #fff6e5;
    --color--warning-background-light-rgb: 255, 246, 229;
    --color--info-text: #263aad;
    --color--info-text-rgb: 38, 58, 173;
    --color--info-background-dark: #304ddb;
    --color--info-background-dark-rgb: 48, 77, 219;
    --color--info-icon: #4176fa;
    --color--info-icon-rgb: 65, 118, 250;
    --color--info-border: #4176fa;
    --color--info-border-rgb: 65, 118, 250;
    --color--info-background-light: #ebf5ff;
    --color--info-background-light-rgb: 235, 245, 255;
  }
  body {
    color: var(--color--text-default);
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  [class*="type--display-"],
  [class*="type--headline-"] {
    color: var(--color--text-headline);
  }
  a {
    color: var(--color--action-default);
    transition: color 0.3s;
  }
  a:hover {
    color: var(--color--action-hovered);
  }
  a:active {
    color: var(--color--action-pressed);
  }
  a[disabled] {
    color: var(--color--action-disabled);
  }
  .color--red-100 {
    color: var(--color--red-100);
  }
  .background-color--red-100 {
    background-color: var(--color--red-100);
  }
  .color--red-200 {
    color: var(--color--red-200);
  }
  .background-color--red-200 {
    background-color: var(--color--red-200);
  }
  .color--red-300 {
    color: var(--color--red-300);
  }
  .background-color--red-300 {
    background-color: var(--color--red-300);
  }
  .color--red-400 {
    color: var(--color--red-400);
  }
  .background-color--red-400 {
    background-color: var(--color--red-400);
  }
  .color--red-500 {
    color: var(--color--red-500);
  }
  .background-color--red-500 {
    background-color: var(--color--red-500);
  }
  .color--red-600 {
    color: var(--color--red-600);
  }
  .background-color--red-600 {
    background-color: var(--color--red-600);
  }
  .color--red-700 {
    color: var(--color--red-700);
  }
  .background-color--red-700 {
    background-color: var(--color--red-700);
  }
  .color--red-800 {
    color: var(--color--red-800);
  }
  .background-color--red-800 {
    background-color: var(--color--red-800);
  }
  .color--red-900 {
    color: var(--color--red-900);
  }
  .background-color--red-900 {
    background-color: var(--color--red-900);
  }
  .color--red-1000 {
    color: var(--color--red-1000);
  }
  .background-color--red-1000 {
    background-color: var(--color--red-1000);
  }
  .color--red-accent {
    color: var(--color--red-accent);
  }
  .background-color--red-accent {
    background-color: var(--color--red-accent);
  }
  .color--orange-100 {
    color: var(--color--orange-100);
  }
  .background-color--orange-100 {
    background-color: var(--color--orange-100);
  }
  .color--orange-200 {
    color: var(--color--orange-200);
  }
  .background-color--orange-200 {
    background-color: var(--color--orange-200);
  }
  .color--orange-300 {
    color: var(--color--orange-300);
  }
  .background-color--orange-300 {
    background-color: var(--color--orange-300);
  }
  .color--orange-400 {
    color: var(--color--orange-400);
  }
  .background-color--orange-400 {
    background-color: var(--color--orange-400);
  }
  .color--orange-500 {
    color: var(--color--orange-500);
  }
  .background-color--orange-500 {
    background-color: var(--color--orange-500);
  }
  .color--orange-600 {
    color: var(--color--orange-600);
  }
  .background-color--orange-600 {
    background-color: var(--color--orange-600);
  }
  .color--orange-700 {
    color: var(--color--orange-700);
  }
  .background-color--orange-700 {
    background-color: var(--color--orange-700);
  }
  .color--orange-800 {
    color: var(--color--orange-800);
  }
  .background-color--orange-800 {
    background-color: var(--color--orange-800);
  }
  .color--orange-900 {
    color: var(--color--orange-900);
  }
  .background-color--orange-900 {
    background-color: var(--color--orange-900);
  }
  .color--orange-1000 {
    color: var(--color--orange-1000);
  }
  .background-color--orange-1000 {
    background-color: var(--color--orange-1000);
  }
  .color--orange-accent {
    color: var(--color--orange-accent);
  }
  .background-color--orange-accent {
    background-color: var(--color--orange-accent);
  }
  .color--yellow-100 {
    color: var(--color--yellow-100);
  }
  .background-color--yellow-100 {
    background-color: var(--color--yellow-100);
  }
  .color--yellow-200 {
    color: var(--color--yellow-200);
  }
  .background-color--yellow-200 {
    background-color: var(--color--yellow-200);
  }
  .color--yellow-300 {
    color: var(--color--yellow-300);
  }
  .background-color--yellow-300 {
    background-color: var(--color--yellow-300);
  }
  .color--yellow-400 {
    color: var(--color--yellow-400);
  }
  .background-color--yellow-400 {
    background-color: var(--color--yellow-400);
  }
  .color--yellow-500 {
    color: var(--color--yellow-500);
  }
  .background-color--yellow-500 {
    background-color: var(--color--yellow-500);
  }
  .color--yellow-600 {
    color: var(--color--yellow-600);
  }
  .background-color--yellow-600 {
    background-color: var(--color--yellow-600);
  }
  .color--yellow-700 {
    color: var(--color--yellow-700);
  }
  .background-color--yellow-700 {
    background-color: var(--color--yellow-700);
  }
  .color--yellow-800 {
    color: var(--color--yellow-800);
  }
  .background-color--yellow-800 {
    background-color: var(--color--yellow-800);
  }
  .color--yellow-900 {
    color: var(--color--yellow-900);
  }
  .background-color--yellow-900 {
    background-color: var(--color--yellow-900);
  }
  .color--yellow-1000 {
    color: var(--color--yellow-1000);
  }
  .background-color--yellow-1000 {
    background-color: var(--color--yellow-1000);
  }
  .color--yellow-accent {
    color: var(--color--yellow-accent);
  }
  .background-color--yellow-accent {
    background-color: var(--color--yellow-accent);
  }
  .color--green-100 {
    color: var(--color--green-100);
  }
  .background-color--green-100 {
    background-color: var(--color--green-100);
  }
  .color--green-200 {
    color: var(--color--green-200);
  }
  .background-color--green-200 {
    background-color: var(--color--green-200);
  }
  .color--green-300 {
    color: var(--color--green-300);
  }
  .background-color--green-300 {
    background-color: var(--color--green-300);
  }
  .color--green-400 {
    color: var(--color--green-400);
  }
  .background-color--green-400 {
    background-color: var(--color--green-400);
  }
  .color--green-500 {
    color: var(--color--green-500);
  }
  .background-color--green-500 {
    background-color: var(--color--green-500);
  }
  .color--green-600 {
    color: var(--color--green-600);
  }
  .background-color--green-600 {
    background-color: var(--color--green-600);
  }
  .color--green-700 {
    color: var(--color--green-700);
  }
  .background-color--green-700 {
    background-color: var(--color--green-700);
  }
  .color--green-800 {
    color: var(--color--green-800);
  }
  .background-color--green-800 {
    background-color: var(--color--green-800);
  }
  .color--green-900 {
    color: var(--color--green-900);
  }
  .background-color--green-900 {
    background-color: var(--color--green-900);
  }
  .color--green-1000 {
    color: var(--color--green-1000);
  }
  .background-color--green-1000 {
    background-color: var(--color--green-1000);
  }
  .color--green-accent {
    color: var(--color--green-accent);
  }
  .background-color--green-accent {
    background-color: var(--color--green-accent);
  }
  .color--slate-100 {
    color: var(--color--slate-100);
  }
  .background-color--slate-100 {
    background-color: var(--color--slate-100);
  }
  .color--slate-200 {
    color: var(--color--slate-200);
  }
  .background-color--slate-200 {
    background-color: var(--color--slate-200);
  }
  .color--slate-300 {
    color: var(--color--slate-300);
  }
  .background-color--slate-300 {
    background-color: var(--color--slate-300);
  }
  .color--slate-400 {
    color: var(--color--slate-400);
  }
  .background-color--slate-400 {
    background-color: var(--color--slate-400);
  }
  .color--slate-500 {
    color: var(--color--slate-500);
  }
  .background-color--slate-500 {
    background-color: var(--color--slate-500);
  }
  .color--slate-600 {
    color: var(--color--slate-600);
  }
  .background-color--slate-600 {
    background-color: var(--color--slate-600);
  }
  .color--slate-700 {
    color: var(--color--slate-700);
  }
  .background-color--slate-700 {
    background-color: var(--color--slate-700);
  }
  .color--slate-800 {
    color: var(--color--slate-800);
  }
  .background-color--slate-800 {
    background-color: var(--color--slate-800);
  }
  .color--slate-900 {
    color: var(--color--slate-900);
  }
  .background-color--slate-900 {
    background-color: var(--color--slate-900);
  }
  .color--slate-1000 {
    color: var(--color--slate-1000);
  }
  .background-color--slate-1000 {
    background-color: var(--color--slate-1000);
  }
  .color--slate-accent {
    color: var(--color--slate-accent);
  }
  .background-color--slate-accent {
    background-color: var(--color--slate-accent);
  }
  .color--cobalt-100 {
    color: var(--color--cobalt-100);
  }
  .background-color--cobalt-100 {
    background-color: var(--color--cobalt-100);
  }
  .color--cobalt-200 {
    color: var(--color--cobalt-200);
  }
  .background-color--cobalt-200 {
    background-color: var(--color--cobalt-200);
  }
  .color--cobalt-300 {
    color: var(--color--cobalt-300);
  }
  .background-color--cobalt-300 {
    background-color: var(--color--cobalt-300);
  }
  .color--cobalt-400 {
    color: var(--color--cobalt-400);
  }
  .background-color--cobalt-400 {
    background-color: var(--color--cobalt-400);
  }
  .color--cobalt-500 {
    color: var(--color--cobalt-500);
  }
  .background-color--cobalt-500 {
    background-color: var(--color--cobalt-500);
  }
  .color--cobalt-600 {
    color: var(--color--cobalt-600);
  }
  .background-color--cobalt-600 {
    background-color: var(--color--cobalt-600);
  }
  .color--cobalt-700 {
    color: var(--color--cobalt-700);
  }
  .background-color--cobalt-700 {
    background-color: var(--color--cobalt-700);
  }
  .color--cobalt-800 {
    color: var(--color--cobalt-800);
  }
  .background-color--cobalt-800 {
    background-color: var(--color--cobalt-800);
  }
  .color--cobalt-900 {
    color: var(--color--cobalt-900);
  }
  .background-color--cobalt-900 {
    background-color: var(--color--cobalt-900);
  }
  .color--cobalt-1000 {
    color: var(--color--cobalt-1000);
  }
  .background-color--cobalt-1000 {
    background-color: var(--color--cobalt-1000);
  }
  .color--cobalt-accent {
    color: var(--color--cobalt-accent);
  }
  .background-color--cobalt-accent {
    background-color: var(--color--cobalt-accent);
  }
  .color--purple-100 {
    color: var(--color--purple-100);
  }
  .background-color--purple-100 {
    background-color: var(--color--purple-100);
  }
  .color--purple-200 {
    color: var(--color--purple-200);
  }
  .background-color--purple-200 {
    background-color: var(--color--purple-200);
  }
  .color--purple-300 {
    color: var(--color--purple-300);
  }
  .background-color--purple-300 {
    background-color: var(--color--purple-300);
  }
  .color--purple-400 {
    color: var(--color--purple-400);
  }
  .background-color--purple-400 {
    background-color: var(--color--purple-400);
  }
  .color--purple-500 {
    color: var(--color--purple-500);
  }
  .background-color--purple-500 {
    background-color: var(--color--purple-500);
  }
  .color--purple-600 {
    color: var(--color--purple-600);
  }
  .background-color--purple-600 {
    background-color: var(--color--purple-600);
  }
  .color--purple-700 {
    color: var(--color--purple-700);
  }
  .background-color--purple-700 {
    background-color: var(--color--purple-700);
  }
  .color--purple-800 {
    color: var(--color--purple-800);
  }
  .background-color--purple-800 {
    background-color: var(--color--purple-800);
  }
  .color--purple-900 {
    color: var(--color--purple-900);
  }
  .background-color--purple-900 {
    background-color: var(--color--purple-900);
  }
  .color--purple-1000 {
    color: var(--color--purple-1000);
  }
  .background-color--purple-1000 {
    background-color: var(--color--purple-1000);
  }
  .color--purple-accent {
    color: var(--color--purple-accent);
  }
  .background-color--purple-accent {
    background-color: var(--color--purple-accent);
  }
  .color--magenta-100 {
    color: var(--color--magenta-100);
  }
  .background-color--magenta-100 {
    background-color: var(--color--magenta-100);
  }
  .color--magenta-200 {
    color: var(--color--magenta-200);
  }
  .background-color--magenta-200 {
    background-color: var(--color--magenta-200);
  }
  .color--magenta-300 {
    color: var(--color--magenta-300);
  }
  .background-color--magenta-300 {
    background-color: var(--color--magenta-300);
  }
  .color--magenta-400 {
    color: var(--color--magenta-400);
  }
  .background-color--magenta-400 {
    background-color: var(--color--magenta-400);
  }
  .color--magenta-500 {
    color: var(--color--magenta-500);
  }
  .background-color--magenta-500 {
    background-color: var(--color--magenta-500);
  }
  .color--magenta-600 {
    color: var(--color--magenta-600);
  }
  .background-color--magenta-600 {
    background-color: var(--color--magenta-600);
  }
  .color--magenta-700 {
    color: var(--color--magenta-700);
  }
  .background-color--magenta-700 {
    background-color: var(--color--magenta-700);
  }
  .color--magenta-800 {
    color: var(--color--magenta-800);
  }
  .background-color--magenta-800 {
    background-color: var(--color--magenta-800);
  }
  .color--magenta-900 {
    color: var(--color--magenta-900);
  }
  .background-color--magenta-900 {
    background-color: var(--color--magenta-900);
  }
  .color--magenta-1000 {
    color: var(--color--magenta-1000);
  }
  .background-color--magenta-1000 {
    background-color: var(--color--magenta-1000);
  }
  .color--magenta-accent {
    color: var(--color--magenta-accent);
  }
  .background-color--magenta-accent {
    background-color: var(--color--magenta-accent);
  }
  .color--charcoal-100 {
    color: var(--color--charcoal-100);
  }
  .background-color--charcoal-100 {
    background-color: var(--color--charcoal-100);
  }
  .color--charcoal-200 {
    color: var(--color--charcoal-200);
  }
  .background-color--charcoal-200 {
    background-color: var(--color--charcoal-200);
  }
  .color--charcoal-300 {
    color: var(--color--charcoal-300);
  }
  .background-color--charcoal-300 {
    background-color: var(--color--charcoal-300);
  }
  .color--charcoal-400 {
    color: var(--color--charcoal-400);
  }
  .background-color--charcoal-400 {
    background-color: var(--color--charcoal-400);
  }
  .color--charcoal-500 {
    color: var(--color--charcoal-500);
  }
  .background-color--charcoal-500 {
    background-color: var(--color--charcoal-500);
  }
  .color--charcoal-600 {
    color: var(--color--charcoal-600);
  }
  .background-color--charcoal-600 {
    background-color: var(--color--charcoal-600);
  }
  .color--charcoal-700 {
    color: var(--color--charcoal-700);
  }
  .background-color--charcoal-700 {
    background-color: var(--color--charcoal-700);
  }
  .color--charcoal-800 {
    color: var(--color--charcoal-800);
  }
  .background-color--charcoal-800 {
    background-color: var(--color--charcoal-800);
  }
  .color--charcoal-900 {
    color: var(--color--charcoal-900);
  }
  .background-color--charcoal-900 {
    background-color: var(--color--charcoal-900);
  }
  .color--charcoal-1000 {
    color: var(--color--charcoal-1000);
  }
  .background-color--charcoal-1000 {
    background-color: var(--color--charcoal-1000);
  }
  .color--charcoal-1100 {
    color: var(--color--charcoal-1100);
  }
  .background-color--charcoal-1100 {
    background-color: var(--color--charcoal-1100);
  }
  .color--charcoal-1200 {
    color: var(--color--charcoal-1200);
  }
  .background-color--charcoal-1200 {
    background-color: var(--color--charcoal-1200);
  }
  .color--clay-100 {
    color: var(--color--clay-100);
  }
  .background-color--clay-100 {
    background-color: var(--color--clay-100);
  }
  .color--clay-200 {
    color: var(--color--clay-200);
  }
  .background-color--clay-200 {
    background-color: var(--color--clay-200);
  }
  .color--clay-300 {
    color: var(--color--clay-300);
  }
  .background-color--clay-300 {
    background-color: var(--color--clay-300);
  }
  .color--clay-400 {
    color: var(--color--clay-400);
  }
  .background-color--clay-400 {
    background-color: var(--color--clay-400);
  }
  .color--clay-500 {
    color: var(--color--clay-500);
  }
  .background-color--clay-500 {
    background-color: var(--color--clay-500);
  }
  .color--clay-600 {
    color: var(--color--clay-600);
  }
  .background-color--clay-600 {
    background-color: var(--color--clay-600);
  }
  .color--clay-700 {
    color: var(--color--clay-700);
  }
  .background-color--clay-700 {
    background-color: var(--color--clay-700);
  }
  .color--clay-800 {
    color: var(--color--clay-800);
  }
  .background-color--clay-800 {
    background-color: var(--color--clay-800);
  }
  .color--clay-900 {
    color: var(--color--clay-900);
  }
  .background-color--clay-900 {
    background-color: var(--color--clay-900);
  }
  .color--clay-1000 {
    color: var(--color--clay-1000);
  }
  .background-color--clay-1000 {
    background-color: var(--color--clay-1000);
  }
  .color--clay-1100 {
    color: var(--color--clay-1100);
  }
  .background-color--clay-1100 {
    background-color: var(--color--clay-1100);
  }
  .color--clay-1200 {
    color: var(--color--clay-1200);
  }
  .background-color--clay-1200 {
    background-color: var(--color--clay-1200);
  }
  .color--basics-white {
    color: var(--color--basics-white);
  }
  .background-color--basics-white {
    background-color: var(--color--basics-white);
  }
  .color--basics-black {
    color: var(--color--basics-black);
  }
  .background-color--basics-black {
    background-color: var(--color--basics-black);
  }
  .color--basics-magenta {
    color: var(--color--basics-magenta);
  }
  .background-color--basics-magenta {
    background-color: var(--color--basics-magenta);
  }
  .color--basics-cyan {
    color: var(--color--basics-cyan);
  }
  .background-color--basics-cyan {
    background-color: var(--color--basics-cyan);
  }
  .color--action-default {
    color: var(--color--action-default);
  }
  .background-color--action-default {
    background-color: var(--color--action-default);
  }
  .color--action-hovered {
    color: var(--color--action-hovered);
  }
  .background-color--action-hovered {
    background-color: var(--color--action-hovered);
  }
  .color--action-pressed {
    color: var(--color--action-pressed);
  }
  .background-color--action-pressed {
    background-color: var(--color--action-pressed);
  }
  .color--action-disabled {
    color: var(--color--action-disabled);
  }
  .background-color--action-disabled {
    background-color: var(--color--action-disabled);
  }
  .color--text-headline {
    color: var(--color--text-headline);
  }
  .background-color--text-headline {
    background-color: var(--color--text-headline);
  }
  .color--text-dark {
    color: var(--color--text-dark);
  }
  .background-color--text-dark {
    background-color: var(--color--text-dark);
  }
  .color--text-default {
    color: var(--color--text-default);
  }
  .background-color--text-default {
    background-color: var(--color--text-default);
  }
  .color--text-light {
    color: var(--color--text-light);
  }
  .background-color--text-light {
    background-color: var(--color--text-light);
  }
  .color--text-disabled {
    color: var(--color--text-disabled);
  }
  .background-color--text-disabled {
    background-color: var(--color--text-disabled);
  }
  .color--success-text {
    color: var(--color--success-text);
  }
  .background-color--success-text {
    background-color: var(--color--success-text);
  }
  .color--success-background-dark {
    color: var(--color--success-background-dark);
  }
  .background-color--success-background-dark {
    background-color: var(--color--success-background-dark);
  }
  .color--success-icon {
    color: var(--color--success-icon);
  }
  .background-color--success-icon {
    background-color: var(--color--success-icon);
  }
  .color--success-border {
    color: var(--color--success-border);
  }
  .background-color--success-border {
    background-color: var(--color--success-border);
  }
  .color--success-background-light {
    color: var(--color--success-background-light);
  }
  .background-color--success-background-light {
    background-color: var(--color--success-background-light);
  }
  .color--error-text {
    color: var(--color--error-text);
  }
  .background-color--error-text {
    background-color: var(--color--error-text);
  }
  .color--error-background-dark {
    color: var(--color--error-background-dark);
  }
  .background-color--error-background-dark {
    background-color: var(--color--error-background-dark);
  }
  .color--error-icon {
    color: var(--color--error-icon);
  }
  .background-color--error-icon {
    background-color: var(--color--error-icon);
  }
  .color--error-border {
    color: var(--color--error-border);
  }
  .background-color--error-border {
    background-color: var(--color--error-border);
  }
  .color--error-background-light {
    color: var(--color--error-background-light);
  }
  .background-color--error-background-light {
    background-color: var(--color--error-background-light);
  }
  .color--warning-text {
    color: var(--color--warning-text);
  }
  .background-color--warning-text {
    background-color: var(--color--warning-text);
  }
  .color--warning-background-dark {
    color: var(--color--warning-background-dark);
  }
  .background-color--warning-background-dark {
    background-color: var(--color--warning-background-dark);
  }
  .color--warning-icon {
    color: var(--color--warning-icon);
  }
  .background-color--warning-icon {
    background-color: var(--color--warning-icon);
  }
  .color--warning-border {
    color: var(--color--warning-border);
  }
  .background-color--warning-border {
    background-color: var(--color--warning-border);
  }
  .color--warning-background-light {
    color: var(--color--warning-background-light);
  }
  .background-color--warning-background-light {
    background-color: var(--color--warning-background-light);
  }
  .color--info-text {
    color: var(--color--info-text);
  }
  .background-color--info-text {
    background-color: var(--color--info-text);
  }
  .color--info-background-dark {
    color: var(--color--info-background-dark);
  }
  .background-color--info-background-dark {
    background-color: var(--color--info-background-dark);
  }
  .color--info-icon {
    color: var(--color--info-icon);
  }
  .background-color--info-icon {
    background-color: var(--color--info-icon);
  }
  .color--info-border {
    color: var(--color--info-border);
  }
  .background-color--info-border {
    background-color: var(--color--info-border);
  }
  .color--info-background-light {
    color: var(--color--info-background-light);
  }
  .background-color--info-background-light {
    background-color: var(--color--info-background-light);
  }
  :root {
    --opacity--0: 0%;
    --opacity--8: 0.08;
    --opacity--16: 0.16;
    --opacity--24: 0.24;
    --opacity--32: 0.32;
    --opacity--48: 0.48;
    --opacity--60: 0.6;
    --opacity--72: 0.72;
    --opacity--80: 0.8;
    --opacity--100: 1;
  }
  .opacity--0 {
    opacity: var(--opacity--0);
  }
  .opacity--8 {
    opacity: var(--opacity--8);
  }
  .opacity--16 {
    opacity: var(--opacity--16);
  }
  .opacity--24 {
    opacity: var(--opacity--24);
  }
  .opacity--32 {
    opacity: var(--opacity--32);
  }
  .opacity--48 {
    opacity: var(--opacity--48);
  }
  .opacity--60 {
    opacity: var(--opacity--60);
  }
  .opacity--72 {
    opacity: var(--opacity--72);
  }
  .opacity--80 {
    opacity: var(--opacity--80);
  }
  .opacity--100 {
    opacity: var(--opacity--100);
  }
  :root {
    --container-width: min(calc(100vw - var(--spacing--M) * 2), 1280px);
    --max-width--column--1: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 1) + (var(--spacing--M) * 0)
    );
    --max-width--column--2: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 2) + (var(--spacing--M) * 1)
    );
    --max-width--column--3: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 3) + (var(--spacing--M) * 2)
    );
    --max-width--column--4: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 4) + (var(--spacing--M) * 3)
    );
    --max-width--column--5: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 5) + (var(--spacing--M) * 4)
    );
    --max-width--column--6: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 6) + (var(--spacing--M) * 5)
    );
    --max-width--column--7: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 7) + (var(--spacing--M) * 6)
    );
    --max-width--column--8: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 8) + (var(--spacing--M) * 7)
    );
    --max-width--column--9: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 9) + (var(--spacing--M) * 8)
    );
    --max-width--column--10: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 10) + (var(--spacing--M) * 9)
    );
    --max-width--column--11: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 11) + (var(--spacing--M) * 10)
    );
    --max-width--column--12: calc(
      ((1280px - 11 * var(--spacing--M)) / 12 * 12) + (var(--spacing--M) * 11)
    );
  }
  @media (min-width: 1600px) {
    :root {
      --container-width: clamp(80rem, 80vw + 0rem, 100rem);
      --max-width--column--1: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 1) +
          (var(--spacing--M) * 0)
      );
      --max-width--column--2: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 2) +
          (var(--spacing--M) * 1)
      );
      --max-width--column--3: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 3) +
          (var(--spacing--M) * 2)
      );
      --max-width--column--4: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 4) +
          (var(--spacing--M) * 3)
      );
      --max-width--column--5: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 5) +
          (var(--spacing--M) * 4)
      );
      --max-width--column--6: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 6) +
          (var(--spacing--M) * 5)
      );
      --max-width--column--7: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 7) +
          (var(--spacing--M) * 6)
      );
      --max-width--column--8: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 8) +
          (var(--spacing--M) * 7)
      );
      --max-width--column--9: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 9) +
          (var(--spacing--M) * 8)
      );
      --max-width--column--10: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 10) +
          (var(--spacing--M) * 9)
      );
      --max-width--column--11: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 11) +
          (var(--spacing--M) * 10)
      );
      --max-width--column--12: calc(
        ((var(--container-width) - 11 * var(--spacing--M)) / 12 * 12) +
          (var(--spacing--M) * 11)
      );
    }
  }
  .container {
    width: var(--container-width);
    margin: 0 auto;
  }
  .grid {
    display: grid;
    grid-template-columns: repeat(6, calc((100% - var(--spacing--M) * 5) / 6));
    gap: 0 var(--spacing--M);
  }
  .column {
    grid-column: 1/7;
  }
  @media (min-width: 768px) {
    .grid {
      grid-template-columns: repeat(
        12,
        calc((100% - var(--spacing--M) * 11) / 12)
      );
    }
    .column {
      grid-column: 1/13;
    }
  }
  .column--1-2-XS {
    grid-column: 1/2;
  }
  .column--2-3-XS {
    grid-column: 2/3;
  }
  .column--3-4-XS {
    grid-column: 3/4;
  }
  .column--4-5-XS {
    grid-column: 4/5;
  }
  .column--5-6-XS {
    grid-column: 5/6;
  }
  .column--6-7-XS {
    grid-column: 6/7;
  }
  .column--1-3-XS {
    grid-column: 1/3;
  }
  .column--2-4-XS {
    grid-column: 2/4;
  }
  .column--3-5-XS {
    grid-column: 3/5;
  }
  .column--4-6-XS {
    grid-column: 4/6;
  }
  .column--5-7-XS {
    grid-column: 5/7;
  }
  .column--1-4-XS {
    grid-column: 1/4;
  }
  .column--2-5-XS {
    grid-column: 2/5;
  }
  .column--3-6-XS {
    grid-column: 3/6;
  }
  .column--4-7-XS {
    grid-column: 4/7;
  }
  .column--1-5-XS {
    grid-column: 1/5;
  }
  .column--2-6-XS {
    grid-column: 2/6;
  }
  .column--3-7-XS {
    grid-column: 3/7;
  }
  .column--1-6-XS {
    grid-column: 1/6;
  }
  .column--2-7-XS {
    grid-column: 2/7;
  }
  .column--1-7-XS {
    grid-column: 1/7;
  }
  @media (min-width: 480px) {
    .column--1-2-S {
      grid-column: 1/2;
    }
    .column--2-3-S {
      grid-column: 2/3;
    }
    .column--3-4-S {
      grid-column: 3/4;
    }
    .column--4-5-S {
      grid-column: 4/5;
    }
    .column--5-6-S {
      grid-column: 5/6;
    }
    .column--6-7-S {
      grid-column: 6/7;
    }
    .column--1-3-S {
      grid-column: 1/3;
    }
    .column--2-4-S {
      grid-column: 2/4;
    }
    .column--3-5-S {
      grid-column: 3/5;
    }
    .column--4-6-S {
      grid-column: 4/6;
    }
    .column--5-7-S {
      grid-column: 5/7;
    }
    .column--1-4-S {
      grid-column: 1/4;
    }
    .column--2-5-S {
      grid-column: 2/5;
    }
    .column--3-6-S {
      grid-column: 3/6;
    }
    .column--4-7-S {
      grid-column: 4/7;
    }
    .column--1-5-S {
      grid-column: 1/5;
    }
    .column--2-6-S {
      grid-column: 2/6;
    }
    .column--3-7-S {
      grid-column: 3/7;
    }
    .column--1-6-S {
      grid-column: 1/6;
    }
    .column--2-7-S {
      grid-column: 2/7;
    }
    .column--1-7-S {
      grid-column: 1/7;
    }
  }
  @media (min-width: 768px) {
    .column--1-2-M {
      grid-column: 1/2;
    }
    .column--2-3-M {
      grid-column: 2/3;
    }
    .column--3-4-M {
      grid-column: 3/4;
    }
    .column--4-5-M {
      grid-column: 4/5;
    }
    .column--5-6-M {
      grid-column: 5/6;
    }
    .column--6-7-M {
      grid-column: 6/7;
    }
    .column--7-8-M {
      grid-column: 7/8;
    }
    .column--8-9-M {
      grid-column: 8/9;
    }
    .column--9-10-M {
      grid-column: 9/10;
    }
    .column--10-11-M {
      grid-column: 10/11;
    }
    .column--11-12-M {
      grid-column: 11/12;
    }
    .column--12-13-M {
      grid-column: 12/13;
    }
    .column--1-3-M {
      grid-column: 1/3;
    }
    .column--2-4-M {
      grid-column: 2/4;
    }
    .column--3-5-M {
      grid-column: 3/5;
    }
    .column--4-6-M {
      grid-column: 4/6;
    }
    .column--5-7-M {
      grid-column: 5/7;
    }
    .column--6-8-M {
      grid-column: 6/8;
    }
    .column--7-9-M {
      grid-column: 7/9;
    }
    .column--8-10-M {
      grid-column: 8/10;
    }
    .column--9-11-M {
      grid-column: 9/11;
    }
    .column--10-12-M {
      grid-column: 10/12;
    }
    .column--11-13-M {
      grid-column: 11/13;
    }
    .column--1-4-M {
      grid-column: 1/4;
    }
    .column--2-5-M {
      grid-column: 2/5;
    }
    .column--3-6-M {
      grid-column: 3/6;
    }
    .column--4-7-M {
      grid-column: 4/7;
    }
    .column--5-8-M {
      grid-column: 5/8;
    }
    .column--6-9-M {
      grid-column: 6/9;
    }
    .column--7-10-M {
      grid-column: 7/10;
    }
    .column--8-11-M {
      grid-column: 8/11;
    }
    .column--9-12-M {
      grid-column: 9/12;
    }
    .column--10-13-M {
      grid-column: 10/13;
    }
    .column--1-5-M {
      grid-column: 1/5;
    }
    .column--2-6-M {
      grid-column: 2/6;
    }
    .column--3-7-M {
      grid-column: 3/7;
    }
    .column--4-8-M {
      grid-column: 4/8;
    }
    .column--5-9-M {
      grid-column: 5/9;
    }
    .column--6-10-M {
      grid-column: 6/10;
    }
    .column--7-11-M {
      grid-column: 7/11;
    }
    .column--8-12-M {
      grid-column: 8/12;
    }
    .column--9-13-M {
      grid-column: 9/13;
    }
    .column--1-6-M {
      grid-column: 1/6;
    }
    .column--2-7-M {
      grid-column: 2/7;
    }
    .column--3-8-M {
      grid-column: 3/8;
    }
    .column--4-9-M {
      grid-column: 4/9;
    }
    .column--5-10-M {
      grid-column: 5/10;
    }
    .column--6-11-M {
      grid-column: 6/11;
    }
    .column--7-12-M {
      grid-column: 7/12;
    }
    .column--8-13-M {
      grid-column: 8/13;
    }
    .column--1-7-M {
      grid-column: 1/7;
    }
    .column--2-8-M {
      grid-column: 2/8;
    }
    .column--3-9-M {
      grid-column: 3/9;
    }
    .column--4-10-M {
      grid-column: 4/10;
    }
    .column--5-11-M {
      grid-column: 5/11;
    }
    .column--6-12-M {
      grid-column: 6/12;
    }
    .column--7-13-M {
      grid-column: 7/13;
    }
    .column--1-8-M {
      grid-column: 1/8;
    }
    .column--2-9-M {
      grid-column: 2/9;
    }
    .column--3-10-M {
      grid-column: 3/10;
    }
    .column--4-11-M {
      grid-column: 4/11;
    }
    .column--5-12-M {
      grid-column: 5/12;
    }
    .column--6-13-M {
      grid-column: 6/13;
    }
    .column--1-9-M {
      grid-column: 1/9;
    }
    .column--2-10-M {
      grid-column: 2/10;
    }
    .column--3-11-M {
      grid-column: 3/11;
    }
    .column--4-12-M {
      grid-column: 4/12;
    }
    .column--5-13-M {
      grid-column: 5/13;
    }
    .column--1-10-M {
      grid-column: 1/10;
    }
    .column--2-11-M {
      grid-column: 2/11;
    }
    .column--3-12-M {
      grid-column: 3/12;
    }
    .column--4-13-M {
      grid-column: 4/13;
    }
    .column--1-11-M {
      grid-column: 1/11;
    }
    .column--2-12-M {
      grid-column: 2/12;
    }
    .column--3-13-M {
      grid-column: 3/13;
    }
    .column--1-12-M {
      grid-column: 1/12;
    }
    .column--2-13-M {
      grid-column: 2/13;
    }
    .column--1-13-M {
      grid-column: 1/13;
    }
  }
  @media (min-width: 1024px) {
    .column--1-2-L {
      grid-column: 1/2;
    }
    .column--2-3-L {
      grid-column: 2/3;
    }
    .column--3-4-L {
      grid-column: 3/4;
    }
    .column--4-5-L {
      grid-column: 4/5;
    }
    .column--5-6-L {
      grid-column: 5/6;
    }
    .column--6-7-L {
      grid-column: 6/7;
    }
    .column--7-8-L {
      grid-column: 7/8;
    }
    .column--8-9-L {
      grid-column: 8/9;
    }
    .column--9-10-L {
      grid-column: 9/10;
    }
    .column--10-11-L {
      grid-column: 10/11;
    }
    .column--11-12-L {
      grid-column: 11/12;
    }
    .column--12-13-L {
      grid-column: 12/13;
    }
    .column--1-3-L {
      grid-column: 1/3;
    }
    .column--2-4-L {
      grid-column: 2/4;
    }
    .column--3-5-L {
      grid-column: 3/5;
    }
    .column--4-6-L {
      grid-column: 4/6;
    }
    .column--5-7-L {
      grid-column: 5/7;
    }
    .column--6-8-L {
      grid-column: 6/8;
    }
    .column--7-9-L {
      grid-column: 7/9;
    }
    .column--8-10-L {
      grid-column: 8/10;
    }
    .column--9-11-L {
      grid-column: 9/11;
    }
    .column--10-12-L {
      grid-column: 10/12;
    }
    .column--11-13-L {
      grid-column: 11/13;
    }
    .column--1-4-L {
      grid-column: 1/4;
    }
    .column--2-5-L {
      grid-column: 2/5;
    }
    .column--3-6-L {
      grid-column: 3/6;
    }
    .column--4-7-L {
      grid-column: 4/7;
    }
    .column--5-8-L {
      grid-column: 5/8;
    }
    .column--6-9-L {
      grid-column: 6/9;
    }
    .column--7-10-L {
      grid-column: 7/10;
    }
    .column--8-11-L {
      grid-column: 8/11;
    }
    .column--9-12-L {
      grid-column: 9/12;
    }
    .column--10-13-L {
      grid-column: 10/13;
    }
    .column--1-5-L {
      grid-column: 1/5;
    }
    .column--2-6-L {
      grid-column: 2/6;
    }
    .column--3-7-L {
      grid-column: 3/7;
    }
    .column--4-8-L {
      grid-column: 4/8;
    }
    .column--5-9-L {
      grid-column: 5/9;
    }
    .column--6-10-L {
      grid-column: 6/10;
    }
    .column--7-11-L {
      grid-column: 7/11;
    }
    .column--8-12-L {
      grid-column: 8/12;
    }
    .column--9-13-L {
      grid-column: 9/13;
    }
    .column--1-6-L {
      grid-column: 1/6;
    }
    .column--2-7-L {
      grid-column: 2/7;
    }
    .column--3-8-L {
      grid-column: 3/8;
    }
    .column--4-9-L {
      grid-column: 4/9;
    }
    .column--5-10-L {
      grid-column: 5/10;
    }
    .column--6-11-L {
      grid-column: 6/11;
    }
    .column--7-12-L {
      grid-column: 7/12;
    }
    .column--8-13-L {
      grid-column: 8/13;
    }
    .column--1-7-L {
      grid-column: 1/7;
    }
    .column--2-8-L {
      grid-column: 2/8;
    }
    .column--3-9-L {
      grid-column: 3/9;
    }
    .column--4-10-L {
      grid-column: 4/10;
    }
    .column--5-11-L {
      grid-column: 5/11;
    }
    .column--6-12-L {
      grid-column: 6/12;
    }
    .column--7-13-L {
      grid-column: 7/13;
    }
    .column--1-8-L {
      grid-column: 1/8;
    }
    .column--2-9-L {
      grid-column: 2/9;
    }
    .column--3-10-L {
      grid-column: 3/10;
    }
    .column--4-11-L {
      grid-column: 4/11;
    }
    .column--5-12-L {
      grid-column: 5/12;
    }
    .column--6-13-L {
      grid-column: 6/13;
    }
    .column--1-9-L {
      grid-column: 1/9;
    }
    .column--2-10-L {
      grid-column: 2/10;
    }
    .column--3-11-L {
      grid-column: 3/11;
    }
    .column--4-12-L {
      grid-column: 4/12;
    }
    .column--5-13-L {
      grid-column: 5/13;
    }
    .column--1-10-L {
      grid-column: 1/10;
    }
    .column--2-11-L {
      grid-column: 2/11;
    }
    .column--3-12-L {
      grid-column: 3/12;
    }
    .column--4-13-L {
      grid-column: 4/13;
    }
    .column--1-11-L {
      grid-column: 1/11;
    }
    .column--2-12-L {
      grid-column: 2/12;
    }
    .column--3-13-L {
      grid-column: 3/13;
    }
    .column--1-12-L {
      grid-column: 1/12;
    }
    .column--2-13-L {
      grid-column: 2/13;
    }
    .column--1-13-L {
      grid-column: 1/13;
    }
  }
  @media (min-width: 1600px) {
    .column--1-2-XL {
      grid-column: 1/2;
    }
    .column--2-3-XL {
      grid-column: 2/3;
    }
    .column--3-4-XL {
      grid-column: 3/4;
    }
    .column--4-5-XL {
      grid-column: 4/5;
    }
    .column--5-6-XL {
      grid-column: 5/6;
    }
    .column--6-7-XL {
      grid-column: 6/7;
    }
    .column--7-8-XL {
      grid-column: 7/8;
    }
    .column--8-9-XL {
      grid-column: 8/9;
    }
    .column--9-10-XL {
      grid-column: 9/10;
    }
    .column--10-11-XL {
      grid-column: 10/11;
    }
    .column--11-12-XL {
      grid-column: 11/12;
    }
    .column--12-13-XL {
      grid-column: 12/13;
    }
    .column--1-3-XL {
      grid-column: 1/3;
    }
    .column--2-4-XL {
      grid-column: 2/4;
    }
    .column--3-5-XL {
      grid-column: 3/5;
    }
    .column--4-6-XL {
      grid-column: 4/6;
    }
    .column--5-7-XL {
      grid-column: 5/7;
    }
    .column--6-8-XL {
      grid-column: 6/8;
    }
    .column--7-9-XL {
      grid-column: 7/9;
    }
    .column--8-10-XL {
      grid-column: 8/10;
    }
    .column--9-11-XL {
      grid-column: 9/11;
    }
    .column--10-12-XL {
      grid-column: 10/12;
    }
    .column--11-13-XL {
      grid-column: 11/13;
    }
    .column--1-4-XL {
      grid-column: 1/4;
    }
    .column--2-5-XL {
      grid-column: 2/5;
    }
    .column--3-6-XL {
      grid-column: 3/6;
    }
    .column--4-7-XL {
      grid-column: 4/7;
    }
    .column--5-8-XL {
      grid-column: 5/8;
    }
    .column--6-9-XL {
      grid-column: 6/9;
    }
    .column--7-10-XL {
      grid-column: 7/10;
    }
    .column--8-11-XL {
      grid-column: 8/11;
    }
    .column--9-12-XL {
      grid-column: 9/12;
    }
    .column--10-13-XL {
      grid-column: 10/13;
    }
    .column--1-5-XL {
      grid-column: 1/5;
    }
    .column--2-6-XL {
      grid-column: 2/6;
    }
    .column--3-7-XL {
      grid-column: 3/7;
    }
    .column--4-8-XL {
      grid-column: 4/8;
    }
    .column--5-9-XL {
      grid-column: 5/9;
    }
    .column--6-10-XL {
      grid-column: 6/10;
    }
    .column--7-11-XL {
      grid-column: 7/11;
    }
    .column--8-12-XL {
      grid-column: 8/12;
    }
    .column--9-13-XL {
      grid-column: 9/13;
    }
    .column--1-6-XL {
      grid-column: 1/6;
    }
    .column--2-7-XL {
      grid-column: 2/7;
    }
    .column--3-8-XL {
      grid-column: 3/8;
    }
    .column--4-9-XL {
      grid-column: 4/9;
    }
    .column--5-10-XL {
      grid-column: 5/10;
    }
    .column--6-11-XL {
      grid-column: 6/11;
    }
    .column--7-12-XL {
      grid-column: 7/12;
    }
    .column--8-13-XL {
      grid-column: 8/13;
    }
    .column--1-7-XL {
      grid-column: 1/7;
    }
    .column--2-8-XL {
      grid-column: 2/8;
    }
    .column--3-9-XL {
      grid-column: 3/9;
    }
    .column--4-10-XL {
      grid-column: 4/10;
    }
    .column--5-11-XL {
      grid-column: 5/11;
    }
    .column--6-12-XL {
      grid-column: 6/12;
    }
    .column--7-13-XL {
      grid-column: 7/13;
    }
    .column--1-8-XL {
      grid-column: 1/8;
    }
    .column--2-9-XL {
      grid-column: 2/9;
    }
    .column--3-10-XL {
      grid-column: 3/10;
    }
    .column--4-11-XL {
      grid-column: 4/11;
    }
    .column--5-12-XL {
      grid-column: 5/12;
    }
    .column--6-13-XL {
      grid-column: 6/13;
    }
    .column--1-9-XL {
      grid-column: 1/9;
    }
    .column--2-10-XL {
      grid-column: 2/10;
    }
    .column--3-11-XL {
      grid-column: 3/11;
    }
    .column--4-12-XL {
      grid-column: 4/12;
    }
    .column--5-13-XL {
      grid-column: 5/13;
    }
    .column--1-10-XL {
      grid-column: 1/10;
    }
    .column--2-11-XL {
      grid-column: 2/11;
    }
    .column--3-12-XL {
      grid-column: 3/12;
    }
    .column--4-13-XL {
      grid-column: 4/13;
    }
    .column--1-11-XL {
      grid-column: 1/11;
    }
    .column--2-12-XL {
      grid-column: 2/12;
    }
    .column--3-13-XL {
      grid-column: 3/13;
    }
    .column--1-12-XL {
      grid-column: 1/12;
    }
    .column--2-13-XL {
      grid-column: 2/13;
    }
    .column--1-13-XL {
      grid-column: 1/13;
    }
  }
  @media (min-width: 2000px) {
    .column--1-2-2XL {
      grid-column: 1/2;
    }
    .column--2-3-2XL {
      grid-column: 2/3;
    }
    .column--3-4-2XL {
      grid-column: 3/4;
    }
    .column--4-5-2XL {
      grid-column: 4/5;
    }
    .column--5-6-2XL {
      grid-column: 5/6;
    }
    .column--6-7-2XL {
      grid-column: 6/7;
    }
    .column--7-8-2XL {
      grid-column: 7/8;
    }
    .column--8-9-2XL {
      grid-column: 8/9;
    }
    .column--9-10-2XL {
      grid-column: 9/10;
    }
    .column--10-11-2XL {
      grid-column: 10/11;
    }
    .column--11-12-2XL {
      grid-column: 11/12;
    }
    .column--12-13-2XL {
      grid-column: 12/13;
    }
    .column--1-3-2XL {
      grid-column: 1/3;
    }
    .column--2-4-2XL {
      grid-column: 2/4;
    }
    .column--3-5-2XL {
      grid-column: 3/5;
    }
    .column--4-6-2XL {
      grid-column: 4/6;
    }
    .column--5-7-2XL {
      grid-column: 5/7;
    }
    .column--6-8-2XL {
      grid-column: 6/8;
    }
    .column--7-9-2XL {
      grid-column: 7/9;
    }
    .column--8-10-2XL {
      grid-column: 8/10;
    }
    .column--9-11-2XL {
      grid-column: 9/11;
    }
    .column--10-12-2XL {
      grid-column: 10/12;
    }
    .column--11-13-2XL {
      grid-column: 11/13;
    }
    .column--1-4-2XL {
      grid-column: 1/4;
    }
    .column--2-5-2XL {
      grid-column: 2/5;
    }
    .column--3-6-2XL {
      grid-column: 3/6;
    }
    .column--4-7-2XL {
      grid-column: 4/7;
    }
    .column--5-8-2XL {
      grid-column: 5/8;
    }
    .column--6-9-2XL {
      grid-column: 6/9;
    }
    .column--7-10-2XL {
      grid-column: 7/10;
    }
    .column--8-11-2XL {
      grid-column: 8/11;
    }
    .column--9-12-2XL {
      grid-column: 9/12;
    }
    .column--10-13-2XL {
      grid-column: 10/13;
    }
    .column--1-5-2XL {
      grid-column: 1/5;
    }
    .column--2-6-2XL {
      grid-column: 2/6;
    }
    .column--3-7-2XL {
      grid-column: 3/7;
    }
    .column--4-8-2XL {
      grid-column: 4/8;
    }
    .column--5-9-2XL {
      grid-column: 5/9;
    }
    .column--6-10-2XL {
      grid-column: 6/10;
    }
    .column--7-11-2XL {
      grid-column: 7/11;
    }
    .column--8-12-2XL {
      grid-column: 8/12;
    }
    .column--9-13-2XL {
      grid-column: 9/13;
    }
    .column--1-6-2XL {
      grid-column: 1/6;
    }
    .column--2-7-2XL {
      grid-column: 2/7;
    }
    .column--3-8-2XL {
      grid-column: 3/8;
    }
    .column--4-9-2XL {
      grid-column: 4/9;
    }
    .column--5-10-2XL {
      grid-column: 5/10;
    }
    .column--6-11-2XL {
      grid-column: 6/11;
    }
    .column--7-12-2XL {
      grid-column: 7/12;
    }
    .column--8-13-2XL {
      grid-column: 8/13;
    }
    .column--1-7-2XL {
      grid-column: 1/7;
    }
    .column--2-8-2XL {
      grid-column: 2/8;
    }
    .column--3-9-2XL {
      grid-column: 3/9;
    }
    .column--4-10-2XL {
      grid-column: 4/10;
    }
    .column--5-11-2XL {
      grid-column: 5/11;
    }
    .column--6-12-2XL {
      grid-column: 6/12;
    }
    .column--7-13-2XL {
      grid-column: 7/13;
    }
    .column--1-8-2XL {
      grid-column: 1/8;
    }
    .column--2-9-2XL {
      grid-column: 2/9;
    }
    .column--3-10-2XL {
      grid-column: 3/10;
    }
    .column--4-11-2XL {
      grid-column: 4/11;
    }
    .column--5-12-2XL {
      grid-column: 5/12;
    }
    .column--6-13-2XL {
      grid-column: 6/13;
    }
    .column--1-9-2XL {
      grid-column: 1/9;
    }
    .column--2-10-2XL {
      grid-column: 2/10;
    }
    .column--3-11-2XL {
      grid-column: 3/11;
    }
    .column--4-12-2XL {
      grid-column: 4/12;
    }
    .column--5-13-2XL {
      grid-column: 5/13;
    }
    .column--1-10-2XL {
      grid-column: 1/10;
    }
    .column--2-11-2XL {
      grid-column: 2/11;
    }
    .column--3-12-2XL {
      grid-column: 3/12;
    }
    .column--4-13-2XL {
      grid-column: 4/13;
    }
    .column--1-11-2XL {
      grid-column: 1/11;
    }
    .column--2-12-2XL {
      grid-column: 2/12;
    }
    .column--3-13-2XL {
      grid-column: 3/13;
    }
    .column--1-12-2XL {
      grid-column: 1/12;
    }
    .column--2-13-2XL {
      grid-column: 2/13;
    }
    .column--1-13-2XL {
      grid-column: 1/13;
    }
  }
  .max-width--column--1 {
    max-width: var(--max-width--column--1);
  }
  .max-width--column--2 {
    max-width: var(--max-width--column--2);
  }
  .max-width--column--3 {
    max-width: var(--max-width--column--3);
  }
  .max-width--column--4 {
    max-width: var(--max-width--column--4);
  }
  .max-width--column--5 {
    max-width: var(--max-width--column--5);
  }
  .max-width--column--6 {
    max-width: var(--max-width--column--6);
  }
  .max-width--column--7 {
    max-width: var(--max-width--column--7);
  }
  .max-width--column--8 {
    max-width: var(--max-width--column--8);
  }
  .max-width--column--9 {
    max-width: var(--max-width--column--9);
  }
  .max-width--column--10 {
    max-width: var(--max-width--column--10);
  }
  .max-width--column--11 {
    max-width: var(--max-width--column--11);
  }
  .max-width--column--12 {
    max-width: var(--max-width--column--12);
  }
  .flex {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing--M);
  }
  .flex-item--1 {
    flex: 0 0 calc(100% - var(--spacing--M) * 0 / 1);
  }
  .flex-item--2 {
    flex: 0 0 calc(50% - var(--spacing--M) * 1 / 2);
  }
  .flex-item--3 {
    flex: 0 0 calc(33.3333333333% - var(--spacing--M) * 2 / 3);
  }
  .flex-item--4 {
    flex: 0 0 calc(25% - var(--spacing--M) * 3 / 4);
  }
  .flex-item--5 {
    flex: 0 0 calc(20% - var(--spacing--M) * 4 / 5);
  }
  .flex-item--6 {
    flex: 0 0 calc(16.6666666667% - var(--spacing--M) * 5 / 6);
  }
  .flex-item--7 {
    flex: 0 0 calc(14.2857142857% - var(--spacing--M) * 6 / 7);
  }
  .flex-item--8 {
    flex: 0 0 calc(12.5% - var(--spacing--M) * 7 / 8);
  }
  .flex-item--9 {
    flex: 0 0 calc(11.1111111111% - var(--spacing--M) * 8 / 9);
  }
  .flex-item--10 {
    flex: 0 0 calc(10% - var(--spacing--M) * 9 / 10);
  }
  .flex-item--11 {
    flex: 0 0 calc(9.0909090909% - var(--spacing--M) * 10 / 11);
  }
  .flex-item--12 {
    flex: 0 0 calc(8.3333333333% - var(--spacing--M) * 11 / 12);
  }
  @media (min-width: 480px) {
    .flex-item--1-S {
      flex: 0 0 calc(100% - var(--spacing--M) * 0 / 1);
    }
    .flex-item--2-S {
      flex: 0 0 calc(50% - var(--spacing--M) * 1 / 2);
    }
    .flex-item--3-S {
      flex: 0 0 calc(33.3333333333% - var(--spacing--M) * 2 / 3);
    }
    .flex-item--4-S {
      flex: 0 0 calc(25% - var(--spacing--M) * 3 / 4);
    }
    .flex-item--5-S {
      flex: 0 0 calc(20% - var(--spacing--M) * 4 / 5);
    }
    .flex-item--6-S {
      flex: 0 0 calc(16.6666666667% - var(--spacing--M) * 5 / 6);
    }
    .flex-item--7-S {
      flex: 0 0 calc(14.2857142857% - var(--spacing--M) * 6 / 7);
    }
    .flex-item--8-S {
      flex: 0 0 calc(12.5% - var(--spacing--M) * 7 / 8);
    }
    .flex-item--9-S {
      flex: 0 0 calc(11.1111111111% - var(--spacing--M) * 8 / 9);
    }
    .flex-item--10-S {
      flex: 0 0 calc(10% - var(--spacing--M) * 9 / 10);
    }
    .flex-item--11-S {
      flex: 0 0 calc(9.0909090909% - var(--spacing--M) * 10 / 11);
    }
    .flex-item--12-S {
      flex: 0 0 calc(8.3333333333% - var(--spacing--M) * 11 / 12);
    }
  }
  @media (min-width: 768px) {
    .flex-item--1-M {
      flex: 0 0 calc(100% - var(--spacing--M) * 0 / 1);
    }
    .flex-item--2-M {
      flex: 0 0 calc(50% - var(--spacing--M) * 1 / 2);
    }
    .flex-item--3-M {
      flex: 0 0 calc(33.3333333333% - var(--spacing--M) * 2 / 3);
    }
    .flex-item--4-M {
      flex: 0 0 calc(25% - var(--spacing--M) * 3 / 4);
    }
    .flex-item--5-M {
      flex: 0 0 calc(20% - var(--spacing--M) * 4 / 5);
    }
    .flex-item--6-M {
      flex: 0 0 calc(16.6666666667% - var(--spacing--M) * 5 / 6);
    }
    .flex-item--7-M {
      flex: 0 0 calc(14.2857142857% - var(--spacing--M) * 6 / 7);
    }
    .flex-item--8-M {
      flex: 0 0 calc(12.5% - var(--spacing--M) * 7 / 8);
    }
    .flex-item--9-M {
      flex: 0 0 calc(11.1111111111% - var(--spacing--M) * 8 / 9);
    }
    .flex-item--10-M {
      flex: 0 0 calc(10% - var(--spacing--M) * 9 / 10);
    }
    .flex-item--11-M {
      flex: 0 0 calc(9.0909090909% - var(--spacing--M) * 10 / 11);
    }
    .flex-item--12-M {
      flex: 0 0 calc(8.3333333333% - var(--spacing--M) * 11 / 12);
    }
  }
  @media (min-width: 1024px) {
    .flex-item--1-L {
      flex: 0 0 calc(100% - var(--spacing--M) * 0 / 1);
    }
    .flex-item--2-L {
      flex: 0 0 calc(50% - var(--spacing--M) * 1 / 2);
    }
    .flex-item--3-L {
      flex: 0 0 calc(33.3333333333% - var(--spacing--M) * 2 / 3);
    }
    .flex-item--4-L {
      flex: 0 0 calc(25% - var(--spacing--M) * 3 / 4);
    }
    .flex-item--5-L {
      flex: 0 0 calc(20% - var(--spacing--M) * 4 / 5);
    }
    .flex-item--6-L {
      flex: 0 0 calc(16.6666666667% - var(--spacing--M) * 5 / 6);
    }
    .flex-item--7-L {
      flex: 0 0 calc(14.2857142857% - var(--spacing--M) * 6 / 7);
    }
    .flex-item--8-L {
      flex: 0 0 calc(12.5% - var(--spacing--M) * 7 / 8);
    }
    .flex-item--9-L {
      flex: 0 0 calc(11.1111111111% - var(--spacing--M) * 8 / 9);
    }
    .flex-item--10-L {
      flex: 0 0 calc(10% - var(--spacing--M) * 9 / 10);
    }
    .flex-item--11-L {
      flex: 0 0 calc(9.0909090909% - var(--spacing--M) * 10 / 11);
    }
    .flex-item--12-L {
      flex: 0 0 calc(8.3333333333% - var(--spacing--M) * 11 / 12);
    }
  }
  @media (min-width: 1600px) {
    .flex-item--1-XL {
      flex: 0 0 calc(100% - var(--spacing--M) * 0 / 1);
    }
    .flex-item--2-XL {
      flex: 0 0 calc(50% - var(--spacing--M) * 1 / 2);
    }
    .flex-item--3-XL {
      flex: 0 0 calc(33.3333333333% - var(--spacing--M) * 2 / 3);
    }
    .flex-item--4-XL {
      flex: 0 0 calc(25% - var(--spacing--M) * 3 / 4);
    }
    .flex-item--5-XL {
      flex: 0 0 calc(20% - var(--spacing--M) * 4 / 5);
    }
    .flex-item--6-XL {
      flex: 0 0 calc(16.6666666667% - var(--spacing--M) * 5 / 6);
    }
    .flex-item--7-XL {
      flex: 0 0 calc(14.2857142857% - var(--spacing--M) * 6 / 7);
    }
    .flex-item--8-XL {
      flex: 0 0 calc(12.5% - var(--spacing--M) * 7 / 8);
    }
    .flex-item--9-XL {
      flex: 0 0 calc(11.1111111111% - var(--spacing--M) * 8 / 9);
    }
    .flex-item--10-XL {
      flex: 0 0 calc(10% - var(--spacing--M) * 9 / 10);
    }
    .flex-item--11-XL {
      flex: 0 0 calc(9.0909090909% - var(--spacing--M) * 10 / 11);
    }
    .flex-item--12-XL {
      flex: 0 0 calc(8.3333333333% - var(--spacing--M) * 11 / 12);
    }
  }
  @media (min-width: 2000px) {
    .flex-item--1-2XL {
      flex: 0 0 calc(100% - var(--spacing--M) * 0 / 1);
    }
    .flex-item--2-2XL {
      flex: 0 0 calc(50% - var(--spacing--M) * 1 / 2);
    }
    .flex-item--3-2XL {
      flex: 0 0 calc(33.3333333333% - var(--spacing--M) * 2 / 3);
    }
    .flex-item--4-2XL {
      flex: 0 0 calc(25% - var(--spacing--M) * 3 / 4);
    }
    .flex-item--5-2XL {
      flex: 0 0 calc(20% - var(--spacing--M) * 4 / 5);
    }
    .flex-item--6-2XL {
      flex: 0 0 calc(16.6666666667% - var(--spacing--M) * 5 / 6);
    }
    .flex-item--7-2XL {
      flex: 0 0 calc(14.2857142857% - var(--spacing--M) * 6 / 7);
    }
    .flex-item--8-2XL {
      flex: 0 0 calc(12.5% - var(--spacing--M) * 7 / 8);
    }
    .flex-item--9-2XL {
      flex: 0 0 calc(11.1111111111% - var(--spacing--M) * 8 / 9);
    }
    .flex-item--10-2XL {
      flex: 0 0 calc(10% - var(--spacing--M) * 9 / 10);
    }
    .flex-item--11-2XL {
      flex: 0 0 calc(9.0909090909% - var(--spacing--M) * 10 / 11);
    }
    .flex-item--12-2XL {
      flex: 0 0 calc(8.3333333333% - var(--spacing--M) * 11 / 12);
    }
  }
  :root {
    --spacing--0: 0px;
    --spacing--XS: calc(var(--base-unit) * 1);
    --spacing--S: calc(var(--base-unit) * 2);
    --spacing--M: calc(var(--base-unit) * 3);
    --spacing--L: calc(var(--base-unit) * 5);
    --spacing--XL: calc(var(--base-unit) * 8);
    --spacing--2XL: calc(var(--base-unit) * 13);
    --spacing--base-0-5: calc(var(--base-unit) * 0.5);
    --spacing--base-0-75: calc(var(--base-unit) * 0.75);
    --spacing--base-1: calc(var(--base-unit) * 1);
    --spacing--base-1-25: calc(var(--base-unit) * 1.25);
    --spacing--base-1-5: calc(var(--base-unit) * 1.5);
    --spacing--base-1-75: calc(var(--base-unit) * 1.75);
    --spacing--base-2: calc(var(--base-unit) * 2);
    --spacing--base-2-25: calc(var(--base-unit) * 2.25);
    --spacing--base-2-5: calc(var(--base-unit) * 2.5);
    --spacing--base-2-75: calc(var(--base-unit) * 2.75);
    --spacing--base-3: calc(var(--base-unit) * 3);
  }
  @media (min-width: 1600px) {
    :root {
      --spacing--0: 0px;
      --spacing--XS: calc(var(--base-unit) * 1);
      --spacing--S: calc(var(--base-unit) * 2);
      --spacing--M: calc(var(--base-unit) * 3);
      --spacing--L: calc(var(--base-unit) * 5);
      --spacing--XL: calc(var(--base-unit) * 8);
      --spacing--2XL: calc(var(--base-unit) * 13);
      --spacing--base-0-5: calc(var(--base-unit) * 0.5);
      --spacing--base-0-75: calc(var(--base-unit) * 0.75);
      --spacing--base-1: calc(var(--base-unit) * 1);
      --spacing--base-1-25: calc(var(--base-unit) * 1.25);
      --spacing--base-1-5: calc(var(--base-unit) * 1.5);
      --spacing--base-1-75: calc(var(--base-unit) * 1.75);
      --spacing--base-2: calc(var(--base-unit) * 2);
      --spacing--base-2-25: calc(var(--base-unit) * 2.25);
      --spacing--base-2-5: calc(var(--base-unit) * 2.5);
      --spacing--base-2-75: calc(var(--base-unit) * 2.75);
      --spacing--base-3: calc(var(--base-unit) * 3);
    }
  }
  .margin--0 {
    margin: var(--spacing--0);
  }
  .margin-top--0 {
    margin-top: var(--spacing--0);
  }
  .margin-right--0 {
    margin-right: var(--spacing--0);
  }
  .margin-bottom--0 {
    margin-bottom: var(--spacing--0);
  }
  .margin-left--0 {
    margin-left: var(--spacing--0);
  }
  .padding--0 {
    padding: var(--spacing--0);
  }
  .padding-top--0 {
    padding-top: var(--spacing--0);
  }
  .padding-right--0 {
    padding-right: var(--spacing--0);
  }
  .padding-bottom--0 {
    padding-bottom: var(--spacing--0);
  }
  .padding-left--0 {
    padding-left: var(--spacing--0);
  }
  .margin--XS {
    margin: var(--spacing--XS);
  }
  .margin-top--XS {
    margin-top: var(--spacing--XS);
  }
  .margin-right--XS {
    margin-right: var(--spacing--XS);
  }
  .margin-bottom--XS {
    margin-bottom: var(--spacing--XS);
  }
  .margin-left--XS {
    margin-left: var(--spacing--XS);
  }
  .padding--XS {
    padding: var(--spacing--XS);
  }
  .padding-top--XS {
    padding-top: var(--spacing--XS);
  }
  .padding-right--XS {
    padding-right: var(--spacing--XS);
  }
  .padding-bottom--XS {
    padding-bottom: var(--spacing--XS);
  }
  .padding-left--XS {
    padding-left: var(--spacing--XS);
  }
  .margin--S {
    margin: var(--spacing--S);
  }
  .margin-top--S {
    margin-top: var(--spacing--S);
  }
  .margin-right--S {
    margin-right: var(--spacing--S);
  }
  .margin-bottom--S {
    margin-bottom: var(--spacing--S);
  }
  .margin-left--S {
    margin-left: var(--spacing--S);
  }
  .padding--S {
    padding: var(--spacing--S);
  }
  .padding-top--S {
    padding-top: var(--spacing--S);
  }
  .padding-right--S {
    padding-right: var(--spacing--S);
  }
  .padding-bottom--S {
    padding-bottom: var(--spacing--S);
  }
  .padding-left--S {
    padding-left: var(--spacing--S);
  }
  .margin--M {
    margin: var(--spacing--M);
  }
  .margin-top--M {
    margin-top: var(--spacing--M);
  }
  .margin-right--M {
    margin-right: var(--spacing--M);
  }
  .margin-bottom--M {
    margin-bottom: var(--spacing--M);
  }
  .margin-left--M {
    margin-left: var(--spacing--M);
  }
  .padding--M {
    padding: var(--spacing--M);
  }
  .padding-top--M {
    padding-top: var(--spacing--M);
  }
  .padding-right--M {
    padding-right: var(--spacing--M);
  }
  .padding-bottom--M {
    padding-bottom: var(--spacing--M);
  }
  .padding-left--M {
    padding-left: var(--spacing--M);
  }
  .margin--L {
    margin: var(--spacing--L);
  }
  .margin-top--L {
    margin-top: var(--spacing--L);
  }
  .margin-right--L {
    margin-right: var(--spacing--L);
  }
  .margin-bottom--L {
    margin-bottom: var(--spacing--L);
  }
  .margin-left--L {
    margin-left: var(--spacing--L);
  }
  .padding--L {
    padding: var(--spacing--L);
  }
  .padding-top--L {
    padding-top: var(--spacing--L);
  }
  .padding-right--L {
    padding-right: var(--spacing--L);
  }
  .padding-bottom--L {
    padding-bottom: var(--spacing--L);
  }
  .padding-left--L {
    padding-left: var(--spacing--L);
  }
  .margin--XL {
    margin: var(--spacing--XL);
  }
  .margin-top--XL {
    margin-top: var(--spacing--XL);
  }
  .margin-right--XL {
    margin-right: var(--spacing--XL);
  }
  .margin-bottom--XL {
    margin-bottom: var(--spacing--XL);
  }
  .margin-left--XL {
    margin-left: var(--spacing--XL);
  }
  .padding--XL {
    padding: var(--spacing--XL);
  }
  .padding-top--XL {
    padding-top: var(--spacing--XL);
  }
  .padding-right--XL {
    padding-right: var(--spacing--XL);
  }
  .padding-bottom--XL {
    padding-bottom: var(--spacing--XL);
  }
  .padding-left--XL {
    padding-left: var(--spacing--XL);
  }
  .margin--2XL {
    margin: var(--spacing--2XL);
  }
  .margin-top--2XL {
    margin-top: var(--spacing--2XL);
  }
  .margin-right--2XL {
    margin-right: var(--spacing--2XL);
  }
  .margin-bottom--2XL {
    margin-bottom: var(--spacing--2XL);
  }
  .margin-left--2XL {
    margin-left: var(--spacing--2XL);
  }
  .padding--2XL {
    padding: var(--spacing--2XL);
  }
  .padding-top--2XL {
    padding-top: var(--spacing--2XL);
  }
  .padding-right--2XL {
    padding-right: var(--spacing--2XL);
  }
  .padding-bottom--2XL {
    padding-bottom: var(--spacing--2XL);
  }
  .padding-left--2XL {
    padding-left: var(--spacing--2XL);
  }
  .margin--base-0-5 {
    margin: var(--spacing--base-0-5);
  }
  .margin-top--base-0-5 {
    margin-top: var(--spacing--base-0-5);
  }
  .margin-right--base-0-5 {
    margin-right: var(--spacing--base-0-5);
  }
  .margin-bottom--base-0-5 {
    margin-bottom: var(--spacing--base-0-5);
  }
  .margin-left--base-0-5 {
    margin-left: var(--spacing--base-0-5);
  }
  .padding--base-0-5 {
    padding: var(--spacing--base-0-5);
  }
  .padding-top--base-0-5 {
    padding-top: var(--spacing--base-0-5);
  }
  .padding-right--base-0-5 {
    padding-right: var(--spacing--base-0-5);
  }
  .padding-bottom--base-0-5 {
    padding-bottom: var(--spacing--base-0-5);
  }
  .padding-left--base-0-5 {
    padding-left: var(--spacing--base-0-5);
  }
  .margin--base-0-75 {
    margin: var(--spacing--base-0-75);
  }
  .margin-top--base-0-75 {
    margin-top: var(--spacing--base-0-75);
  }
  .margin-right--base-0-75 {
    margin-right: var(--spacing--base-0-75);
  }
  .margin-bottom--base-0-75 {
    margin-bottom: var(--spacing--base-0-75);
  }
  .margin-left--base-0-75 {
    margin-left: var(--spacing--base-0-75);
  }
  .padding--base-0-75 {
    padding: var(--spacing--base-0-75);
  }
  .padding-top--base-0-75 {
    padding-top: var(--spacing--base-0-75);
  }
  .padding-right--base-0-75 {
    padding-right: var(--spacing--base-0-75);
  }
  .padding-bottom--base-0-75 {
    padding-bottom: var(--spacing--base-0-75);
  }
  .padding-left--base-0-75 {
    padding-left: var(--spacing--base-0-75);
  }
  .margin--base-1 {
    margin: var(--spacing--base-1);
  }
  .margin-top--base-1 {
    margin-top: var(--spacing--base-1);
  }
  .margin-right--base-1 {
    margin-right: var(--spacing--base-1);
  }
  .margin-bottom--base-1 {
    margin-bottom: var(--spacing--base-1);
  }
  .margin-left--base-1 {
    margin-left: var(--spacing--base-1);
  }
  .padding--base-1 {
    padding: var(--spacing--base-1);
  }
  .padding-top--base-1 {
    padding-top: var(--spacing--base-1);
  }
  .padding-right--base-1 {
    padding-right: var(--spacing--base-1);
  }
  .padding-bottom--base-1 {
    padding-bottom: var(--spacing--base-1);
  }
  .padding-left--base-1 {
    padding-left: var(--spacing--base-1);
  }
  .margin--base-1-25 {
    margin: var(--spacing--base-1-25);
  }
  .margin-top--base-1-25 {
    margin-top: var(--spacing--base-1-25);
  }
  .margin-right--base-1-25 {
    margin-right: var(--spacing--base-1-25);
  }
  .margin-bottom--base-1-25 {
    margin-bottom: var(--spacing--base-1-25);
  }
  .margin-left--base-1-25 {
    margin-left: var(--spacing--base-1-25);
  }
  .padding--base-1-25 {
    padding: var(--spacing--base-1-25);
  }
  .padding-top--base-1-25 {
    padding-top: var(--spacing--base-1-25);
  }
  .padding-right--base-1-25 {
    padding-right: var(--spacing--base-1-25);
  }
  .padding-bottom--base-1-25 {
    padding-bottom: var(--spacing--base-1-25);
  }
  .padding-left--base-1-25 {
    padding-left: var(--spacing--base-1-25);
  }
  .margin--base-1-5 {
    margin: var(--spacing--base-1-5);
  }
  .margin-top--base-1-5 {
    margin-top: var(--spacing--base-1-5);
  }
  .margin-right--base-1-5 {
    margin-right: var(--spacing--base-1-5);
  }
  .margin-bottom--base-1-5 {
    margin-bottom: var(--spacing--base-1-5);
  }
  .margin-left--base-1-5 {
    margin-left: var(--spacing--base-1-5);
  }
  .padding--base-1-5 {
    padding: var(--spacing--base-1-5);
  }
  .padding-top--base-1-5 {
    padding-top: var(--spacing--base-1-5);
  }
  .padding-right--base-1-5 {
    padding-right: var(--spacing--base-1-5);
  }
  .padding-bottom--base-1-5 {
    padding-bottom: var(--spacing--base-1-5);
  }
  .padding-left--base-1-5 {
    padding-left: var(--spacing--base-1-5);
  }
  .margin--base-1-75 {
    margin: var(--spacing--base-1-75);
  }
  .margin-top--base-1-75 {
    margin-top: var(--spacing--base-1-75);
  }
  .margin-right--base-1-75 {
    margin-right: var(--spacing--base-1-75);
  }
  .margin-bottom--base-1-75 {
    margin-bottom: var(--spacing--base-1-75);
  }
  .margin-left--base-1-75 {
    margin-left: var(--spacing--base-1-75);
  }
  .padding--base-1-75 {
    padding: var(--spacing--base-1-75);
  }
  .padding-top--base-1-75 {
    padding-top: var(--spacing--base-1-75);
  }
  .padding-right--base-1-75 {
    padding-right: var(--spacing--base-1-75);
  }
  .padding-bottom--base-1-75 {
    padding-bottom: var(--spacing--base-1-75);
  }
  .padding-left--base-1-75 {
    padding-left: var(--spacing--base-1-75);
  }
  .margin--base-2 {
    margin: var(--spacing--base-2);
  }
  .margin-top--base-2 {
    margin-top: var(--spacing--base-2);
  }
  .margin-right--base-2 {
    margin-right: var(--spacing--base-2);
  }
  .margin-bottom--base-2 {
    margin-bottom: var(--spacing--base-2);
  }
  .margin-left--base-2 {
    margin-left: var(--spacing--base-2);
  }
  .padding--base-2 {
    padding: var(--spacing--base-2);
  }
  .padding-top--base-2 {
    padding-top: var(--spacing--base-2);
  }
  .padding-right--base-2 {
    padding-right: var(--spacing--base-2);
  }
  .padding-bottom--base-2 {
    padding-bottom: var(--spacing--base-2);
  }
  .padding-left--base-2 {
    padding-left: var(--spacing--base-2);
  }
  .margin--base-2-25 {
    margin: var(--spacing--base-2-25);
  }
  .margin-top--base-2-25 {
    margin-top: var(--spacing--base-2-25);
  }
  .margin-right--base-2-25 {
    margin-right: var(--spacing--base-2-25);
  }
  .margin-bottom--base-2-25 {
    margin-bottom: var(--spacing--base-2-25);
  }
  .margin-left--base-2-25 {
    margin-left: var(--spacing--base-2-25);
  }
  .padding--base-2-25 {
    padding: var(--spacing--base-2-25);
  }
  .padding-top--base-2-25 {
    padding-top: var(--spacing--base-2-25);
  }
  .padding-right--base-2-25 {
    padding-right: var(--spacing--base-2-25);
  }
  .padding-bottom--base-2-25 {
    padding-bottom: var(--spacing--base-2-25);
  }
  .padding-left--base-2-25 {
    padding-left: var(--spacing--base-2-25);
  }
  .margin--base-2-5 {
    margin: var(--spacing--base-2-5);
  }
  .margin-top--base-2-5 {
    margin-top: var(--spacing--base-2-5);
  }
  .margin-right--base-2-5 {
    margin-right: var(--spacing--base-2-5);
  }
  .margin-bottom--base-2-5 {
    margin-bottom: var(--spacing--base-2-5);
  }
  .margin-left--base-2-5 {
    margin-left: var(--spacing--base-2-5);
  }
  .padding--base-2-5 {
    padding: var(--spacing--base-2-5);
  }
  .padding-top--base-2-5 {
    padding-top: var(--spacing--base-2-5);
  }
  .padding-right--base-2-5 {
    padding-right: var(--spacing--base-2-5);
  }
  .padding-bottom--base-2-5 {
    padding-bottom: var(--spacing--base-2-5);
  }
  .padding-left--base-2-5 {
    padding-left: var(--spacing--base-2-5);
  }
  .margin--base-2-75 {
    margin: var(--spacing--base-2-75);
  }
  .margin-top--base-2-75 {
    margin-top: var(--spacing--base-2-75);
  }
  .margin-right--base-2-75 {
    margin-right: var(--spacing--base-2-75);
  }
  .margin-bottom--base-2-75 {
    margin-bottom: var(--spacing--base-2-75);
  }
  .margin-left--base-2-75 {
    margin-left: var(--spacing--base-2-75);
  }
  .padding--base-2-75 {
    padding: var(--spacing--base-2-75);
  }
  .padding-top--base-2-75 {
    padding-top: var(--spacing--base-2-75);
  }
  .padding-right--base-2-75 {
    padding-right: var(--spacing--base-2-75);
  }
  .padding-bottom--base-2-75 {
    padding-bottom: var(--spacing--base-2-75);
  }
  .padding-left--base-2-75 {
    padding-left: var(--spacing--base-2-75);
  }
  .margin--base-3 {
    margin: var(--spacing--base-3);
  }
  .margin-top--base-3 {
    margin-top: var(--spacing--base-3);
  }
  .margin-right--base-3 {
    margin-right: var(--spacing--base-3);
  }
  .margin-bottom--base-3 {
    margin-bottom: var(--spacing--base-3);
  }
  .margin-left--base-3 {
    margin-left: var(--spacing--base-3);
  }
  .padding--base-3 {
    padding: var(--spacing--base-3);
  }
  .padding-top--base-3 {
    padding-top: var(--spacing--base-3);
  }
  .padding-right--base-3 {
    padding-right: var(--spacing--base-3);
  }
  .padding-bottom--base-3 {
    padding-bottom: var(--spacing--base-3);
  }
  .padding-left--base-3 {
    padding-left: var(--spacing--base-3);
  }
  :root {
    --border-style--solid: solid;
    --border-style--dashed: dashed;
    --border-width--0: 0px;
    --border-width--1: 1px;
    --border-width--2: 2px;
    --border-radius--XS: calc(var(--base-unit) * 0.125);
    --border-radius--S: calc(var(--base-unit) * 0.25);
    --border-radius--M: calc(var(--base-unit) * 0.375);
    --border-radius--L: calc(var(--base-unit) * 0.5);
    --border-radius--XL: calc(var(--base-unit) * 0.75);
    --border-radius--2XL: calc(var(--base-unit) * 1);
    --border-radius--full: 100%;
    --border-radius--none: 0;
  }
  .border-style--solid {
    border-style: var(--border-style--solid);
  }
  .border-style--dashed {
    border-style: var(--border-style--dashed);
  }
  .border-width--0 {
    border-width: var(--border-width--0);
  }
  .border-width--1 {
    border-width: var(--border-width--1);
  }
  .border-width--2 {
    border-width: var(--border-width--2);
  }
  .border-radius--XS {
    border-radius: var(--border-radius--XS);
  }
  .border-radius--S {
    border-radius: var(--border-radius--S);
  }
  .border-radius--M {
    border-radius: var(--border-radius--M);
  }
  .border-radius--L {
    border-radius: var(--border-radius--L);
  }
  .border-radius--XL {
    border-radius: var(--border-radius--XL);
  }
  .border-radius--2XL {
    border-radius: var(--border-radius--2XL);
  }
  .border-radius--full {
    border-radius: var(--border-radius--full);
  }
  .border-radius--none {
    border-radius: var(--border-radius--none);
  }
  .border-color--red-100 {
    border-color: var(--color--red-100);
  }
  .border-color--red-200 {
    border-color: var(--color--red-200);
  }
  .border-color--red-300 {
    border-color: var(--color--red-300);
  }
  .border-color--red-400 {
    border-color: var(--color--red-400);
  }
  .border-color--red-500 {
    border-color: var(--color--red-500);
  }
  .border-color--red-600 {
    border-color: var(--color--red-600);
  }
  .border-color--red-700 {
    border-color: var(--color--red-700);
  }
  .border-color--red-800 {
    border-color: var(--color--red-800);
  }
  .border-color--red-900 {
    border-color: var(--color--red-900);
  }
  .border-color--red-1000 {
    border-color: var(--color--red-1000);
  }
  .border-color--red-accent {
    border-color: var(--color--red-accent);
  }
  .border-color--orange-100 {
    border-color: var(--color--orange-100);
  }
  .border-color--orange-200 {
    border-color: var(--color--orange-200);
  }
  .border-color--orange-300 {
    border-color: var(--color--orange-300);
  }
  .border-color--orange-400 {
    border-color: var(--color--orange-400);
  }
  .border-color--orange-500 {
    border-color: var(--color--orange-500);
  }
  .border-color--orange-600 {
    border-color: var(--color--orange-600);
  }
  .border-color--orange-700 {
    border-color: var(--color--orange-700);
  }
  .border-color--orange-800 {
    border-color: var(--color--orange-800);
  }
  .border-color--orange-900 {
    border-color: var(--color--orange-900);
  }
  .border-color--orange-1000 {
    border-color: var(--color--orange-1000);
  }
  .border-color--orange-accent {
    border-color: var(--color--orange-accent);
  }
  .border-color--yellow-100 {
    border-color: var(--color--yellow-100);
  }
  .border-color--yellow-200 {
    border-color: var(--color--yellow-200);
  }
  .border-color--yellow-300 {
    border-color: var(--color--yellow-300);
  }
  .border-color--yellow-400 {
    border-color: var(--color--yellow-400);
  }
  .border-color--yellow-500 {
    border-color: var(--color--yellow-500);
  }
  .border-color--yellow-600 {
    border-color: var(--color--yellow-600);
  }
  .border-color--yellow-700 {
    border-color: var(--color--yellow-700);
  }
  .border-color--yellow-800 {
    border-color: var(--color--yellow-800);
  }
  .border-color--yellow-900 {
    border-color: var(--color--yellow-900);
  }
  .border-color--yellow-1000 {
    border-color: var(--color--yellow-1000);
  }
  .border-color--yellow-accent {
    border-color: var(--color--yellow-accent);
  }
  .border-color--green-100 {
    border-color: var(--color--green-100);
  }
  .border-color--green-200 {
    border-color: var(--color--green-200);
  }
  .border-color--green-300 {
    border-color: var(--color--green-300);
  }
  .border-color--green-400 {
    border-color: var(--color--green-400);
  }
  .border-color--green-500 {
    border-color: var(--color--green-500);
  }
  .border-color--green-600 {
    border-color: var(--color--green-600);
  }
  .border-color--green-700 {
    border-color: var(--color--green-700);
  }
  .border-color--green-800 {
    border-color: var(--color--green-800);
  }
  .border-color--green-900 {
    border-color: var(--color--green-900);
  }
  .border-color--green-1000 {
    border-color: var(--color--green-1000);
  }
  .border-color--green-accent {
    border-color: var(--color--green-accent);
  }
  .border-color--slate-100 {
    border-color: var(--color--slate-100);
  }
  .border-color--slate-200 {
    border-color: var(--color--slate-200);
  }
  .border-color--slate-300 {
    border-color: var(--color--slate-300);
  }
  .border-color--slate-400 {
    border-color: var(--color--slate-400);
  }
  .border-color--slate-500 {
    border-color: var(--color--slate-500);
  }
  .border-color--slate-600 {
    border-color: var(--color--slate-600);
  }
  .border-color--slate-700 {
    border-color: var(--color--slate-700);
  }
  .border-color--slate-800 {
    border-color: var(--color--slate-800);
  }
  .border-color--slate-900 {
    border-color: var(--color--slate-900);
  }
  .border-color--slate-1000 {
    border-color: var(--color--slate-1000);
  }
  .border-color--slate-accent {
    border-color: var(--color--slate-accent);
  }
  .border-color--cobalt-100 {
    border-color: var(--color--cobalt-100);
  }
  .border-color--cobalt-200 {
    border-color: var(--color--cobalt-200);
  }
  .border-color--cobalt-300 {
    border-color: var(--color--cobalt-300);
  }
  .border-color--cobalt-400 {
    border-color: var(--color--cobalt-400);
  }
  .border-color--cobalt-500 {
    border-color: var(--color--cobalt-500);
  }
  .border-color--cobalt-600 {
    border-color: var(--color--cobalt-600);
  }
  .border-color--cobalt-700 {
    border-color: var(--color--cobalt-700);
  }
  .border-color--cobalt-800 {
    border-color: var(--color--cobalt-800);
  }
  .border-color--cobalt-900 {
    border-color: var(--color--cobalt-900);
  }
  .border-color--cobalt-1000 {
    border-color: var(--color--cobalt-1000);
  }
  .border-color--cobalt-accent {
    border-color: var(--color--cobalt-accent);
  }
  .border-color--purple-100 {
    border-color: var(--color--purple-100);
  }
  .border-color--purple-200 {
    border-color: var(--color--purple-200);
  }
  .border-color--purple-300 {
    border-color: var(--color--purple-300);
  }
  .border-color--purple-400 {
    border-color: var(--color--purple-400);
  }
  .border-color--purple-500 {
    border-color: var(--color--purple-500);
  }
  .border-color--purple-600 {
    border-color: var(--color--purple-600);
  }
  .border-color--purple-700 {
    border-color: var(--color--purple-700);
  }
  .border-color--purple-800 {
    border-color: var(--color--purple-800);
  }
  .border-color--purple-900 {
    border-color: var(--color--purple-900);
  }
  .border-color--purple-1000 {
    border-color: var(--color--purple-1000);
  }
  .border-color--purple-accent {
    border-color: var(--color--purple-accent);
  }
  .border-color--magenta-100 {
    border-color: var(--color--magenta-100);
  }
  .border-color--magenta-200 {
    border-color: var(--color--magenta-200);
  }
  .border-color--magenta-300 {
    border-color: var(--color--magenta-300);
  }
  .border-color--magenta-400 {
    border-color: var(--color--magenta-400);
  }
  .border-color--magenta-500 {
    border-color: var(--color--magenta-500);
  }
  .border-color--magenta-600 {
    border-color: var(--color--magenta-600);
  }
  .border-color--magenta-700 {
    border-color: var(--color--magenta-700);
  }
  .border-color--magenta-800 {
    border-color: var(--color--magenta-800);
  }
  .border-color--magenta-900 {
    border-color: var(--color--magenta-900);
  }
  .border-color--magenta-1000 {
    border-color: var(--color--magenta-1000);
  }
  .border-color--magenta-accent {
    border-color: var(--color--magenta-accent);
  }
  .border-color--charcoal-100 {
    border-color: var(--color--charcoal-100);
  }
  .border-color--charcoal-200 {
    border-color: var(--color--charcoal-200);
  }
  .border-color--charcoal-300 {
    border-color: var(--color--charcoal-300);
  }
  .border-color--charcoal-400 {
    border-color: var(--color--charcoal-400);
  }
  .border-color--charcoal-500 {
    border-color: var(--color--charcoal-500);
  }
  .border-color--charcoal-600 {
    border-color: var(--color--charcoal-600);
  }
  .border-color--charcoal-700 {
    border-color: var(--color--charcoal-700);
  }
  .border-color--charcoal-800 {
    border-color: var(--color--charcoal-800);
  }
  .border-color--charcoal-900 {
    border-color: var(--color--charcoal-900);
  }
  .border-color--charcoal-1000 {
    border-color: var(--color--charcoal-1000);
  }
  .border-color--charcoal-1100 {
    border-color: var(--color--charcoal-1100);
  }
  .border-color--charcoal-1200 {
    border-color: var(--color--charcoal-1200);
  }
  .border-color--clay-100 {
    border-color: var(--color--clay-100);
  }
  .border-color--clay-200 {
    border-color: var(--color--clay-200);
  }
  .border-color--clay-300 {
    border-color: var(--color--clay-300);
  }
  .border-color--clay-400 {
    border-color: var(--color--clay-400);
  }
  .border-color--clay-500 {
    border-color: var(--color--clay-500);
  }
  .border-color--clay-600 {
    border-color: var(--color--clay-600);
  }
  .border-color--clay-700 {
    border-color: var(--color--clay-700);
  }
  .border-color--clay-800 {
    border-color: var(--color--clay-800);
  }
  .border-color--clay-900 {
    border-color: var(--color--clay-900);
  }
  .border-color--clay-1000 {
    border-color: var(--color--clay-1000);
  }
  .border-color--clay-1100 {
    border-color: var(--color--clay-1100);
  }
  .border-color--clay-1200 {
    border-color: var(--color--clay-1200);
  }
  .border-color--basics-white {
    border-color: var(--color--basics-white);
  }
  .border-color--basics-black {
    border-color: var(--color--basics-black);
  }
  .border-color--basics-magenta {
    border-color: var(--color--basics-magenta);
  }
  .border-color--basics-cyan {
    border-color: var(--color--basics-cyan);
  }
  :root {
    --elevation--XS: 0px 1px 1px 0px rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04);
    --elevation--S: 0px 1px 1px 0px rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06);
    --elevation--M: 0px 1px 1px 0px rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08);
    --elevation--L: 0px 1px 1px 0px rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-900-rgb), 0.1);
    --elevation--XL: 0px 1px 1px 0px rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--charcoal-900-rgb), 0.12);
    --elevation--2XL: 0px 1px 1px 0px rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--charcoal-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--charcoal-900-rgb), 0.14);
    --elevation--XS--on-red: 0px 1px 1px 0px rgba(var(--color--red-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--red-900-rgb), 0.04);
    --elevation--S--on-red: 0px 1px 1px 0px rgba(var(--color--red-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--red-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--red-900-rgb), 0.06);
    --elevation--M--on-red: 0px 1px 1px 0px rgba(var(--color--red-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--red-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--red-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--red-900-rgb), 0.08);
    --elevation--L--on-red: 0px 1px 1px 0px rgba(var(--color--red-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--red-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--red-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--red-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--red-900-rgb), 0.1);
    --elevation--XL--on-red: 0px 1px 1px 0px rgba(var(--color--red-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--red-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--red-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--red-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--red-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--red-900-rgb), 0.12);
    --elevation--2XL--on-red: 0px 1px 1px 0px
        rgba(var(--color--red-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--red-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--red-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--red-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--red-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--red-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--red-900-rgb), 0.14);
    --elevation--XS--on-orange: 0px 1px 1px 0px
        rgba(var(--color--orange-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--orange-900-rgb), 0.04);
    --elevation--S--on-orange: 0px 1px 1px 0px
        rgba(var(--color--orange-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--orange-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--orange-900-rgb), 0.06);
    --elevation--M--on-orange: 0px 1px 1px 0px
        rgba(var(--color--orange-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--orange-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--orange-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--orange-900-rgb), 0.08);
    --elevation--L--on-orange: 0px 1px 1px 0px
        rgba(var(--color--orange-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--orange-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--orange-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--orange-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--orange-900-rgb), 0.1);
    --elevation--XL--on-orange: 0px 1px 1px 0px
        rgba(var(--color--orange-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--orange-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--orange-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--orange-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--orange-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--orange-900-rgb), 0.12);
    --elevation--2XL--on-orange: 0px 1px 1px 0px
        rgba(var(--color--orange-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--orange-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--orange-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--orange-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--orange-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--orange-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--orange-900-rgb), 0.14);
    --elevation--XS--on-yellow: 0px 1px 1px 0px
        rgba(var(--color--yellow-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--yellow-900-rgb), 0.04);
    --elevation--S--on-yellow: 0px 1px 1px 0px
        rgba(var(--color--yellow-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--yellow-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--yellow-900-rgb), 0.06);
    --elevation--M--on-yellow: 0px 1px 1px 0px
        rgba(var(--color--yellow-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--yellow-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--yellow-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--yellow-900-rgb), 0.08);
    --elevation--L--on-yellow: 0px 1px 1px 0px
        rgba(var(--color--yellow-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--yellow-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--yellow-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--yellow-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--yellow-900-rgb), 0.1);
    --elevation--XL--on-yellow: 0px 1px 1px 0px
        rgba(var(--color--yellow-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--yellow-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--yellow-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--yellow-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--yellow-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--yellow-900-rgb), 0.12);
    --elevation--2XL--on-yellow: 0px 1px 1px 0px
        rgba(var(--color--yellow-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--yellow-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--yellow-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--yellow-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--yellow-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--yellow-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--yellow-900-rgb), 0.14);
    --elevation--XS--on-green: 0px 1px 1px 0px
        rgba(var(--color--green-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--green-900-rgb), 0.04);
    --elevation--S--on-green: 0px 1px 1px 0px
        rgba(var(--color--green-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--green-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--green-900-rgb), 0.06);
    --elevation--M--on-green: 0px 1px 1px 0px
        rgba(var(--color--green-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--green-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--green-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--green-900-rgb), 0.08);
    --elevation--L--on-green: 0px 1px 1px 0px
        rgba(var(--color--green-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--green-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--green-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--green-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--green-900-rgb), 0.1);
    --elevation--XL--on-green: 0px 1px 1px 0px
        rgba(var(--color--green-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--green-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--green-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--green-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--green-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--green-900-rgb), 0.12);
    --elevation--2XL--on-green: 0px 1px 1px 0px
        rgba(var(--color--green-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--green-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--green-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--green-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--green-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--green-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--green-900-rgb), 0.14);
    --elevation--XS--on-slate: 0px 1px 1px 0px
        rgba(var(--color--slate-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--slate-900-rgb), 0.04);
    --elevation--S--on-slate: 0px 1px 1px 0px
        rgba(var(--color--slate-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--slate-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--slate-900-rgb), 0.06);
    --elevation--M--on-slate: 0px 1px 1px 0px
        rgba(var(--color--slate-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--slate-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--slate-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--slate-900-rgb), 0.08);
    --elevation--L--on-slate: 0px 1px 1px 0px
        rgba(var(--color--slate-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--slate-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--slate-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--slate-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--slate-900-rgb), 0.1);
    --elevation--XL--on-slate: 0px 1px 1px 0px
        rgba(var(--color--slate-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--slate-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--slate-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--slate-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--slate-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--slate-900-rgb), 0.12);
    --elevation--2XL--on-slate: 0px 1px 1px 0px
        rgba(var(--color--slate-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--slate-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--slate-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--slate-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--slate-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--slate-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--slate-900-rgb), 0.14);
    --elevation--XS--on-cobalt: 0px 1px 1px 0px
        rgba(var(--color--cobalt-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--cobalt-900-rgb), 0.04);
    --elevation--S--on-cobalt: 0px 1px 1px 0px
        rgba(var(--color--cobalt-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--cobalt-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--cobalt-900-rgb), 0.06);
    --elevation--M--on-cobalt: 0px 1px 1px 0px
        rgba(var(--color--cobalt-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--cobalt-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--cobalt-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--cobalt-900-rgb), 0.08);
    --elevation--L--on-cobalt: 0px 1px 1px 0px
        rgba(var(--color--cobalt-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--cobalt-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--cobalt-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--cobalt-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--cobalt-900-rgb), 0.1);
    --elevation--XL--on-cobalt: 0px 1px 1px 0px
        rgba(var(--color--cobalt-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--cobalt-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--cobalt-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--cobalt-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--cobalt-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--cobalt-900-rgb), 0.12);
    --elevation--2XL--on-cobalt: 0px 1px 1px 0px
        rgba(var(--color--cobalt-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--cobalt-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--cobalt-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--cobalt-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--cobalt-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--cobalt-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--cobalt-900-rgb), 0.14);
    --elevation--XS--on-purple: 0px 1px 1px 0px
        rgba(var(--color--purple-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--purple-900-rgb), 0.04);
    --elevation--S--on-purple: 0px 1px 1px 0px
        rgba(var(--color--purple-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--purple-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--purple-900-rgb), 0.06);
    --elevation--M--on-purple: 0px 1px 1px 0px
        rgba(var(--color--purple-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--purple-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--purple-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--purple-900-rgb), 0.08);
    --elevation--L--on-purple: 0px 1px 1px 0px
        rgba(var(--color--purple-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--purple-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--purple-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--purple-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--purple-900-rgb), 0.1);
    --elevation--XL--on-purple: 0px 1px 1px 0px
        rgba(var(--color--purple-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--purple-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--purple-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--purple-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--purple-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--purple-900-rgb), 0.12);
    --elevation--2XL--on-purple: 0px 1px 1px 0px
        rgba(var(--color--purple-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--purple-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--purple-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--purple-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--purple-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--purple-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--purple-900-rgb), 0.14);
    --elevation--XS--on-magenta: 0px 1px 1px 0px
        rgba(var(--color--magenta-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--magenta-900-rgb), 0.04);
    --elevation--S--on-magenta: 0px 1px 1px 0px
        rgba(var(--color--magenta-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--magenta-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--magenta-900-rgb), 0.06);
    --elevation--M--on-magenta: 0px 1px 1px 0px
        rgba(var(--color--magenta-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--magenta-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--magenta-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--magenta-900-rgb), 0.08);
    --elevation--L--on-magenta: 0px 1px 1px 0px
        rgba(var(--color--magenta-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--magenta-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--magenta-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--magenta-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--magenta-900-rgb), 0.1);
    --elevation--XL--on-magenta: 0px 1px 1px 0px
        rgba(var(--color--magenta-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--magenta-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--magenta-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--magenta-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--magenta-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--magenta-900-rgb), 0.12);
    --elevation--2XL--on-magenta: 0px 1px 1px 0px
        rgba(var(--color--magenta-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--magenta-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--magenta-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--magenta-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--magenta-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--magenta-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--magenta-900-rgb), 0.14);
    --elevation--XS--on-charcoal: 0px 1px 1px 0px
        rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04);
    --elevation--S--on-charcoal: 0px 1px 1px 0px
        rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06);
    --elevation--M--on-charcoal: 0px 1px 1px 0px
        rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08);
    --elevation--L--on-charcoal: 0px 1px 1px 0px
        rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-900-rgb), 0.1);
    --elevation--XL--on-charcoal: 0px 1px 1px 0px
        rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--charcoal-900-rgb), 0.12);
    --elevation--2XL--on-charcoal: 0px 1px 1px 0px
        rgba(var(--color--charcoal-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--charcoal-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--charcoal-900-rgb), 0.14);
    --elevation--XS--on-clay: 0px 1px 1px 0px
        rgba(var(--color--clay-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--clay-900-rgb), 0.04);
    --elevation--S--on-clay: 0px 1px 1px 0px
        rgba(var(--color--clay-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--clay-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--clay-900-rgb), 0.06);
    --elevation--M--on-clay: 0px 1px 1px 0px
        rgba(var(--color--clay-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--clay-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--clay-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--clay-900-rgb), 0.08);
    --elevation--L--on-clay: 0px 1px 1px 0px
        rgba(var(--color--clay-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--clay-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--clay-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--clay-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--clay-900-rgb), 0.1);
    --elevation--XL--on-clay: 0px 1px 1px 0px
        rgba(var(--color--clay-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--clay-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--clay-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--clay-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--clay-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--clay-900-rgb), 0.12);
    --elevation--2XL--on-clay: 0px 1px 1px 0px
        rgba(var(--color--clay-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--clay-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--clay-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--clay-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--clay-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--clay-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--clay-900-rgb), 0.14);
    --elevation--XS--on-basics: 0px 1px 1px 0px
        rgba(var(--color--basics-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--basics-900-rgb), 0.04);
    --elevation--S--on-basics: 0px 1px 1px 0px
        rgba(var(--color--basics-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--basics-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--basics-900-rgb), 0.06);
    --elevation--M--on-basics: 0px 1px 1px 0px
        rgba(var(--color--basics-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--basics-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--basics-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--basics-900-rgb), 0.08);
    --elevation--L--on-basics: 0px 1px 1px 0px
        rgba(var(--color--basics-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--basics-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--basics-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--basics-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--basics-900-rgb), 0.1);
    --elevation--XL--on-basics: 0px 1px 1px 0px
        rgba(var(--color--basics-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--basics-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--basics-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--basics-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--basics-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--basics-900-rgb), 0.12);
    --elevation--2XL--on-basics: 0px 1px 1px 0px
        rgba(var(--color--basics-900-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--basics-900-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--basics-900-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--basics-900-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--basics-900-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--basics-900-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--basics-900-rgb), 0.14);
    --elevation--XS--on-dark: 0px 1px 1px 0px
        rgba(var(--color--charcoal-1200-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-1200-rgb), 0.04);
    --elevation--S--on-dark: 0px 1px 1px 0px
        rgba(var(--color--charcoal-1200-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-1200-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-1200-rgb), 0.06);
    --elevation--M--on-dark: 0px 1px 1px 0px
        rgba(var(--color--charcoal-1200-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-1200-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-1200-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-1200-rgb), 0.08);
    --elevation--L--on-dark: 0px 1px 1px 0px
        rgba(var(--color--charcoal-1200-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-1200-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-1200-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-1200-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-1200-rgb), 0.1);
    --elevation--XL--on-dark: 0px 1px 1px 0px
        rgba(var(--color--charcoal-1200-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-1200-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-1200-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-1200-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-1200-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--charcoal-1200-rgb), 0.12);
    --elevation--2XL--on-dark: 0px 1px 1px 0px
        rgba(var(--color--charcoal-1200-rgb), 0.02),
      0px 2px 2px 0.5px rgba(var(--color--charcoal-1200-rgb), 0.04),
      0px 4px 4px 1px rgba(var(--color--charcoal-1200-rgb), 0.06),
      0px 8px 8px 1.5px rgba(var(--color--charcoal-1200-rgb), 0.08),
      0px 16px 16px 2px rgba(var(--color--charcoal-1200-rgb), 0.1),
      0px 32px 32px 2.5px rgba(var(--color--charcoal-1200-rgb), 0.12),
      0px 64px 64px 3px rgba(var(--color--charcoal-1200-rgb), 0.14);
  }
  .elevation--XS {
    box-shadow: var(--elevation--XS);
  }
  .elevation--S {
    box-shadow: var(--elevation--S);
  }
  .elevation--M {
    box-shadow: var(--elevation--M);
  }
  .elevation--L {
    box-shadow: var(--elevation--L);
  }
  .elevation--XL {
    box-shadow: var(--elevation--XL);
  }
  .elevation--2XL {
    box-shadow: var(--elevation--2XL);
  }
  .elevation--XS--on-red {
    box-shadow: var(--elevation--XS--on-red);
  }
  .elevation--S--on-red {
    box-shadow: var(--elevation--S--on-red);
  }
  .elevation--M--on-red {
    box-shadow: var(--elevation--M--on-red);
  }
  .elevation--L--on-red {
    box-shadow: var(--elevation--L--on-red);
  }
  .elevation--XL--on-red {
    box-shadow: var(--elevation--XL--on-red);
  }
  .elevation--2XL--on-red {
    box-shadow: var(--elevation--2XL--on-red);
  }
  .elevation--XS--on-orange {
    box-shadow: var(--elevation--XS--on-orange);
  }
  .elevation--S--on-orange {
    box-shadow: var(--elevation--S--on-orange);
  }
  .elevation--M--on-orange {
    box-shadow: var(--elevation--M--on-orange);
  }
  .elevation--L--on-orange {
    box-shadow: var(--elevation--L--on-orange);
  }
  .elevation--XL--on-orange {
    box-shadow: var(--elevation--XL--on-orange);
  }
  .elevation--2XL--on-orange {
    box-shadow: var(--elevation--2XL--on-orange);
  }
  .elevation--XS--on-yellow {
    box-shadow: var(--elevation--XS--on-yellow);
  }
  .elevation--S--on-yellow {
    box-shadow: var(--elevation--S--on-yellow);
  }
  .elevation--M--on-yellow {
    box-shadow: var(--elevation--M--on-yellow);
  }
  .elevation--L--on-yellow {
    box-shadow: var(--elevation--L--on-yellow);
  }
  .elevation--XL--on-yellow {
    box-shadow: var(--elevation--XL--on-yellow);
  }
  .elevation--2XL--on-yellow {
    box-shadow: var(--elevation--2XL--on-yellow);
  }
  .elevation--XS--on-green {
    box-shadow: var(--elevation--XS--on-green);
  }
  .elevation--S--on-green {
    box-shadow: var(--elevation--S--on-green);
  }
  .elevation--M--on-green {
    box-shadow: var(--elevation--M--on-green);
  }
  .elevation--L--on-green {
    box-shadow: var(--elevation--L--on-green);
  }
  .elevation--XL--on-green {
    box-shadow: var(--elevation--XL--on-green);
  }
  .elevation--2XL--on-green {
    box-shadow: var(--elevation--2XL--on-green);
  }
  .elevation--XS--on-slate {
    box-shadow: var(--elevation--XS--on-slate);
  }
  .elevation--S--on-slate {
    box-shadow: var(--elevation--S--on-slate);
  }
  .elevation--M--on-slate {
    box-shadow: var(--elevation--M--on-slate);
  }
  .elevation--L--on-slate {
    box-shadow: var(--elevation--L--on-slate);
  }
  .elevation--XL--on-slate {
    box-shadow: var(--elevation--XL--on-slate);
  }
  .elevation--2XL--on-slate {
    box-shadow: var(--elevation--2XL--on-slate);
  }
  .elevation--XS--on-cobalt {
    box-shadow: var(--elevation--XS--on-cobalt);
  }
  .elevation--S--on-cobalt {
    box-shadow: var(--elevation--S--on-cobalt);
  }
  .elevation--M--on-cobalt {
    box-shadow: var(--elevation--M--on-cobalt);
  }
  .elevation--L--on-cobalt {
    box-shadow: var(--elevation--L--on-cobalt);
  }
  .elevation--XL--on-cobalt {
    box-shadow: var(--elevation--XL--on-cobalt);
  }
  .elevation--2XL--on-cobalt {
    box-shadow: var(--elevation--2XL--on-cobalt);
  }
  .elevation--XS--on-purple {
    box-shadow: var(--elevation--XS--on-purple);
  }
  .elevation--S--on-purple {
    box-shadow: var(--elevation--S--on-purple);
  }
  .elevation--M--on-purple {
    box-shadow: var(--elevation--M--on-purple);
  }
  .elevation--L--on-purple {
    box-shadow: var(--elevation--L--on-purple);
  }
  .elevation--XL--on-purple {
    box-shadow: var(--elevation--XL--on-purple);
  }
  .elevation--2XL--on-purple {
    box-shadow: var(--elevation--2XL--on-purple);
  }
  .elevation--XS--on-magenta {
    box-shadow: var(--elevation--XS--on-magenta);
  }
  .elevation--S--on-magenta {
    box-shadow: var(--elevation--S--on-magenta);
  }
  .elevation--M--on-magenta {
    box-shadow: var(--elevation--M--on-magenta);
  }
  .elevation--L--on-magenta {
    box-shadow: var(--elevation--L--on-magenta);
  }
  .elevation--XL--on-magenta {
    box-shadow: var(--elevation--XL--on-magenta);
  }
  .elevation--2XL--on-magenta {
    box-shadow: var(--elevation--2XL--on-magenta);
  }
  .elevation--XS--on-charcoal {
    box-shadow: var(--elevation--XS--on-charcoal);
  }
  .elevation--S--on-charcoal {
    box-shadow: var(--elevation--S--on-charcoal);
  }
  .elevation--M--on-charcoal {
    box-shadow: var(--elevation--M--on-charcoal);
  }
  .elevation--L--on-charcoal {
    box-shadow: var(--elevation--L--on-charcoal);
  }
  .elevation--XL--on-charcoal {
    box-shadow: var(--elevation--XL--on-charcoal);
  }
  .elevation--2XL--on-charcoal {
    box-shadow: var(--elevation--2XL--on-charcoal);
  }
  .elevation--XS--on-clay {
    box-shadow: var(--elevation--XS--on-clay);
  }
  .elevation--S--on-clay {
    box-shadow: var(--elevation--S--on-clay);
  }
  .elevation--M--on-clay {
    box-shadow: var(--elevation--M--on-clay);
  }
  .elevation--L--on-clay {
    box-shadow: var(--elevation--L--on-clay);
  }
  .elevation--XL--on-clay {
    box-shadow: var(--elevation--XL--on-clay);
  }
  .elevation--2XL--on-clay {
    box-shadow: var(--elevation--2XL--on-clay);
  }
  .elevation--XS--on-basics {
    box-shadow: var(--elevation--XS--on-basics);
  }
  .elevation--S--on-basics {
    box-shadow: var(--elevation--S--on-basics);
  }
  .elevation--M--on-basics {
    box-shadow: var(--elevation--M--on-basics);
  }
  .elevation--L--on-basics {
    box-shadow: var(--elevation--L--on-basics);
  }
  .elevation--XL--on-basics {
    box-shadow: var(--elevation--XL--on-basics);
  }
  .elevation--2XL--on-basics {
    box-shadow: var(--elevation--2XL--on-basics);
  }
  .elevation--XS--on-dark {
    box-shadow: var(--elevation--XS--on-dark);
  }
  .elevation--S--on-dark {
    box-shadow: var(--elevation--S--on-dark);
  }
  .elevation--M--on-dark {
    box-shadow: var(--elevation--M--on-dark);
  }
  .elevation--L--on-dark {
    box-shadow: var(--elevation--L--on-dark);
  }
  .elevation--XL--on-dark {
    box-shadow: var(--elevation--XL--on-dark);
  }
  .elevation--2XL--on-dark {
    box-shadow: var(--elevation--2XL--on-dark);
  }
  :root {
    --button--padding-x-S: calc(0.625 * var(--font-size--S));
    --button--padding-x-M: calc(1.25 * var(--font-size--M));
    --button--padding-x-L: calc(2 * var(--font-size--L));
    --button--height-S: calc(
      0.5 * var(--font-size--S) * 2 +
        (var(--line-height--tight) * var(--font-size--S))
    );
    --button--height-M: calc(
      0.75 * var(--font-size--M) * 2 +
        (var(--line-height--tight) * var(--font-size--M))
    );
    --button--height-L: calc(
      1 * var(--font-size--L) * 2 +
        (var(--line-height--tight) * var(--font-size--L))
    );
  }
  button,
  .button,
  input[type="submit"] {
    cursor: pointer;
  }
  .button {
    background: var(--color--action-default);
    border-radius: var(--border-radius--S);
    border: none;
    color: var(--color--basics-white);
    display: inline-block;
    font-family: "Azeret Mono";
    font-feature-settings: var(--font-family--sans-brand--font-feature-settings);
    font-size: var(--font-size--M);
    font-weight: var(--font-weight--bold);
    height: var(--button--height-M);
    line-height: var(--button--height-M);
    padding: 0 var(--button--padding-x-M);
    text-align: center;
    transition: background 0.3s;
    white-space: nowrap;
  }
  .button:hover {
    background: var(--color--action-hovered);
    color: var(--color--basics-white);
  }
  .button:active,
  .button:focus-visible {
    background: var(--color--action-pressed);
    color: var(--color--basics-white);
  }
  .button.disabled,
  .button[disabled] {
    background: var(--color--action-disabled);
    color: var(--color--basics-white);
    cursor: not-allowed;
    pointer-events: none;
  }
  .button.button--S {
    padding: 0 var(--button--padding-x-S);
    line-height: var(--button--height-S);
    height: var(--button--height-S);
    font-size: var(--font-size--S);
  }
  .button.button--L {
    border-radius: var(--border-radius--M);
    font-size: var(--font-size--L);
    height: var(--button--height-L);
    line-height: var(--button--height-L);
    padding: 0 var(--button--padding-x-L);
  }
  .button.button--secondary {
    --button-secondary--border-box-shadow: inset 0 0 0 1px
      var(--color--charcoal-300);
    background: var(--color--basics-white);
    color: var(--color--action-default);
    box-shadow: var(--button-secondary--border-box-shadow), var(--elevation--XS);
  }
  .button.button--secondary:hover {
    background: var(--color--charcoal-100);
    color: var(--color--action-hovered);
  }
  .button.button--secondary:active,
  .button.button--secondary:focus-visible {
    background: var(--color--charcoal-100);
    color: var(--color--action-pressed);
  }
  .button.button--secondary:focus-visible {
    box-shadow: var(--button-secondary--border-box-shadow), var(--elevation--XS),
      var(--focus-link--default);
  }
  .button.button--secondary.disabled,
  .button.button--secondary[disabled] {
    background: var(--color--basics-white);
    color: var(--color--action-disabled);
  }
  .button.button--warning {
    background: var(--color--error-background-light);
    color: var(--color--error-text);
  }
  .button.button--warning:hover,
  .button.button--warning:active,
  .button.button--warning:focus-visible {
    background: var(--color--red-200);
    color: var(--color--error-text);
  }
  .button.button--warning:active,
  .button.button--warning:focus-visible {
    box-shadow: var(--focus-link--error);
  }
  .button.button--warning.disabled,
  .button.button--warning[disabled] {
    background: var(--color--action-disabled);
    color: var(--color--basics-white);
  }
  .button.button--outline {
    background: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 1px var(--color--action-default);
    color: var(--color--action-default);
  }
  .button.button--outline:hover {
    background: var(--color--action-hovered);
    box-shadow: none;
    color: var(--color--basics-white);
  }
  .button.button--outline:active {
    background: var(--color--action-pressed);
    box-shadow: none;
    color: var(--color--basics-white);
  }
  .button.button--outline:focus-visible {
    background: var(--color--action-default);
    box-shadow: var(--focus-link--default);
    color: var(--color--basics-white);
  }
  .button.button--outline.disabled,
  .button.button--outline[disabled] {
    background: var(--color--action-disabled);
    box-shadow: none;
    color: var(--color--basics-white);
  }
  :root {
    --input--padding-x-M: calc(1.25 * var(--font-size--S));
    --input--padding-x-L: calc(1.25 * var(--font-size--M));
    --input--height-M: var(--button--height-M);
    --input--height-L: var(--button--height-L);
    --input-checkbox--XS: calc(var(--font-size--XS) * 1.3333);
    --input-checkbox--S: calc(var(--font-size--S) * 1.3333);
    --input-checkbox--M: calc(var(--font-size--M) * 1.3333);
    --input-checkbox--L: calc(var(--font-size--L) * 1.3333);
  }
  fieldset {
    border: none;
    padding: 0;
  }
  ::placeholder {
    color: var(--color--charcoal-600);
  }
  input,
  select,
  textarea {
    background: var(--color--basics-white);
    border-radius: var(--border-radius--M);
    border: 1px solid var(--color--charcoal-500);
    color: var(--color--text-default);
    font-size: var(--font-size--M);
    height: var(--input--height-L);
    line-height: var(--input--height-L);
    padding: 0 var(--input--padding-x-L);
    transition: border-color 0.3s, box-shadow 0.3s;
    width: 100%;
  }
  input:hover,
  input:active,
  input:focus,
  select:hover,
  select:active,
  select:focus,
  textarea:hover,
  textarea:active,
  textarea:focus {
    border-color: var(--color--cobalt-500);
  }
  input:focus,
  select:focus,
  textarea:focus {
    box-shadow: var(--focus-input--default);
  }
  input[disabled],
  select[disabled],
  textarea[disabled] {
    cursor: not-allowed;
    color: var(--color--action-disabled);
    border-color: var(--color--action-disabled);
  }
  input.has-error,
  select.has-error,
  textarea.has-error {
    border-color: var(--color--error-border);
    color: var(--color--error-text);
  }
  input.has-error:focus,
  select.has-error:focus,
  textarea.has-error:focus {
    box-shadow: var(--focus-input--error);
  }
  input.size--M,
  input[data-size="M"],
  select.size--M,
  select[data-size="M"],
  textarea.size--M,
  textarea[data-size="M"] {
    border-radius: var(--border-radius--S);
    font-size: var(--font-size--S);
    height: var(--input--height-M);
    line-height: var(--input--height-M);
    padding: 0 var(--input--padding-x-M);
  }
  input.focus-input--on-dark:focus,
  select.focus-input--on-dark:focus,
  textarea.focus-input--on-dark:focus {
    border-color: var(--color--charcoal-800);
  }
  select {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDkgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjUxMzAxIDRMNy43NTQ5NiA5LjI1SDEuMjcxMDZMNC41MTMwMSA0WiIgZmlsbD0iIzQwNTI2MSIvPgo8cGF0aCBkPSJNNC41MTI4NyAxOEwxLjI3MDkyIDEyLjc1TDcuNzU0ODIgMTIuNzVMNC41MTI4NyAxOFoiIGZpbGw9IiM0MDUyNjEiLz4KPC9zdmc+Cg==);
    background-position: calc(100% - var(--input--padding-x-M)) 50%;
    background-repeat: no-repeat;
  }
  select.size--M,
  select[data-size="M"] {
    background-position: calc(100% - var(--input--padding-x-M)) 50%;
  }
  textarea {
    height: auto;
    line-height: var(--line-height--tight);
    min-height: calc(
      var(--line-height--tight) * var(--font-size--M) * 4 +
        var(--input--padding-x-L) * 2 + 2px
    );
    padding: var(--input--padding-x-L);
  }
  textarea.size--M,
  textarea[data-size="M"] {
    height: auto;
    line-height: var(--line-height--tight);
    min-height: calc(
      var(--line-height--tight) * var(--font-size--S) * 4 +
        var(--input--padding-x-M) * 2 + 2px
    );
    padding: var(--input--padding-x-M);
  }
  input[type="radio"],
  input[type="checkbox"] {
    cursor: pointer;
    height: var(--input-checkbox--M);
    padding: 0;
    position: relative;
    transition: background 0.2s, border-color 0.2s;
    width: var(--input-checkbox--M);
  }
  input[type="radio"]::after,
  input[type="checkbox"]::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
  }
  input[type="radio"]:not([disabled]):not(:checked):hover,
  input[type="checkbox"]:not([disabled]):not(:checked):hover {
    background: var(--color--cobalt-100);
    border-color: var(--color--cobalt-500);
  }
  input[type="radio"]:not([disabled]):not(:checked):hover::after,
  input[type="checkbox"]:not([disabled]):not(:checked):hover::after {
    opacity: 1;
  }
  input[type="radio"]:not([disabled]):focus,
  input[type="checkbox"]:not([disabled]):focus {
    outline: 0;
  }
  input[type="radio"]:checked::after,
  input[type="checkbox"]:checked::after {
    opacity: 1;
  }
  input[type="radio"].size--XS,
  input[type="radio"][data-size="XS"],
  input[type="checkbox"].size--XS,
  input[type="checkbox"][data-size="XS"] {
    width: var(--input-checkbox--XS);
    height: var(--input-checkbox--XS);
  }
  input[type="radio"].size--S,
  input[type="radio"][data-size="S"],
  input[type="checkbox"].size--S,
  input[type="checkbox"][data-size="S"] {
    width: var(--input-checkbox--S);
    height: var(--input-checkbox--S);
  }
  input[type="radio"].size--L,
  input[type="radio"][data-size="L"],
  input[type="checkbox"].size--L,
  input[type="checkbox"][data-size="L"] {
    width: var(--input-checkbox--L);
    height: var(--input-checkbox--L);
  }
  input[type="radio"][disabled],
  input[type="checkbox"][disabled] {
    cursor: not-allowed;
  }
  input[type="checkbox"] {
    border-radius: var(--border-radius--S);
    transition: border-color 0.2s, outline 0.2s, opacity 0.2s;
  }
  input[type="checkbox"]::after {
    width: 100%;
    height: 100%;
    background: center center/60% no-repeat
      url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOCA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNjg3NzIgNi4zNzUyMkMyLjQ2MzcyIDYuMzc1MjIgMi4yMzk3MiA2LjI4ODYgMi4wNjkwOSA2LjExNjIzTDAuMzE5MDk0IDQuMzQ4MzdDLTAuMDIzMDMxMyA0LjAwMjc2IC0wLjAyMzAzMTMgMy40NDQxMSAwLjMxOTA5NCAzLjA5ODVDMC42NjEyMTkgMi43NTI4OCAxLjIxNDIyIDIuNzUyODggMS41NTYzNCAzLjA5ODVMMi42ODc3MiA0LjI0MTQyTDYuNDQ0MDkgMC40NDY3MTJDNi43ODYyMiAwLjEwMTA5NiA3LjMzOTIyIDAuMTAxMDk2IDcuNjgxMzQgMC40NDY3MTJDOC4wMjM0NyAwLjc5MjMyOCA4LjAyMzQ3IDEuMzUwOTcgNy42ODEzNCAxLjY5NjU5TDMuMzA2MzQgNi4xMTYyM0MzLjEzNTcyIDYuMjg4NiAyLjkxMTcyIDYuMzc1MjIgMi42ODc3MiA2LjM3NTIyWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==);
  }
  input[type="checkbox"]:not(:checked)::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgOCA3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNjg3NzIgNi4zNzUyMkMyLjQ2MzcyIDYuMzc1MjIgMi4yMzk3MiA2LjI4ODYgMi4wNjkwOSA2LjExNjIzTDAuMzE5MDk0IDQuMzQ4MzdDLTAuMDIzMDMxMyA0LjAwMjc2IC0wLjAyMzAzMTMgMy40NDQxMSAwLjMxOTA5NCAzLjA5ODVDMC42NjEyMTkgMi43NTI4OCAxLjIxNDIyIDIuNzUyODggMS41NTYzNCAzLjA5ODVMMi42ODc3MiA0LjI0MTQyTDYuNDQ0MDkgMC40NDY3MTJDNi43ODYyMiAwLjEwMTA5NiA3LjMzOTIyIDAuMTAxMDk2IDcuNjgxMzQgMC40NDY3MTJDOC4wMjM0NyAwLjc5MjMyOCA4LjAyMzQ3IDEuMzUwOTcgNy42ODEzNCAxLjY5NjU5TDMuMzA2MzQgNi4xMTYyM0MzLjEzNTcyIDYuMjg4NiAyLjkxMTcyIDYuMzc1MjIgMi42ODc3MiA2LjM3NTIyWiIgZmlsbD0iIzNCNzBGNSIvPgo8L3N2Zz4K);
  }
  input[type="checkbox"]:checked {
    background: var(--color--action-default);
  }
  input[type="radio"] {
    border-radius: 50%;
  }
  input[type="radio"]::after {
    width: calc(var(--input-checkbox--M) - 6px);
    height: calc(var(--input-checkbox--M) - 6px);
    border-radius: 50%;
    background: var(--color--cobalt-500);
  }
  input[type="radio"]:not(:checked)::after {
    background: var(--color--cobalt-400);
  }
  input[type="radio"]:checked {
    border-color: var(--color--action-default);
  }
  input[type="radio"].size--XS::after,
  input[type="radio"][data-size="XS"]::after {
    width: calc(var(--input-checkbox--XS) - 5px);
    height: calc(var(--input-checkbox--XS) - 5px);
  }
  input[type="radio"].size--M::after,
  input[type="radio"][data-size="M"]::after {
    width: calc(var(--input-checkbox--S) - 8px);
    height: calc(var(--input-checkbox--S) - 8px);
  }
  input[type="radio"].size--L::after,
  input[type="radio"][data-size="L"]::after {
    width: calc(var(--input-checkbox--L) - 8px);
    height: calc(var(--input-checkbox--L) - 8px);
  }
  input[type="hidden"] {
    display: none !important;
  }
  :root {
    --focus-link--default: 0px 0px 0px 2px var(--color--basics-white),
      0px 0px 0px 3px var(--color--cobalt-500),
      0px 0px 0px 5px var(--color--cobalt-200);
    --focus-link--error: 0px 0px 0px 2px var(--color--basics-white),
      0px 0px 0px 3px var(--color--error-border),
      0px 0px 0px 5px var(--color--error-background-light);
    --focus-link--onCobalt-800: 0px 0px 0px 2px var(--color--cobalt-800),
      0px 0px 0px 3px var(--color--cobalt-accent),
      0px 0px 0px 5px rgba(var(--color--basics-white-rgb), 0.08);
    --focus-link--onCharcoal-1100: 0px 0px 0px 2px var(--color--charcoal-1100),
      0px 0px 0px 3px var(--color--cobalt-accent),
      0px 0px 0px 5px rgba(var(--color--basics-white-rgb), 0.08);
    --focus-link--onCharcoal-1200: 0px 0px 0px 2px var(--color--charcoal-1200),
      0px 0px 0px 3px var(--color--cobalt-accent),
      0px 0px 0px 5px rgba(var(--color--basics-white-rgb), 0.08);
    --focus-input--default: 0px 0px 0px 2px var(--color--cobalt-200);
    --focus-input--error: 0px 0px 0px 2px var(--color--error-background-light);
    --focus-input--on-dark: 0px 0px 0px 1px var(--color--cobalt-accent),
      0px 0px 0px 3px rgba(var(--color--basics-white-rgb), 0.08);
  }
  a:focus,
  button:focus {
    outline: none;
  }
  a:focus-visible,
  button:focus-visible {
    box-shadow: var(--focus-link--default);
    outline: none;
    border-radius: var(--border-radius--S);
  }
  .focus-link--default:focus-visible {
    box-shadow: var(--focus-link--default);
  }
  .focus-link--error:focus-visible {
    box-shadow: var(--focus-link--error);
  }
  .focus-link--onCobalt-800:focus-visible {
    box-shadow: var(--focus-link--onCobalt-800);
  }
  .focus-link--onCharcoal-1100:focus-visible {
    box-shadow: var(--focus-link--onCharcoal-1100);
  }
  .focus-link--onCharcoal-1200:focus-visible {
    box-shadow: var(--focus-link--onCharcoal-1200);
  }
  .focus-input--default:focus {
    box-shadow: var(--focus-input--default);
  }
  .focus-input--error:focus {
    box-shadow: var(--focus-input--error);
  }
  .focus-input--on-dark:focus {
    box-shadow: var(--focus-input--on-dark);
  }


body {
    padding: 0;
    min-height: 100%;
  }

  .container-fluid {
    width: var(--container-width);
    max-width: none;
    padding: 0;
  }

  .container-fluid:after,
  .container-fluid:before {
    content: none;
  }


  /*
    BEGIN NAV
  */
  :root {
    --hs-logo-width: 222px;
    --hs-logo-height: 48px;

    --main-nav-height: calc(var(--spacing--base-2) + var(--hs-logo-height) + var(--spacing--base-3));

    --main-nav-close-button-dimension: 24px;
  }

  .navbar .brand {
    text-indent: -9999px;
    width: 160px;
    height: 35px;
    background: url("https://legacy.tussendoor.nl/tussendoor/tussendoor-logo.svg") no-repeat;
    background-size:160px 35px;
    min-width:160px;
    padding: 0;
  }

  .navbar .brand span {
    font-size: 12px;
  }

  .navbar .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    box-shadow: none;
  }

  .navbar .navbar-inner::before,
  .navbar .navbar-inner::after {
    content: none;
  }

  .navbar .nav li a {
    font-size: var(--font-size--S);
    line-height: var(--line-height--relaxed);
    color: var(--color--text-light);
    margin: 0;
  }

  /* begin mobile */
  @media (max-width: 768px) {
    :root {
      --hs-logo-width: 126px;
      --hs-logo-height: 24px;
    }

    .navbar {
      margin: 0;
    }
  }

  @media (max-width: 1139px) {
    .navbar .navbar-inner {
      padding: var(--spacing--base-2) 0 var(--spacing--base-3);
    }

    .navbar .brand {
      position: relative;
      z-index: 1;
    }

    .navbar .btn-navbar {
      top: calc((var(--hs-logo-height) - var(--main-nav-close-button-dimension)) / 2);
      right: 0;
      z-index: 1;
      width: var(--main-nav-close-button-dimension);
      height: var(--main-nav-close-button-dimension);
      margin: 0;
      background: var(--color--text-default);
      mask-image: url("https://www.helpscout.com/icons/menu.svg");
      mask-size: 100% 100%;
      padding: 0;
      transition: background 0.2s;
      color: transparent;
      display: block;
      box-sizing: content-box;
    }

    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:focus {
      background: var(--color--action-default);
    }

    .navbar .btn-navbar .icon-bar {
      display: none;
    }

    .nav-collapse {
      background: rgba(var(--color--basics-white-rgb),
          0);
      margin: 0 calc((100vw - var(--container-width)) / -2);
      top: calc(-33px - var(--spacing--base-2));
      z-index: 0;
      transition: all 0.35s ease;
    }

    .nav-collapse.collapse {
      height: 0 !important;
      overflow: hidden !important;
    }

    .nav-collapse.collapse.in {
      height: auto !important;
      margin-bottom: calc(-33px - var(--spacing--base-2));
    }

    .nav-collapse.in {
      background: rgba(var(--color--basics-white-rgb),
          1);
      border-radius: 0 0 var(--border-radius--2XL) var(--border-radius--2XL);
      box-shadow: var(--elevation--S);
    }

    .nav-collapse nav {
      position: relative;
      /* padding: calc(33px + var(--spacing--base-2) + var(--spacing--M)) 0 var(--spacing--M); */
    }

    .nav-collapse nav .nav {
      position: relative;
      margin: 0;
      width: 100%;
    }

    .navbar .nav li {
      display: block;
      opacity: 0;
      margin: 0;
      transition: opacity 0.35s ease;
    }

    .navbar .in .nav li {
      opacity: 1;
    }

    .navbar .nav li a {
      padding: var(--spacing--base-1-5) 0;
      margin: 0 auto;
      max-width: var(--container-width);
      width: 100%;
    }

    .navbar .nav li a:hover,
    .navbar .nav li a:focus,
    .navbar .nav li.active a,
    .navbar .nav li.active a:hover,
    .navbar .nav li.active a:focus {
      color: var(--color--text-dark);
      font-weight: var(--font-weight--normal);
      background: var(--color--charcoal-100);
      border-radius: var(--border-radius--S);
    }

    #contactMobile {
      display: block;
    }
  }

  #mainNav .container-fluid {
    background-color:transparent;
    position:relative;
  }

  @media (min-width: 769px) and (max-width: 1139px) {
    #mainNav .container-fluid {
      position: relative;
      z-index: 1;
    }

    .navbar .btn-navbar {
      position: absolute;
    }

    .nav-collapse.collapse {
      position: absolute;
      top: calc(var(--border-radius--S) * -1);
      right: calc(var(--border-radius--S) * -1);
      margin: 0;
      border-radius: 4px;
      padding: var(--border-radius--S) var(--border-radius--S) var(--spacing--base-1-5);
      min-width: 175px;
    }

    /* .nav-collapse nav {
      padding-top: calc(var(--hs-logo-height) + var(--border-radius--S));
    } */

    .navbar .nav li a {
      padding: 9px 15px;
    }

    #contactMobile {
      display: none;
    }
  }

  .navbar {
    background-color: transparent;
    position: relative;
    z-index: 1;
  }

  #mainNav .container-fluid {
    display: flex;
    gap:10px;
    justify-content: space-between;
    align-items: center;
  }

  #mainNav .container-fluid .nav-collapse  {
    padding:14px 10px;
  }

 #mainNav.navbar .nav li a {
    font-size: 16px;
    line-height: 19px;
    font-weight:600;
    color:var(--color--action-default);
    padding:5px;
}

  /* end mobile */

  /* begin desktop */
  @media (min-width: 1140px) {
    #mainNav .container-fluid {
      display: flex;
      justify-content: space-between;

    }

    .brand {
      float: none;
    }

    .navbar .nav {
      float: none;
      position: relative;
      display: flex;
      gap: 24px;
    }

    .navbar .nav li {
      margin: 0;
    }

    .navbar .nav li a {
      line-height: 28px;
    }

    .navbar .nav li a:hover,
    .navbar .nav li a:focus,
    .navbar .nav li.active a,
    .navbar .nav li.active a:hover,
    .navbar .nav li.active a:focus {
      color: var(--color--text-dark);
    }

    .navbar .nav li.active a {
      font-weight: var(--font-weight--medium);
    }
  }

  /* end desktop */

  /*
    END NAV
  */

  /* BEGIN footer */
  footer {
    margin: 0 auto var(--spacing--L);
    max-width: var(--container-width);
  }

  footer p {
    margin: 0;
    text-align: center;
    color: var(--color--text-light);
    font-size: var(--font-size--S);
  }

  footer p a {
    color: var(--color--text-default);
  }

  /* END footer */

  /* BEGIN DOCS Search Hero */
  #docsSearch {
    margin: calc(var(--main-nav-height) * -1) 0 0;
    padding: calc(var(--main-nav-height) + var(--spacing--L)) calc((100vw - var(--container-width)) / 2) var(--spacing--XL);
    border: none;
  }

  #docsSearch h1 {
    font-weight: var(--font-weight--bold);
    font-size: var(--font-size--5XL);
    margin: 0 0 var(--spacing--S);

  }

  #searchBar {
    display: flex;
    width: 100%;
    max-width: 616px;
    padding: 0;
  }

  #searchBar .search-query {
    background: var(--color--basics-white);
    border-radius: var(--border-radius--M);
    border: 1px solid var(--);
    color: var(--color--text-default);
    font-size: var(--font-size--M);
    height: var(--input--height-L);
    line-height: var(--input--height-L);
    padding: 0 var(--input--padding-x-L);
    transition: border-color 0.3s,
      box-shadow 0.3s;
    width: 100%;
  }

  #searchBar .search-query:hover,
  #searchBar .search-query:active,
  #searchBar .search-query:focus {
    border-color: var(--color--cobalt-500);
  }

  #searchBar .search-query:focus {
    box-shadow: var(--focus-input--default);
  }

  #searchBar .search-query[disabled] {
    cursor: not-allowed;
    color: var(--color--action-disabled);
    border-color: var(--color--action-disabled);
    cursor: not-allowed;
  }

  #searchBar button {
    top: 0;
    height: var(--input--height-L);
    background: var(--color--action-default);
    border:1px solid var(--color--action-default);
    border-radius: 0 var(--border-radius--M) var(--border-radius--M) 0;
    font-family: "Azeret Mono";
    font-feature-settings: var(--font-family--sans-brand--font-feature-settings);
    font-size: var(--font-size--L);
    font-weight: var(--font-weight--bold);
    line-height: var(--input--height-L);
    transition: background 0.3s;
  }

  #searchBar button:hover {
    background: var(--color--action-hovered);
    border-color:  var(--color--action-hovered);
  }

  #searchBar.sm {
    margin-bottom: 40px;
  }

  #searchBar.sm button,
  #searchBar.sm button:hover {
    background: none;
  }

  #serp-dd {
    top: var(--input--height-L) !important;
    border-radius: var(--border-radius--S);
    background: var(--color--basics-white);
    box-shadow: var(--elevation--S);
    border: none;
  }

  #serp-dd .result>li,
  #serp-dd .result>li:first-child,
  #serp-dd .result>li:last-child {
    margin: 0;
  }

  #serp-dd .result>li a {
    padding: 10px;
    font-size: var(--font-size--M);
    line-height: var(--line-height--relaxed);
  }

  #serp-dd .result>li a:hover {
    color: var(--color--action-hovered);
    background: transparent;
  }

  #serp-dd .result>li.active,
  #serp-dd .result>li:hover {
    background: var(--color--slate-100);
    color: inherit;
  }

  @media (min-width: 480px) {
    #docsSearch {
      background-position:
        -37px top,
        calc(100vw - 200px) top;
    }
  }

  @media (min-width: 768px) {
    #docsSearch {
      background-position:
        left top,
        right top;
      background-size: 400px auto, 400px auto;
    }
  }

  /* END DOCS Search Hero */

  /* BEGIN Collection Category */
  .collection-category h2 {
    font-size: var(--font-size--2XL);
    font-weight: var(--font-weight--bold);
    margin-bottom: var(--spacing--S);
    padding: 0;
  }

  .collection-category h2 a {
    color: var(--color--text-headline);
  }

  .collection-category h2 a:hover {
    border-bottom: none;
    color: var(--color--text-headline);
  }

  .collection-category .category-list {
    display: flex;
    margin: 0 0 var(--spacing--L);
    gap: var(--spacing--base-1-5);
    flex-wrap: wrap;
  }

  .category-list .category {
    --category--icon-circle-size: var(--spacing--base-2-5);
    --category--icon-size: calc(var(--spacing--base-2-5) * 0.65);
    position: relative;
    flex: 0 0 100%;
    width: auto;
    margin: 0;
    border: none;
    background: #eff5ff;
    border-radius: 20px;
    padding: calc(32px + var(--category--icon-circle-size) + var(--spacing--base-1-5)) var(--spacing--base-1-5) var(--spacing--base-2-5);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    transition: box-shadow 0.3s;
    justify-content: space-between;
  }

  .category-list .category::before {
    display: block;
    width: var(--category--icon-circle-size);
    height: var(--category--icon-circle-size);
    position: absolute;
    top: 32px;
    left: calc(50% - var(--spacing--base-2-5) / 2);
    border-radius: 100%;
    background: var(--color--clay-100);
  }

  .category-list .category::after {
    content: "";
    display: block;
    width: var(--category--icon-size);
    height: var(--category--icon-size);
    background: #2c80ff;
    mask-image: url("https://www.helpscout.com/icons/help-circle.svg");
    mask-size: 100% 100%;
    position: absolute;
    top: calc(32px + (var(--spacing--base-2-5) - var(--category--icon-size)) / 2);
    left: calc(50% - var(--category--icon-size) / 2);
  }

  .category-list .category:hover::after {
    background: #fff;
  }

  /* Getting Started */
  /* Algemeen */
  .category-list .category#category-79::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/info-duotone-solid.svg");
  }

  /* Billink */
  .category-list .category#category-73::after,
  .category-list .category#category-155::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/cash-register-duotone-solid.svg");
  }

  /* Bol */
  .category-list .category#category-4::after,
  .category-list .category#category-168::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/bag-shopping-duotone-solid.svg");
  }

  /* Facturatie en administratie */
  .category-list .category#category-92::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/file-invoice-duotone-solid.svg");
  }

  /* Facturatie en administratie */
  .category-list .category#category-124::after,
  .category-list .category#category-61::after,
  .category-list .category#category-88::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/house-duotone-solid.svg");
  }

  /* Money bird */
  .category-list .category#category-205::after,
  .category-list .category#category-9::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/bird-duotone-regular.svg");
  }

  /* Dashboard */
  .category-list .category#category-91::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/grid-horizontal-duotone-solid.svg");
  }

  /* OpenRDW */
  .category-list .category#category-15::after,
  .category-list .category#category-198::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/car-duotone-solid.svg");
  }

  /* Wefact */
  .category-list .category#category-48::after,
  .category-list .category#category-185::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/file-invoice-duotone-solid.svg");
  }

  /* Wordpress */
  .category-list .category#category-159::after,
  .category-list .category#category-89::after,
  .category-list .category#category-87::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/wordpress-brands-solid.svg");
  }

  /* Autobedrijf */
  .category-list .category#category-53::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/car-duotone-solid.svg");
  }

  /* Addon */
  .category-list .category#category-30::after,
  .category-list .category#category-38::after,
  .category-list .category#category-44::after,
  .category-list .category#category-25::after,
  .category-list .category#category-21::after,
  .category-list .category#category-32::after {
    mask-image: url("https://legacy.tussendoor.nl/tussendoor/icons/puzzle-duotone-solid.svg");
  }




  .category-list .category:hover {
    background: #2c80ff;
    box-shadow: var(--elevation--M);
  }

  .category-list .category:hover h3 {
    color:#fff;
  }

  .category-list .category:hover p,
  .category-list .category:hover p.article-count {
    color:#fff !important;
  }

  .category-list .category h3,
  .category-list .category p,
  .category-list .category .article-count {
    flex: 0 0 100%;
  }

  .category-list .category h3 {
    margin: 0;
    color: var(--color--text-headline);
    font-weight: var(--font-weight--bold);
    font-size: var(--font-size--L);
    line-height: var(--line-height--tight);
  }

  .category-list .category p,
  .category-list .category .article-count {
    margin: 0;
    font-size: var(--font-size--S);
    line-height: var(--line-height--relaxed);
    color: var(--color--text-default);
  }

  .category-list .category p:first-of-type {
    align-self: start;
  }

  .category-list .category .article-count {
    align-self: end;
    color: var(--color--action-default);
  }

  .category-list .category:hover .article-count {
    color: var(--color--action-hovered);
  }

  @media (min-width: 768px) {
    .category-list .category {
      flex: 0 0 calc(50% - var(--spacing--base-2) / 2);
    }
  }

  .category-list  {
    display: flex;
    margin: 0 0 var(--spacing--L);
    gap: var(--spacing--base-1-5);
    flex-wrap: wrap;
  }

  @media (min-width: 1024px) {
    .category-list .category {
      flex: 0 0 calc(25% - var(--spacing--base-2) * 3 / 4);
      padding-left: var(--spacing--base-2-5);
      padding-right: var(--spacing--base-2-5);
    }
  }

  /* END Collection Category */

  /* BEGIN article sidebar */
  #sidebar {
    margin: 0;
    padding: 0;
  }

  #sidebar form .search-query {
    border: 1px solid var(--color--charcoal-500);
    border-radius: var(--border-radius--S);
    font-size: var(--font-size--S);
    height: var(--input--height-M);
    line-height: var(--input--height-M);
    padding: 0 var(--input--padding-x-M);
  }

  #sidebar form button,
  #searchBar.sm button {
    top: 0;
    right: var(--spacing--XS);
    height: 100%;
  }

  #sidebar form .icon-search {
    background: var(--color--charcoal-600);
    width: 26px;
    height: 26px;
    mask-image: url("https://www.helpscout.com/icons/search.svg");
    mask-size: 100% 100%;
    transition: background-color 0.3s;
  }

  #sidebar form button:hover .icon-search {
    background: var(--color--text-headline);
  }

  #sidebar form .icon-search::before {
    content: none;
  }

  #sidebar h3 {
    color: var(--color--text-dark);
    font-family: var(--font-family--mono);
    font-size: var(--font-size--S);
    font-weight: var(--font-weight--normal);
    line-height: var(--line-height--relaxed);
    text-transform: capitalize;
    margin: 0 0 20px;
  }

  #sidebar .nav-list {
    margin-bottom: 0;
  }

  #sidebar .nav-list li {
    margin: 0;
  }

  #sidebar .nav-list a {
    display: block;
    font-size: var(--font-size--M);
    line-height: var(--line-height--relaxed);
    color: var(--color--text-default);
    padding: var(--border-radius--S) 0;
  }

  #sidebar .nav-list a:hover,
  #sidebar .nav-list li.active a:hover {
    color: var(--color--action-default);
  }

  #sidebar .nav-list li.active a,
  #sidebar .nav-list li.active a:hover {
    color: var(--color--text-default);
    font-weight: var(--font-weight--medium);
  }

  #sidebar .nav-list li.active a i {
    color: var(--color--charcoal-200);
    transition: translate 0.3s;
  }

  #sidebar .nav-list li.active a:hover i {
    translate: 2px 0;
  }

  @media (max-width: 768px) {
    #sidebar {
      padding: 0;
    }
  }

  /* END article sidebar */

  /* BEGIN
    .contentWrapper
  */
  #contentArea .row-fluid {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-top: var(--spacing--M);
    gap: var(--spacing--M);
    margin-bottom: var(--spacing--L);
  }

  #contentArea .row-fluid::after,
  #contentArea .row-fluid::before {
    content: none;
  }

  @media (max-width: 768px) {
    #contentArea .row-fluid {
      flex-direction: column;
      gap: var(--spacing--L);
      padding-top: 0;
    }
  }

  #main-content {
    background: none;
    padding: var(--spacing--M);
    margin-bottom: 0;
    border-radius: 24px;
    border: 4px solid #eff5ff;
  }

  .contentWrapper {
    border: none;
    padding: 0;
    color: var(--color--text-default);
  }

  .contentWrapper.withRelated {
    padding-bottom: var(--spacing--S);
  }

  .contentWrapper h1 {
    font-size: var(--font-size--2XL);
    margin-bottom: var(--spacing--M);
  }

  #fullArticle,
  #fullArticle p,
  #fullArticle ul,
  #fullArticle ol,
  #fullArticle li,
  #fullArticle div,
  #fullArticle blockquote,
  #fullArticle dd,
  #fullArticle table {
    color: var(--color--text-default);
  }

  #fullArticle h1,
  #fullArticle h2,
  #fullArticle h3,
  #fullArticle h4,
  #fullArticle h5 {
    color: var(--color--text-headline);
    line-height: var(--line-height--tight);
  }

  #fullArticle,
  #fullArticle blockquote,
  #fullArticle dd,
  #fullArticle div,
  #fullArticle li,
  #fullArticle ol,
  #fullArticle p,
  #fullArticle table,
  #fullArticle ul {
    font-size: var(--font-size--M);
    line-height: var(--line-height--relaxed);
    margin: 0 0 var(--spacing--S);
  }

  #fullArticle {
    margin: 0 0 var(--spacing--M);
  }

  #fullArticle .title {
    font-size: var(--font-size--2XL);
    font-weight: var(--font-weight--bold);
    margin: 0 0 var(--spacing--S);
    padding-right: 22px;
  }

  .contentWrapper p.descrip {
    font-size: var(--font-size--M);
    margin: 0 0 var(--spacing--S);
    color: var(--color--text-default);
  }

  #fullArticle h2 {
    font-size: var(--font-size--L);
    font-weight: var(--font-weight--bold);
    margin: 0 0 var(--headline-medium-L--margin-bottom);
  }

  #fullArticle h3 {
    font-size: var(--font-size--M);
    font-weight: var(--font-weight--bold);
    margin: 0 0 var(--headline-medium-M--margin-bottom);
  }

  #fullArticle h4 {
    font-size: var(--font-size--S);
    font-weight: var(--font-weight--bold);
    margin: 0 0 var(--headline-medium-S--margin-bottom);
  }

  #fullArticle h5 {
    font-size: var(--font-size--XS);
    font-weight: var(--font-weight--bold);
    margin: 0 0 var(--headline-medium-XS--margin-bottom);
  }

  #fullArticle>br {
    display: none;
  }

  #fullArticle>ul,
  #fullArticle>ol {
    padding-left: var(--spacing--XS);
  }

  #fullArticle>ul {
    list-style: none;
  }

  #fullArticle>ol {
    list-style: decimal;
  }

  #fullArticle>ul li,
  #fullArticle>ol li {
    position: relative;
    margin: 0;
  }

  #fullArticle>ul li::before {
    content: "•";
    position: absolute;
    top: -0.1em;
    left: -0.8em;
    display: block;
    color: var(--color--text-light);
  }

  #fullArticle dt {
    background: none;
    color: var(--color--text-default);
    font-size: var(--font-size--M);
    display: inline-block;
    padding: 0;
    line-height: var(--line-height--relaxed);
    vertical-align: middle;
    margin: 0;
    border-radius: 0;
    font-weight: var(--font-weight--medium);
    margin-right: 0;
  }

  #fullArticle dt::after {
    content: ".";
    translate: -0.25em 0;
    display: inline-block;
  }

  #fullArticle dd {
    padding: 0;
    margin: 0 0 var(--spacing--S);
  }

  #fullArticle dd::after,
  #fullArticle dd::before {
    content: none;
  }

  #fullArticle dd p:last-child {
    margin: 0;
  }

  #fullArticle .printArticle {
    border: none;
    top: 0;
    right: 0;
  }

  #fullArticle table {
    font-feature-settings: normal;
  }

  #fullArticle .printArticle .icon-print {
    color: var(--color--text-light);
    transition: color 0.3s;
  }

  #fullArticle .printArticle:hover .icon-print {
    color: var(--color--action-hovered);
  }

  #fullArticle .index-list {
    background: var(--color--slate-100);
    border-top: 3px solid var(--color--slate-500);
    padding: var(--spacing--base-0-5) var(--spacing--base-0-5) var(--spacing--base-1);
    margin-bottom: var(--spacing--M);
  }

  #fullArticle .index-list h4,
  #fullArticle .index-list ul li a {
    display: block;
    font-size: var(--font-size--M);
    font-weight: var(--font-weight--normal);
    line-height: var(--line-height--relaxed);
    margin: 0;
    padding: var(--spacing--base-0-5);
    border: none;
  }

  #fullArticle .index-list ul li a {
    color: var(--color--action-default);
  }

  #fullArticle .index-list ul li a:hover {
    color: var(--color--action-hovered);
  }

  #fullArticle .index-list h4 {
    font-family: var(--font-family--mono);
    font-size: var(--font-size--S);
    color: var(--color--text-dark);
    text-transform: capitalize;
  }

  #fullArticle .index-list ul,
  #fullArticle .index-list ul li {
    margin: 0;
  }

  #fullArticle .index-list ul li a:hover {
    color: var(--color--action-hovered);
  }

  #fullArticle .callout,
  #fullArticle .callout-blue,
  #fullArticle .callout-green,
  #fullArticle .callout-red,
  #fullArticle .callout-yellow,
  #fullArticle .private-note {
    padding: var(--spacing--base-1) var(--spacing--base-1) var(--spacing--base-1-5);
  }

  #fullArticle .callout p,
  #fullArticle .callout-blue p,
  #fullArticle .callout-green p,
  #fullArticle .callout-red p,
  #fullArticle .callout-yellow p,
  #fullArticle .private-note p {
    font-size: var(--font-size--M);
    color: var(--color--text-default);
  }


  #fullArticle .callout {
    background: var(--color--charcoal-100);
    border-left: 3px solid var(--color--charcoal-300);
    border-color: var(--color--charcoal-300);
  }

  #fullArticle .callout-blue {
    background: #d3efff;
    border-left: 3px solid #0288d1;
    color: #01466c;
  }

  #fullArticle .callout-green {
    background: var(--color--green-100);
    border-left: 3px solid var(--color--green-300);
    border-color: var(--color--green-300);
  }

  #fullArticle .callout-red {
    background: var(--color--red-100);
    border-left: 3px solid var(--color--red-300);
    border-color: var(--color--red-300);
  }

  #fullArticle .callout-yellow {
    background: var(--color--yellow-100);
    border-left: 3px solid var(--color--yellow-300);
    border-color: var(--color--yellow-300);
  }

  #fullArticle .private-note {
    background: var(--color--purple-100);
    border-left: 3px solid var(--color--purple-300);
    border-color: var(--color--purple-300);
  }

  #serp-dd .result a:hover,
  #serp-dd .result>li.active,
  #fullArticle strong a,
  #fullArticle a strong,
  .collection a,
  .contentWrapper a,
  .most-pop-articles .popArticles a,
  .most-pop-articles .popArticles a:hover span,
  .category-list .category .article-count,
  .category-list .category:hover .article-count {
    color: var(--color--action-default);
  }

  a:focus,
  a:hover {
    color: var(--color--action-hovered);
    text-decoration: none;
  }

  #fullArticle a {
    color: var(--color--text-dark);
    border-bottom: 1px solid var(--color--text-light);
    cursor: pointer;
  }

  #fullArticle a:hover {
    color: var(--color--cobalt-600);
    border-bottom-color: var(--color--cobalt-600);
  }

  #fullArticle strong {
    color: var(--color--text-dark);
    font-weight: var(--font-weight--medium);
  }

  .articleRatings {
    margin-bottom: var(--spacing--M);
  }

  .articleFoot {
    clear: none;
    margin: 0;
  }

  /* clearfix :'( */
  .articleFoot::after,
  .articleFoot::before {
    display: table;
    content: "";
    line-height: 0;
  }

  .articleFoot::after {
    clear: both;
  }

  .articleFoot p,
  .articleFoot time {
    font-family: var(--font-family--mono);
    font-size: var(--font-size--XS);
    line-height: var(--line-height--relaxed);
    color: var(--color--text-light);
    font-style: normal;
  }

  .articleFoot p.lu,
  .articleFoot time.lu {
    margin: 0;
  }

  @media (max-width: 768px) {
    #main-content {
      margin: 0 calc(var(--spacing--S) * -1);
      padding-left: var(--spacing--S);
      padding-right: var(--spacing--S);
    }

    .contentWrapper h1 {
      font-size: var(--font-size--2XL);
    }

    #sidebar {
      margin: 0;
    }
  }

  /* END
    .contentWrapper
  */

  /*
    BEGIN .related
  */
  .related {
    background: transparent;
    padding: var(--spacing--S) 0 0;
    margin: 0;
    border: none;
    border-top: 1px solid var(--color--charcoal-300);
  }

  .related h3 {
    margin: 0 0 var(--spacing--S);
    color: var(--color--text-headline);
    font-weight: var(--font-weight--bold);
    font-size: var(--font-size--M);
    line-height: var(--line-height--tight);
    text-transform: capitalize;
  }

  .related ul,
  .related ul li {
    padding: 0;
    margin: 0;
  }

  .related ul li a {
    font-size: var(--font-size--M);
    line-height: var(--line-height--relaxed);
    margin: 0;
  }

  .related ul li a i {
    display: none;
  }

  @media (max-width: 768px) {
    .related h3 {
      padding: 0;
    }
  }

  /*
    END .related
  */

  /*
    BEGIN category
  */
  #categoryHead .sort {
    top: 0;
  }

  #categoryHead .sort form {
    margin: 0;
  }

  #categoryHead .sort select {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDkgMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjUxMzAxIDRMNy43NTQ5NiA5LjI1SDEuMjcxMDZMNC41MTMwMSA0WiIgZmlsbD0iIzQwNTI2MSIvPgo8cGF0aCBkPSJNNC41MTI4NyAxOEwxLjI3MDkyIDEyLjc1TDcuNzU0ODIgMTIuNzVMNC41MTI4NyAxOFoiIGZpbGw9IiM0MDUyNjEiLz4KPC9zdmc+Cg==);
    background-position: calc(100% - 10px) 50%;
    background-repeat: no-repeat;
    background-color: var(--color--basics-white);
    border-radius: var(--border-radius--S);
    border: 1px solid var(--color--charcoal-500);
    color: var(--color--text-default);
    font-size: var(--font-size--S);
    height: var(--input--height-M);
    line-height: var(--input--height-M);
    padding: 0 var(--input--padding-x-M);
    transition: border-color 0.3s, box-shadow 0.3s;
    width: 100%;
  }

  .articleList {
    border-top: 1px solid var(--color--charcoal-300);
    padding-top: var(--spacing--S);
    display: flex;
    flex-direction: column;
    gap: var(--spacing--XS);
    margin: 0;
    font-size: var(--font-size--M);
  }

  .articleList li {
    margin: 0;
    padding: 0;
  }

  .articleList a {
    font-size: var(--font-size--M);
    line-height: var(--line-height--relaxed);
    margin: 0;
  }

  .articleList a i {
    display: none;
  }

  .articleList a:hover span {
    text-decoration: none;
  }

  /*
    END category
  */

  /* PREVIEW admin banner */
  .appMessage {
    top: calc(var(--spacing--M)* -1);
    left: calc(var(--spacing--M)* -1);
    width: calc(100% + var(--spacing--M)* 2);
  }


@media (max-width:768px) {
    #mainNav .nav-collapse.collapse.in {
        position: fixed;
        top:80px;
        right:0;
        bottom:0;
        left:0;
        padding-top: 0 !important;
    }

    #mainNav .nav-collapse.collapse.in nav .nav {
        padding:0;
        display: flex;
        flex-direction: column;
        gap: 24px;
        text-align: left;
    }

    #mainNav.navbar .nav li a {
        font-size:22px;
        line-height:1;
        background-color:unset;
    }
}