@import '../../static/fonts/style.css';
@import 'normalize.css';
h1, h2, h3, h4, h5, h6, p, ol, ul, li {
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

strike {
  text-decoration: line-through;
}

ins {
  text-decoration: none;
}

video {
  max-width: 100%;
  height: auto;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

figure {
  margin: 0;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input::-ms-clear {
  display: none;
}

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

body {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  font-weight: 500;
  line-height: 1.4;
  color: #211E23;
}

a {
  text-decoration: none;
}

a:focus {
  outline: 0;
}

button {
  outline: 0 !important;
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 0 16px;
  max-width: none;
}
.container[attr=wide] {
  max-width: 1296px;
}
.container[attr=narrow] {
  max-width: 1168px;
}
.container[attr=align-left] {
  max-width: 1296px;
  padding: 0 16% 0 16px;
}

.icon {
  position: relative;
  display: flex;
}
.icon[size="30"] .static {
  width: 30px;
  height: 24px;
}
.icon .static {
  background-image: url("../../static/interface/icons.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.icon[row="1"] .static {
  background-position-y: 0px;
}
.icon[row="2"] .static {
  background-position-y: -24px;
}
.icon[row="3"] .static {
  background-position-y: -48px;
}
.icon[row="4"] .static {
  background-position-y: -72px;
}
.icon[row="5"] .static {
  background-position-y: -96px;
}
.icon[row="6"] .static {
  background-position-y: -120px;
}
.icon[row="7"] .static {
  background-position-y: -144px;
}
.icon[row="8"] .static {
  background-position-y: -168px;
}
.icon[row="9"] .static {
  background-position-y: -192px;
}
.icon[row="10"] .static {
  background-position-y: -216px;
}
.icon[row="11"] .static {
  background-position-y: -240px;
}
.icon[row="12"] .static {
  background-position-y: -264px;
}
.icon[row="13"] .static {
  background-position-y: -288px;
}
.icon[row="14"] .static {
  background-position-y: -312px;
}
.icon[row="15"] .static {
  background-position-y: -336px;
}
.icon[row="16"] .static {
  background-position-y: -360px;
}
.icon[row="17"] .static {
  background-position-y: -384px;
}
.icon[row="18"] .static {
  background-position-y: -408px;
}
.icon[row="19"] .static {
  background-position-y: -432px;
}
.icon[row="20"] .static {
  background-position-y: -456px;
}
.icon[column="1"] .static {
  background-position-x: 0px;
}
.icon[column="2"] .static {
  background-position-x: -24px;
}
.icon[column="3"] .static {
  background-position-x: -48px;
}
.icon[column="4"] .static {
  background-position-x: -72px;
}
.icon[column="5"] .static {
  background-position-x: -96px;
}
.icon[column="6"] .static {
  background-position-x: -120px;
}
.icon[column="7"] .static {
  background-position-x: -144px;
}
.icon[column="8"] .static {
  background-position-x: -168px;
}
.icon[column="9"] .static {
  background-position-x: -192px;
}
.icon[column="10"] .static {
  background-position-x: -216px;
}
.icon[column="11"] .static {
  background-position-x: -240px;
}
.icon[column="12"] .static {
  background-position-x: -264px;
}
.icon[column="13"] .static {
  background-position-x: -288px;
}
.icon[column="14"] .static {
  background-position-x: -312px;
}
.icon[column="15"] .static {
  background-position-x: -336px;
}
.icon[column="16"] .static {
  background-position-x: -360px;
}
.icon[column="17"] .static {
  background-position-x: -384px;
}
.icon[column="18"] .static {
  background-position-x: -408px;
}
.icon[column="19"] .static {
  background-position-x: -432px;
}
.icon[column="20"] .static {
  background-position-x: -456px;
}

.str[attr=h][var="1"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 28px;
  font-variation-settings: "wght" 700;
  font-weight: 700;
  line-height: 32px;
  color: #211E23;
}
.str[attr=h][var="2"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 13px;
  font-variation-settings: "wght" 600;
  font-weight: 600;
  line-height: 1.4;
  color: #211E23;
}
.str[attr=h][var="3"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 14px;
  font-variation-settings: "wght" 600;
  font-weight: 600;
  line-height: 1.4;
  color: #A5A2A6;
}
.str[attr=h][var="4"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 14px;
  font-variation-settings: "wght" 700;
  font-weight: 700;
  line-height: 1.4;
  color: #211E23;
}
.str[attr=h] a {
  color: inherit;
  text-decoration: none;
}
.str[attr=h] a:hover, .str[attr=h] a:focus {
  text-decoration: underline;
}
.str[attr=label][var="1"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 12px;
  font-variation-settings: "wght" 500;
  font-weight: 500;
  line-height: 14px;
  color: #211E23;
}
.str[attr=label][var="2"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 11px;
  font-variation-settings: "wght" 440;
  font-weight: 440;
  line-height: 14px;
  color: #A5A2A6;
}
.str[attr=date][var="1"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 11px;
  font-variation-settings: "wght" 440;
  font-weight: 440;
  line-height: 14px;
  color: #A5A2A6;
}
.str[attr=content][var="1"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 13px;
  font-variation-settings: "wght" 500;
  font-weight: 500;
  line-height: 18px;
  color: #211E23;
}
.str[attr=content][var="2"] {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 13px;
  font-variation-settings: "wght" 500;
  font-weight: 500;
  line-height: 16px;
  color: #211E23;
}

button {
  background-image: none;
  background-color: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
}
button[attr=primary] {
  background-color: #211E23;
  width: auto;
  height: 28px;
  margin: 0;
  padding: 1px 16px 0 16px;
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 11px;
  font-variation-settings: "wght" 500;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
}
button[attr=secondary] {
  background-color: transparent;
  width: auto;
  height: 28px;
  margin: 0;
  padding: 0 4px;
}
button[attr=secondary] .text {
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 12px;
  font-variation-settings: "wght" 600;
  font-weight: 600;
  line-height: 1.4;
  color: #211E23;
}
button[attr=secondary] .icon {
  margin: 0;
}
button[attr=bind] {
  background-color: transparent;
  width: auto;
  height: 28px;
  margin: 0;
  padding: 1px 8px 0 8px;
  font-family: Montreal, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-kerning: normal;
  font-size: 12px;
  font-variation-settings: "wght" 600;
  font-weight: 600;
  line-height: 1.4;
  color: #211E23;
}
button[attr=atn] {
  background-color: transparent;
  width: auto;
  height: 28px;
  padding: 1px 2px 0 2px;
}
button[attr=atn] .icon {
  margin: 0 -1px;
}

/*# sourceMappingURL=root.css.map */