@charset "UTF-8";

.article {
    --c-placeholder-dark: rgba(0, 11, 29, 0.4);
    --c-text-dark: #000B1D;
    --c-text-default: #262F3F;
    --c-text-moderated: rgba(38, 47, 63, 0.7);
    --c-text-muted: rgba(38, 47, 63, 0.5);
    --c-text-success: #00B4A8;
    --c-text-error: #BF3D66;
    --c-text-light: #ffffff;
    --c-text-light-moderated: rgba(255, 255, 255, 0.8);
    --c-text-light-muted: rgba(255, 255, 255, 0.5);
    --c-heading-default: #000B1D;
    --c-heading-moderated: rgba(0, 11, 29, 0.7);
    --c-heading-muted: rgba(0, 11, 29, 0.5);
    --c-heading-light: #ffffff;
    --c-heading-light-moderated: rgba(255, 255, 255, 0.8);
    --c-link-default-base: #0044C3;
    --c-link-default-hover: #BF3D66;
    --c-link-dark-base: #000B1D;
    --c-link-dark-hover: rgba(0, 11, 29, 0.6);
    --c-link-moderated-base: rgba(0, 11, 29, 0.7);
    --c-link-moderated-hover: #000B1D;
    --c-link-light-base: #ffffff;
    --c-link-light-hover: rgba(255, 255, 255, 0.6);
    --c-link-light-moderated-base: rgba(255, 255, 255, 0.7);
    --c-link-light-moderated-hover: #ffffff;
    --c-pre-background: #F5F5F6;
    --c-pre-text: #262F3F;
    --c-pre-border: transparent;
    --c-table-cell-border: rgba(217, 219, 221, 0.5);
    --c-form-label-text: #262F3F;
    --c-inline-var-text: rgba(0, 11, 29, 0.85);
    --c-inline-kbd-border: rgba(0, 11, 29, 0.15);
    --c-inline-kbd-text: rgba(0, 11, 29, 0.85);
    --c-inline-code-background: #F5F5F6;
    --c-inline-code-text: rgba(0, 11, 29, 0.85);
    --c-button-default-base-background: #ffffff;
    --c-button-default-base-border: #D9DBDD;
    --c-button-default-base-text: #262F3F;
    --c-button-default-hover-background: #F5F5F6;
    --c-button-default-hover-border: #D9DBDD;
    --c-button-default-hover-text: #000B1D;
    --c-button-default-disabled-background: #ffffff;
    --c-button-default-disabled-border: #D9DBDD;
    --c-button-default-disabled-text: rgba(0, 11, 29, 0.85);
    --c-button-primary-base-background: #0058FB;
    --c-button-primary-base-border: transparent;
    --c-button-primary-base-text: #EDF3FF;
    --c-button-primary-hover-background: #0044C3;
    --c-button-primary-hover-border: transparent;
    --c-button-primary-hover-text: #EDF3FF;
    --c-button-primary-disabled-background: #000B1D;
    --c-button-primary-disabled-border: transparent;
    --c-button-primary-disabled-text: rgba(237, 243, 255, 0.75);
    --c-button-secondary-base-background: #000B1D;
    --c-button-secondary-base-border: transparent;
    --c-button-secondary-base-text: #F5F5F6;
    --c-button-secondary-hover-background: #262F3F;
    --c-button-secondary-hover-border: transparent;
    --c-button-secondary-hover-text: #F5F5F6;
    --c-button-secondary-disabled-background: #000B1D;
    --c-button-secondary-disabled-border: transparent;
    --c-button-secondary-disabled-text: rgba(245, 245, 246, 0.75);
    --c-input-default-base-text: #262F3F;
    --c-input-default-base-border: #D9DBDD;
    --c-input-default-base-background: #ffffff;
    --c-input-default-focus-border: rgba(0, 88, 251, 0.5);
    --c-input-default-focus-shadow: rgba(0, 88, 251, 0.3);
    --c-input-error-base-text: #BF3D66;
    --c-input-error-base-border: rgba(255, 79, 127, 0.5);
    --c-input-error-base-shadow: rgba(255, 79, 127, 0.3);
    --c-input-error-focus-border: #FF4F7F;
    --c-hint-default: rgba(38, 47, 63, 0.55);
    --c-hint-success: #00B4A8;
    --c-hint-error: #BF3D66;
    --c-hint-required: #BF3D66;
    --c-line-default: rgba(217, 219, 221, 0.6);
    --c-shadow-neutral-100-1: rgba(0, 11, 29, 0.15);
    --c-shadow-neutral-100-2: rgba(0, 11, 29, 0.06);
    --c-shadow-neutral-200-1: rgba(0, 11, 29, 0.12);
    --c-shadow-neutral-200-2: rgba(0, 11, 29, 0.06);
    --c-shadow-neutral-300: rgba(0, 11, 29, 0.2);
    --c-background-light: #ffffff;
    --c-background-dark: #000B1D
}
.article {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-text-default);
}
.article * {
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
*,
.article *::after,
.article *::before {
    box-sizing: inherit
}
/* Default grid, as used by the Article field type */
.article .article-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
}
.article .article-grid+.article-grid {
    margin-top: 1rem;
}
.article .article-grid figure,
.article .article-grid img {
    margin: 0;
    width: 95%;
    max-width: 95%;
    height: auto;
}
.article img {
    max-width: 95%;
    height: auto;
}
.article .article-grid .col-1 {
    grid-column: span 1;
}
.article .article-grid .col-2 {
    grid-column: span 2;
}
.article .article-grid .col-3 {
    grid-column: span 3;
}
.article .article-grid .col-4 {
    grid-column: span 4;
}
.article .article-grid .col-5 {
    grid-column: span 5;
}
.article .article-grid .col-6 {
    grid-column: span 6;
}
.article .article-grid .col-7 {
    grid-column: span 7;
}
.article .article-grid .col-8 {
    grid-column: span 8;
}
.article .article-grid .col-9 {
    grid-column: span 9;
}
.article .article-grid .col-10 {
    grid-column: span 10;
}
.article .article-grid .col-11 {
    grid-column: span 11;
}
.article .article-grid .col-12 {
    grid-column: span 12;
}
.article .article-grid div p {
    margin-top: 0;
}
.article {
    padding: 0 2rem;
}
/* Base grid for "Article" powered Fields */
.article .article-source,
.article .article-styles {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}
.article .article-styles img {
    max-width: 50%;
}
.article blockquote {
    background-color: #F5F5F5;
    border-left: 5px solid #dbdbdb;
    padding: 1.25em 1.5em;
    font-style: italic;
    color: #31363A;
}
.article blockquote p {
    margin: 0;
}
.article table {
    font-size: 90%;
}
.article table th {
    background-color: #E8E8E8;
}
.article button {
    border-radius: 4px;
    background-color: #1740b4;
    color: #FFF;
    margin: 2rem 0;
}
.article code,
.article pre code {
    font-size: 90%;
}
.article audio,
.article canvas,
.article iframe,
.article progress,
.article video {
    display: block;
    vertical-align: baseline
}
.article fieldset,
.article iframe,
.article img {
    border: 0
}
.article embed,
.article img,
.article object,
.article video {
    max-width: 100%;
    height: auto
}
.article [type=submit],
.article  button {
    -webkit-appearance: button
}
.article [type=checkbox],
.article [type=radio] {
    vertical-align: middle;
    position: relative;
    bottom: .15em;
    margin-right: 2px
}
.article input[type=search],
.article input[type=search]::-webkit-search-cancel-button,
.article input[type=search]::-webkit-search-decoration,
.article input[type=search]::-webkit-search-results-button,
.article input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none
}
.article  *::-moz-focus-inner {
    border: none;
    padding: 0
}
.article  ::-webkit-input-placeholder {
    color: var(--c-placeholder-dark)
}
.article  ::-moz-placeholder {
    color: var(--c-placeholder-dark)
}
.article ::-ms-input-placeholder {
    color: var(--c-placeholder-dark)
}
.article  ::placeholder {
    color: var(--c-placeholder-dark)
}
.article h1+* {
    margin-top: 12px
}
.article h2+* {
    margin-top: 12px
}
.article h3+* {
    margin-top: 12px
}
.article h4+* {
    margin-top: 12px
}
.article h5+* {
    margin-top: 12px
}
.article h6+* {
    margin-top: 12px
}
.article address+h2,
.article blockquote+h2,
.article dl+h2,
.article figure+h2,
.article ol+h2,
.article p+h2,
.article pre+h2,
.article table+h2,
.article ul+h2 {
    margin-top: 32px
}
.article address+h3,
.article blockquote+h3,
.article dl+h3,
.article figure+h3,
.article ol+h3,
.article p+h3,
.article pre+h3,
.article table+h3,
.article ul+h3 {
    margin-top: 32px
}
.article address+h4,
.article blockquote+h4,
.article dl+h4,
.article figure+h4,
.article ol+h4,
.article p+h4,
.article pre+h4,
.article table+h4,
.article ul+h4 {
    margin-top: 32px
}
.article address+h5,
.article blockquote+h5,
.article dl+h5,
.article figure+h5,
.article ol+h5,
.article p+h5,
.article pre+h5,
.article table+h5,
.article ul+h5 {
    margin-top: 32px
}
.article address+h6,
.article blockquote+h6,
.article dl+h6,
.article figure+h6,
.article ol+h6,
.article p+h6,
.article pre+h6,
.article table+h6,
.article ul+h6 {
    margin-top: 32px
}
.article address+*,
.article blockquote+*,
.article dl+*,
.article figure+*,
.article ol+*,
.article p+*,
.article pre+*,
.article table+*,
.article ul+* {
    margin-top: 20px
}
.article h1+h2 {
    margin-top: 32px
}
.article h2+h3 {
    margin-top: 32px
}
.article h3+h4 {
    margin-top: 32px
}
.article h4+h5 {
    margin-top: 32px
}
.article h5+h6 {
    margin-top: 32px
}
.article a {
    color: var(--c-link-default-base)
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
    font-family: inherit;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: var(--c-heading-default);
    text-rendering: optimizeLegibility;
    letter-spacing: -.01em
}
.article h1 a,
.article h2 a,
.article h3 a,
.article h4 a,
.article h5 a,
.article h6 a {
    color: inherit;
    text-decoration: none
}
.article h1 a:hover,
.article h2 a:hover,
.article h3 a:hover,
.article h4 a:hover,
.article h5 a:hover,
.article h6 a:hover {
    transition: all .2s linear;
    color: inherit;
    opacity: .7;
    text-decoration: underline
}
.article h1 {
    font-size: 48px;
    line-height: 1.1
}
.article h2 {
    font-size: 28px;
    line-height: 1.3
}
.article h3 {
    font-size: 21px;
    line-height: 1.4
}
.article h4 {
    font-size: 16px;
    line-height: 1.5
}
.article ol,
.article ul {
    margin-left: 20px
}
.article li li {
    font-size: 1em
}
.article nav ol,
.article nav ul {
    margin-left: 0;
    list-style: none
}
.article dt {
    font-weight: 700
}
.article dd+dt {
    margin-top: .25em
}
.article pre {
    overflow: auto;
    white-space: pre;
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 90%;
    line-height: 1.5;
    color: var(--c-pre-text);
    background-color: var(--c-pre-background);
    padding: 1em;
    border: 1px solid var(--c-pre-border);
    border-radius: 4px
}
.article pre code {
    padding: 0;
    border: 0;
    font-size: 100%;
    display: block;
    line-height: inherit
}
.article blockquote {
    color: var(--c-text-default);
    font-style: italic;
    font-weight: 400;
    padding: 0;
    background: 0 0
}
.article blockquote p {
    color: var(--c-text-default);
    font-size: 115%;
    line-height: 1.5
}
.article blockquote p+p {
    margin-top: .5em
}
.article blockquote cite,
.article figcaption cite {
    font-style: inherit;
    font-size: 12px;
    line-height: 1.5;
    color: rgba(var(--c-text-default), .7)
}
.article caption {
    text-align: left;
    font-style: normal
}
.article table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    empty-cells: show
}
.article td,
.article th {
    text-align: left;
    vertical-align: top;
    font-size: 95%;
    line-height: 1.5;
    padding: .75em;
    border: 1px solid var(--c-table-cell-border)
}
.article th {
    font-weight: 400
}
.article thead th {
    font-weight: 700
}
.article address {
    font-style: normal
}
.article abbr,
.article dfn {
    font-size: 95%
}
.article cite,
.article code,
.article kbd,
.article small,
.article time,
.article var {
    font-size: 85%
}
.article sub,
.article sup {
    font-size: 65%
}
.article code,
.article kbd,
.article var {
    display: inline-block;
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-style: normal;
    line-height: 1;
    vertical-align: baseline
}
.article code,
.article kbd {
    border-radius: 4px
}
.article kbd {
    color: var(--c-inline-kbd-text);
    border: 1px solid var(--c-inline-kbd-border);
    padding: .2em .4em
}
.article var {
    color: var(--c-inline-var-text)
}
.article code {
    color: var(--c-inline-code-text);
    position: relative;
    top: -1px;
    border: 1px solid transparent;
    background-color: var(--c-inline-code-background);
    padding: .2em .4em .2em
}
.article pre code {
    background: 0 0
}
.article mark {
    background-color: #ff0;
    color: #000
}
.article b,
.article strong {
    font-weight: 600
}
.article abbr[title],
.article dfn[title] {
    letter-spacing: .01em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 1px dotted rgba(0, 0, 0, .4);
    cursor: help
}
.article cite {
    font-style: italic
}
.article sub,
.article sup {
    line-height: 1;
    margin-left: 2px
}
.article sub {
    vertical-align: sub
}
.article sup {
    vertical-align: super
}
.article label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: var(--c-form-label-text);
    margin-bottom: .15em
}
.article label .error,
.article label .hint,
.article label .success,
.article label.checkbox {
    text-transform: none;
    font-weight: 400
}
.article label.checkbox {
    cursor: pointer;
    color: inherit;
    font-size: 100%
}
.article figure>div,
.article figure>iframe,
.article figure>img,
.article figure>pre {
    vertical-align: middle
}
.article figure figcaption {
    display: block;
    font-style: normal;
    margin-top: .25em;
    font-size: 12px;
    line-height: 1.5
}
.article hr {
    position: relative;
    line-height: 1;
    background: 0 0;
    border: none;
    text-align: left;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    height: 10px
}
.article hr:before {
    content: "";
    position: absolute;
    top: 50%
}
.article hr:before {
    width: 100%;
    max-width: 100%;
    margin-top: -.5px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: var(--c-line-default)
}
.article input,
.article select,
.article textarea {
    display: block;
    width: 100%;
    font-family: inherit;
    vertical-align: middle;
    font-weight: 400
}
.article input:disabled,
.article select:disabled,
.article textarea:disabled {
    resize: none;
    opacity: .6;
    cursor: default
}
.article input,
.article select,
.article textarea {
    color: var(--c-input-default-base-text);
    border: 1px solid var(--c-input-default-base-border);
    background-color: var(--c-input-default-base-background);
    box-shadow: none
}
.article input:focus,
.article select:focus,
.article textarea:focus {
    border-color: var(--c-input-default-focus-border);
    box-shadow: 0 0 2px var(--c-input-default-focus-shadow)
}
.article .input-error {
    color: var(--c-input-error-base-text);
    border-color: var(--c-input-error-base-border);
    box-shadow: 0 0 2px var(--c-input-error-base-shadow)
}
.input-error:focus {
    border-color: var(--c-input-error-focus-border)
}
.article input,
.article select,
.article textarea {
    font-size: 16px;
    line-height: 1.5;
    border-radius: 2px;
    padding: .3em .5em;
    height: 44px
}
.article .input-large {
    font-size: 21px;
    line-height: 1.5;
    border-radius: 2px;
    padding: .3em .65em;
    height: 56px
}
.article textarea {
    resize: vertical;
    height: auto;
    vertical-align: top
}
.article select {
    -webkit-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg height="10" viewBox="0 0 9 10" width="9" xmlns="http://www.w3.org/2000/svg"><path fill="rgba(0, 0, 0, .6)" d="m3.27162899.66658308.8-.70211699 4 3.51058495-.8.70211699-3.2-2.80846796-3.2 2.80846796-.8-.70211699zm0 8.59576602-3.2-2.80846795.8-.70211699 3.2 2.80846796 3.2-2.80846796.8.70211699-4 3.51058494z" /></svg>');
    background-repeat: no-repeat;
    background-position: right .65em center;
    padding-right: 28px
}
.article select[multiple] {
    background-image: none;
    height: auto
}
.article input[type=file] {
    width: auto;
    border: none;
    padding: 0;
    height: auto;
    background: 0 0;
    box-shadow: none;
    display: inline-block
}
.article input[type=checkbox],
.article input[type=radio] {
    display: inline-block;
    width: auto;
    height: auto;
    box-shadow: none;
    padding: 0
}
.article {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    background-color: #fff
}
.article .entry {
    margin: 0;
    padding: 24px;
    background-color: #fff
}
.article +blockquote,
.article div+dl,
.article div+figure,
.article div+h1,
.article div+h2,
.article div+h3,
.article div+h4,
.article div+h5,
.article div+h6,
.article div+ol,
.article div+p,
.article div+pre,
.article div+table,
.article div+ul {
    margin-top: 20px
}
.article code:after,
.article kbd:after,
.article mark:after {
    content: "​"
}
.article ol[dir=rtl],
.article ol[dir=rtl] ol,
.article ol[dir=rtl] ul,
.article ul[dir=rtl],
.article ul[dir=rtl] ol,
.article ul[dir=rtl] ul {
    margin-left: 0;
    margin-right: 20px
}
.article ol[dir=rtl] li,
.article ul[dir=rtl] li {
    text-align: right
}
.article .card {
    background-color: #f5f5f6;
    padding: 24px;
    border-radius: 4px
}
.article .align-left {
    text-align: left
}
.article .align-center {
    text-align: center
}
.article .align-center img {
    margin-left: auto;
    margin-right: auto;
    max-width: 80%
}
.article .align-center figcaption {
    text-align: center;
    margin-left: auto;
    margin-right: auto
}
.article .align-right {
    text-align: right
}
.article .align-right img {
    margin-left: auto
}
.article .align-right figcaption {
    text-align: right;
    margin-left: auto
}
.article .align-justify {
    text-align: justify
}
.article  .float-left {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
    max-width: 200px
}
.article .float-right {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    max-width: 200px
}
.article .valign-top {
    align-items: start
}
.article .valign-middle {
    align-items: center
}
.article .valign-bottom {
    align-items: end
}
.article .outset-right {
    position: relative;
    width: calc(100% + 24px);
    max-width: calc(100% + 24px);
    transform: translateX(24px) translate3d(0, 0, 0);
    left: calc(24px * -1)
}
.article .outset-left {
    width: calc(100% + 24px);
    max-width: calc(100% + 24px);
    transform: translateX(calc(24px * -1)) translate3d(0, 0, 0)
}
.article .outset-both {
    position: relative;
    width: calc(100% + 24px + 24px);
    max-width: calc(100% + 24px + 24px);
    transform: translateX(-50%) translate3d(0, 0, 0);
    left: 50%
}
.article .button,
.article a.button,
.article button {
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    font-family: inherit;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: 0 0;
    box-shadow: none;
    text-decoration: none;
    line-height: 1.25;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    padding: .4em 20px .4em 20px;
    height: 44px;
    border: 1px solid var(--c-button-default-base-border);
    background-color: var(--c-button-default-base-background)
}
.article .button [class*=" fa-"]+span,
.article .button [class*=" icon-"]+span,
.article .button [class^=fa-]+span,
.article .button [class^=icon-]+span {
    margin-left: 4px
}
.article .button span+[class*=" fa-"],
.article .button span+[class*=" icon-"],
.article .button span+[class^=fa-],
.article .button span+[class^=icon-] {
    margin-left: 4px;
    margin-right: -2px
}
.article .button:focus,
.article .button:hover {
    outline: 0;
    text-decoration: none
}
.article .button:disabled {
    cursor: default;
    opacity: .5
}
.article .button {
    font-weight: 400;
    text-transform: none;
    color: var(--c-button-default-base-text);
    border: 1px solid var(--c-button-default-base-border);
    background-color: var(--c-button-default-base-background);
    background-image: none
}
.article .button:focus,
.article .button:hover {
    color: var(--c-button-default-hover-text);
    border: 1px solid var(--c-button-default-hover-border);
    background-color: var(--c-button-default-hover-background);
    background-image: none
}
.article .button:disabled {
    color: var(--c-button-default-disabled-text);
    border: 1px solid var(--c-button-default-disabled-border);
    background-color: var(--c-button-default-disabled-background);
    background-image: none
}
.article .button.button-primary {
    font-weight: 400;
    text-transform: none;
    color: var(--c-button-primary-base-text);
    border: 1px solid var(--c-button-primary-base-border);
    background-color: var(--c-button-primary-base-background);
    background-image: none
}
.article .button.button-primary:focus,
.article .button.button-primary:hover {
    color: var(--c-button-primary-hover-text);
    border: 1px solid var(--c-button-primary-hover-border);
    background-color: var(--c-button-primary-hover-background);
    background-image: none
}
.article .button.button-primary:disabled {
    color: var(--c-button-primary-disabled-text);
    border: 1px solid var(--c-button-primary-disabled-border);
    background-color: var(--c-button-primary-disabled-background);
    background-image: none;
    opacity: .4
}
.article .button.button-secondary {
    font-weight: 400;
    text-transform: none;
    color: var(--c-button-secondary-base-text);
    border: 1px solid var(--c-button-secondary-base-border);
    background-color: var(--c-button-secondary-base-background);
    background-image: none
}
.article .button.button-secondary:focus,
.article .button.button-secondary:hover {
    color: var(--c-button-secondary-hover-text);
    border: 1px solid var(--c-button-secondary-hover-border);
    background-color: var(--c-button-secondary-hover-background);
    background-image: none
}
.article .button.button-secondary:disabled {
    color: var(--c-button-secondary-disabled-text);
    border: 1px solid var(--c-button-secondary-disabled-border);
    background-color: var(--c-button-secondary-disabled-background);
    background-image: none;
    opacity: .4
}
.article .button {
    font-size: 15px;
    border-radius: 4px;
    padding: .4em 20px .4em 20px;
    height: 44px
}
.article .button.button-large {
    font-size: 16px;
    border-radius: 4px;
    padding: .4em 32px .4em 32px;
    height: 56px
}
.article .embed-responsive {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}
.article .embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.article .form-item {
    margin-bottom: 20px
}
.article .form-item .form-item {
    margin-bottom: 0
}
.article .form-buttons {
    margin-top: 24px
}
.article .form-checkboxes label.checkbox {
    display: inline-block;
    margin-bottom: 0
}
.article .form-checkboxes label.checkbox+label.checkbox {
    margin-left: 1em
}
.article .grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px
}
.article .grid+.grid {
    margin-top: 24px
}
.article .grid-gutterless {
    grid-column-gap: 0
}
.article .grid-gapless {
    grid-row-gap: 0
}
.article .grid-gapless+.grid {
    margin-top: 0
}
.article .grid-auto {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
}
.article .grid-1 {
    grid-template-columns: repeat(1, 1fr)
}
.article .grid-2 {
    grid-template-columns: repeat(2, 1fr)
}
.article .grid-3 {
    grid-template-columns: repeat(3, 1fr)
}
.article .grid-4 {
    grid-template-columns: repeat(4, 1fr)
}
.article .grid-5 {
    grid-template-columns: repeat(5, 1fr)
}
.article .grid-6 {
    grid-template-columns: repeat(6, 1fr)
}
.article .grid-7 {
    grid-template-columns: repeat(7, 1fr)
}
.article .grid-8 {
    grid-template-columns: repeat(8, 1fr)
}
.article .grid-9 {
    grid-template-columns: repeat(9, 1fr)
}
.article .grid-10 {
    grid-template-columns: repeat(10, 1fr)
}
.article .grid-11 {
    grid-template-columns: repeat(11, 1fr)
}
.article .grid-12 {
    grid-template-columns: repeat(12, 1fr)
}
.article .column-1 {
    grid-column-end: span 1
}
.article .column-2 {
    grid-column-end: span 2
}
.article .column-3 {
    grid-column-end: span 3
}
.article .column-4 {
    grid-column-end: span 4
}
.article .column-5 {
    grid-column-end: span 5
}
.article .column-6 {
    grid-column-end: span 6
}
.article .column-7 {
    grid-column-end: span 7
}
.article .column-8 {
    grid-column-end: span 8
}
.article .column-9 {
    grid-column-end: span 9
}
.article .column-10 {
    grid-column-end: span 10
}
.article .column-11 {
    grid-column-end: span 11
}
.article .column-12 {
    grid-column-end: span 12
}
.article .heading-moderated {
    color: var(--c-heading-moderated)
}
.article .heading-muted {
    color: var(--c-heading-muted)
}
.article .heading-light {
    color: var(--c-heading-light)
}
.article .heading-light-moderated {
    color: var(--c-heading-light-moderated)
}
.article .heading-mega {
    font-size: 72px;
    line-height: 1.1
}
.article .heading-huge {
    font-size: 60px;
    line-height: 1.1
}
.article .heading-large {
    font-size: 48px;
    line-height: 1.1
}
.article .heading-medium {
    font-size: 24px;
    line-height: 1.3
}
.article .heading-small {
    font-size: 16px;
    line-height: 1.5
}
.article .link-stretched:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}
.article .link-underline {
    text-decoration: underline
}
.article .link-underline-off {
    text-decoration: none
}
.article .link-dark {
    color: var(--c-link-dark-base)
}
.article .link-dark:hover {
    transition: all .2s linear;
    color: var(--c-link-dark-hover)
}
.article .link-moderated {
    color: var(--c-link-moderated-base)
}
.article .link-moderated:hover {
    transition: all .2s linear;
    color: var(--c-link-moderated-hover)
}
.article .link-light {
    color: var(--c-link-light-base)
}
.article .link-light:hover {
    transition: all .2s linear;
    color: var(--c-link-light-hover)
}
.article .link-light-moderated {
    color: var(--c-link-light-moderated-base)
}
.article .link-light-moderated:hover {
    transition: all .2s linear;
    color: var(--c-link-light-moderated-hover)
}
.article .list-inline {
    list-style: none;
    margin-left: 0
}
.article .list-inline li {
    display: inline;
    white-space: nowrap;
    margin-right: .25em
}
.article .list-unstyled {
    margin-left: 0;
    list-style: none
}


.article * {
    margin: 0;
    padding: 0;
    outline: 0
}
.article>p {
    margin: 1rem 0;
}
.article>ol {
    list-style-type: decimal;
    list-style-position: inside;
}
.article>ul {
    list-style-type: disc;
    list-style-position: inside;
}
.article blockquote>p {
    border-left-width: 4px;
    border-color: #b2f5ea;
    font-style: italic;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 2rem;
}
@media only screen and (max-width: 600px) {
    .article .article-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .article .article-grid .col-1,
    .article .article-grid .col-2,
    .article .article-grid .col-3,
    .article .article-grid .col-4,
    .article .article-grid .col-5,
    .article .article-grid .col-6,
    .article .article-grid .col-7,
    .article .article-grid .col-8,
    .article .article-grid .col-9,
    .article .article-grid .col-10,
    .article .article-grid .col-11,
    .article .article-grid .col-12 {
        grid-column: span 1;
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width:1023px) {
    .article .grid-1-md {
        grid-template-columns: repeat(1, 1fr)
    }
    .article .grid-2-md {
        grid-template-columns: repeat(2, 1fr)
    }
    .article .grid-3-md {
        grid-template-columns: repeat(3, 1fr)
    }
    .article .grid-4-md {
        grid-template-columns: repeat(4, 1fr)
    }
    .article .grid-5-md {
        grid-template-columns: repeat(5, 1fr)
    }
    .article .grid-6-md {
        grid-template-columns: repeat(6, 1fr)
    }
    .article .grid-7-md {
        grid-template-columns: repeat(7, 1fr)
    }
    .article .grid-8-md {
        grid-template-columns: repeat(8, 1fr)
    }
    .article .grid-9-md {
        grid-template-columns: repeat(9, 1fr)
    }
    .article .grid-10-md {
        grid-template-columns: repeat(10, 1fr)
    }
    .article .grid-11-md {
        grid-template-columns: repeat(11, 1fr)
    }
    .article .grid-12-md {
        grid-template-columns: repeat(12, 1fr)
    }
}
@media only screen and (max-width:767px) {
    .article .grid,
    .article .grid-auto {
        grid-template-columns: repeat(1, 1fr)
    }
   .article  .column {
        grid-column-end: span 1
    }
    .article .column:empty {
        display: none
    }
    .article .grid-1-sm {
        grid-template-columns: repeat(1, 1fr)
    }
    .article .grid-2-sm {
        grid-template-columns: repeat(2, 1fr)
    }
    .article .grid-3-sm {
        grid-template-columns: repeat(3, 1fr)
    }
    .article .grid-4-sm {
        grid-template-columns: repeat(4, 1fr)
    }
    .article .grid-5-sm {
        grid-template-columns: repeat(5, 1fr)
    }
    .article .grid-6-sm {
        grid-template-columns: repeat(6, 1fr)
    }
    .article .grid-7-sm {
        grid-template-columns: repeat(7, 1fr)
    }
    .article .grid-8-sm {
        grid-template-columns: repeat(8, 1fr)
    }
    .article .grid-9-sm {
        grid-template-columns: repeat(9, 1fr)
    }
    .article .grid-10-sm {
        grid-template-columns: repeat(10, 1fr)
    }
    .article .grid-11-sm {
        grid-template-columns: repeat(11, 1fr)
    }
    .article .grid-12-sm {
        grid-template-columns: repeat(12, 1fr)
    }
}
@media print {
    .article {
        color: #000
    }
    .article a,
    .article a:link,
    .article a:visited {
        color: #000;
        text-decoration: none
    }
    .article .hidden-print {
        display: none
    }
}
@media screen {
    .article .visible-print {
        display: none
    }
}