a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
var,
video {
    border: 0;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

html {
    box-sizing: border-box;
    font-size: 100%;
}

*,
:after,
:before {
    box-sizing: inherit
}

img,
svg,
video {
    display: block
}

body {
    -webkit-font-smoothing: antialiased;
    font-family: 'Source Sans 3', Trebuchet MS, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    background: #f8f8f8;
}

p {
    margin-bottom: 2rem
}

p:last-child {
    margin-bottom: 0
}

code,
pre {
    font-family: Menlo, Monaco, monospace;
    font-size: .85rem
}

.page-live__video-title,
.text-size--s,
.vds-inline-edit__hint {
    font-size: .8rem
}

.h3,
.text-size--m,
h3 {
    font-size: 1.25rem;
    margin-bottom: 1.5rem
}

.h2,
.text-size--l,
h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem
}

.h1,
.text-size--xl,
h1 {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 2rem
}

@media (min-width:64rem) {
    .h1,
    .text-size--xl,
    h1 {
        font-size: 2.5rem
    }
}

.text-size--xxl {
    font-size: 2.5rem;
    line-height: 1.25;
    margin-bottom: 4rem
}

@media (min-width:64rem) {
    .text-size--xxl {
        font-size: 3rem
    }
}

.h1 .vds-badge,
.h2 .vds-badge,
h1 .vds-badge,
h2 .vds-badge {
    vertical-align: 50%
}

.h4,
h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5rem
}

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

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

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

a {
    position: relative;
    text-decoration: none
}

a,
a:visited {
    color: #1572ea
}

a:hover {
    color: #dc2850;
    text-decoration: underline
}

a.a--inherit:hover,
a.a--inherit:link,
a.a--inherit:visited {
    color: inherit
}

a.a--destructive:hover,
a.a--destructive:link,
a.a--destructive:visited {
    color: #dc2850
}

p a:after {
    width: 100%
}

p a:hover:after {
    width: 0
}

.strong,
strong {
    font-weight: 700
}

.normal {
    font-weight: 400
}

.text--subtle {
    opacity: .6
}

.text--longread {
    max-width: 88ch
}

.ul,
ul {
    margin: 0 0 1.5rem;
    padding-left: 1.5rem
}

.ul>li,
ul>li {
    margin-bottom: .5rem
}

.ul--compact,
ul--compact {
    padding-left: .5rem
}

.ul--tight,
ul--tight {
    list-style-type: none;
    padding-left: 0
}

ol {
    margin: 0 0 1.5rem;
    padding-left: 1.5rem
}

ol>li {
    margin-bottom: .5rem
}

mark {
    background: #f9eda3
}

.vds-row {
    margin-bottom: 1.5rem
}

.vds-columns {
    margin-left: -.25rem;
    margin-right: -.25rem;
    margin-top: -.75rem
}

@media (min-width:64rem) {
    .vds-columns {
        display: flex;
        margin-left: -.75rem;
        margin-right: -.75rem
    }
}

.vds-columns:last-child {
    margin-bottom: -.75rem
}

.vds-columns:not(:last-child) {
    margin-bottom: .75rem
}

.vds-columns--equal-height>.vds-column {
    align-items: stretch
}

.vds-columns--equal-height>.vds-column>* {
    height: 100%
}

.vds-columns--centered {
    justify-content: center
}

.vds-column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: .75rem
}

.vds-column--is-0 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-0 {
        width: 0
    }
}

.vds-column--is-1 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-1 {
        width: 8.3333333333%
    }
}

.vds-column--is-2 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-2 {
        width: 16.6666666667%
    }
}

.vds-column--is-3 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-3 {
        width: 25%
    }
}

.vds-column--is-4 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-4 {
        width: 33.3333333333%
    }
}

.vds-column--is-5 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-5 {
        width: 41.6666666667%
    }
}

.vds-column--is-6 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-6 {
        width: 50%
    }
}

.vds-column--is-7 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-7 {
        width: 58.3333333333%
    }
}

.vds-column--is-8 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-8 {
        width: 66.6666666667%
    }
}

.vds-column--is-9 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-9 {
        width: 75%
    }
}

.vds-column--is-10 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-10 {
        width: 83.3333333333%
    }
}

.vds-column--is-11 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-11 {
        width: 91.6666666667%
    }
}

.vds-column--is-12 {
    flex: none;
    width: 100%
}

@media (min-width:64rem) {
    .vds-column--is-12 {
        width: 100%
    }
}

.vds-column__sticky {
    position: sticky;
    top: 1rem
}

.vds-box {
    border-radius: .25rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem
}

.vds-box--blue-20 {
    background: #d1e3fb;
    color: #141919
}

.vds-box--blue-40 {
    background: #a2c7f7;
    color: #141919
}

.vds-box--yellow-20 {
    background: #fcf6d1;
    color: #141919
}

.vds-box--yellow-40 {
    background: #f9eda3;
    color: #141919
}

.vds-box--outline {
    border: 1px solid #d0d1d1
}

@media (min-width:64rem) {
    .vds-box--horizontal {
        display: flex
    }
    .vds-box--horizontal .vds-box__title {
        background: #f8f8f8;
        border-bottom: none;
        border-right: 1px solid #d0d1d1;
        flex-shrink: 0;
        margin: -1.5rem 0 -1.5rem -1.5rem;
        max-width: 288px;
        padding: 1.5rem;
        width: 25%
    }
    .vds-box--horizontal .vds-box__content {
        margin: -1.5rem 0;
        padding: 1.5rem
    }
}

.vds-box__title {
    border-bottom: 1px solid #d0d1d1;
    padding: 0 1.5rem 1.5rem
}

.vds-box__content,
.vds-box__title {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.vds-box__content {
    padding: 1.5rem 1.5rem 0
}

.vds-card {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .25);
    padding: 1.5rem
}

.vds-card--compact {
    padding: 1rem
}

.vds-container {
    margin: 0 auto;
    max-width: 1440px;
    width: 96%
}

.vds-container--wide {
    max-width: 2560px
}

.vds-main {
    margin-bottom: 3rem;
    min-height: 68vh
}


/* **** */

.vds-main {
    margin-top: 3rem;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}

ul>li {
    margin: 0;
}

li a {
    border: 1px solid #ddd;
    padding: 2rem;
    border-radius: .25rem;
    display: block;
}

li a:hover {
    border-color: #dc2850;
    text-decoration: none;
}

li img {
    display: inline-block;
    vertical-align: sub;
}

.text--subtle {
    color: #777;
}

h3 {
    margin-bottom: .5rem;
    font-weight: bold;
}

@media (min-width: 32rem) {
    ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 96rem) {
    ul {
        grid-template-columns: repeat(3, 1fr);
    }
}