@import url('https://rsms.me/inter/inter.css');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


:root {
    font-family: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-feature-settings: "cv11", "cv10", "cv05", "ss03";
    font-feature-settings: 'liga' 1, 'calt' 1;
    --sja-green-primary: #134232;
    --sja-green-secondary: #058541;
    --sja-yellow-primary: #e5b80b;
    --sja-red-primary: #c70f2e;
}

@supports (font-variation-settings: normal) {
    :root {
        font-family: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    }
}

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

*, * :before, * :after {
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

button, input, select, textarea {
    font-family: inherit
}

a {
    color: var(--sja-green-primary);
    text-decoration: none;
}

a:visited {
    /*color:#330072*/
}

a:hover {
    color: var(--sja-green-secondary);
    text-decoration: none;
}

a:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: var(--sja-yellow-primary);
    outline: 4px solid transparent;
    text-decoration: none
}

a:focus:hover {
    text-decoration: none;
    color: var(--sja-green-secondary);
}

a:focus:visited {
    color: #212b32
}

a:focus .sjafe-icon {
    fill: #212b32
}

a:active {
    color: #002f5c
}

@media print {
    a:after {
        color: #212b32;
        content: " (Link: " attr(href) ")";
        font-size: 14pt
    }
}

.sjafe-link--no-visited-state:link {
    color: var(--sja-green-primary)
}

.sjafe-link--no-visited-state:visited {
    color: var(--sja-green-primary)
}

.sjafe-link--no-visited-state:hover {
    color: #7C2855
}

.sjafe-link--no-visited-state:active {
    color: #002f5c
}

.sjafe-link--no-visited-state:focus {
    color: #212b32
}

html {
    background-color: #d8dde0;
    overflow-y: scroll;
    font-family: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}

body {
    background-color: #f0f4f5;
    color: #212b32;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    margin: 0;
    min-height: 100%
}

table {
    margin-bottom: 40px;
    border-spacing: 0;
    vertical-align: top;
    width: 100%
}

@media (min-width: 40.0625em) {
    table {
        margin-bottom: 48px
    }
}

@media print {
    table {
        page-break-inside: avoid
    }
}

thead th {
    border-bottom: 2px solid #d8dde0
}

th, td {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    padding-bottom: 8px;
    padding-right: 16px;
    padding-top: 8px;
    border-bottom: 1px solid #d8dde0;
    text-align: left;
    vertical-align: top
}

@media (min-width: 40.0625em) {
    th, td {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    th, td {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    th, td {
        padding-bottom: 16px
    }
}

@media (min-width: 40.0625em) {
    th, td {
        padding-right: 24px
    }
}

@media (min-width: 40.0625em) {
    th, td {
        padding-top: 16px
    }
}

th:last-child, td:last-child {
    padding-right: 0
}

th {
    font-weight: 600
}

caption {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
    text-align: left
}

@media (min-width: 40.0625em) {
    caption {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.45455
    }
}

@media print {
    caption {
        font-size: 18pt;
        line-height: 1.15
    }
}

.sjafe-form-group {
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-form-group {
        margin-bottom: 24px
    }
}

.sjafe-form-group .sjafe-form-group:last-of-type {
    margin-bottom: 0
}

.sjafe-form-group--wrapper {
    margin-bottom: 24px
}

@media (min-width: 40.0625em) {
    .sjafe-form-group--wrapper {
        margin-bottom: 32px
    }
}

.sjafe-form-group--error {
    border-left: 4px solid var(--sja-red-primary);
    padding-left: 16px
}

.sjafe-form-group--error .sjafe-form-group {
    border: 0;
    padding: 0
}

.sjafe-grid-row {
    margin-left: -16px;
    margin-right: -16px
}

.sjafe-grid-row:after {
    clear: both;
    content: '';
    display: block
}

.sjafe-grid-column-one-quarter {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width: 48.0625em) {
    .sjafe-grid-column-one-quarter {
        float: left;
        width: 25%
    }
}

.sjafe-grid-column-one-third {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width: 48.0625em) {
    .sjafe-grid-column-one-third {
        float: left;
        width: 33.3333%
    }
}

.sjafe-grid-column-one-half {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width: 48.0625em) {
    .sjafe-grid-column-one-half {
        float: left;
        width: 50%
    }
}

.sjafe-grid-column-two-thirds {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width: 48.0625em) {
    .sjafe-grid-column-two-thirds {
        float: left;
        width: 66.6666%
    }
}

.sjafe-grid-column-three-quarters {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width: 48.0625em) {
    .sjafe-grid-column-three-quarters {
        float: left;
        width: 75%
    }
}

.sjafe-grid-column-full {
    box-sizing: border-box;
    padding: 0 16px
}

@media (min-width: 48.0625em) {
    .sjafe-grid-column-full {
        float: left;
        width: 100%
    }
}

.sjafe-main-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    display: block
}

@media (min-width: 40.0625em) {
    .sjafe-main-wrapper {
        padding-top: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-main-wrapper {
        padding-bottom: 48px
    }
}

.sjafe-main-wrapper > * :first-child {
    margin-top: 0
}

.sjafe-main-wrapper > * :last-child {
    margin-bottom: 0
}

.sjafe-main-wrapper--l {
    padding-top: 48px
}

@media (min-width: 40.0625em) {
    .sjafe-main-wrapper--l {
        padding-top: 56px
    }
}

.sjafe-main-wrapper--s {
    padding-bottom: 24px;
    padding-top: 24px
}

@media (min-width: 40.0625em) {
    .sjafe-main-wrapper--s {
        padding-bottom: 32px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-main-wrapper--s {
        padding-top: 32px
    }
}

.sjafe-width-container {
    margin: 0 16px;
    max-width: 960px
}

@media (min-width: 48.0625em) {
    .sjafe-width-container {
        margin: 0 32px
    }
}

@media (min-width: 1024px) {
    .sjafe-width-container {
        margin: 0 auto
    }
}

.sjafe-width-container-fluid {
    margin: 0 16px;
    max-width: 100%
}

@media (min-width: 48.0625em) {
    .sjafe-width-container-fluid {
        margin: 0 32px
    }
}

.sjafe-icon {
    height: 34px;
    width: 34px
}

.sjafe-icon__search {
    fill: var(--sja-green-primary)
}

.sjafe-icon__chevron-left {
    fill: var(--sja-green-primary)
}

.sjafe-icon__chevron-right {
    fill: var(--sja-green-primary)
}

.sjafe-icon__close {
    fill: var(--sja-green-primary)
}

.sjafe-icon__cross {
    fill: var(--sja-red-primary)
}

.sjafe-icon__tick {
    stroke: var(--sja-green-secondary)
}

.sjafe-icon__arrow-right {
    fill: var(--sja-green-primary)
}

.sjafe-icon__arrow-left {
    fill: var(--sja-green-primary)
}

.sjafe-icon__arrow-right-circle {
    fill: var(--sja-green-secondary)
}

.sjafe-icon__chevron-down {
    fill: #fff;
    height: 24px;
    position: absolute;
    right: 4px;
    transform: rotate(90deg);
    width: 24px
}

.sjafe-icon__chevron-down path {
    fill: #fff
}

.sjafe-icon__chevron-up {
    fill: var(--sja-green-primary)
}

.sjafe-icon__chevron-up path {
    fill: #fff
}

.sjafe-icon__emdash path {
    fill: #aeb7bd
}

.sjafe-icon__plus {
    fill: var(--sja-green-primary)
}

.sjafe-icon__minus {
    fill: var(--sja-green-primary)
}

.sjafe-icon--size-25 {
    height: 42.5px;
    width: 42.5px
}

.sjafe-icon--size-50 {
    height: 51px;
    width: 51px
}

.sjafe-icon--size-75 {
    height: 59.5px;
    width: 59.5px
}

.sjafe-icon--size-100 {
    height: 68px;
    width: 68px
}

.sjafe-list, ul, ol {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 16px;
    list-style-type: none;
    margin-top: 0;
    padding-left: 0
}

@media (min-width: 40.0625em) {
    .sjafe-list, ul, ol {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-list, ul, ol {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-list, ul, ol {
        margin-bottom: 24px
    }
}

.sjafe-list > li, ul > li, ol > li {
    margin-bottom: 8px
}

@media (min-width: 40.0625em) {
    .sjafe-list > li, ul > li, ol > li {
        margin-bottom: 8px
    }
}

.sjafe-list > li:last-child, ul > li:last-child, ol > li:last-child {
    margin-bottom: 0
}

.sjafe-list--bullet, ul {
    list-style-type: disc;
    padding-left: 20px
}

.sjafe-list--number, ol {
    list-style-type: decimal;
    padding-left: 20px
}

.sjafe-list--tick, .sjafe-list--cross {
    list-style: none;
    margin-top: 0;
    padding-left: 40px;
    position: relative
}

.sjafe-list--tick svg, .sjafe-list--cross svg {
    left: -4px;
    margin-top: -5px;
    position: absolute
}

.sjafe-section-break, hr {
    border: 0;
    margin: 0
}

.sjafe-section-break--xl {
    margin-top: 48px;
    margin-bottom: 48px
}

@media (min-width: 40.0625em) {
    .sjafe-section-break--xl {
        margin-top: 56px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-section-break--xl {
        margin-bottom: 56px
    }
}

.sjafe-section-break--l, hr {
    margin-top: 32px;
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-section-break--l, hr {
        margin-top: 40px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-section-break--l, hr {
        margin-bottom: 40px
    }
}

.sjafe-section-break--m {
    margin-top: 16px;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-section-break--m {
        margin-top: 24px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-section-break--m {
        margin-bottom: 24px
    }
}

.sjafe-section-break--visible, hr {
    border-bottom: 1px solid #d8dde0
}

h1, .sjafe-heading-xl {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 40px
}

@media (min-width: 40.0625em) {
    h1, .sjafe-heading-xl {
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.16667
    }
}

@media print {
    h1, .sjafe-heading-xl {
        font-size: 32pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    h1, .sjafe-heading-xl {
        margin-bottom: 48px
    }
}

h2, .sjafe-heading-l {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    h2, .sjafe-heading-l {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.25
    }
}

@media print {
    h2, .sjafe-heading-l {
        font-size: 24pt;
        line-height: 1.05
    }
}

@media (min-width: 40.0625em) {
    h2, .sjafe-heading-l {
        margin-bottom: 24px
    }
}

h3, .sjafe-heading-m {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    h3, .sjafe-heading-m {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    h3, .sjafe-heading-m {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    h3, .sjafe-heading-m {
        margin-bottom: 24px
    }
}

h4, .sjafe-heading-s {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    h4, .sjafe-heading-s {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.45455
    }
}

@media print {
    h4, .sjafe-heading-s {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    h4, .sjafe-heading-s {
        margin-bottom: 24px
    }
}

h5, .sjafe-heading-xs {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    h5, .sjafe-heading-xs {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    h5, .sjafe-heading-xs {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    h5, .sjafe-heading-xs {
        margin-bottom: 24px
    }
}

h6, .sjafe-heading-xxs {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    h6, .sjafe-heading-xxs {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    h6, .sjafe-heading-xxs {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    h6, .sjafe-heading-xxs {
        margin-bottom: 24px
    }
}

.sjafe-caption-xl {
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
    color: #4c6272;
    display: block;
    margin-bottom: 4px
}

@media (min-width: 40.0625em) {
    .sjafe-caption-xl {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.25
    }
}

@media print {
    .sjafe-caption-xl {
        font-size: 24pt;
        line-height: 1.05
    }
}

.sjafe-caption-l {
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #4c6272;
    display: block;
    margin-bottom: 4px
}

@media (min-width: 40.0625em) {
    .sjafe-caption-l {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-caption-l {
        font-size: 18pt;
        line-height: 1.15
    }
}

.sjafe-caption-m {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #4c6272;
    display: block
}

@media (min-width: 40.0625em) {
    .sjafe-caption-m {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-caption-m {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-caption--bottom {
    margin-bottom: 0;
    margin-top: 4px
}

.sjafe-body-l {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    display: block;
    margin-top: 0;
    margin-bottom: 24px
}

@media (min-width: 40.0625em) {
    .sjafe-body-l {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-body-l {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-body-l {
        margin-bottom: 32px
    }
}

p, .sjafe-body-m, address {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    p, .sjafe-body-m, address {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    p, .sjafe-body-m, address {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    p, .sjafe-body-m, address {
        margin-bottom: 24px
    }
}

p, .sjafe-body-m {
    color: inherit
}

.sjafe-body-s {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    display: block;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-body-s {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-body-s {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (min-width: 40.0625em) {
    .sjafe-body-s {
        margin-bottom: 24px
    }
}

address {
    font-style: normal
}

.sjafe-lede-text {
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-lede-text {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-lede-text {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-lede-text {
        margin-bottom: 48px
    }
}

.sjafe-lede-text p, .sjafe-lede-text ul {
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4
}

@media (min-width: 40.0625em) {
    .sjafe-lede-text p, .sjafe-lede-text ul {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-lede-text p, .sjafe-lede-text ul {
        font-size: 18pt;
        line-height: 1.15
    }
}

.sjafe-lede-text--small {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 24px
}

@media (min-width: 40.0625em) {
    .sjafe-lede-text--small {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-lede-text--small {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-lede-text--small {
        margin-bottom: 32px
    }
}

h1 + .sjafe-lede-text, h1 + .sjafe-lede-text--small {
    margin-top: -8px
}

.sjafe-body-l + h2, .sjafe-body-l + .sjafe-heading-l {
    padding-top: 4px
}

@media (min-width: 40.0625em) {
    .sjafe-body-l + h2, .sjafe-body-l + .sjafe-heading-l {
        padding-top: 8px
    }
}

p + h2, .sjafe-body-m + h2, address + h2, p + .sjafe-heading-l, .sjafe-body-m + .sjafe-heading-l, address + .sjafe-heading-l, .sjafe-body-s + h2, .sjafe-body-s + .sjafe-heading-l, .sjafe-list + h2, ul + h2, ol + h2, .sjafe-list + .sjafe-heading-l, ul + .sjafe-heading-l, ol + .sjafe-heading-l {
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    p + h2, .sjafe-body-m + h2, address + h2, p + .sjafe-heading-l, .sjafe-body-m + .sjafe-heading-l, address + .sjafe-heading-l, .sjafe-body-s + h2, .sjafe-body-s + .sjafe-heading-l, .sjafe-list + h2, ul + h2, ol + h2, .sjafe-list + .sjafe-heading-l, ul + .sjafe-heading-l, ol + .sjafe-heading-l {
        padding-top: 24px
    }
}

p + h3, .sjafe-body-m + h3, address + h3, p + .sjafe-heading-m, .sjafe-body-m + .sjafe-heading-m, address + .sjafe-heading-m, .sjafe-body-s + h3, .sjafe-body-s + .sjafe-heading-m, .sjafe-list + h3, ul + h3, ol + h3, .sjafe-list + .sjafe-heading-m, ul + .sjafe-heading-m, ol + .sjafe-heading-m, p + h4, .sjafe-body-m + h4, address + h4, p + .sjafe-heading-s, .sjafe-body-m + .sjafe-heading-s, address + .sjafe-heading-s, .sjafe-body-s + h4, .sjafe-body-s + .sjafe-heading-s, .sjafe-list + h4, ul + h4, ol + h4, .sjafe-list + .sjafe-heading-s, ul + .sjafe-heading-s, ol + .sjafe-heading-s {
    padding-top: 4px
}

@media (min-width: 40.0625em) {
    p + h3, .sjafe-body-m + h3, address + h3, p + .sjafe-heading-m, .sjafe-body-m + .sjafe-heading-m, address + .sjafe-heading-m, .sjafe-body-s + h3, .sjafe-body-s + .sjafe-heading-m, .sjafe-list + h3, ul + h3, ol + h3, .sjafe-list + .sjafe-heading-m, ul + .sjafe-heading-m, ol + .sjafe-heading-m, p + h4, .sjafe-body-m + h4, address + h4, p + .sjafe-heading-s, .sjafe-body-m + .sjafe-heading-s, address + .sjafe-heading-s, .sjafe-body-s + h4, .sjafe-body-s + .sjafe-heading-s, .sjafe-list + h4, ul + h4, ol + h4, .sjafe-list + .sjafe-heading-s, ul + .sjafe-heading-s, ol + .sjafe-heading-s {
        padding-top: 8px
    }
}

.sjafe-lede-text + h2, .sjafe-lede-text + .sjafe-heading-l {
    padding-top: 0
}

strong, b {
    font-weight: 600
}

.sjafe-u-clear:after {
    clear: both;
    content: '';
    display: block
}

.sjafe-u-display-block {
    display: block !important
}

.sjafe-u-display-inline-block {
    display: inline-block !important
}

.sjafe-u-float-left {
    float: left !important
}

.sjafe-u-float-right {
    float: right !important
}

.sjafe-u-one-half {
    float: left;
    width: 50% !important
}

.sjafe-u-one-third {
    float: left;
    width: 33.33333% !important
}

.sjafe-u-two-thirds {
    float: left;
    width: 66.66667% !important
}

.sjafe-u-one-quarter {
    float: left;
    width: 25% !important
}

.sjafe-u-three-quarters {
    float: left;
    width: 75% !important
}

.sjafe-u-one-half-tablet {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-one-half-tablet {
        float: left;
        width: 50% !important
    }
}

.sjafe-u-one-third-tablet {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-one-third-tablet {
        float: left;
        width: 33.33333% !important
    }
}

.sjafe-u-two-thirds-tablet {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-two-thirds-tablet {
        float: left;
        width: 66.66667% !important
    }
}

.sjafe-u-one-quarter-tablet {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-one-quarter-tablet {
        float: left;
        width: 25% !important
    }
}

.sjafe-u-three-quarters-tablet {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-three-quarters-tablet {
        float: left;
        width: 75% !important
    }
}

@media (max-width: 40.0525em) {
    .sjafe-u-nowrap {
        white-space: nowrap
    }
}

.sjafe-list--border li {
    border-bottom: 1px solid #d8dde0;
    padding: 8px 0 16px
}

.sjafe-u-reading-width {
    max-width: 44em
}

.sjafe-u-margin-0 {
    margin: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-0 {
        margin: 0 !important
    }
}

.sjafe-u-margin-top-0 {
    margin-top: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-0 {
        margin-top: 0 !important
    }
}

.sjafe-u-margin-right-0 {
    margin-right: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-0 {
        margin-right: 0 !important
    }
}

.sjafe-u-margin-bottom-0 {
    margin-bottom: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-0 {
        margin-bottom: 0 !important
    }
}

.sjafe-u-margin-left-0 {
    margin-left: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-0 {
        margin-left: 0 !important
    }
}

.sjafe-u-margin-1 {
    margin: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-1 {
        margin: 4px !important
    }
}

.sjafe-u-margin-top-1 {
    margin-top: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-1 {
        margin-top: 4px !important
    }
}

.sjafe-u-margin-right-1 {
    margin-right: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-1 {
        margin-right: 4px !important
    }
}

.sjafe-u-margin-bottom-1 {
    margin-bottom: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-1 {
        margin-bottom: 4px !important
    }
}

.sjafe-u-margin-left-1 {
    margin-left: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-1 {
        margin-left: 4px !important
    }
}

.sjafe-u-margin-2 {
    margin: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-2 {
        margin: 8px !important
    }
}

.sjafe-u-margin-top-2 {
    margin-top: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-2 {
        margin-top: 8px !important
    }
}

.sjafe-u-margin-right-2 {
    margin-right: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-2 {
        margin-right: 8px !important
    }
}

.sjafe-u-margin-bottom-2 {
    margin-bottom: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-2 {
        margin-bottom: 8px !important
    }
}

.sjafe-u-margin-left-2 {
    margin-left: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-2 {
        margin-left: 8px !important
    }
}

.sjafe-u-margin-3 {
    margin: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-3 {
        margin: 16px !important
    }
}

.sjafe-u-margin-top-3 {
    margin-top: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-3 {
        margin-top: 16px !important
    }
}

.sjafe-u-margin-right-3 {
    margin-right: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-3 {
        margin-right: 16px !important
    }
}

.sjafe-u-margin-bottom-3 {
    margin-bottom: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-3 {
        margin-bottom: 16px !important
    }
}

.sjafe-u-margin-left-3 {
    margin-left: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-3 {
        margin-left: 16px !important
    }
}

.sjafe-u-margin-4 {
    margin: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-4 {
        margin: 24px !important
    }
}

.sjafe-u-margin-top-4 {
    margin-top: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-4 {
        margin-top: 24px !important
    }
}

.sjafe-u-margin-right-4 {
    margin-right: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-4 {
        margin-right: 24px !important
    }
}

.sjafe-u-margin-bottom-4 {
    margin-bottom: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-4 {
        margin-bottom: 24px !important
    }
}

.sjafe-u-margin-left-4 {
    margin-left: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-4 {
        margin-left: 24px !important
    }
}

.sjafe-u-margin-5 {
    margin: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-5 {
        margin: 32px !important
    }
}

.sjafe-u-margin-top-5 {
    margin-top: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-5 {
        margin-top: 32px !important
    }
}

.sjafe-u-margin-right-5 {
    margin-right: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-5 {
        margin-right: 32px !important
    }
}

.sjafe-u-margin-bottom-5 {
    margin-bottom: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-5 {
        margin-bottom: 32px !important
    }
}

.sjafe-u-margin-left-5 {
    margin-left: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-5 {
        margin-left: 32px !important
    }
}

.sjafe-u-margin-6 {
    margin: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-6 {
        margin: 40px !important
    }
}

.sjafe-u-margin-top-6 {
    margin-top: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-6 {
        margin-top: 40px !important
    }
}

.sjafe-u-margin-right-6 {
    margin-right: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-6 {
        margin-right: 40px !important
    }
}

.sjafe-u-margin-bottom-6 {
    margin-bottom: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-6 {
        margin-bottom: 40px !important
    }
}

.sjafe-u-margin-left-6 {
    margin-left: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-6 {
        margin-left: 40px !important
    }
}

.sjafe-u-margin-7 {
    margin: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-7 {
        margin: 48px !important
    }
}

.sjafe-u-margin-top-7 {
    margin-top: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-7 {
        margin-top: 48px !important
    }
}

.sjafe-u-margin-right-7 {
    margin-right: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-7 {
        margin-right: 48px !important
    }
}

.sjafe-u-margin-bottom-7 {
    margin-bottom: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-7 {
        margin-bottom: 48px !important
    }
}

.sjafe-u-margin-left-7 {
    margin-left: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-7 {
        margin-left: 48px !important
    }
}

.sjafe-u-margin-8 {
    margin: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-8 {
        margin: 56px !important
    }
}

.sjafe-u-margin-top-8 {
    margin-top: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-8 {
        margin-top: 56px !important
    }
}

.sjafe-u-margin-right-8 {
    margin-right: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-8 {
        margin-right: 56px !important
    }
}

.sjafe-u-margin-bottom-8 {
    margin-bottom: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-8 {
        margin-bottom: 56px !important
    }
}

.sjafe-u-margin-left-8 {
    margin-left: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-8 {
        margin-left: 56px !important
    }
}

.sjafe-u-margin-9 {
    margin: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-9 {
        margin: 64px !important
    }
}

.sjafe-u-margin-top-9 {
    margin-top: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-top-9 {
        margin-top: 64px !important
    }
}

.sjafe-u-margin-right-9 {
    margin-right: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-right-9 {
        margin-right: 64px !important
    }
}

.sjafe-u-margin-bottom-9 {
    margin-bottom: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-bottom-9 {
        margin-bottom: 64px !important
    }
}

.sjafe-u-margin-left-9 {
    margin-left: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-margin-left-9 {
        margin-left: 64px !important
    }
}

.sjafe-u-padding-0 {
    padding: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-0 {
        padding: 0 !important
    }
}

.sjafe-u-padding-top-0 {
    padding-top: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-0 {
        padding-top: 0 !important
    }
}

.sjafe-u-padding-right-0 {
    padding-right: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-0 {
        padding-right: 0 !important
    }
}

.sjafe-u-padding-bottom-0 {
    padding-bottom: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-0 {
        padding-bottom: 0 !important
    }
}

.sjafe-u-padding-left-0 {
    padding-left: 0 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-0 {
        padding-left: 0 !important
    }
}

.sjafe-u-padding-1 {
    padding: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-1 {
        padding: 4px !important
    }
}

.sjafe-u-padding-top-1 {
    padding-top: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-1 {
        padding-top: 4px !important
    }
}

.sjafe-u-padding-right-1 {
    padding-right: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-1 {
        padding-right: 4px !important
    }
}

.sjafe-u-padding-bottom-1 {
    padding-bottom: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-1 {
        padding-bottom: 4px !important
    }
}

.sjafe-u-padding-left-1 {
    padding-left: 4px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-1 {
        padding-left: 4px !important
    }
}

.sjafe-u-padding-2 {
    padding: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-2 {
        padding: 8px !important
    }
}

.sjafe-u-padding-top-2 {
    padding-top: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-2 {
        padding-top: 8px !important
    }
}

.sjafe-u-padding-right-2 {
    padding-right: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-2 {
        padding-right: 8px !important
    }
}

.sjafe-u-padding-bottom-2 {
    padding-bottom: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-2 {
        padding-bottom: 8px !important
    }
}

.sjafe-u-padding-left-2 {
    padding-left: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-2 {
        padding-left: 8px !important
    }
}

.sjafe-u-padding-3 {
    padding: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-3 {
        padding: 16px !important
    }
}

.sjafe-u-padding-top-3 {
    padding-top: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-3 {
        padding-top: 16px !important
    }
}

.sjafe-u-padding-right-3 {
    padding-right: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-3 {
        padding-right: 16px !important
    }
}

.sjafe-u-padding-bottom-3 {
    padding-bottom: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-3 {
        padding-bottom: 16px !important
    }
}

.sjafe-u-padding-left-3 {
    padding-left: 8px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-3 {
        padding-left: 16px !important
    }
}

.sjafe-u-padding-4 {
    padding: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-4 {
        padding: 24px !important
    }
}

.sjafe-u-padding-top-4 {
    padding-top: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-4 {
        padding-top: 24px !important
    }
}

.sjafe-u-padding-right-4 {
    padding-right: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-4 {
        padding-right: 24px !important
    }
}

.sjafe-u-padding-bottom-4 {
    padding-bottom: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-4 {
        padding-bottom: 24px !important
    }
}

.sjafe-u-padding-left-4 {
    padding-left: 16px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-4 {
        padding-left: 24px !important
    }
}

.sjafe-u-padding-5 {
    padding: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-5 {
        padding: 32px !important
    }
}

.sjafe-u-padding-top-5 {
    padding-top: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-5 {
        padding-top: 32px !important
    }
}

.sjafe-u-padding-right-5 {
    padding-right: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-5 {
        padding-right: 32px !important
    }
}

.sjafe-u-padding-bottom-5 {
    padding-bottom: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-5 {
        padding-bottom: 32px !important
    }
}

.sjafe-u-padding-left-5 {
    padding-left: 24px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-5 {
        padding-left: 32px !important
    }
}

.sjafe-u-padding-6 {
    padding: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-6 {
        padding: 40px !important
    }
}

.sjafe-u-padding-top-6 {
    padding-top: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-6 {
        padding-top: 40px !important
    }
}

.sjafe-u-padding-right-6 {
    padding-right: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-6 {
        padding-right: 40px !important
    }
}

.sjafe-u-padding-bottom-6 {
    padding-bottom: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-6 {
        padding-bottom: 40px !important
    }
}

.sjafe-u-padding-left-6 {
    padding-left: 32px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-6 {
        padding-left: 40px !important
    }
}

.sjafe-u-padding-7 {
    padding: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-7 {
        padding: 48px !important
    }
}

.sjafe-u-padding-top-7 {
    padding-top: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-7 {
        padding-top: 48px !important
    }
}

.sjafe-u-padding-right-7 {
    padding-right: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-7 {
        padding-right: 48px !important
    }
}

.sjafe-u-padding-bottom-7 {
    padding-bottom: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-7 {
        padding-bottom: 48px !important
    }
}

.sjafe-u-padding-left-7 {
    padding-left: 40px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-7 {
        padding-left: 48px !important
    }
}

.sjafe-u-padding-8 {
    padding: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-8 {
        padding: 56px !important
    }
}

.sjafe-u-padding-top-8 {
    padding-top: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-8 {
        padding-top: 56px !important
    }
}

.sjafe-u-padding-right-8 {
    padding-right: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-8 {
        padding-right: 56px !important
    }
}

.sjafe-u-padding-bottom-8 {
    padding-bottom: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-8 {
        padding-bottom: 56px !important
    }
}

.sjafe-u-padding-left-8 {
    padding-left: 48px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-8 {
        padding-left: 56px !important
    }
}

.sjafe-u-padding-9 {
    padding: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-9 {
        padding: 64px !important
    }
}

.sjafe-u-padding-top-9 {
    padding-top: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-top-9 {
        padding-top: 64px !important
    }
}

.sjafe-u-padding-right-9 {
    padding-right: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-right-9 {
        padding-right: 64px !important
    }
}

.sjafe-u-padding-bottom-9 {
    padding-bottom: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-bottom-9 {
        padding-bottom: 64px !important
    }
}

.sjafe-u-padding-left-9 {
    padding-left: 56px !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-padding-left-9 {
        padding-left: 64px !important
    }
}

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

.sjafe-u-text-align-centre {
    text-align: center !important
}

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

.sjafe-u-font-size-64 {
    font-size: 48px !important;
    font-size: 3rem !important;
    line-height: 1.16667 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-64 {
        font-size: 64px !important;
        font-size: 4rem !important;
        line-height: 1.125 !important
    }
}

@media print {
    .sjafe-u-font-size-64 {
        font-size: 53pt !important;
        line-height: 1.1 !important
    }
}

.sjafe-u-font-size-48 {
    font-size: 32px !important;
    font-size: 2rem !important;
    line-height: 1.25 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-48 {
        font-size: 48px !important;
        font-size: 3rem !important;
        line-height: 1.16667 !important
    }
}

@media print {
    .sjafe-u-font-size-48 {
        font-size: 32pt !important;
        line-height: 1.15 !important
    }
}

.sjafe-u-font-size-32 {
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 1.33333 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-32 {
        font-size: 32px !important;
        font-size: 2rem !important;
        line-height: 1.25 !important
    }
}

@media print {
    .sjafe-u-font-size-32 {
        font-size: 24pt !important;
        line-height: 1.05 !important
    }
}

.sjafe-u-font-size-24 {
    font-size: 20px !important;
    font-size: 1.25rem !important;
    line-height: 1.4 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-24 {
        font-size: 24px !important;
        font-size: 1.5rem !important;
        line-height: 1.33333 !important
    }
}

@media print {
    .sjafe-u-font-size-24 {
        font-size: 18pt !important;
        line-height: 1.15 !important
    }
}

.sjafe-u-font-size-22 {
    font-size: 18px !important;
    font-size: 1.125rem !important;
    line-height: 1.55556 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-22 {
        font-size: 22px !important;
        font-size: 1.375rem !important;
        line-height: 1.45455 !important
    }
}

@media print {
    .sjafe-u-font-size-22 {
        font-size: 18pt !important;
        line-height: 1.15 !important
    }
}

.sjafe-u-font-size-19 {
    font-size: 16px !important;
    font-size: 1rem !important;
    line-height: 1.5 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-19 {
        font-size: 19px !important;
        font-size: 1.1875rem !important;
        line-height: 1.47368 !important
    }
}

@media print {
    .sjafe-u-font-size-19 {
        font-size: 14pt !important;
        line-height: 1.15 !important
    }
}

.sjafe-u-font-size-16 {
    font-size: 14px !important;
    font-size: .875rem !important;
    line-height: 1.71429 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-16 {
        font-size: 16px !important;
        font-size: 1rem !important;
        line-height: 1.5 !important
    }
}

@media print {
    .sjafe-u-font-size-16 {
        font-size: 14pt !important;
        line-height: 1.2 !important
    }
}

.sjafe-u-font-size-14 {
    font-size: 12px !important;
    font-size: .75rem !important;
    line-height: 1.66667 !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-font-size-14 {
        font-size: 14px !important;
        font-size: .875rem !important;
        line-height: 1.71429 !important
    }
}

@media print {
    .sjafe-u-font-size-14 {
        font-size: 12pt !important;
        line-height: 1.2 !important
    }
}

.sjafe-u-font-weight-normal {
    font-weight: 400 !important
}

.sjafe-u-font-weight-bold {
    font-weight: 600 !important
}

.sjafe-u-secondary-text-color {
    color: #4c6272 !important
}

.sjafe-u-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.sjafe-u-width-full {
    width: 100% !important
}

.sjafe-u-width-three-quarters {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-width-three-quarters {
        width: 75% !important
    }
}

.sjafe-u-width-two-thirds {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-width-two-thirds {
        width: 66.66% !important
    }
}

.sjafe-u-width-one-half {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-width-one-half {
        width: 50% !important
    }
}

.sjafe-u-width-one-third {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-width-one-third {
        width: 33.33% !important
    }
}

.sjafe-u-width-one-quarter {
    width: 100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-u-width-one-quarter {
        width: 25% !important
    }
}

.sjafe-action-link {
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-action-link {
        margin-bottom: 40px
    }
}

.sjafe-action-link__link {
    font-weight: 400;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
    display: inline-block;
    font-weight: 600;
    padding-left: 38px;
    position: relative;
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .sjafe-action-link__link {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.45455
    }
}

@media print {
    .sjafe-action-link__link {
        font-size: 18pt;
        line-height: 1.15
    }
}

.sjafe-action-link__link:hover .sjafe-action-link__text {
    text-decoration: underline
}

.sjafe-action-link__link:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.sjafe-action-link__link:focus:hover .sjafe-action-link__text {
    color: #212b32;
    text-decoration: none
}

@media (max-width: 40.0525em) {
    .sjafe-action-link__link {
        padding-left: 26px
    }
}

@media print {
    .sjafe-action-link__link {
        color: #212b32
    }

    .sjafe-action-link__link:visited {
        color: #212b32
    }
}

.sjafe-action-link__link .sjafe-icon__arrow-right-circle {
    fill: var(--sja-green-secondary);
    height: 36px;
    left: -3px;
    position: absolute;
    top: -2px;
    width: 36px
}

@media print {
    .sjafe-action-link__link .sjafe-icon__arrow-right-circle {
        color: #212b32;
        fill: #212b32
    }

    .sjafe-action-link__link .sjafe-icon__arrow-right-circle:active, .sjafe-action-link__link .sjafe-icon__arrow-right-circle:focus, .sjafe-action-link__link .sjafe-icon__arrow-right-circle:visited {
        color: #212b32
    }
}

@media (max-width: 40.0525em) {
    .sjafe-action-link__link .sjafe-icon__arrow-right-circle {
        height: 24px;
        left: -2px;
        margin-bottom: 0;
        top: 2px;
        width: 24px
    }
}

.sjafe-back-link {
    margin-bottom: 16px
}

.sjafe-back-link__link {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    display: inline-block;
    padding-left: 16px;
    position: relative;
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .sjafe-back-link__link {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-back-link__link {
        font-size: 14pt;
        line-height: 1.2
    }
}

.sjafe-back-link__link .sjafe-icon__chevron-left {
    height: 24px;
    left: -8px;
    position: absolute;
    top: -1px;
    width: 24px
}

.sjafe-back-link__link:visited {
    color: var(--sja-green-primary)
}

.sjafe-back-link__link:hover {
    color: #7C2855;
    text-decoration: underline
}

.sjafe-back-link__link:hover .sjafe-icon__chevron-left {
    fill: #7C2855
}

.sjafe-back-link__link:focus .sjafe-icon__chevron-left {
    fill: #212b32
}

.sjafe-breadcrumb {
    padding-bottom: 16px;
    padding-top: 20px
}

@media print {
    .sjafe-breadcrumb {
        display: none
    }
}

.sjafe-breadcrumb .sjafe-icon__chevron-right {
    fill: #aeb7bd;
    height: 18px;
    position: relative;
    top: 5px;
    width: 18px
}

@media (min-width: 61.875em) {
    .sjafe-breadcrumb .sjafe-icon__chevron-right {
        margin: 0 3px 0 5px
    }
}

.sjafe-breadcrumb .sjafe-icon__chevron-left {
    float: left;
    height: 24px;
    left: -8px;
    position: relative;
    width: 24px
}

.sjafe-breadcrumb + .sjafe-width-container .sjafe-main-wrapper {
    padding-top: 0
}

.sjafe-breadcrumb__list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 40.0525em) {
    .sjafe-breadcrumb__list {
        display: none
    }
}

.sjafe-breadcrumb__item {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    display: inline-block;
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-breadcrumb__item {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-breadcrumb__item {
        font-size: 14pt;
        line-height: 1.2
    }
}

.sjafe-breadcrumb__item:not(:last-child):after {
    background: url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__chevron-right' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' height='18' width='18' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'%3E%3C/path%3E%3C/svg%3E") right 0 top 4px no-repeat;
    content: '';
    display: inline-block;
    height: 18px;
    margin-left: 10px;
    margin-right: 2px;
    width: 18px
}

.sjafe-breadcrumb__link:visited {
    color: var(--sja-green-primary)
}

.sjafe-breadcrumb__link:visited:hover {
    color: #7C2855
}

.sjafe-breadcrumb__link:focus:hover {
    color: #212b32
}

.sjafe-breadcrumb__back {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    margin: 0;
    padding-left: 16px;
    position: relative
}

@media (min-width: 40.0625em) {
    .sjafe-breadcrumb__back {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-breadcrumb__back {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (min-width: 40.0625em) {
    .sjafe-breadcrumb__back {
        display: none
    }
}

.sjafe-breadcrumb__back:before {
    background: url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__chevron-left' xmlns='http://www.w3.org/2000/svg' fill='%23005eb8' height='24' width='24' viewBox='8 0 24 24' aria-hidden='true'%3E%3Cpath d='M8.5 12c0-.3.1-.5.3-.7l5-5c.4-.4 1-.4 1.4 0s.4 1 0 1.4L10.9 12l4.3 4.3c.4.4.4 1 0 1.4s-1 .4-1.4 0l-5-5c-.2-.2-.3-.4-.3-.7z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
    content: '';
    display: inline-block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.sjafe-breadcrumb__backlink:visited {
    color: var(--sja-green-primary)
}

.sjafe-breadcrumb__backlink:visited:hover {
    color: #7C2855
}

.sjafe-button {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 28px;
    -webkit-appearance: none;
    background-color: var(--sja-green-secondary);
    border: 2px solid transparent;
    border-radius: 4px;
    box-shadow: 0 4px 0 var(--sja-green-primary);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    margin-top: 0;
    padding: 12px 16px;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: auto
}

@media (min-width: 40.0625em) {
    .sjafe-button {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-button {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-button {
        margin-bottom: 36px
    }
}

@media (max-width: 40.0525em) {
    .sjafe-button {
        padding: 8px 16px
    }
}

.sjafe-button:link, .sjafe-button:visited, .sjafe-button:active, .sjafe-button:hover {
    color: #fff;
    text-decoration: none
}

.sjafe-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.sjafe-button:hover {
    filter: brightness(85%);
}

.sjafe-button:focus {
    background: var(--sja-yellow-primary);
    box-shadow: 0 4px 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent
}

.sjafe-button:focus:visited {
    color: #212b32
}

.sjafe-button:focus:visited:active {
    color: #fff
}

.sjafe-button:active {
    background: var(--sja-green-primary);
    box-shadow: none;
    color: #fff;
    top: 4px
}

.sjafe-button::before {
    background: transparent;
    bottom: -6px;
    content: '';
    display: block;
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px
}

.sjafe-button:active::before {
    top: -6px
}

.sjafe-button--secondary {
    background-color: #4c6272;
    box-shadow: 0 4px 0 #263139
}

.sjafe-button--secondary:hover {
    background-color: #384853
}

.sjafe-button--secondary:focus {
    background: var(--sja-yellow-primary);
    box-shadow: 0 4px 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent
}

.sjafe-button--secondary:active {
    background: #263139;
    box-shadow: none;
    color: #fff;
    top: 4px
}

.sjafe-button--secondary.sjafe-button--disabled {
    background-color: #4c6272
}

.sjafe-button--reverse {
    background-color: #fff;
    box-shadow: 0 4px 0 #212b32;
    color: #212b32
}

.sjafe-button--reverse:hover {
    background-color: #f2f2f2;
    color: #212b32
}

.sjafe-button--reverse:focus {
    background: var(--sja-yellow-primary);
    box-shadow: 0 4px 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent
}

.sjafe-button--reverse:active {
    background: #212b32;
    box-shadow: none;
    color: #fff;
    top: 4px
}

.sjafe-button--reverse:link {
    color: #212b32
}

.sjafe-button--reverse:link:active {
    color: #fff
}

.sjafe-button--reverse.sjafe-button--disabled {
    background-color: #fff
}

.sjafe-button--reverse.sjafe-button--disabled:focus {
    background-color: #fff
}

.sjafe-button--disabled, .sjafe-button[disabled="disabled"], .sjafe-button[disabled] {
    background-color: var(--sja-green-secondary);
    opacity: 0.5;
    pointer-events: none
}

.sjafe-button--disabled:hover, .sjafe-button[disabled="disabled"]:hover, .sjafe-button[disabled]:hover {
    background-color: var(--sja-green-secondary);
    cursor: default
}

.sjafe-button--disabled:focus, .sjafe-button[disabled="disabled"]:focus, .sjafe-button[disabled]:focus {
    background-color: var(--sja-green-secondary);
    outline: none
}

.sjafe-button--disabled:active, .sjafe-button[disabled="disabled"]:active, .sjafe-button[disabled]:active {
    box-shadow: 0 4px 0 var(--sja-green-primary);
    top: 0
}

.sjafe-button--secondary[disabled="disabled"], .sjafe-button--secondary[disabled] {
    background-color: #4c6272;
    opacity: 0.5
}

.sjafe-button--secondary[disabled="disabled"]:hover, .sjafe-button--secondary[disabled]:hover {
    background-color: #4c6272;
    cursor: default
}

.sjafe-button--secondary[disabled="disabled"]:focus, .sjafe-button--secondary[disabled]:focus {
    outline: none
}

.sjafe-button--secondary[disabled="disabled"]:active, .sjafe-button--secondary[disabled]:active {
    box-shadow: 0 4px 0 #263139;
    top: 0
}

.sjafe-button--reverse[disabled="disabled"], .sjafe-button--reverse[disabled] {
    background-color: #fff;
    opacity: 0.5
}

.sjafe-button--reverse[disabled="disabled"]:hover, .sjafe-button--reverse[disabled]:hover {
    background-color: #fff;
    cursor: default
}

.sjafe-button--reverse[disabled="disabled"]:focus, .sjafe-button--reverse[disabled]:focus {
    outline: none
}

.sjafe-button--reverse[disabled="disabled"]:active, .sjafe-button--reverse[disabled]:active {
    box-shadow: 0 4px 0 #212b32;
    top: 0
}

.sjafe-card {
    margin-bottom: 40px;
    background: #fff;
    border: 1px solid #d8dde0;
    position: relative;
    width: 100%
}

@media (min-width: 40.0625em) {
    .sjafe-card {
        margin-bottom: 48px
    }
}

.sjafe-card__img {
    border-bottom: 1px solid #f0f4f5;
    display: block;
    width: 100%
}

@media print {
    .sjafe-card__img {
        display: none
    }
}

.sjafe-card__content {
    padding: 24px;
    position: relative
}

.sjafe-card__content > * :first-child {
    margin-top: 0
}

.sjafe-card__content > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-card__content {
        padding: 32px
    }
}

.sjafe-card__heading, .sjafe-card__metadata, .sjafe-card__description {
    margin-bottom: 16px
}

.sjafe-card--clickable {
    border-bottom-width: 4px
}

.sjafe-card--clickable:hover, .sjafe-card--clickable:active {
    cursor: pointer
}

.sjafe-card--clickable:hover .sjafe-card__heading a, .sjafe-card--clickable:hover .sjafe-card__link, .sjafe-card--clickable:active .sjafe-card__heading a, .sjafe-card--clickable:active .sjafe-card__link {
    color: #7C2855;
    text-decoration: none !important;
}

.sjafe-card--clickable:hover .sjafe-card__heading a:focus, .sjafe-card--clickable:hover .sjafe-card__link:focus, .sjafe-card--clickable:active .sjafe-card__heading a:focus, .sjafe-card--clickable:active .sjafe-card__link:focus {
    color: #212b32
}

.sjafe-card--clickable:hover {
    border-color: #aeb7bd
}

.sjafe-card--clickable:active {
    border-color: #aeb7bd;
    bottom: -1px
}

.sjafe-card-group {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 0
}

@media (max-width: 48.0525em) {
    .sjafe-card-group {
        margin-bottom: 40px
    }
}

.sjafe-card-group + h2, .sjafe-card-group + .sjafe-heading-l, .sjafe-card-group + h3, .sjafe-card-group + .sjafe-heading-m {
    padding-top: 0
}

.sjafe-card-group__item {
    display: flex;
    list-style-type: none;
    margin-bottom: 0
}

@media (max-width: 48.0525em) {
    .sjafe-card-group__item {
        flex: 0 0 100%
    }
}

.sjafe-card-group__item .sjafe-card {
    margin-bottom: 32px
}

@media (max-width: 48.0525em) {
    .sjafe-card-group__item .sjafe-card {
        margin-bottom: 16px
    }

    .sjafe-card-group__item:last-child .sjafe-card {
        margin-bottom: 0
    }
}

.sjafe-card--feature {
    margin-top: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-card--feature {
        margin-top: 48px
    }
}

.sjafe-card__heading--feature {
    background: var(--sja-green-primary);
    color: #fff;
    display: inline-block;
    left: -25px;
    margin-bottom: 8px;
    margin-right: -24px;
    padding: 8px 24px;
    position: relative;
    top: -8px
}

@media (min-width: 40.0625em) {
    .sjafe-card__heading--feature {
        left: -33px;
        margin-right: -32px;
        padding: 8px 32px;
        top: -16px
    }
}

.sjafe-card__content--feature {
    padding-top: 0 !important
}

.sjafe-card--care {
    margin-top: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-card--care {
        margin-top: 48px
    }
}

.sjafe-card--care .sjafe-card--care__heading-container {
    background-color: var(--sja-green-secondary);
    color: #fff
}

@media print {
    .sjafe-card--care {
        border: 4px solid #212b32;
        color: #212b32;
        page-break-inside: avoid
    }
}

.sjafe-card--care__heading-container {
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 16px;
    padding-top: 16px;
    position: relative
}

@media (min-width: 40.0625em) {
    .sjafe-card--care__heading-container {
        padding-left: 32px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-card--care__heading-container {
        padding-right: 32px
    }
}

.sjafe-card--care__heading {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    margin: 0;
    padding-top: 0
}

@media (min-width: 40.0625em) {
    .sjafe-card--care__heading {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-card--care__heading {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media print {
    .sjafe-card--care__heading {
        color: #212b32;
        fill: #212b32
    }

    .sjafe-card--care__heading:active, .sjafe-card--care__heading:focus, .sjafe-card--care__heading:visited {
        color: #212b32
    }
}

.sjafe-card--care__arrow {
    bottom: -10px;
    display: block;
    height: 20px;
    left: 30px;
    overflow: hidden;
    position: absolute;
    transform: rotate(45deg);
    width: 20px
}

@media print {
    .sjafe-card--care__arrow {
        display: none
    }
}

@media (min-width: 40.0625em) {
    .sjafe-card--care__arrow {
        left: 38px
    }
}

.sjafe-card--care__arrow:before, .sjafe-card--care__arrow:after {
    border: solid 32px var(--sja-green-primary);
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 0
}

.sjafe-card--care--urgent .sjafe-card--care__heading-container {
    background-color: var(--sja-red-primary);
    color: #fff
}

@media print {
    .sjafe-card--care--urgent {
        border: 6px solid #212b32;
        color: #212b32;
        page-break-inside: avoid
    }
}

.sjafe-card--care--urgent .sjafe-card--care__arrow:before, .sjafe-card--care--urgent .sjafe-card--care__arrow:after {
    border-color: var(--sja-red-primary)
}

.sjafe-card--care--emergency .sjafe-card--care__heading-container {
    background-color: var(--sja-red-primary);
    color: #fff
}

@media print {
    .sjafe-card--care--emergency {
        border: 8px solid #212b32;
        color: #212b32;
        page-break-inside: avoid
    }
}

.sjafe-card--care--emergency .sjafe-card--care__arrow:before, .sjafe-card--care--emergency .sjafe-card--care__arrow:after {
    border-color: var(--sja-red-primary)
}

.sjafe-card--care--emergency .sjafe-card__content {
    background-color: #212b32;
    border: 0;
    color: #fff;
    position: static
}

.sjafe-card--care--emergency .sjafe-card__content a {
    color: #fff
}

.sjafe-card--care--emergency .sjafe-card__content a:focus {
    color: #212b32
}

.sjafe-card--care--emergency .sjafe-details, .sjafe-card--care--emergency .sjafe-details__summary {
    color: #fff
}

.sjafe-card--care--emergency .sjafe-details__summary:hover {
    color: #fff
}

.sjafe-card--care--emergency .sjafe-details__summary:focus {
    color: #212b32
}

.sjafe-card--care--emergency .sjafe-action-link__link .sjafe-icon__arrow-right-circle {
    fill: #fff
}

.sjafe-card__content--primary {
    padding-right: 75px
}

@media (min-width: 48.0625em) {
    .sjafe-card__content--primary {
        height: 100%
    }
}

.sjafe-card__content--primary .sjafe-icon {
    display: block;
    fill: var(--sja-green-primary);
    margin-top: -8px;
    pointer-events: none;
}

.sjafe-card__content--blue{
    display: block;
    fill: #005eb8;
    margin-top: -8px;
    pointer-events: none;
}

.sjafe-checkboxes__item {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: left;
    display: block;
    margin-bottom: 8px;
    min-height: 40px;
    padding: 0 0 0 40px;
    position: relative
}

@media (min-width: 40.0625em) {
    .sjafe-checkboxes__item {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-checkboxes__item {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-checkboxes__item:last-child, .sjafe-checkboxes__item:last-of-type {
    margin-bottom: 0
}

.sjafe-checkboxes__input {
    cursor: pointer;
    height: 40px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1
}

.sjafe-checkboxes__label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 12px 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.sjafe-checkboxes__hint {
    display: block;
    padding-left: 12px;
    padding-right: 12px
}

.sjafe-checkboxes__input + .sjafe-checkboxes__label::before {
    background: #fff;
    border: 2px solid #4c6272;
    box-sizing: border-box;
    content: '';
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.sjafe-checkboxes__input + .sjafe-checkboxes__label::after {
    background: transparent;
    border: solid;
    border-top-color: transparent;
    border-width: 0 0 4px 4px;
    content: '';
    height: 10px;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 13px;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 22px
}

.sjafe-checkboxes__input:focus + .sjafe-checkboxes__label::before {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px var(--sja-yellow-primary)
}

.sjafe-checkboxes__input:checked + .sjafe-checkboxes__label::after {
    opacity: 1
}

.sjafe-checkboxes__input:disabled, .sjafe-checkboxes__input:disabled + .sjafe-checkboxes__label {
    cursor: default
}

.sjafe-checkboxes__input:disabled + .sjafe-checkboxes__label {
    opacity: .5
}

.sjafe-card--secondary {
    background: rgba(0, 0, 0, 0);
    border-bottom: 4px solid #d8dde0;
    border-left: 0;
    border-right: 0;
    border-top: 0
}

.sjafe-card__content--secondary {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.sjafe-checkboxes__divider {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #212b32;
    margin-bottom: 8px;
    text-align: center;
    width: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-checkboxes__divider {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-checkboxes__divider {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-checkboxes__conditional {
    margin-bottom: 16px;
    border-left: 4px solid #4c6272;
    margin-left: 18px;
    padding-left: 30px
}

@media (min-width: 40.0625em) {
    .sjafe-checkboxes__conditional {
        margin-bottom: 24px
    }
}

.sjafe-checkboxes__conditional > :last-child {
    margin-bottom: 0
}

.js-enabled .sjafe-checkboxes__conditional--hidden {
    display: none
}

.sjafe-contents-list {
    margin-bottom: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-contents-list {
        margin-bottom: 48px
    }
}

.sjafe-contents-list__list {
    list-style: none;
    padding: 0
}

.sjafe-contents-list__item {
    background: url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__emdash' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' width='19' height='1' aria-hidden='true'%3E%3Cpath d='M0 0h19v1H0z'%3E%3C/path%3E%3C/svg%3E") left .75rem no-repeat;
    padding: 0 0 0 32px;
    position: relative
}

@media (min-width: 40.0625em) {
    .sjafe-contents-list__item {
        background: url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__emdash' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' width='16' height='1' aria-hidden='true'%3E%3Cpath d='M0 0h19v1H0z'%3E%3C/path%3E%3C/svg%3E") left .875rem no-repeat
    }
}

.sjafe-contents-list__link {
    display: inline-block
}

.sjafe-contents-list__current {
    font-weight: 600
}

.sjafe-date-input {
    font-size: 0
}

.sjafe-date-input:after {
    clear: both;
    content: '';
    display: block
}

.sjafe-date-input__item {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 24px
}

.sjafe-date-input__label {
    display: block
}

.sjafe-date-input__input {
    margin-bottom: 0
}

.sjafe-details {
    color: #212b32;
    margin-bottom: 16px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block
}

@media print {
    .sjafe-details {
        color: #212b32
    }
}

@media (min-width: 40.0625em) {
    .sjafe-details {
        margin-bottom: 24px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-details {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-details {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-details__summary {
    color: var(--sja-green-primary);
    cursor: pointer;
    display: inline-block;
    padding-left: 24px;
    position: relative
}

.sjafe-details__summary:hover {
    color: #7C2855
}

.sjafe-details__summary:before {
    bottom: 0;
    content: '';
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
    border-width: 7px 0 7px 12.124px;
    border-left-color: inherit
}

.sjafe-details__summary:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.sjafe-details__summary:focus .sjafe-icon {
    fill: #212b32
}

.sjafe-details__summary:hover .sjafe-details__summary-text, .sjafe-details__summary:focus .sjafe-details__summary-text {
    text-decoration: none
}

.sjafe-details[open] > .sjafe-details__summary:before {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    clip-path: polygon(0% 0%, 50% 100%, 100% 0%);
    border-width: 12.124px 7px 0 7px;
    border-top-color: inherit
}

.sjafe-details__summary-text {
    text-decoration: underline
}

.sjafe-details__summary::-webkit-details-marker {
    display: none
}

.sjafe-details__text {
    border-left: 4px solid #d8dde0;
    margin-top: 8px;
    padding: 16px;
    padding-left: 20px
}

.sjafe-details__text > * :first-child {
    margin-top: 0
}

.sjafe-details__text > * :last-child {
    margin-bottom: 0
}

.sjafe-expander {
    background-color: #fff;
    border: 1px solid #d8dde0;
    border-bottom-width: 4px
}

.sjafe-expander:hover {
    border-color: #aeb7bd
}

.sjafe-expander .sjafe-details__summary {
    background-color: #fff;
    border-top: 4px solid transparent;
    display: block;
    padding: 20px 24px 24px
}

@media (max-width: 40.0525em) {
    .sjafe-expander .sjafe-details__summary {
        padding: 12px 16px 16px
    }
}

.sjafe-expander .sjafe-details__summary:before {
    display: none !important
}

.sjafe-expander .sjafe-details__summary:hover .sjafe-details__summary-text {
    color: #7C2855
}

.sjafe-expander .sjafe-details__summary:focus {
    box-shadow: none
}

.sjafe-expander .sjafe-details__summary:focus .sjafe-details__summary-text {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.sjafe-expander .sjafe-details__summary:focus .sjafe-details__summary-text:before {
    background: var(--sja-yellow-primary) url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='40bbed'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat
}

.sjafe-expander .sjafe-details__summary-text {
    color: var(--sja-green-primary);
    cursor: pointer;
    display: inline-block;
    padding: 4px 4px 4px 38px;
    position: relative
}

.sjafe-expander .sjafe-details__summary-text:before {
    background: url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__plus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23134232'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M12 8v8M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat;
    content: '';
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    top: calc(50% - 16px);
    width: 32px
}

.sjafe-expander .sjafe-details__text {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    border-left: 0;
    margin-left: 0;
    margin-top: 0
}

@media (min-width: 40.0625em) {
    .sjafe-expander .sjafe-details__text {
        padding-bottom: 24px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-expander .sjafe-details__text {
        padding-left: 24px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-expander .sjafe-details__text {
        padding-right: 24px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-expander .sjafe-details__text {
        padding-top: 0
    }
}

.sjafe-expander[open] {
    border-bottom-width: 1px
}

.sjafe-expander[open] .sjafe-details__summary:focus:hover .sjafe-details__summary-text {
    text-decoration: none
}

.sjafe-expander[open] .sjafe-details__summary:focus .sjafe-details__summary-text::before {
    background: var(--sja-yellow-primary) url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='002f5c'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat
}

.sjafe-expander[open] .sjafe-details__summary-text::before {
    background: url("data:image/svg+xml,%3Csvg class='sjafe-icon sjafe-icon__minus' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' aria-hidden='true'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23134232'%3E%3C/circle%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M8 12h8'%3E%3C/path%3E%3C/svg%3E%0A") left -2px center no-repeat
}

.sjafe-expander-group {
    margin-bottom: 16px
}

.sjafe-expander-group > .sjafe-details {
    margin-bottom: 8px
}

@media (min-width: 40.0625em) {
    .sjafe-expander-group > .sjafe-details {
        margin-bottom: 8px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-expander-group {
        margin-bottom: 24px
    }
}

.sjafe-details + h2, .sjafe-details + .sjafe-heading-l {
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-details + h2, .sjafe-details + .sjafe-heading-l {
        padding-top: 24px
    }
}

.sjafe-do-dont-list {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 24px;
    background-color: #fff;
    color: #212b32;
    border: 1px solid #d8dde0;
    padding-top: 0 !important
}

.sjafe-do-dont-list > * :first-child {
    margin-top: 0
}

.sjafe-do-dont-list > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-do-dont-list {
        margin-bottom: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-do-dont-list {
        margin-top: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-do-dont-list {
        padding: 32px
    }
}

@media print {
    .sjafe-do-dont-list {
        border: 1px solid #212b32;
        page-break-inside: avoid
    }
}

.sjafe-do-dont-list__label {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    background-color: var(--sja-green-primary);
    color: #fff;
    display: inline-block;
    margin: 0 0 8px -33px;
    padding: 8px 32px;
    position: relative;
    top: -16px
}

@media (min-width: 40.0625em) {
    .sjafe-do-dont-list__label {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-do-dont-list__label {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (max-width: 40.0525em) {
    .sjafe-do-dont-list__label {
        margin-left: -25px;
        margin-right: 0;
        padding: 8px 24px;
        top: -8px
    }
}

@media print {
    .sjafe-do-dont-list__label {
        background: none;
        color: #212b32;
        top: 0
    }
}

@media print {
    .sjafe-do-dont-list__label {
        color: #212b32;
        fill: #212b32
    }

    .sjafe-do-dont-list__label:active, .sjafe-do-dont-list__label:focus, .sjafe-do-dont-list__label:visited {
        color: #212b32
    }
}

.sjafe-error-message {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: both;
    color: var(--sja-red-primary);
    display: block;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-error-message {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-error-message {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-error-summary {
    padding: 16px;
    margin-bottom: 48px;
    border: 4px solid var(--sja-red-primary)
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary {
        padding: 24px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary {
        margin-bottom: 56px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary {
        border: 4px solid var(--sja-red-primary)
    }
}

.sjafe-error-summary:focus {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px var(--sja-yellow-primary);
    outline: 4px solid transparent
}

.sjafe-error-summary__title {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary__title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-error-summary__title {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary__title {
        margin-bottom: 24px
    }
}

.sjafe-error-summary__body {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary__body {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-error-summary__body {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-error-summary__body p {
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-error-summary__body p {
        margin-bottom: 24px
    }
}

.sjafe-error-summary__list {
    margin-bottom: 0;
    margin-top: 0
}

.sjafe-error-summary__list a {
    font-weight: 600
}

.sjafe-error-summary__list a:link, .sjafe-error-summary__list a:visited, .sjafe-error-summary__list a:hover, .sjafe-error-summary__list a:active {
    color: var(--sja-red-primary)
}

.sjafe-error-summary__list a:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.sjafe-fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.sjafe-fieldset:after {
    clear: both;
    content: '';
    display: block
}

.sjafe-fieldset__legend {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    box-sizing: border-box;
    color: #212b32;
    display: table;
    margin-bottom: 8px;
    margin-top: 0;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

@media (min-width: 40.0625em) {
    .sjafe-fieldset__legend {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-fieldset__legend {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-fieldset__legend--xl {
    font-weight: 600;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-fieldset__legend--xl {
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.16667
    }
}

@media print {
    .sjafe-fieldset__legend--xl {
        font-size: 32pt;
        line-height: 1.15
    }
}

.sjafe-fieldset__legend--l {
    font-weight: 600;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-fieldset__legend--l {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.25
    }
}

@media print {
    .sjafe-fieldset__legend--l {
        font-size: 24pt;
        line-height: 1.05
    }
}

.sjafe-fieldset__legend--m {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-fieldset__legend--m {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-fieldset__legend--m {
        font-size: 18pt;
        line-height: 1.15
    }
}

.sjafe-fieldset__legend--s {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-fieldset__legend--s {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-fieldset__legend--s {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-fieldset__heading {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

.sjafe-footer {
    padding-bottom: 24px;
    padding-top: 24px;
    background-color: #d8dde0;
    border-top: 4px solid var(--sja-green-primary)
}

.sjafe-footer:after {
    clear: both;
    content: '';
    display: block
}

@media print {
    .sjafe-footer {
        display: none
    }
}

@media (min-width: 40.0625em) {
    .sjafe-footer {
        padding-bottom: 32px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-footer {
        padding-top: 32px
    }
}

.sjafe-footer__list {
    padding-bottom: 16px;
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

@media (min-width: 40.0625em) {
    .sjafe-footer__list {
        padding-bottom: 24px
    }
}

@media (min-width: 48.0625em) {
    .sjafe-footer__list {
        float: left;
        padding-bottom: 0;
        width: 75%
    }
}

.sjafe-footer__list-item {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429
}

@media (min-width: 40.0625em) {
    .sjafe-footer__list-item {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-footer__list-item {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (min-width: 48.0625em) {
    .sjafe-footer__list-item {
        float: left;
        margin-right: 32px
    }
}

.sjafe-footer__list-item-link {
    color: #4c6272
}

.sjafe-footer__list-item-link:visited {
    color: #4c6272
}

.sjafe-footer__list-item-link:hover {
    color: #212b32
}

.sjafe-footer__copyright {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    color: #4c6272;
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-footer__copyright {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-footer__copyright {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (min-width: 48.0625em) {
    .sjafe-footer__copyright {
        float: right;
        text-align: right;
        width: 25%
    }
}

.sjafe-header {
    background-color: var(--sja-green-primary);
}

.sjafe-header:after {
    clear: both;
    content: '';
    display: block
}

.sjafe-header__container {
    padding: 20px 0
}

.sjafe-header__container:after {
    clear: both;
    content: '';
    display: block
}

@media (max-width: 40.0525em) {
    .sjafe-header__container {
        margin: 0;
        padding: 16px
    }
}

.sjafe-header__logo {
    float: left
}

@media (max-width: 40.0525em) {
    .sjafe-header__logo {
        position: relative;
        z-index: 1
    }
}

.sjafe-header__logo .sjafe-logo__background {
    fill: #fff
}

@media print {
    .sjafe-header__logo .sjafe-logo__background {
        fill: var(--sja-green-primary)
    }
}

.sjafe-header__logo .sjafe-logo__text {
    fill: var(--sja-green-primary)
}

@media print {
    .sjafe-header__logo .sjafe-logo__text {
        fill: #fff
    }
}

@media (min-width: 40.0625em) {
    .sjafe-header__logo {
        padding-left: 0
    }
}

.sjafe-header__logo .sjafe-logo {
    height: 40px;
    width: 100px;
    border: 0
}

@media (max-width: 48.0525em) {
    .sjafe-header__logo {
        max-width: 60%
    }
}

@media (max-width: 450px) {
    .sjafe-header__logo {
        max-width: 50%
    }
}

.sjafe-header__link {
    height: 40px;
    width: 100px;
    display: block
}

.sjafe-header__link:hover .sjafe-logo {
    box-shadow: 0 0 0 4px #003d78
}

.sjafe-header__link:focus {
    box-shadow: none
}

.sjafe-header__link:focus .sjafe-logo {
    box-shadow: 0 0 0 4px var(--sja-yellow-primary), 0 4px 0 4px #212b32
}

@media print {
    .sjafe-header__link:after {
        content: ''
    }
}

.sjafe-header__link:hover, .sjafe-header__link:active, .sjafe-header__link:focus {
    background-color: transparent
}

.sjafe-header__logo--only {
    max-width: 100%
}

@media (max-width: 40.0525em) {
    .sjafe-header__logo--only {
        padding-bottom: 16px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-header__logo--only .sjafe-header__link--service {
        align-items: center;
        display: flex;
        -ms-flex-align: center;
        margin-bottom: 0;
        width: auto
    }

    .sjafe-header__logo--only .sjafe-header__service-name {
        padding-left: 16px
    }
}

.sjafe-header__content {
    position: relative
}

.sjafe-header__content:after {
    clear: both;
    content: '';
    display: block
}

@media print {
    .sjafe-header__content {
        display: none
    }
}

.sjafe-header__content.js-show {
    border-bottom: 4px solid #f0f4f5
}

@media (min-width: 40.0625em) {
    .sjafe-header__content {
        float: right
    }

    .sjafe-header__content.js-show {
        border-bottom: 0
    }
}

.sjafe-header__search {
    position: relative;
    text-align: right
}

.sjafe-header__search:after {
    clear: both;
    content: '';
    display: block
}

@media (min-width: 40.0625em) {
    .sjafe-header__search {
        float: left;
        margin-left: 8px
    }
}

.sjafe-header__search-toggle {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    min-height: 40px;
    padding: 4px 8px 0;
    position: absolute;
    right: 0;
    top: 0
}

.sjafe-header__search-toggle::-moz-focus-inner {
    border: 0
}

.sjafe-header__search-toggle:hover {
    background-color: #003d78;
    border-color: #f0f4f5;
    box-shadow: none
}

.sjafe-header__search-toggle:focus {
    border: 1px solid var(--sja-yellow-primary) !important
}

.sjafe-header__search-toggle:active, .sjafe-header__search-toggle.is-active {
    background-color: #002f5c;
    border-color: #f0f4f5;
    color: #f0f4f5
}

.sjafe-header__search-toggle .sjafe-icon__search {
    fill: #fff;
    height: 21px;
    width: 21px
}

.sjafe-header__search-toggle:focus {
    background-color: var(--sja-yellow-primary);
    border: 0;
    box-shadow: 0 4px 0 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
    box-shadow: 0 0 0 2px var(--sja-yellow-primary), 0 4px 0 2px #212b32
}

.sjafe-header__search-toggle:focus .sjafe-icon {
    fill: #212b32
}

@media (min-width: 40.0625em) {
    .sjafe-header__search-toggle {
        display: none
    }
}

.sjafe-header__search-form {
    padding: 0 !important;
    margin: 0 !important;
}

@media (max-width: 40.0525em) {
    .sjafe-header__search-form {
        background-color: #fff;
        display: flex;
        padding: 16px;
        padding-bottom: 0px !important;
        width: 100%
    }
}

@media (max-width: 40.0525em) {
    .sjafe-header__search-wrap {
        display: none
    }

    .sjafe-header__search-wrap.js-show {
        clear: both;
        display: flex;
        margin-bottom: -20px;
        margin-left: -16px;
        margin-right: -16px;
        padding-top: 16px;
        text-align: left
    }
}

@media (min-width: 40.0625em) {
    .sjafe-header__search-wrap {
        display: block;
        line-height: 0
    }
}

.sjafe-search__input {
    -webkit-appearance: listbox;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    padding: 0 16px
}

.sjafe-search__input:focus {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px var(--sja-yellow-primary);
    outline: 4px solid transparent;
    outline-offset: 4px;
    padding: 0 9px
}

.sjafe-search__input::placeholder {
    color: #4c6272;
    font-size: 16px
}

.sjafe-search__input:-ms-input-placeholder {
    color: #4c6272;
    font-size: 16px
}

.sjafe-search__input::-webkit-input-placeholder {
    color: #4c6272;
    font-size: 16px
}

@media (max-width: 40.0525em) {
    .sjafe-search__input {
        border-bottom: 1px solid #aeb7bd;
        border-left: 1px solid #aeb7bd;
        border-right: 0;
        border-top: 1px solid #aeb7bd;
        flex-grow: 2;
        -ms-flex-positive: 2;
        font-size: inherit;
        height: 52px;
        margin: 0;
        outline: none;
        width: 100%;
        z-index: 1
    }
}

@media (min-width: 40.0625em) {
    .sjafe-search__input {
        border: 1px solid #fff;
        font-size: 16px;
        height: 40px;
        width: 200px
    }
}

@media (min-width: 48.0625em) {
    .sjafe-search__input {
        width: 235px
    }
}

.sjafe-search__submit {
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    float: right;
    font-size: inherit;
    line-height: inherit;
    outline: none;
    padding: 0
}

.sjafe-search__submit::-moz-focus-inner {
    border: 0
}

.sjafe-search__submit:hover {
    cursor: pointer
}

@media (max-width: 40.0525em) {
    .sjafe-search__submit {
        background-color: var(--sja-green-secondary);
        height: 52px;
        margin: 0;
        padding: 8px 8px 0
    }

    .sjafe-search__submit .sjafe-icon__search {
        fill: #fff;
        height: 38px;
        width: 38px
    }

    .sjafe-search__submit:hover {
        filter: brightness(85%);
    }

    .sjafe-search__submit:focus {
        background-color: var(--sja-yellow-primary);
        box-shadow: 0 -4px var(--sja-yellow-primary), 0 4px #212b32;
        outline: 4px solid transparent;
        outline-offset: 4px
    }

    .sjafe-search__submit:focus:hover {
        background-color: var(--sja-yellow-primary)
    }

    .sjafe-search__submit:focus:hover .sjafe-icon {
        fill: #212b32
    }

    .sjafe-search__submit:focus .sjafe-icon {
        fill: #212b32
    }
}

@media (min-width: 40.0625em) {
    .sjafe-search__submit {
        background-color: #f0f4f5;
        display: block;
        height: 40px;
        width: 44px
    }

    .sjafe-search__submit .sjafe-icon__search {
        height: 27px;
        width: 27px
    }

    .sjafe-search__submit:hover {
        background-color: #003d78;
        border: 1px solid #fff
    }

    .sjafe-search__submit:hover .sjafe-icon__search {
        fill: #fff
    }

    .sjafe-search__submit:focus {
        background-color: var(--sja-yellow-primary);
        border: 0;
        box-shadow: 0 4px 0 0 #212b32;
        color: #212b32;
        outline: 4px solid transparent;
        outline-offset: 4px;
        box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32
    }

    .sjafe-search__submit:focus .sjafe-icon {
        fill: #212b32
    }

    .sjafe-search__submit:active {
        background-color: #002f5c;
        border: 0
    }

    .sjafe-search__submit:active .sjafe-icon__search {
        fill: #fff
    }
}

@media (max-width: 40.0525em) {
    .sjafe-search__close {
        background-color: transparent;
        border: 0;
        cursor: pointer;
        height: 40px;
        padding: 0;
        width: 40px;
        margin-left: 8px;
        margin-right: -8px;
        margin-top: 8px
    }

    .sjafe-search__close .sjafe-icon__close {
        fill: var(--sja-green-primary);
        height: 40px;
        width: 40px
    }

    .sjafe-search__close::-moz-focus-inner {
        border: 0
    }

    .sjafe-search__close:hover .sjafe-icon__close {
        fill: #3d4e5b
    }

    .sjafe-search__close:focus {
        background-color: var(--sja-yellow-primary);
        box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
        color: #212b32;
        outline: 4px solid transparent;
        text-decoration: none
    }

    .sjafe-search__close:focus .sjafe-icon__close {
        fill: #212b32
    }
}

@media (min-width: 40.0625em) {
    .sjafe-search__close {
        display: none
    }
}

.sjafe-search__input--withdropdown {
    border-bottom-left-radius: 0
}

.sjafe-search__submit--withdropdown {
    border-bottom-right-radius: 0
}

.sjafe-header__menu {
    float: right
}

@media (min-width: 40.0625em) {
    .sjafe-header__menu {
        float: left
    }
}

.sjafe-header__menu-toggle {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 0;
    padding: 7px 16px;
    position: relative;
    text-decoration: none;
    z-index: 1
}

.sjafe-header__menu-toggle::-moz-focus-inner {
    border: 0
}

.sjafe-header__menu-toggle:hover {
    background-color: #003d78;
    border-color: #f0f4f5;
    box-shadow: none
}

.sjafe-header__menu-toggle:focus {
    border: 1px solid var(--sja-yellow-primary) !important
}

.sjafe-header__menu-toggle:active, .sjafe-header__menu-toggle.is-active {
    background-color: #002f5c;
    border-color: #f0f4f5;
    color: #f0f4f5
}

@media (max-width: 40.0525em) {
    .sjafe-header__menu-toggle {
        right: 48px
    }
}

@media (min-width: 40.0625em) and(max-width: 61.865em) {
    .sjafe-header__menu-toggle {
        margin-top: 0
    }
}

@media (min-width: 61.875em) {
    .sjafe-header__menu-toggle {
        display: none
    }
}

.sjafe-header__menu-toggle:focus {
    background-color: var(--sja-yellow-primary);
    border: 0;
    box-shadow: 0 4px 0 0 #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
    box-shadow: 0 0 0 2px var(--sja-yellow-primary), 0 4px 0 2px #212b32
}

.sjafe-header__menu-toggle:focus .sjafe-icon {
    fill: #212b32
}

@media (max-width: 40.0525em) {
    .sjafe-header__menu--only .sjafe-header__menu-toggle {
        position: relative;
        right: auto;
        top: auto
    }
}

.sjafe-header__navigation {
    background-color: #fff;
    clear: both;
    display: none;
    overflow: hidden
}

@media print {
    .sjafe-header__navigation {
        display: none
    }
}

.sjafe-header__navigation.js-show {
    display: block
}

@media (max-width: 61.865em) {
    .sjafe-header__navigation.js-show {
        border-bottom: 4px solid #f0f4f5;
        border-top: 4px solid #f0f4f5
    }

    .sjafe-header__navigation.js-show .sjafe-width-container {
        margin: 0 16px
    }
}

@media (max-width: 48.0525em) {
    .sjafe-header__navigation.js-show .sjafe-width-container {
        margin: 0
    }
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation {
        background-color: var(--sja-green-primary);
        display: block;
        margin: 0 auto;
        max-width: 1024px
    }
}

.sjafe-header__navigation-title {
    font-weight: 600;
    margin-bottom: 0;
    padding: 16px;
    position: relative
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-title {
        display: none
    }
}

.sjafe-header__navigation-close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    height: 40px;
    padding: 0;
    width: 40px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 8px;
    white-space: nowrap
}

.sjafe-header__navigation-close .sjafe-icon__close {
    fill: var(--sja-green-primary);
    height: 40px;
    width: 40px
}

.sjafe-header__navigation-close::-moz-focus-inner {
    border: 0
}

.sjafe-header__navigation-close:hover .sjafe-icon__close {
    fill: #3d4e5b
}

.sjafe-header__navigation-close:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.sjafe-header__navigation-close:focus .sjafe-icon__close {
    fill: #212b32
}

.sjafe-header__navigation-list {
    list-style: none;
    margin: 0;
    padding-left: 0
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-list {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        display: flex;
        justify-content: space-between;
        padding: 0;
        width: 100%
    }
}

.sjafe-header__navigation-item {
    border-top: 1px solid #f0f4f5;
    margin-bottom: 0;
    position: relative
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-item {
        border-top: 0;
        margin: 0;
        text-align: center
    }

    .sjafe-header__navigation-item .sjafe-icon__chevron-right {
        display: none
    }
}

.sjafe-header__navigation-link {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    color: var(--sja-green-primary);
    display: block;
    padding: 12px 16px;
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .sjafe-header__navigation-link {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-header__navigation-link {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-link {
        color: #fff;
        line-height: normal
    }
}

.sjafe-header__navigation-link .sjafe-icon__chevron-right {
    fill: #aeb7bd;
    position: absolute;
    right: 4px;
    top: 11px
}

.sjafe-header__navigation-link:visited {
    color: var(--sja-green-primary)
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-link:visited {
        color: #fff
    }
}

.sjafe-header__navigation-link:hover {
    box-shadow: none;
    color: var(--sja-green-primary);
    text-decoration: underline
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-link:hover {
        color: #fff
    }
}

.sjafe-header__navigation-link:hover .sjafe-icon__chevron-right {
    fill: var(--sja-green-primary)
}

.sjafe-header__navigation-link:active, .sjafe-header__navigation-link:focus {
    background-color: var(--sja-yellow-primary);
    border-bottom: 4px solid #212b32;
    box-shadow: none;
    color: #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
    text-decoration: none
}

.sjafe-header__navigation-link:active:hover, .sjafe-header__navigation-link:focus:hover {
    background-color: var(--sja-yellow-primary);
    color: #212b32
}

.sjafe-header__navigation-link:active:hover .sjafe-icon__chevron-right, .sjafe-header__navigation-link:focus:hover .sjafe-icon__chevron-right {
    fill: #212b32
}

.sjafe-header__navigation-link:active:visited, .sjafe-header__navigation-link:focus:visited {
    background-color: var(--sja-yellow-primary);
    color: #212b32
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-item--for-mobile {
        display: none
    }
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-list--small {
        justify-content: flex-start
    }
}

.sjafe-header__transactional-service-name {
    float: left;
    padding-left: 16px;
    padding-top: 3px
}

@media (max-width: 61.865em) {
    .sjafe-header__transactional-service-name {
        padding-left: 0;
        padding-top: 8px;
        width: 100%
    }
}

.sjafe-header__transactional-service-name--link {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: none
}

.sjafe-header__transactional-service-name--link:visited {
    color: #fff
}

.sjafe-header__transactional-service-name--link:hover {
    color: #fff;
    text-decoration: none
}

.sjafe-header__transactional-service-name--link:focus {
    color: #212b32;
    outline: 4px solid transparent;
    outline-offset: 4px;
    text-decoration: none
}

.sjafe-header__transactional-service-name--link:active {
    color: #002f5c
}

@media (min-width: 40.0625em) {
    .sjafe-header__transactional-service-name--link {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-header__transactional-service-name--link {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-header__transactional-service-name--link:hover {
    text-decoration: underline
}

.sjafe-header--transactional .sjafe-header__link {
    height: 32px;
    width: 80px;
    display: block
}

.sjafe-header--transactional .sjafe-logo {
    height: 32px;
    width: 80px
}

.sjafe-header--transactional .sjafe-header__transactional-service-name {
    float: left
}

.sjafe-header__link--service {
    height: auto;
    margin-bottom: -4px;
    text-decoration: none;
    width: auto
}

@media (min-width: 61.875em) {
    .sjafe-header__link--service {
        align-items: center;
        display: flex;
        -ms-flex-align: center;
        margin-bottom: 0;
        width: auto
    }
}

.sjafe-header__link--service:hover {
    background: none
}

.sjafe-header__link--service:hover .sjafe-header__service-name {
    text-decoration: underline
}

.sjafe-header__link--service:focus {
    background: var(--sja-yellow-primary);
    box-shadow: 0 0 0 4px var(--sja-yellow-primary), 0 4px 0 4px #212b32
}

.sjafe-header__link--service:focus .sjafe-header__service-name {
    color: #212b32;
    text-decoration: none
}

.sjafe-header__link--service:focus .sjafe-logo {
    box-shadow: none
}

.sjafe-header__service-name {
    font-family: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    display: block;
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 40.0625em) {
    .sjafe-header__service-name {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-header__service-name {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 61.875em) {
    .sjafe-header__service-name {
        padding-left: 16px
    }
}

@media (max-width: 61.865em) {
    .sjafe-header__service-name {
        max-width: 220px
    }
}

.sjafe-header__logo--only {
    max-width: 100%
}

@media (min-width: 40.0625em) {
    .sjafe-header__logo--only .sjafe-header__link--service {
        align-items: center;
        display: flex;
        -ms-flex-align: center;
        margin-bottom: 0;
        width: auto
    }

    .sjafe-header__logo--only .sjafe-header__service-name {
        padding-left: 16px
    }
}

.sjafe-header--organisation .sjafe-header__link {
    height: auto;
    text-decoration: none;
    width: auto
}

.sjafe-header--organisation .sjafe-header__link:hover {
    color: #fff;
    text-decoration: underline
}

.sjafe-header--organisation .sjafe-header__link:hover .sjafe-logo {
    box-shadow: none
}

.sjafe-header--organisation .sjafe-header__link:focus {
    background: var(--sja-yellow-primary);
    box-shadow: 0 0 0 4px var(--sja-yellow-primary), 0 4px 0 4px #212b32
}

.sjafe-header--organisation .sjafe-header__link:focus .sjafe-organisation-name, .sjafe-header--organisation .sjafe-header__link:focus .sjafe-organisation-descriptor {
    color: #212b32
}

.sjafe-header--organisation .sjafe-header__link:focus .sjafe-logo {
    box-shadow: none
}

.sjafe-header--organisation .sjafe-header__link:focus:hover {
    text-decoration: none
}

.sjafe-header--organisation .sjafe-header__logo .sjafe-logo {
    height: 32px;
    width: 80px
}

@media (max-width: 450px) {
    .sjafe-header--organisation .sjafe-header__logo .sjafe-logo {
        height: 24px;
        width: 60px
    }
}

@media (max-width: 375px) {
    .sjafe-header--organisation .sjafe-header__logo .sjafe-logo {
        height: 20px;
        width: 50px
    }
}

.sjafe-header--organisation .sjafe-header__navigation {
    max-width: 100%
}

.sjafe-organisation-name {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: .2px;
    line-height: 23px;
    margin-top: -2px
}

@media print {
    .sjafe-organisation-name {
        color: #212b32
    }
}

@media (max-width: 450px) {
    .sjafe-organisation-name {
        font-size: 17px;
        letter-spacing: .1px;
        line-height: 17px
    }
}

@media (max-width: 375px) {
    .sjafe-organisation-name {
        font-size: 13px;
        line-height: 13px
    }
}

.sjafe-organisation-name .sjafe-organisation-name-split {
    display: block
}

.sjafe-organisation-descriptor {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    line-height: 21px
}

@media print {
    .sjafe-organisation-descriptor {
        color: var(--sja-green-primary)
    }
}

@media (max-width: 450px) {
    .sjafe-organisation-descriptor {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 375px) {
    .sjafe-organisation-descriptor {
        font-size: 10px;
        line-height: 13px
    }
}

.sjafe-org-logo {
    border: 0;
    max-height: 100px;
    max-width: 280px
}

@media (max-width: 450px) {
    .sjafe-org-logo {
        max-width: 150px
    }
}

.sjafe-org-logo[src$='.svg'] {
    height: auto;
    max-width: 220px;
    width: 100%
}

.sjafe-header--white {
    background-color: #fff
}

.sjafe-header--white .sjafe-logo .sjafe-logo__background {
    fill: var(--sja-green-primary)
}

.sjafe-header--white .sjafe-logo .sjafe-logo__text {
    fill: #fff
}

.sjafe-header--white .sjafe-header__link:hover {
    color: #212b32;
    text-decoration: underline
}

.sjafe-header--white .sjafe-header__link:hover .sjafe-organisation-descriptor {
    color: #212b32
}

.sjafe-header--white .sjafe-search__submit {
    background-color: var(--sja-green-primary)
}

.sjafe-header--white .sjafe-search__submit .sjafe-icon__search {
    fill: #fff
}

.sjafe-header--white .sjafe-search__submit:hover {
    background-color: #004b93;
    border-color: #004b93
}

.sjafe-header--white .sjafe-search__submit:focus {
    background-color: var(--sja-yellow-primary)
}

.sjafe-header--white .sjafe-search__submit:focus .sjafe-icon__search {
    fill: #212b32
}

.sjafe-header--white .sjafe-search__input {
    border: 1px solid #aeb7bd
}

.sjafe-header--white .sjafe-search__input:focus {
    border: 2px solid #212b32
}

@media (max-width: 40.0525em) {
    .sjafe-header--white .sjafe-search__input:focus {
        border: 4px solid #212b32
    }
}

.sjafe-header--white .sjafe-header__search-toggle, .sjafe-header--white .sjafe-header__menu-toggle {
    border-color: var(--sja-green-primary);
    color: var(--sja-green-primary)
}

.sjafe-header--white .sjafe-header__search-toggle .sjafe-icon, .sjafe-header--white .sjafe-header__menu-toggle .sjafe-icon {
    fill: var(--sja-green-primary)
}

.sjafe-header--white .sjafe-header__search-toggle.is-active, .sjafe-header--white .sjafe-header__search-toggle:hover, .sjafe-header--white .sjafe-header__menu-toggle.is-active, .sjafe-header--white .sjafe-header__menu-toggle:hover {
    border-color: #004b93;
    color: #fff
}

.sjafe-header--white .sjafe-header__search-toggle.is-active .sjafe-icon, .sjafe-header--white .sjafe-header__search-toggle:hover .sjafe-icon, .sjafe-header--white .sjafe-header__menu-toggle.is-active .sjafe-icon, .sjafe-header--white .sjafe-header__menu-toggle:hover .sjafe-icon {
    fill: #fff
}

.sjafe-header--white .sjafe-header__search-toggle:focus, .sjafe-header--white .sjafe-header__menu-toggle:focus {
    color: #212b32
}

.sjafe-header--white .sjafe-header__search-toggle:focus .sjafe-icon, .sjafe-header--white .sjafe-header__menu-toggle:focus .sjafe-icon {
    fill: #212b32
}

@media (max-width: 40.0525em) {
    .sjafe-header--white .sjafe-header__search-form {
        padding-top: 0
    }
}

.sjafe-header--white .sjafe-organisation-name {
    color: #000
}

.sjafe-header--white .sjafe-organisation-descriptor {
    color: var(--sja-green-primary)
}

.sjafe-header--white .sjafe-header__transactional-service-name--link {
    color: #212b32
}

.sjafe-header--white .sjafe-header__navigation-list {
    border-top: 0
}

.sjafe-header--white .sjafe-header__service-name {
    color: #212b32
}

.sjafe-header--white-nav .sjafe-header__navigation {
    background-color: #fff
}

.sjafe-header--white-nav .sjafe-header__navigation .sjafe-header__navigation-list {
    border-top: 1px solid #f0f4f5
}

.sjafe-header--white-nav .sjafe-header__navigation .sjafe-header__navigation-link {
    color: var(--sja-green-primary)
}

.sjafe-header--white-nav .sjafe-header__navigation .sjafe-header__navigation-link:visited {
    color: var(--sja-green-primary)
}

.sjafe-header--white-nav .sjafe-header__navigation .sjafe-header__navigation-link:focus {
    color: #212b32
}

.sjafe-header--white-nav .sjafe-header__navigation .sjafe-header__navigation-link:focus:hover {
    background: var(--sja-yellow-primary)
}

.sjafe-hero {
    background-color: var(--sja-green-primary);
    color: #fff;
    position: relative
}

@media print {
    .sjafe-hero {
        color: #212b32;
        fill: #212b32
    }

    .sjafe-hero:active, .sjafe-hero:focus, .sjafe-hero:visited {
        color: #212b32
    }
}

.sjafe-hero .sjafe-hero--border {
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.sjafe-hero__wrapper {
    padding-top: 48px;
    padding-bottom: 48px
}

@media (min-width: 40.0625em) {
    .sjafe-hero__wrapper {
        padding-top: 56px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-hero__wrapper {
        padding-bottom: 56px
    }
}

.sjafe-hero--image {
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen {
    .sjafe-hero--image {
        min-height: 200px
    }
}

@media only screen and (min-width: 40.0625em) {
    .sjafe-hero--image {
        min-height: 320px
    }

    .sjafe-hero--image .sjafe-hero__overlay {
        height: 320px
    }
}

@media screen and (-ms-high-contrast: active) {
    .sjafe-hero--image {
        min-height: 0
    }
}

.sjafe-hero--image .sjafe-hero__overlay {
    background-color: rgba(0, 47, 92, 0.1)
}

@media only screen {
    .sjafe-hero--image .sjafe-hero__overlay {
        min-height: 200px
    }
}

@media screen and (-ms-high-contrast: active) {
    .sjafe-hero--image .sjafe-hero__overlay {
        height: auto;
        min-height: 0
    }
}

.sjafe-hero--image-description .sjafe-hero-content {
    background-color: var(--sja-green-primary);
    color: #fff;
    margin-bottom: 24px;
    padding: 24px;
    position: relative;
    top: 70px
}

.sjafe-hero--image-description .sjafe-hero-content .sjafe-hero__arrow {
    bottom: -10px;
    display: block;
    height: 20px;
    left: 32px;
    overflow: hidden;
    position: absolute;
    transform: rotate(45deg);
    width: 20px
}

@media print {
    .sjafe-hero--image-description .sjafe-hero-content .sjafe-hero__arrow {
        display: none
    }
}

@media (min-width: 40.0625em) {
    .sjafe-hero--image-description .sjafe-hero-content .sjafe-hero__arrow {
        left: 46px
    }
}

.sjafe-hero--image-description .sjafe-hero-content .sjafe-hero__arrow:before, .sjafe-hero--image-description .sjafe-hero-content .sjafe-hero__arrow:after {
    border: solid 32px var(--sja-green-primary);
    content: '';
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    width: 0
}

@media screen and (-ms-high-contrast: active) {
    .sjafe-hero--image-description .sjafe-hero-content .sjafe-hero__arrow {
        display: none
    }
}

@media (min-width: 23.4375em) {
    .sjafe-hero--image-description .sjafe-hero-content {
        width: 85%
    }
}

@media (min-width: 40.0625em) {
    .sjafe-hero--image-description .sjafe-hero-content {
        bottom: -48px;
        margin-bottom: 0;
        max-width: 35em;
        padding: 32px 40px;
        position: absolute;
        top: auto
    }

    .sjafe-hero--image-description .sjafe-hero-content > * :first-child {
        margin-top: 0
    }

    .sjafe-hero--image-description .sjafe-hero-content > * :last-child {
        margin-bottom: 0
    }
}

@media print {
    .sjafe-hero--image-description .sjafe-hero-content {
        color: #212b32;
        max-width: 100%;
        padding: 0
    }
}

@media screen and (-ms-high-contrast: active) {
    .sjafe-hero--image-description .sjafe-hero-content {
        bottom: 0;
        margin-bottom: 0;
        min-height: 0;
        padding: 32px 0 0;
        position: relative;
        top: 0
    }
}

.sjafe-hint {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #4c6272;
    display: block;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-hint {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-hint {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-label:not(.sjafe-label--m):not(.sjafe-label--l):not(.sjafe-label--xl) + .sjafe-hint {
    margin-bottom: 8px
}

.sjafe-fieldset__legend:not(.sjafe-fieldset__legend--m):not(.sjafe-fieldset__legend--l):not(.sjafe-fieldset__legend--xl) + .sjafe-hint {
    margin-bottom: 8px
}

.sjafe-fieldset__legend + .sjafe-hint {
    margin-top: -4px
}

.sjafe-image {
    background-color: #fff;
    border-bottom: 1px solid #d8dde0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 32px;
    margin-top: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-image {
        margin-bottom: 40px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-image {
        margin-top: 40px
    }
}

@media (min-width: 48.0625em) {
    .sjafe-image {
        width: 66.66667%
    }
}

@media print {
    .sjafe-image {
        width: 50%
    }
}

.sjafe-image + .sjafe-image {
    margin-top: 0
}

@media (min-width: 40.0625em) {
    .sjafe-image + .sjafe-image {
        margin-top: 0
    }
}

.sjafe-image__img {
    display: block;
    width: 100%
}

.sjafe-image__caption {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    padding: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-image__caption {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-image__caption {
        font-size: 14pt;
        line-height: 1.2
    }
}

.sjafe-input {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #4c6272;
    border-radius: 0;
    box-sizing: border-box;
    height: 40px;
    margin-top: 0;
    padding: 4px;
    width: 100%
}

@media (min-width: 40.0625em) {
    .sjafe-input {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-input {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-input:focus {
    border: 2px solid #212b32;
    box-shadow: inset 0 0 0 2px;
    outline: 4px solid var(--sja-yellow-primary);
    outline-offset: 0
}

.sjafe-input::-webkit-outer-spin-button, .sjafe-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.sjafe-input[type="number"] {
    -moz-appearance: textfield
}

.sjafe-input--error {
    border: 4px solid var(--sja-red-primary)
}

.sjafe-input--width-30 {
    max-width: 59ex
}

.sjafe-input--width-20 {
    max-width: 41ex
}

.sjafe-input--width-10 {
    max-width: 23ex
}

.sjafe-input--width-5 {
    max-width: 10.8ex
}

.sjafe-input--width-4 {
    max-width: 9ex
}

.sjafe-input--width-3 {
    max-width: 7.2ex
}

.sjafe-input--width-2 {
    max-width: 5.4ex
}

.sjafe-input__wrapper {
    display: flex
}

@media (max-width: 19.99em) {
    .sjafe-input__wrapper {
        display: block
    }
}

.sjafe-input__prefix, .sjafe-input__suffix {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #d8dde0;
    border: 2px solid #4c6272;
    box-sizing: border-box;
    cursor: default;
    display: inline-block;
    flex: 0 0 auto;
    height: 40px;
    min-width: 2.5rem;
    padding: 4px;
    text-align: center;
    white-space: nowrap
}

@media (min-width: 40.0625em) {
    .sjafe-input__prefix, .sjafe-input__suffix {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-input__prefix, .sjafe-input__suffix {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (max-width: 19.99em) {
    .sjafe-input__prefix, .sjafe-input__suffix {
        max-width: 9.1ex;
        display: block;
        height: 100%;
        white-space: normal
    }
}

@media (max-width: 40.0525em) {
    .sjafe-input__prefix, .sjafe-input__suffix {
        line-height: 1.6;
        font-size: 1.1875rem
    }
}

@media (max-width: 19.99em) {
    .sjafe-input__prefix {
        border-bottom: 0
    }
}

@media (min-width: 20em) {
    .sjafe-input__prefix {
        border-right: 0
    }
}

@media (max-width: 19.99em) {
    .sjafe-input__suffix {
        border-top: 0
    }
}

@media (min-width: 20em) {
    .sjafe-input__suffix {
        border-left: 0
    }
}

.sjafe-inset-text {
    max-width: 44em;
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 16px;
    border-left: 8px solid var(--sja-green-primary)
}

.sjafe-inset-text > * :first-child {
    margin-top: 0
}

.sjafe-inset-text > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-inset-text {
        margin-bottom: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-inset-text {
        margin-top: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-inset-text {
        padding: 24px
    }
}

@media print {
    .sjafe-inset-text {
        border-color: #212b32
    }
}

.sjafe-label {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    margin-bottom: 4px
}

@media (min-width: 40.0625em) {
    .sjafe-label {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-label {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-label--xl {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.25;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-label--xl {
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.16667
    }
}

@media print {
    .sjafe-label--xl {
        font-size: 32pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-label--xl {
        margin-bottom: 48px
    }
}

.sjafe-label--l {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.33333;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-label--l {
        font-size: 32px;
        font-size: 2rem;
        line-height: 1.25
    }
}

@media print {
    .sjafe-label--l {
        font-size: 24pt;
        line-height: 1.05
    }
}

@media (min-width: 40.0625em) {
    .sjafe-label--l {
        margin-bottom: 24px
    }
}

.sjafe-label--m {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-label--m {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-label--m {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-label--m {
        margin-bottom: 24px
    }
}

.sjafe-label--s {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    display: block;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-label--s {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-label--s {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-label--s {
        margin-bottom: 24px
    }
}

.sjafe-label-wrapper {
    margin: 0
}

.sjafe-pagination {
    margin-top: 40px;
    margin-bottom: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-pagination {
        margin-top: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-pagination {
        margin-bottom: 48px
    }
}

.sjafe-pagination__list:after {
    clear: both;
    content: '';
    display: block
}

.sjafe-pagination-item--previous {
    float: left;
    text-align: left;
    width: 50%
}

.sjafe-pagination-item--previous .sjafe-icon {
    left: -6px
}

.sjafe-pagination-item--previous .sjafe-pagination__title {
    padding-left: 32px
}

.sjafe-pagination-item--next {
    float: right;
    text-align: right;
    width: 50%
}

.sjafe-pagination-item--next .sjafe-icon {
    right: -6px
}

.sjafe-pagination-item--next .sjafe-pagination__title {
    padding-right: 32px
}

.sjafe-pagination__link {
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media print {
    .sjafe-pagination__link {
        color: #212b32
    }
}

.sjafe-pagination__link .sjafe-icon {
    position: absolute;
    top: -2px
}

@media print {
    .sjafe-pagination__link .sjafe-icon {
        color: #212b32;
        margin-top: 0
    }
}

.sjafe-pagination__link:hover {
    color: #7C2855
}

.sjafe-pagination__link:hover .sjafe-icon {
    fill: #7C2855
}

.sjafe-pagination__link:hover .sjafe-pagination__page {
    text-decoration: none
}

.sjafe-pagination__link:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.sjafe-pagination__link:focus .sjafe-pagination__page {
    text-decoration: none
}

.sjafe-pagination__link:focus:visited .sjafe-icon, .sjafe-pagination__link:focus:hover .sjafe-icon, .sjafe-pagination__link:focus:active .sjafe-icon {
    fill: #212b32
}

.sjafe-pagination__link:visited .sjafe-icon {
    fill: #330072
}

.sjafe-pagination__link:visited:hover .sjafe-icon {
    fill: #7C2855
}

.sjafe-pagination__link:visited:focus .sjafe-icon {
    fill: #212b32
}

.sjafe-pagination__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    display: block
}

@media (min-width: 40.0625em) {
    .sjafe-pagination__title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-pagination__title {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media print {
    .sjafe-pagination__title:after {
        content: ' page'
    }
}

.sjafe-pagination__page {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    display: block;
    text-decoration: underline
}

@media (min-width: 40.0625em) {
    .sjafe-pagination__page {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-pagination__page {
        font-size: 14pt;
        line-height: 1.2
    }
}

.sjafe-radios__item {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    clear: left;
    display: block;
    margin-bottom: 8px;
    min-height: 40px;
    padding: 0 0 0 40px;
    position: relative
}

@media (min-width: 40.0625em) {
    .sjafe-radios__item {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-radios__item {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-radios__item:last-child, .sjafe-radios__item:last-of-type {
    margin-bottom: 0
}

.sjafe-radios__input {
    cursor: pointer;
    height: 40px;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 1
}

.sjafe-radios__label {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    padding: 8px 12px 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

.sjafe-radios__hint {
    display: block;
    padding-left: 12px;
    padding-right: 12px
}

.sjafe-radios__input + .sjafe-radios__label::before {
    background: #fff;
    border: 2px solid #4c6272;
    border-radius: 50%;
    box-sizing: border-box;
    content: '';
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px
}

.sjafe-radios__input + .sjafe-radios__label::after {
    background: #4c6272;
    border: 10px solid #212b32;
    border-radius: 50%;
    content: '';
    height: 0;
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px;
    width: 0
}

.sjafe-radios__input:focus + .sjafe-radios__label::before {
    border: 4px solid #212b32;
    box-shadow: 0 0 0 4px var(--sja-yellow-primary)
}

.sjafe-radios__input:checked + .sjafe-radios__label::after {
    opacity: 1
}

.sjafe-radios__input:disabled, .sjafe-radios__input:disabled + .sjafe-radios__label {
    cursor: default
}

.sjafe-radios__input:disabled + .sjafe-radios__label {
    opacity: .5
}

@media (min-width: 40.0625em) {
    .sjafe-radios--inline:after {
        clear: both;
        content: '';
        display: block
    }

    .sjafe-radios--inline .sjafe-radios__item {
        clear: none;
        float: left;
        margin-right: 24px
    }
}

.sjafe-radios--inline.sjafe-radios--conditional .sjafe-radios__item {
    float: none;
    margin-right: 0
}

.sjafe-radios__divider {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #212b32;
    margin-bottom: 8px;
    text-align: center;
    width: 40px
}

@media (min-width: 40.0625em) {
    .sjafe-radios__divider {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-radios__divider {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-radios__conditional {
    margin-bottom: 16px;
    border-left: 4px solid #4c6272;
    margin-left: 18px;
    padding-left: 30px
}

@media (min-width: 40.0625em) {
    .sjafe-radios__conditional {
        margin-bottom: 24px
    }
}

.sjafe-radios__conditional > :last-child {
    margin-bottom: 0
}

.js-enabled .sjafe-radios__conditional--hidden {
    display: none
}

.sjafe-select {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    border: 2px solid #4c6272;
    box-sizing: border-box;
    height: 40px;
    max-width: 100%;
    padding: 4px
}

@media (min-width: 40.0625em) {
    .sjafe-select {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-select {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-select:focus {
    border: 2px solid #212b32;
    box-shadow: inset 0 0 0 2px;
    outline: 4px solid var(--sja-yellow-primary);
    outline-offset: 0
}

.sjafe-select option:active, .sjafe-select option:checked, .sjafe-select:focus::-ms-value {
    background-color: var(--sja-green-primary);
    color: #fff
}

.sjafe-select--error {
    border: 4px solid var(--sja-red-primary)
}

.sjafe-select--new {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-radius: 0;
    color: #000;
    cursor: pointer;
    position: relative;
    width:100%
}

.sjafe-select__outer-wrapper {
    position: relative;
    max-width: 41ex;
}

.sjafe-select__wrapper {
    margin-bottom: 16px;
    position: relative;
    width:100% !important
}

@media (min-width: 40.0625em) {
    .sjafe-select__wrapper {
        margin-bottom:24px
    }
}

.sjafe-select__wrapper:after, .sjafe-select__wrapper:before {
    content: "";
    height: .3rem;
    pointer-events: none;
    position: absolute;
    right: 1rem;
    width: .3rem;
    z-index:100
}

.sjafe-select__wrapper:before {
    border-bottom: .3rem solid #000;
    bottom:23px
}

.sjafe-select__wrapper:after, .sjafe-select__wrapper:before {
    border-left: .3rem solid transparent;
    border-right:.3rem solid transparent
}

.sjafe-select__wrapper:after {
    border-top: .3rem solid #000;
    bottom: 13px
}


.sjafe-skip-link {
    left: -9999px;
    padding: 8px;
    position: absolute
}

.sjafe-skip-link:active, .sjafe-skip-link:focus {
    left: 16px;
    top: 16px;
    z-index: 2
}

.sjafe-skip-link:visited {
    color: #212b32
}

.sjafe-summary-list {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-summary-list {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list {
        display: table;
        table-layout: fixed;
        width: 100%
    }
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list {
        margin-bottom: 40px
    }
}

@media (max-width: 40.0525em) {
    .sjafe-summary-list__row {
        border-bottom: 1px solid #d8dde0;
        margin-bottom: 16px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list__row {
        display: table-row
    }
}

.sjafe-summary-list__key, .sjafe-summary-list__value, .sjafe-summary-list__actions {
    margin: 0;
    vertical-align: top
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list__key, .sjafe-summary-list__value, .sjafe-summary-list__actions {
        border-bottom: 1px solid #d8dde0;
        display: table-cell;
        padding-bottom: 8px;
        padding-right: 24px;
        padding-top: 8px
    }
}

.sjafe-summary-list__actions {
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list__actions {
        padding-right: 0;
        text-align: right;
        width: 20%
    }
}

.sjafe-summary-list__key, .sjafe-summary-list__value {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.sjafe-summary-list__key {
    font-weight: 600;
    margin-bottom: 4px
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list__key {
        width: 30%
    }
}

@media (max-width: 40.0525em) {
    .sjafe-summary-list__value {
        margin-bottom: 16px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-summary-list__value {
        width: 50%
    }
}

.sjafe-summary-list__value > p {
    margin-bottom: 8px
}

.sjafe-summary-list__value > :last-child {
    margin-bottom: 0
}

.sjafe-summary-list__actions-list {
    margin: 0;
    padding: 0;
    width: 100%
}

.sjafe-summary-list__actions-list-item {
    display: inline;
    margin-right: 8px;
    padding-right: 8px
}

.sjafe-summary-list__actions-list-item:not(:last-child) {
    border-right: 1px solid #d8dde0
}

.sjafe-summary-list__actions-list-item:last-child {
    border: 0;
    margin-right: 0;
    padding-right: 0
}

.sjafe-summary-list--no-border .sjafe-summary-list__key, .sjafe-summary-list--no-border .sjafe-summary-list__value, .sjafe-summary-list--no-border .sjafe-summary-list__actions, .sjafe-summary-list--no-border .sjafe-summary-list__row {
    border: 0
}

.sjafe-table-container {
    margin-bottom: 40px;
    display: block;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: auto;
    width: 100%
}

@media (min-width: 40.0625em) {
    .sjafe-table-container {
        margin-bottom: 48px
    }
}

.sjafe-table-container .sjafe-table {
    margin: 0
}

.sjafe-table__row:hover {
    background-color: #f0f4f5
}

.sjafe-table__panel-with-heading-tab {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 24px;
    background-color: #fff;
    color: #212b32;
    border: 1px solid #d8dde0;
    padding-top: 0 !important
}

.sjafe-table__panel-with-heading-tab > * :first-child {
    margin-top: 0
}

.sjafe-table__panel-with-heading-tab > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-table__panel-with-heading-tab {
        margin-bottom: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-table__panel-with-heading-tab {
        margin-top: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-table__panel-with-heading-tab {
        padding: 32px
    }
}

@media print {
    .sjafe-table__panel-with-heading-tab {
        border: 1px solid #212b32;
        page-break-inside: avoid
    }
}

.sjafe-table__panel-with-heading-tab .sjafe-table-container, .sjafe-table__panel-with-heading-tab .sjafe-table {
    margin: 0
}

.sjafe-table__heading-tab {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    background-color: var(--sja-green-primary);
    color: #fff;
    display: inline-block;
    margin: 0 0 8px -33px;
    padding: 8px 32px;
    position: relative;
    top: -16px
}

@media (min-width: 40.0625em) {
    .sjafe-table__heading-tab {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-table__heading-tab {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (max-width: 40.0525em) {
    .sjafe-table__heading-tab {
        margin-left: -25px;
        margin-right: 0;
        padding: 8px 24px;
        top: -8px
    }
}

@media print {
    .sjafe-table__heading-tab {
        background: none;
        color: #212b32;
        top: 0
    }
}

.sjafe-table-responsive {
    margin-bottom: 0;
    width: 100%
}

.sjafe-table-responsive thead {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@media (min-width: 48.0625em) {
    .sjafe-table-responsive thead {
        clip: auto;
        -webkit-clip-path: initial;
        clip-path: initial;
        display: table-header-group;
        height: auto;
        overflow: auto;
        position: relative;
        width: auto
    }
}

.sjafe-table-responsive .sjafe-table__body .sjafe-table-responsive__heading {
    font-weight: 600;
    padding-right: 16px;
    text-align: left
}

@media (min-width: 48.0625em) {
    .sjafe-table-responsive .sjafe-table__body .sjafe-table-responsive__heading {
        display: none
    }
}

.sjafe-table-responsive .sjafe-table__body .sjafe-table__row {
    display: block;
    margin-bottom: 24px
}

.sjafe-table-responsive .sjafe-table__body .sjafe-table__row:last-child {
    margin-bottom: 0
}

@media (min-width: 48.0625em) {
    .sjafe-table-responsive .sjafe-table__body .sjafe-table__row {
        display: table-row
    }
}

.sjafe-table-responsive .sjafe-table__body .sjafe-table__row th {
    text-align: right
}

@media (min-width: 48.0625em) {
    .sjafe-table-responsive .sjafe-table__body .sjafe-table__row th {
        text-align: left
    }
}

.sjafe-table-responsive .sjafe-table__body .sjafe-table__row td {
    display: block;
    display: flex;
    justify-content: space-between;
    min-width: 1px
}

@media all and (-ms-high-contrast: none) {
    .sjafe-table-responsive .sjafe-table__body .sjafe-table__row td {
        display: block
    }
}

@media (min-width: 48.0625em) {
    .sjafe-table-responsive .sjafe-table__body .sjafe-table__row td {
        display: table-cell
    }
}

@media (max-width: 48.0525em) {
    .sjafe-table-responsive .sjafe-table__body .sjafe-table__row td {
        padding-right: 0;
        text-align: right
    }

    .sjafe-table-responsive .sjafe-table__body .sjafe-table__row td:last-child {
        border-bottom: 3px solid #d8dde0
    }
}

.sjafe-table__header--numeric, .sjafe-table__cell--numeric {
    text-align: right
}

.sjafe-tag {
    font-weight: 600;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1;
    background-color: var(--sja-green-primary);
    border: 1px solid var(--sja-green-primary);
    color: #fff;
    display: inline-block;
    outline: 2px solid transparent;
    outline-offset: -2px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .sjafe-tag {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1
    }
}

@media print {
    .sjafe-tag {
        font-size: 14pt;
        line-height: 1
    }
}

.sjafe-tag--white {
    background-color: #fff;
    border-color: #212b32;
    color: #212b32
}

.sjafe-tag--grey {
    background-color: #dbe0e3;
    border-color: #354550;
    color: #354550
}

.sjafe-tag--green {
    background-color: #cce5d8;
    border-color: #004c23;
    color: #004c23
}

.sjafe-tag--aqua-green {
    background-color: #ccedeb;
    border-color: #00524d;
    color: #00524d
}

.sjafe-tag--blue {
    background-color: #ccdff1;
    border-color: #004281;
    color: #004281
}

.sjafe-tag--purple {
    background-color: #d6cce3;
    border-color: #240050;
    color: #240050
}

.sjafe-tag--pink {
    background-color: #efd3e3;
    border-color: #57133a;
    color: #57133a
}

.sjafe-tag--red {
    background-color: #f7d4d1;
    border-color: #6b140e;
    color: #6b140e
}

.sjafe-tag--orange {
    background-color: #ffdc8e;
    border-color: #4d3708;
    color: #4d3708
}

.sjafe-tag--yellow {
    background-color: #fff59d;
    border-color: #4d4712;
    color: #4d4712
}

.sjafe-tag--no-border {
    border: 0
}

.sjafe-textarea {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-appearance: none;
    border: 2px solid #4c6272;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    min-height: 40px;
    padding: 4px;
    resize: vertical;
    width: 100%
}

@media (min-width: 40.0625em) {
    .sjafe-textarea {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-textarea {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-textarea:focus {
    border: 2px solid #212b32;
    box-shadow: inset 0 0 0 2px;
    outline: 4px solid var(--sja-yellow-primary);
    outline-offset: 0
}

.sjafe-textarea--error {
    border: 4px solid var(--sja-red-primary)
}

.sjafe-warning-callout {
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 24px;
    background-color: #fff9c4;
    color: #212b32;
    border: 1px solid var(--sja-yellow-primary);
    padding-top: 0 !important
}

.sjafe-warning-callout > * :first-child {
    margin-top: 0
}

.sjafe-warning-callout > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .sjafe-warning-callout {
        margin-bottom: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-warning-callout {
        margin-top: 48px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-warning-callout {
        padding: 32px
    }
}

@media print {
    .sjafe-warning-callout {
        border: 1px solid #212b32;
        page-break-inside: avoid
    }
}

.sjafe-warning-callout__label {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    background-color: var(--sja-yellow-primary);
    color: #212b32;
    display: inline-block;
    margin: 0 0 8px -33px;
    padding: 8px 32px;
    position: relative;
    top: -16px
}

@media (min-width: 40.0625em) {
    .sjafe-warning-callout__label {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .sjafe-warning-callout__label {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (max-width: 40.0525em) {
    .sjafe-warning-callout__label {
        margin-left: -25px;
        margin-right: 0;
        padding: 8px 24px;
        top: -8px
    }
}

@media print {
    .sjafe-warning-callout__label {
        background: none;
        color: #212b32;
        top: 0
    }
}

.sjafe-character-count {
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-character-count {
        margin-bottom: 40px
    }
}

.sjafe-character-count .sjafe-form-group, .sjafe-character-count .sjafe-textarea {
    margin-bottom: 4px
}

.sjafe-character-count__message {
    margin-bottom: 0;
    margin-top: 0
}

.sjafe-character-count__message--disabled {
    visibility: hidden
}

.sjafe-tabs {
    margin-top: 4px;
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-tabs {
        margin-top: 4px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-tabs {
        margin-bottom: 40px
    }
}

.sjafe-tabs__title {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    color: #212b32;
    margin-bottom: 8px
}

@media (min-width: 40.0625em) {
    .sjafe-tabs__title {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-tabs__title {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-tabs__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-tabs__list {
        margin-bottom: 40px
    }
}

.sjafe-tabs__list-item {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-left: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-tabs__list-item {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-tabs__list-item {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-tabs__list-item:before {
    color: #212b32;
    content: "—";
    margin-left: -32px;
    padding-right: 4px
}

.sjafe-tabs__tab {
    color: #005eb8;
    display: inline-block;
    margin-bottom: 8px
}

.sjafe-tabs__tab:visited {
    color: #330072
}

.sjafe-tabs__tab:hover {
    color: #7c2855;
    text-decoration: none
}

.sjafe-tabs__tab:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid rgba(0, 0, 0, 0);
    text-decoration: none
}

.sjafe-tabs__tab:focus:hover {
    text-decoration: none
}

.sjafe-tabs__tab:focus:visited {
    color: #212b32
}

.sjafe-tabs__tab:focus .sjafe-icon {
    fill: #212b32
}

.sjafe-tabs__tab:active {
    color: #002f5c
}

.sjafe-tabs__panel {
    margin-bottom: 48px
}

@media (min-width: 40.0625em) {
    .sjafe-tabs__panel {
        margin-bottom: 56px
    }
}

@media (min-width: 40.0625em) {
    .js-enabled .sjafe-tabs__list {
        border-bottom: 1px solid #d8dde0;
        margin-bottom: 0
    }

    .js-enabled .sjafe-tabs__list:after {
        clear: both;
        content: "";
        display: block
    }

    .js-enabled .sjafe-tabs__title {
        display: none
    }

    .js-enabled .sjafe-tabs__list-item {
        background-color: #d8dde0;
        float: left;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 4px;
        padding: 8px 24px;
        position: relative;
        text-align: center
    }

    .js-enabled .sjafe-tabs__list-item:before {
        content: none
    }

    .js-enabled .sjafe-tabs__list-item--selected {
        background-color: #fff;
        border: 1px solid #d8dde0;
        border-bottom: 0;
        margin-bottom: -1px;
        margin-top: -4px;
        padding-bottom: 13px;
        padding-left: 23px;
        padding-right: 23px;
        padding-top: 11px;
        position: relative
    }

    .js-enabled .sjafe-tabs__list-item--selected .sjafe-tabs__tab {
        text-decoration: none
    }

    .js-enabled .sjafe-tabs__tab {
        margin-bottom: 0
    }

    .js-enabled .sjafe-tabs__tab:link, .js-enabled .sjafe-tabs__tab:visited {
        color: #212b32
    }

    .js-enabled .sjafe-tabs__tab:hover {
        color: rgba(33, 43, 50, .99)
    }

    .js-enabled .sjafe-tabs__tab:active, .js-enabled .sjafe-tabs__tab:focus {
        color: #212b32
    }

    .js-enabled .sjafe-tabs__tab:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .js-enabled .sjafe-tabs__panel {
        margin-bottom: 0;
        background-color: #fff;
        border: 1px solid #d8dde0;
        border-top: 0;
        padding: 40px 24px
    }
}

@media (min-width: 40.0625em)and (min-width: 40.0625em) {
    .js-enabled .sjafe-tabs__panel {
        margin-bottom: 0
    }
}

@media (min-width: 40.0625em) {
    .js-enabled .sjafe-tabs__panel > :last-child {
        margin-bottom: 0
    }
}

@media (min-width: 40.0625em) {
    .js-enabled .sjafe-tabs__panel--hidden {
        display: none
    }
}

@media (min-width: 48.0625em) {
    .app-component-reading-width h1 {
        max-width: 14.5em
    }

    .app-component-reading-width h2 {
        max-width: 22em
    }

    .app-component-reading-width h3, .app-component-reading-width .sjafe-lede-text, .app-component-reading-width .sjafe-body-l {
        max-width: 29em
    }

    .app-component-reading-width h4 {
        max-width: 32em
    }

    .app-component-reading-width p, .app-component-reading-width ul, .app-component-reading-width ol, .app-component-reading-width .sjafe-details {
        max-width: 37em
    }

    .app-component-reading-width .sjafe-body-s {
        max-width: 47em
    }

    .app-component-reading-width .app-example, .app-component-reading-width .sjafe-table, .app-component-reading-width .app-colour-list, .app-component-reading-width .app-example--image, .app-component-reading-width .app-pre, .app-component-reading-width .sjafe-image__img {
        max-width: 44em
    }

    .app-component-reading-width .app-tabs, .app-component-reading-width .sjafe-pagination__list {
        max-width: 100%
    }
}

.autocomplete-container {
    display: inline-block;
    z-index: 1
}

@media (max-width: 40.0525em) {
    .autocomplete-container {
        display: inline;
        width: 100%
    }
}

@media (max-width: 40.0525em) {
    .autocomplete__input {
        -ms-flex-positive: 2;
        -webkit-appearance: listbox;
        border-bottom: 1px solid #aeb7bd;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-left: 1px solid #aeb7bd;
        border-right: 0;
        border-top: 1px solid #aeb7bd;
        border-top-left-radius: 4px;
        border-top-right-radius: 0;
        flex-grow: 2;
        font-size: inherit;
        height: 52px;
        margin: 0;
        outline: none;
        padding: 0 16px;
        width: 100%
    }

    .autocomplete__input:focus {
        border: 4px solid #212b32;
        box-shadow: 0 0 0 4px var(--sja-yellow-primary);
        outline: 4px solid transparent;
        outline-offset: 4px;
        padding: 0 13px
    }
}

@media (min-width: 40.0625em) {
    .autocomplete__input {
        -webkit-appearance: listbox;
        border: 1px solid #fff;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 0;
        border-right: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 0;
        font-size: 16px;
        height: 40px;
        padding: 0 12px;
        width: 200px
    }

    .autocomplete__input:focus {
        border: 2px solid #212b32;
        box-shadow: 0 0 0 4px var(--sja-yellow-primary);
        outline: 4px solid transparent;
        outline-offset: 4px;
        padding: 0 11px
    }

    .autocomplete__input::placeholder {
        color: #4c6272;
        font-size: 16px
    }
}

@media (min-width: 48.0625em) {
    .autocomplete__input {
        width: 235px
    }
}

.autocomplete__menu {
    -moz-box-shadow: 0 3px 5px rgba(66, 84, 98, 0.5);
    -webkit-box-shadow: 0 3px 5px rgba(66, 84, 98, 0.5);
    background-color: #fff;
    border-bottom: 1px solid #d8dde0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #d8dde0;
    border-right: 1px solid #d8dde0;
    box-shadow: 0 0 3px 0 rgba(66, 84, 98, 0.5);
    list-style: none;
    margin-top: 2px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

@media (max-width: 40.0525em) {
    .autocomplete__menu {
        border: 0;
        box-shadow: none;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        position: relative
    }
}

.autocomplete__menu--visible {
    display: block
}

.autocomplete__menu--hidden {
    display: none
}

.autocomplete__option {
    border-bottom: 1px solid #f0f4f5;
    color: var(--sja-green-primary);
    cursor: pointer;
    font-size: 16px;
    padding-bottom: 12px;
    text-align: left;
    text-decoration: underline
}

.autocomplete__option .sjafe-icon__search {
    fill: #aeb7bd;
    float: left;
    height: 22px;
    margin: 2px 4px 0 0;
    width: 22px
}

.autocomplete__option:hover, .autocomplete__option:active {
    text-decoration: none
}

.autocomplete__option:focus {
    outline: 1px solid transparent;
    text-decoration: none
}

.autocomplete__option:focus a {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .autocomplete__option:last-child {
        border-bottom: 0
    }
}

.autocomplete__option--no-results {
    border-bottom: 0;
    color: #212b32;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none
}

@media (max-width: 40.0525em) {
    .autocomplete__option--no-results {
        padding: 16px 0
    }
}

.app-beta__container {
    border-bottom: 1px solid #d8dde0;
    padding: 8px 0
}

.app-beta__content {
    display: table;
    margin-bottom: 0
}

.app-beta__content .app-beta__tag {
    display: block;
    margin-right: 8px
}

.app-beta__text {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.2;
    display: table-cell;
    vertical-align: baseline
}

@media (min-width: 40.0625em) {
    .app-beta__text {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.2
    }
}

@media print {
    .app-beta__text {
        font-size: 14pt;
        line-height: 1.2
    }
}

code[class*=language-], pre[class*=language-] {
    color: #000;
    background: none;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
}

pre[class *

=
"language-"
]
::-moz-selection, pre[class *

=
"language-"
]
::-moz-selection, code[class *

=
"language-"
]
::-moz-selection, code[class *

=
"language-"
]
::-moz-selection {
    text-shadow: none;
    background: #b3d4fc
}

pre[class *

=
"language-"
]
::selection, pre[class *

=
"language-"
]
::selection, code[class *

=
"language-"
]
::selection, code[class *

=
"language-"
]
::selection {
    text-shadow: none;
    background: #b3d4fc
}

@media print {
    code[class *

="language-"], pre[class * ="language-"] {
    text-shadow: none
}
}

pre[class *

=
"language-"
]
{
    margin-bottom: 16px
;
    padding: 1em
;
    overflow: auto
}

@media (min-width: 40.0625em) {
    pre[class *

="language-"] {
    margin-bottom: 24px
}
}

:not(pre) > code[class *

=
"language-"
]
,
pre[class *

=
"language-"
]
{
    background: #fff
}

:not(pre) > code[class *

=
"language-"
]
{
    padding: .1em
;
    border-radius: .3em
;
    white-space: normal
}

.token.comment, .token.prolog, .token.doctype, .token.cdata {
    color: slategray
}

.token.punctuation {
    color: #999
}

.namespace {
    opacity: .7
}

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
    color: #905
}

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
    color: #690
}

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
    color: #9a6e3a;
    background: rgba(255, 255, 255, 0.5)
}

.token.atrule, .token.attr-value, .token.keyword {
    color: #07a
}

.token.function, .token.class-name {
    color: #DD4A68
}

.token.regex, .token.important, .token.variable {
    color: #e90
}

.token.important, .token.bold {
    font-weight: bold
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

li code, p code, td code {
    background-color: #fff;
    color: var(--sja-red-primary);
    padding: 2px 8px;
    word-break: break-word
}

.app-pre {
    margin-bottom: 16px;
    background: #fff;
    border: 1px solid #d8dde0;
    margin-top: 0;
    overflow: auto;
    padding: 16px;
    position: relative
}

@media (min-width: 40.0625em) {
    .app-pre {
        margin-bottom: 24px
    }
}

.app-pre + h2 {
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    .app-pre + h2 {
        padding-top: 24px
    }
}

.app-pre + h3 {
    padding-top: 8px
}

@media (min-width: 40.0625em) {
    .app-pre + h3 {
        padding-top: 8px
    }
}

.code-snippet__preformatted {
    align-items: flex-end;
    border-bottom: 1px solid #d8dde0;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.hljs {
    background-color: #fff;
    color: #212b32;
    display: block;
    overflow-x: scroll;
    padding: 0
}

.hljs.css .hljs-selector-class, .hljs.css .hljs-selector-tag, .hljs.css .hljs-keyword {
    color: #330072
}

.app-tabs__container pre {
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    background-color: #fff;
    padding: 0
}

.code-snippet__macro {
    width: 100%
}

.app-colour-list {
    margin-top: 0
}

.app-colour-list th, .app-colour-list td {
    border: 0
}

.app-colour-list__swatch {
    background-color: #f0f4f5;
    border: 1px solid transparent;
    border-radius: 50%;
    display: inline-block;
    height: 40px;
    margin-right: 8px;
    vertical-align: middle;
    width: 40px
}

@media (max-width: 40.0525em) {
    .app-colour-list__swatch {
        height: 24px;
        left: 0;
        position: absolute;
        width: 24px
    }
}

.app-colour-list__column {
    padding-left: 0;
    padding-top: 0;
    vertical-align: middle
}

@media (max-width: 40.0525em) {
    .app-colour-list__column {
        display: block;
        padding-left: 32px;
        position: relative
    }
}

.app-colour-list__column--name {
    font-weight: normal
}

@media (max-width: 40.0525em) {
    .app-colour-list__column--name {
        padding-bottom: 4px;
        padding-top: 8px
    }
}

@media (max-width: 40.0525em) {
    .app-colour-list__column--colour {
        padding-bottom: 4px
    }
}

.app-colour-list__swatch--border {
    border: 1px solid #d8dde0
}

.app-contact-panel {
    margin-top: 32px;
    border-top: 2px solid var(--sja-green-primary)
}

@media (min-width: 40.0625em) {
    .app-contact-panel {
        margin-top: 40px
    }
}

.app-contact-panel__heading {
    font-weight: 600;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.4;
    padding-top: 8px
}

@media (min-width: 40.0625em) {
    .app-contact-panel__heading {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.33333
    }
}

@media print {
    .app-contact-panel__heading {
        font-size: 18pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .app-contact-panel__heading {
        padding-top: 16px
    }
}

.sjafe-pagination + .app-contact-panel {
    margin-top: 0
}

.app-width-container, .app-breadcrumb .sjafe-width-container {
    max-width: 1100px
}

@media (min-width: 767px) and(max-width: 1164px) {
    .app-width-container, .app-breadcrumb .sjafe-width-container {
        margin: 0 32px
    }
}

.app-header__navigation {
    max-width: 1164px
}

.app-example {
    margin-bottom: 24px;
    margin-top: 8px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 40px;
    border: 1px solid #aeb7bd;
    position: relative
}

.app-example > * :first-child {
    margin-top: 0
}

.app-example > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .app-example {
        margin-bottom: 32px
    }
}

@media (min-width: 40.0625em) {
    .app-example {
        margin-top: 16px
    }
}

@media (min-width: 40.0625em) {
    .app-example {
        padding-bottom: 32px
    }
}

@media (min-width: 40.0625em) {
    .app-example {
        padding-left: 32px
    }
}

@media (min-width: 40.0625em) {
    .app-example {
        padding-right: 32px
    }
}

@media (min-width: 40.0625em) {
    .app-example {
        padding-top: 48px
    }
}

.app-example__heading {
    background: #4c6272;
    border: 0;
    left: -1px;
    position: absolute;
    top: -1px
}

.app-example + h2 {
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    .app-example + h2 {
        padding-top: 24px
    }
}

.app-example + h3 {
    padding-top: 8px
}

@media (min-width: 40.0625em) {
    .app-example + h3 {
        padding-top: 8px
    }
}

.app-example--white {
    background: #fff
}

.app-example--image {
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .app-example--image {
        margin-bottom: 24px
    }
}

.app-example--image + h2 {
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    .app-example--image + h2 {
        padding-top: 24px
    }
}

.featured-list {
    list-style: none;
    margin: 24px 0 32px;
    padding-left: 0
}

@media (min-width: 40.0625em) {
    .featured-list {
        margin: 40px 0 32px
    }
}

.featured-list--item {
    margin-bottom: 32px
}

@media (min-width: 40.0625em) {
    .featured-list--item {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px;
        padding-left: 64px
    }
}

.featured-list--item__content {
    max-width: 99.99%
}

.featured-list--item__number {
    display: none;
    font-weight: 600;
    margin-bottom: 16px
}

@media (min-width: 40.0625em) {
    .featured-list--item__number {
        display: block;
        left: -64px;
        margin: 0;
        position: absolute
    }
}

.featured-list--item__number--mobile {
    display: block
}

@media (min-width: 40.0625em) {
    .featured-list--item__number--mobile {
        display: none
    }
}

.featured-list--item__heading {
    -ms-flex-align: center;
    align-items: center;
    border-top: 4px solid var(--sja-green-primary);
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    padding-top: 16px;
    position: relative
}

@media (min-width: 40.0625em) {
    .featured-list--item__heading {
        padding-top: 32px
    }
}

.app-ogl-footer {
    background-color: #d8dde0
}

.app-ogl-footer--text {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    padding-bottom: 24px;
    color: #4c6272;
    margin-bottom: 0;
    padding-bottom: 24px
}

@media (min-width: 40.0625em) {
    .app-ogl-footer--text {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .app-ogl-footer--text {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (min-width: 40.0625em) {
    .app-ogl-footer--text {
        padding-bottom: 32px
    }
}

.app-ogl-footer--text svg {
    margin-right: 8px;
    position: relative;
    top: 2px
}

.app-style-guide-a-z .sjafe-a-z-list--results-items {
    margin-bottom: 56px
}

@media (min-width: 40.0625em) {
    .app-style-guide-a-z .sjafe-a-z-list--results-items {
        margin-bottom: 64px
    }
}

.app-style-guide-a-z .sjafe-back-to-top__link {
    margin-left: 0
}

.app-style-guide-a-z h2 {
    background: var(--sja-green-primary);
    color: #fff;
    display: inline-block;
    padding: 12px
}

.sjafe-section {
    padding-bottom: 32px;
    padding-top: 32px
}

@media (min-width: 40.0625em) {
    .sjafe-section {
        padding-bottom: 40px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-section {
        padding-top: 40px
    }
}

@media (max-width: 48.0525em) {
    .sjafe-section .sjafe-grid-column-one-half:last-child {
        padding-top: 16px
    }
}

.sjafe-section--white {
    background-color: #fff
}

.app-image--border {
    border: 1px solid #aeb7bd;
    width: 100%
}

.sjafe-lede-text + .app-lede-text--sub {
    margin-bottom: 48px;
    margin-top: -16px
}

@media (max-width: 40.0525em) {
    .sjafe-lede-text + .app-lede-text--sub {
        margin-bottom: 32px;
        margin-top: -16px
    }
}

.app-lede-text + h2, .app-lede-text + .sjafe-heading-l {
    padding-top: 8px
}

.app-lede-text--sub + h2, .app-lede-text--sub + .sjafe-heading-l {
    padding-top: 0
}

.app-lede-text + .app-index-navigation {
    padding-top: 0
}

.app-meta-data {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    color: #4c6272
}

@media (min-width: 40.0625em) {
    .app-meta-data {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .app-meta-data {
        font-size: 14pt;
        line-height: 1.2
    }
}

.app-meta-data + .app-meta-data {
    margin-top: -16px
}

@media (min-width: 40.0625em) {
    .app-meta-data {
        margin-bottom: 16px
    }

    .app-meta-data + .app-meta-data {
        margin-top: -16px
    }
}

.app-meta-data--strong {
    color: #212b32;
    font-weight: 600
}

.app-page-contents {
    margin-bottom: 24px
}

@media (min-width: 40.0625em) {
    .app-page-contents {
        margin-bottom: 32px
    }
}

.app-page-contents__heading {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 8px
}

@media (min-width: 40.0625em) {
    .app-page-contents__heading {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .app-page-contents__heading {
        font-size: 14pt;
        line-height: 1.15
    }
}

@media (min-width: 40.0625em) {
    .app-page-contents__heading {
        margin-bottom: 16px
    }
}

.app-page-contents__list {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429
}

@media (min-width: 40.0625em) {
    .app-page-contents__list {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .app-page-contents__list {
        font-size: 14pt;
        line-height: 1.2
    }
}

.app-page-contents__item {
    margin-bottom: 4px
}

@media (min-width: 40.0625em) {
    .app-page-contents__item {
        margin-bottom: 4px
    }
}

.app-pane {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 0;
    overflow: inherit;
    position: relative
}

.app-pane__side-bar {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: 220px
}

@media (max-width: 61.865em) {
    .app-pane__side-bar {
        width: 200px
    }
}

@media (max-width: 48.0525em) {
    .app-pane__side-bar {
        display: none
    }
}

.app-pane__main-content {
    -ms-flex: 1 1 100%;
    -ms-flex-direction: column;
    -webkit-box-direction: normal;
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex: 1 1 100%;
    flex-direction: column;
    min-width: 0
}

@media (min-width: 48.0625em) {
    .app-pane__main-content {
        padding-left: 64px
    }
}

@media (max-width: 40.0525em) {
    .app-page-heading, .app-lede-text, .app-contents-list, .app-lede-text--sub {
        margin-bottom: 32px
    }

    .app-contents-list .sjafe-contents-list__list {
        margin-bottom: 0
    }
}

.app-promo--video {
    background: #fff
}

.app-promo--video-title {
    margin-bottom: 16px
}

.app-embed-container {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.app-embed-container iframe, .app-embed-container object, .app-embed-container embed {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sjafe-related-nav {
    border-top: 2px solid var(--sja-green-primary)
}

@media (max-width: 48.0525em) {
    .sjafe-related-nav {
        margin-top: 48px
    }
}

.sjafe-related-nav__heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
    margin-bottom: 16px;
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    .sjafe-related-nav__heading {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.2
    }
}

@media print {
    .sjafe-related-nav__heading {
        font-size: 18pt;
        line-height: 1.2
    }
}

.sjafe-related-nav__heading--small {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 40.0625em) {
    .sjafe-related-nav__heading--small {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.47368
    }
}

@media print {
    .sjafe-related-nav__heading--small {
        font-size: 14pt;
        line-height: 1.15
    }
}

.sjafe-related-nav__list {
    list-style: none;
    margin-bottom: 16px;
    padding-left: 0
}

.sjafe-related-nav__item {
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429
}

@media (min-width: 40.0625em) {
    .sjafe-related-nav__item {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .sjafe-related-nav__item {
        font-size: 14pt;
        line-height: 1.2
    }
}

.sjafe-related-nav__sub-heading {
    margin-bottom: 8px;
    padding-top: 8px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2
}

@media (min-width: 40.0625em) {
    .sjafe-related-nav__sub-heading {
        margin-bottom: 8px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-related-nav__sub-heading {
        padding-top: 8px
    }
}

@media (min-width: 40.0625em) {
    .sjafe-related-nav__sub-heading {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.2
    }
}

@media print {
    .sjafe-related-nav__sub-heading {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (max-width: 40.0525em) {
    .app-table-responsive--cookies thead {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .app-table-responsive--cookies tr {
        border-bottom: solid 2px #d8dde0;
        display: block
    }

    .app-table-responsive--cookies tr:last-child {
        border-bottom: 0
    }

    .app-table-responsive--cookies td {
        border-bottom: 1px dotted #d8dde0;
        display: block;
        text-align: left
    }

    .app-table-responsive--cookies td:last-child {
        border-bottom: 0
    }

    .app-table-responsive--cookies td::before {
        content: attr(data-label);
        display: block;
        font-weight: bold;
        padding-right: 20px
    }
}

.sjafe-list--border li {
    border-bottom: 1px solid #d8dde0;
    padding: 8px 0 16px
}

.sjafe-list--border li > :first-child {
    margin-top: 0
}

.sjafe-list--border li > :last-child {
    margin-bottom: 0
}

.sjafe-list--border li:first-of-type {
    border-top: 1px solid #d8dde0;
    padding: 16px 0
}

.sjafe-header__search-form--search-results {
    margin-bottom: 40px;
    background-color: transparent;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    width: 100%
}

@media (min-width: 40.0625em) {
    .sjafe-header__search-form--search-results {
        margin-bottom: 48px
    }
}

.sjafe-header__search-form--search-results .autocomplete-container {
    width: 100%
}

.sjafe-header__search-form--search-results .autocomplete__menu--hidden {
    display: none
}

.sjafe-header__search-form--search-results .autocomplete__input, .sjafe-header__search-form--search-results .sjafe-search__input {
    -ms-flex-positive: 2;
    -webkit-appearance: listbox;
    background-color: #fff !important;
    border-bottom: 1px solid #aeb7bd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
    border-left: 1px solid #aeb7bd;
    border-right: 0;
    border-top: 1px solid #aeb7bd;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    flex-grow: 2;
    font-size: inherit;
    height: 52px;
    margin: 0;
    outline: none;
    padding: 0 16px;
    width: 100%
}

.sjafe-header__search-form--search-results .autocomplete__input:focus, .sjafe-header__search-form--search-results .sjafe-search__input:focus {
    border: 4px solid var(--sja-yellow-primary);
    box-shadow: inset 0 0 0 4px #212b32
}

.sjafe-header__search-form--search-results .sjafe-search__submit {
    background-color: var(--sja-green-secondary);
    border: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    float: right;
    font-size: inherit;
    height: 52px;
    line-height: inherit;
    margin: 0;
    outline: none;
    padding: 8px 8px 0;
    width: 52px
}

.sjafe-header__search-form--search-results .sjafe-search__submit .sjafe-icon__search {
    fill: #fff;
    height: 38px;
    width: 38px
}

.sjafe-header__search-form--search-results .sjafe-search__submit::-moz-focus-inner {
    border: 0
}

.sjafe-header__search-form--search-results .sjafe-search__submit:hover {
    background-color: var(--sja-green-secondary);
    cursor: pointer
}

.sjafe-header__search-form--search-results .sjafe-search__submit:focus {
    background-color: var(--sja-yellow-primary);
    border-bottom: 4px solid #212b32
}

.sjafe-header__search-form--search-results .sjafe-search__submit:focus .sjafe-icon__search {
    fill: #212b32
}

.app-search-results-item {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
    font-weight: 600;
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .app-search-results-item {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.45455
    }
}

@media print {
    .app-search-results-item {
        font-size: 18pt;
        line-height: 1.15
    }
}

.app-search-results-item:hover {
    text-decoration: underline
}

.app-search-results-item::first-letter {
    text-transform: uppercase
}

.app-search-results-category {
    color: #4c6272;
    display: block;
    font-size: 14px
}

.autocomplete__option {
    line-height: 1.35;
    text-decoration: none
}

.autocomplete__option:focus .autocomplete__option-title {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.autocomplete__option:hover .autocomplete__option-title, .autocomplete__option:focus .autocomplete__option-title {
    text-decoration: none
}

.autocomplete__option-title {
    text-decoration: underline
}

.autocomplete__option .sjafe-icon__search {
    margin: 2px 4px 2px 0
}

@media (min-width: 40.0625em) {
    .autocomplete__option:last-child {
        padding-bottom: 0
    }

    .autocomplete__menu {
        padding: 16px 8px
    }

    .autocomplete__option-title {
        text-decoration: underline
    }
}

.autocomplete__option-category {
    color: #4c6272;
    display: block;
    font-size: 14px;
    margin-top: 4px
}

.app-side-nav__heading {
    font-weight: 600;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    color: #4c6272;
    margin-bottom: 12px;
    padding-top: 4px
}

@media (min-width: 40.0625em) {
    .app-side-nav__heading {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.25
    }
}

@media print {
    .app-side-nav__heading {
        font-size: 14pt;
        line-height: 1.25
    }
}

@media (max-width: 48.0525em) {
    .app-side-nav__heading {
        font-weight: 600;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1.25;
        color: #212b32
    }
}

@media (max-width: 48.0525em) and(min-width: 40.0625em) {
    .app-side-nav__heading {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.25
    }
}

@media print and (max-width: 48.0525em) {
    .app-side-nav__heading {
        font-size: 18pt;
        line-height: 1.25
    }
}

.app-side-nav__back {
    border-bottom: 1px solid #d8dde0;
    padding-bottom: 16px
}

.app-side-nav__list {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.3;
    margin-bottom: 0
}

@media (min-width: 40.0625em) {
    .app-side-nav__list {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.3
    }
}

@media print {
    .app-side-nav__list {
        font-size: 14pt;
        line-height: 1.3
    }
}

@media (max-width: 48.0525em) {
    .app-side-nav__list {
        font-weight: 400;
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.3;
        margin-bottom: 8px
    }
}

@media (max-width: 48.0525em) and(min-width: 40.0625em) {
    .app-side-nav__list {
        font-size: 19px;
        font-size: 1.1875rem;
        line-height: 1.3
    }
}

@media print and (max-width: 48.0525em) {
    .app-side-nav__list {
        font-size: 14pt;
        line-height: 1.3
    }
}

.app-side-nav__item {
    padding-bottom: 4px;
    padding-top: 4px
}

.app-side-nav__item--current {
    border-left: 4px solid var(--sja-green-primary);
    margin-left: -12px;
    padding-left: 8px
}

.app-side-nav__item--current .app-side-nav__link {
    font-weight: 600
}

.app-side-nav__link {
    text-decoration: none
}

@media (max-width: 48.0525em) {
    .app-side-nav__link {
        text-decoration: underline
    }
}

.app-side-nav__link:visited {
    color: var(--sja-green-primary)
}

.app-side-nav__link:hover {
    color: #7C2855;
    text-decoration: underline
}

.app-side-nav__link:focus:hover, .app-side-nav__link:focus:visited {
    color: #212b32
}

.app-side-nav__list--nested {
    margin-bottom: 8px;
    margin-top: 8px
}

@media (min-width: 40.0625em) {
    .app-side-nav__list--nested {
        margin-bottom: 8px
    }
}

@media (min-width: 40.0625em) {
    .app-side-nav__list--nested {
        margin-top: 16px
    }
}

.app-side-nav__list--nested .app-side-nav__item {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.3;
    list-style: none
}

@media (min-width: 40.0625em) {
    .app-side-nav__list--nested .app-side-nav__item {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.3
    }
}

@media print {
    .app-side-nav__list--nested .app-side-nav__item {
        font-size: 14pt;
        line-height: 1.3
    }
}

.app-side-nav__list--nested .app-side-nav__link {
    font-weight: 400
}

.app-side-nav__list--nested .app-side-nav__item::before {
    color: #aeb7bd;
    content: '—';
    margin-left: -20px;
    margin-right: 4px
}

.app-index-navigation {
    padding-top: 16px
}

@media (min-width: 40.0625em) {
    .app-index-navigation {
        padding-top: 24px
    }
}

.app-u-border-top {
    border-top: 2px solid var(--sja-green-primary);
    margin-top: 8px
}

.app-u-border-top h3 {
    margin-bottom: 16px;
    margin-top: 16px
}

.app-u-border-top ul {
    list-style: none;
    padding-left: 0
}

@media (max-width: 48.0525em) {
    .app-u-hide-mobile {
        display: none
    }
}

@media (min-width: 48.0625em) {
    .app-u-hide-desktop {
        display: none
    }
}

.app-u-full-width {
    max-width: 100% !important;
    width: 100% !important
}

.hljs {
    background: #f8f8f8;
    color: #333;
    display: block;
    overflow-x: auto;
    padding: .5em
}

.hljs-comment, .hljs-quote {
    color: #998;
    font-style: italic
}

.hljs-keyword, .hljs-selector-tag, .hljs-subst {
    color: #333;
    font-weight: bold
}

.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr {
    color: #007F80
}

.hljs-string, .hljs-doctag {
    color: #d14
}

.hljs-title, .hljs-section, .hljs-selector-id {
    color: #900;
    font-weight: bold
}

.hljs-subst {
    font-weight: normal
}

.hljs-type, .hljs-class .hljs-title {
    color: #458;
    font-weight: bold
}

.hljs-tag, .hljs-name, .hljs-attribute {
    color: #000080;
    font-weight: normal
}

.hljs-regexp, .hljs-link {
    color: #008020
}

.hljs-symbol, .hljs-bullet {
    color: #990073
}

.hljs-built_in, .hljs-builtin-name {
    color: #017ba5
}

.hljs-meta {
    color: #999;
    font-weight: bold
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: bold
}

.app-tabs {
    list-style-type: none;
    margin: -1px auto;
    margin-bottom: 0;
    overflow: visible;
    padding: 0
}

.app-tabs__item {
    display: inline-block;
    margin: 0;
    position: relative;
    z-index: 2
}

.app-tabs__item a {
    background: inherit;
    border-bottom: 2px solid transparent;
    border-top: 2px solid transparent;
    color: var(--sja-green-primary);
    display: block;
    font-weight: bold;
    margin-top: -1px;
    padding: 15px;
    text-decoration: none
}

.app-tabs__item--current a {
    border-bottom-color: var(--sja-green-primary);
    border-top-color: var(--sja-green-primary)
}

.app-tabs__item__heading a {
    background: inherit;
    border: 1px solid #bfc1c3;
    border-top: 0;
    color: #005ea5;
    display: none;
    font-weight: bold;
    padding: 15px;
    position: relative;
    text-decoration: none;
    z-index: 2
}

.app-tabs__item__heading a:visited {
    color: #005ea5
}

.app-tabs__item__heading--current {
    background-color: #f0f0f0
}

.app-tabs__text {
    padding: 20px
}

.app-tabs__container {
    border: 1px solid #bfc1c3;
    margin-top: -2px;
    position: relative
}

.app-tabs__container pre {
    background-color: #f8f8f8;
    border: 0;
    font-size: inherit;
    margin: 0;
    margin-bottom: 0;
    max-width: inherit;
    overflow: auto;
    padding: 15px;
    position: relative
}

.app-link--copy:link, .app-link--copy:active, .app-link--copy:visited, .app-link--copy:hover {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    border: 1px solid var(--sja-green-secondary);
    color: var(--sja-green-secondary);
    font-family: 'nta', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    min-width: 58px;
    padding: 4px 10px 0;
    position: absolute;
    right: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 15px;
    z-index: 1
}

.code-embed {
    background-color: #f0f4f5;
    border: 1px solid #aeb7bd
}

.code-embed iframe {
    display: block;
    width: 100%
}

.code-embed + .code-snippet {
    margin-top: -1px
}

.code-snippet {
    background-color: #f0f4f5
}

.code-snippet .js-hidden {
    display: none
}

.code-snippet .app-link--copy {
    border-bottom-color: var(--sja-green-secondary);
    box-shadow: 0 2px 0 var(--sja-green-secondary);
    margin-bottom: 16px;
    padding: 2px 8px;
    position: absolute;
    right: 16px;
    text-transform: none;
    top: 16px
}

.code-snippet .app-link--copy:hover {
    background-color: #f0f4f5
}

.code-snippet .app-link--copy:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none;
    border-color: var(--sja-yellow-primary)
}

.code-snippet .app-link--close {
    background-color: transparent;
    border: 0;
    bottom: 16px;
    color: var(--sja-green-primary);
    cursor: pointer;
    font-size: 16px;
    margin-top: 16px;
    position: static;
    right: 16px;
    text-decoration: underline;
    z-index: 1
}

.code-snippet .app-link--close:hover {
    color: #7C2855;
    text-decoration: none
}

.code-snippet .app-link--close:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 -2px var(--sja-yellow-primary), 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.code-snippet .app-link--close:focus:hover {
    color: #212b32
}

@media (min-width: 40.0625em) {
    .code-snippet .app-link--close {
        bottom: 24px;
        right: 24px
    }
}

.code-snippet .app-link--close svg {
    fill: var(--sja-green-primary);
    height: 16px;
    margin: 5px 5px 0 0;
    transform: rotate(-90deg);
    width: 16px
}

.code-snippet__preformatted {
    align-items: flex-end;
    border-bottom: 1px solid #aeb7bd;
    display: flex;
    flex-direction: column;
    padding: 16px
}

@media (min-width: 40.0625em) {
    .code-snippet__preformatted {
        padding: 24px
    }
}

.app-tabs {
    background: #fff;
    border: 1px solid #aeb7bd;
    border-bottom: 0;
    display: none
}

@media (min-width: 40.0625em) {
    .app-tabs {
        display: block
    }
}

.app-tabs__item {
    background-color: transparent;
    margin: 0
}

.app-tabs__item a {
    border: 0;
    font-weight: normal;
    margin: 0;
    padding: 8px 16px;
    text-decoration: underline
}

@media (min-width: 40.0625em) {
    .app-tabs__item a {
        padding: 12px 24px
    }
}

.app-tabs__item a:hover {
    color: #7C2855;
    outline: 0;
    text-decoration: none
}

.app-tabs__item a:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.app-tabs__item--current a {
    text-decoration: none
}

@media (min-width: 40.0625em) {
    .app-tabs__item--current a {
        box-shadow: 0 4px 0 var(--sja-green-primary)
    }
}

.app-tabs__item--current a:hover {
    color: var(--sja-green-primary)
}

.app-tabs__item--current a:focus:hover {
    color: #212b32
}

.app-tabs__item--mobile {
    background-color: #fff;
    border: 1px solid #aeb7bd;
    border-width: 1px 0;
    display: block;
    margin: -1px 0
}

@media (min-width: 40.0625em) {
    .app-tabs__item--mobile {
        display: none
    }
}

.app-tabs__container {
    background-color: #fff;
    border: 1px solid #aeb7bd;
    border-bottom: 0;
    margin-top: 0
}

.app-tabs__container pre {
    align-self: stretch;
    background-color: #fff;
    padding: 0
}

.hljs {
    background-color: #fff;
    color: #28333b;
    overflow-x: scroll;
    padding: 0
}

@media (min-width: 40.0625em) {
    .hljs {
        max-width: calc(71.5vw - 121px)
    }
}

@media (min-width: 64em) {
    .hljs {
        max-width: 586px
    }
}

.hljs .hljs-comment, .hljs .hljs-quote {
    color: #757575;
    font-style: italic
}

.hljs .hljs-keyword, .hljs .hljs-selector-tag, .hljs .hljs-subst {
    color: #990155;
    font-weight: normal
}

.hljs .hljs-number, .hljs .hljs-literal, .hljs .hljs-variable, .hljs .hljs-template-variable, .hljs .hljs-tag .hljs-attr {
    color: #527a00
}

.hljs .hljs-string, .hljs .hljs-doctag {
    color: #025eb8
}

.hljs .hljs-title, .hljs .hljs-section, .hljs .hljs-selector-id {
    color: #990155;
    font-weight: normal
}

.hljs .hljs-subst {
    font-weight: normal
}

.hljs .hljs-type, .hljs .hljs-class .hljs-title {
    color: #527a00;
    font-weight: normal
}

.hljs .hljs-tag, .hljs .hljs-name, .hljs .hljs-attribute {
    color: #990155;
    font-weight: normal
}

.hljs .hljs-regexp, .hljs .hljs-link {
    color: #527a00
}

.hljs .hljs-symbol, .hljs .hljs-bullet {
    color: #990155
}

.hljs .hljs-built_in, .hljs .hljs-builtin-name {
    color: #025eb8
}

.hljs .hljs-meta {
    color: #757575;
    font-weight: normal
}

.hljs.html .hljs-tag {
    color: #757575
}

.hljs.css .hljs-selector-class, .hljs.css .hljs-selector-tag, .hljs.css .hljs-keyword {
    color: #330072
}

.hljs.javascript .hljs-title, .hljs.javascript .hljs-section, .hljs.javascript .hljs-selector-id, .hljs.python .hljs-title, .hljs.python .hljs-section, .hljs.python .hljs-selector-id {
    color: #025eb8
}

.hljs.json .hljs-attr {
    color: #990155
}

.design-example {
    margin-bottom: 40px;
    position: relative;
    width: 100%
}

@media (max-width: 40.0525em) {
    .design-example {
        margin-bottom: 32px
    }
}

.design-example__pop-out {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    border: 1px solid #aeb7bd;
    border-bottom: 0;
    display: block;
    outline: 2px solid transparent;
    padding: 8px 16px;
    position: relative;
    width: 100%
}

@media (min-width: 40.0625em) {
    .design-example__pop-out {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .design-example__pop-out {
        font-size: 14pt;
        line-height: 1.2
    }
}

.design-example__pop-out:hover, .design-example__pop-out:focus {
    box-shadow: none
}

.design-example__pop-out:focus {
    background-color: var(--sja-yellow-primary);
    box-shadow: 0 4px #212b32;
    color: #212b32;
    outline: 4px solid transparent;
    text-decoration: none
}

.design-example__pop-out:focus:hover {
    color: #212b32
}

p + .design-example {
    padding-top: 8px
}

@media (min-width: 40.0625em) {
    p + .design-example {
        padding-top: 16px
    }
}

.sjafe-lede-text + .design-example {
    padding-top: 0
}

@media (min-width: 40.0625em) {
    .sjafe-lede-text + .design-example {
        padding-top: 0
    }
}

.design-example-frame {
    border: 0
}

.app-code-snippet__macro {
    width: 100%
}

.app-tabs__container pre {
    background-color: #f0f4f5
}

.app-code-snippet__container {
    background-color: #f0f4f5;
    padding: 16px;
    padding-top: 56px;
    position: relative;
    width: 100%
}

.sjafe-breadcrumb__backlink:visited {
    color: var(--sja-green-primary)
}

.sjafe-breadcrumb__link:visited {
    color: var(--sja-green-primary)
}

.sjafe-breadcrumb__link:hover {
    color: #7C2855
}

.sjafe-back-link__link:hover {
    color: #7C2855
}

.sjafe-pagination__link:visited:focus .sjafe-icon {
    fill: #212b32
}

.sjafe-u-nested-list {
    margin-bottom: 0
}

.sjafe-u-nested-list > li {
    margin-top: 8px
}

@media (min-width: 40.0625em) {
    .sjafe-u-nested-list > li {
        margin-top: 8px
    }
}

.sjafe-u-nowrap {
    white-space: nowrap
}

.sjafe-body-m, .sjafe-body-s {
    font-weight: 400
}

.sjafe-lede-text + .sjafe-lede-text {
    margin-top: -16px
}

h1 + .sjafe-lede-text {
    margin-top: 0
}

.sjafe-table__cell.sjafe-body-s {
    display: table-cell
}

.sjafe-header__navigation-link:hover .sjafe-icon__chevron-right {
    fill: #fff
}

.sjafe-header__navigation-link:focus .sjafe-icon__chevron-right {
    fill: #212b32
}

@media (min-width: 61.875em) {
    .sjafe-header__navigation-link:hover {
        background-color: transparent
    }
}

@media (min-width: 61.875em) {
    .app-header__navigation-item__item--current {
        box-shadow: inset 0 -4px 0 #d8dde0
    }
}

.app-header__navigation-item__item--current .sjafe-header__navigation-link {
    font-weight: 600
}

.sjafe-table__cell > * :first-child {
    margin-top: 0
}

.sjafe-table__cell > * :last-child {
    margin-bottom: 0
}

@media (min-width: 40.0625em) and(max-width: 61.865em) {
    .sjafe-header__menu-toggle {
        margin-top: 0
    }
}

.app-latest-update {
    padding-bottom: 56px;
    padding-top: 56px
}

@media (max-width: 48.0525em) {
    .app-latest-update {
        padding-bottom: 40px;
        padding-top: 0
    }
}

.app-card--transparent {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #fff
}

.app-card--transparent a {
    color: #fff
}

.app-card--transparent a:hover, .app-card--transparent a:visited {
    color: #f0f4f5
}

.app-card--transparent a:focus {
    color: #212b32
}

.app-card__video {
    height: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.app-card__video iframe, .app-card__video object, .app-card__video embed {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (max-width: 48.0525em) {
    .app-hero__wrapper {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.app-annotate-block {
    margin-bottom: 24px;
    outline: 2px dashed #4c6272;
    padding: 16px;
    padding-top: 48px;
    position: relative
}

.app-annotate-block__label {
    border-bottom: 2px dashed #4c6272;
    border-right: 2px dashed #4c6272;
    left: 0;
    padding: 4px 8px;
    position: absolute;
    top: 0
}

.app-annotate-block + .sjafe-main-wrapper {
    padding-bottom: 0;
    padding-top: 0
}

.app-team-pictures-list {
    padding-left: 0
}

@media (min-width: 40.0625em) {
    .app-team-pictures-list {
        padding-left: 0
    }
}

.app-team-pictures-list img {
    margin-right: 8px;
    border: 2px solid transparent;
    border-radius: 30px;
    display: inline-block;
    height: 40px;
    line-height: 1;
    overflow: hidden;
    vertical-align: middle;
    width: 40px
}

@media (min-width: 40.0625em) {
    .app-team-pictures-list img {
        margin-right: 16px
    }
}

.app-team-pictures-list li {
    list-style: none
}


.app-homepage {
    background-color: #fff
}

.app-homepage .sjafe-section:nth-of-type(odd) {
    background: #f0f4f5
}

@media (min-width: 40.0625em) {
    .app-homepage .sjafe-section:nth-of-type(2) {
        padding-top: 40px
    }
}

@media (max-width: 26.3125em) {
    .app-homepage .sjafe-section:nth-of-type(2) {
        padding-top: 40px
    }
}

.app-section__content {
    padding-bottom: 64px;
    padding-top: 64px
}

.app-section__content > :first-child {
    margin-top: 0
}

.app-section__content > :last-child {
    margin-bottom: 0
}

.app-section__content:empty {
    display: none
}

@media (max-width: 48.0525em) {
    .app-section__content {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .app-section__content + .app-section__content {
        padding-top: 0
    }
}

.app-section__content h2 {
    padding-top: 0
}

.app-section__description {
    color: #4c6272
}

.app-homepage .app-section__content .sjafe-action-link {
    padding-top: 8px
}

.app-list-signage {
    list-style: none;
    padding-left: 0;
    padding-top: 8px
}

.app-list-signage li {
    display: inline-block;
    margin: 2px 0;
    width: 100%
}

.app-list-signage li:last-of-type {
    margin-bottom: 2px
}

.app-list-signage li a {
    background: var(--sja-green-primary);
    color: #fff;
    display: block;
    padding: 12px 24px;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media (max-width: 40.0525em) {
    .app-list-signage li a {
        padding: 12px 16px
    }
}

.app-list-signage li a:hover {
    background: #003d78;
    box-shadow: none;
    text-decoration: underline
}

.app-list-signage li a:active {
    background: #002f5c
}

.app-list-signage li a:focus {
    background: var(--sja-yellow-primary);
    box-shadow: inset 0 -4px 0 0 #212b32;
    color: #212b32
}

.app-list-signage li a:focus .sjafe-icon {
    fill: #212b32
}

.app-list-signage li a:focus:hover {
    text-decoration: none
}

.app-list-signage li a .sjafe-icon {
    fill: #fff;
    height: 24px;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 24px
}

@media (max-width: 40.0525em) {
    .app-list-signage li a .sjafe-icon {
        top: 12px
    }
}

@media (min-width: 48.0625em) {
    .app-list-signage--two-columns {
        column-count: 2;
        column-gap: 32px
    }
}

.app-list-apps {
    padding: 0
}

.app-list-apps__item {
    display: inline-block;
    list-style: none;
    margin: 0;
    width: 100%
}

@media (max-width: 48.0525em) {
    .app-list-apps__item {
        border-bottom: 1px solid #d8dde0
    }

    .app-list-apps__item:last-child {
        border: 0;
        margin-bottom: 0
    }
}

.app-list-apps__link {
    display: block;
    min-height: 100px;
    padding: 16px 0 16px 92px;
    position: relative;
    text-decoration: none
}

.app-list-apps__link:active, .app-list-apps__link:focus {
    background: 0 0;
    box-shadow: none;
    outline: 0
}

.app-list-apps__link:active .app-list-apps__title, .app-list-apps__link:focus .app-list-apps__title {
    background: var(--sja-yellow-primary);
    box-shadow: inset 0 -4px 0 0 #212b32;
    color: #212b32
}

@media (max-width: 48.0525em) {
    .app-list-apps__link {
        min-height: 92px;
        padding-left: 80px
    }
}

@media (max-width: 40.0525em) {
    .app-list-apps__link {
        min-height: 88px;
        padding-left: 68px
    }
}

.app-list-apps__icon {
    border: 1px solid #f0f4f5;
    border-radius: 12px;
    height: 72px;
    left: 0;
    position: absolute;
    top: 16px;
    width: 72px
}

@media (max-width: 48.0525em) {
    .app-list-apps__icon {
        height: 64px;
        width: 64px
    }
}

@media (max-width: 40.0525em) {
    .app-list-apps__icon {
        height: 56px;
        width: 56px
    }
}

.app-list-apps__title {
    font-weight: 600;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.55556;
    text-decoration: underline
}

@media (min-width: 40.0625em) {
    .app-list-apps__title {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 1.45455
    }
}

@media print {
    .app-list-apps__title {
        font-size: 18pt;
        line-height: 1.15
    }
}

.app-list-apps__category {
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.71429;
    color: #4c6272;
    display: block;
    margin-top: 8px
}

@media (min-width: 40.0625em) {
    .app-list-apps__category {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5
    }
}

@media print {
    .app-list-apps__category {
        font-size: 14pt;
        line-height: 1.2
    }
}

@media (max-width: 48.0525em) {
    .app-list-apps__category {
        margin-top: 4px
    }
}

@media (min-width: 48.0625em) {
    .app-list-apps--two-columns {
        column-count: 2;
        column-gap: 32px
    }
}

img {
    max-width: 100%
}

.app-download__link {
    margin-bottom: 16px;
    display: inline-block
}

@media (min-width: 40.0625em) {
    .app-download__link {
        margin-bottom: 24px
    }
}

.app-download__thumbnail {
    display: block
}

.app-top-tasks .sjafe-card-group {
    display: block;
    flex-wrap: nowrap
}

.app-top-tasks .block-external_link, .app-top-tasks .block-page_link {
    box-sizing: border-box;
    display: flex;
    padding: 0 16px
}

@media (max-width: 48.0525em) {
    .app-top-tasks .block-external_link, .app-top-tasks .block-page_link {
        flex: 0 0 100%;
        margin-bottom: 32px
    }
}

@media (min-width: 48.0625em) {
    .app-top-tasks .block-external_link, .app-top-tasks .block-page_link {
        float: left;
        width: 33.3333%
    }
}

.app-top-tasks .sjafe-card-group__item {
    display: block
}

.app-top-tasks .sjafe-grid-column-one-third {
    float: none;
    padding: 0;
    width: 100%
}

.app-top-tasks .sjafe-card {
    height: 100%
}

.app-apps-store-link {
    margin: 8px;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    width: 200px
}

@media (min-width: 40.0625em) {
    .app-apps-store-link {
        margin: 16px
    }
}

@media (min-width: 40.0625em) {
    .app-apps-store-link {
        margin-left: 0
    }
}

.app-apps-store-link a:active, .app-apps-store-link a:focus, .app-apps-store-link a:hover {
    background-color: transparent;
    box-shadow: none
}

.app-apps-store-link img {
    width: 100%
}

.app-table-image {
    display: block;
    margin-top: 5px
}


.sjafe-stripe {
    display: flex;
    height:10px
}

.sjafe-stripe span {
    width: 100%;
    flex-grow:1
}

.sjafe-stripe span:nth-child(3n-2) {
    background:var(--sja-yellow-primary);
}

.sjafe-stripe span:nth-child(3n-1) {
    background:var(--sja-green-secondary);
}

.sjafe-stripe span:nth-child(3n) {
    background:var(--sja-red-primary);
}

.sjafe-check {
    width: 100%;
    height: 38px;
    display: inline-block;
    margin: 0px;
    background-color: #f0f4f5;
    background-size: 25px 25px;
    background-position: 0 0, 13px 13px;
    background-image: linear-gradient(45deg, var(--sja-green-primary) 25%, transparent 25%, transparent 75%, var(--sja-green-primary) 75%, var(--sja-green-primary)), linear-gradient(45deg, var(--sja-green-primary) 25%, transparent 25%, transparent 75%, var(--sja-green-primary) 75%, var(--sja-green-primary));
}

.page-title-text {
    font-family: "Oswald", sans-serif !important;
    font-optical-sizing: auto;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: uppercase !important;
}

mark {
    background-color: var(--sja-yellow-primary);
    color: black;
    padding:1px 3px 1px 3px;
    font-weight: bold;
}


.image-bordered {
    position: relative;
    padding:32px
}

.image-bordered.image-shadow .image-border:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #f6f4f0;
    top: 32px;
    bottom: 32px;
    left: 32px;
    right: 32px;
    -webkit-transform: translate3d(-20px, 20px, 0);
    -moz-transform: translate3d(-20px, 20px, 0);
    transform:translate3d(-20px, 20px, 0)
}

.image-bordered img, .image-bordered a {
    display: block;
    width:100%
}

.image-bordered:before, .image-bordered:after, .image-bordered .image-border:after {
    content: "";
    position: absolute;
    pointer-events:none
}

.image-bordered:before {
    top: 0;
    left: 0;
    width: 60%;
    height: 50%;
    border-style: solid;
    border-color: var(--sja-yellow-primary);
    border-width:12px 0 0 12px
}

.image-bordered:after {
    bottom: 0;
    right: 0;
    width: 60%;
    height: 50px;
    border-style: solid;
    border-color: var(--sja-red-primary);
    border-width:0 12px 12px 0
}

.image-bordered .image-border:after {
    bottom: 50px;
    right: 0;
    width: 0;
    height: calc(60% - 50px);
    border-style: solid;
    border-color: var(--sja-green-secondary);
    border-width:0 12px 12px 0
}

@media (max-width: 1400px) {
    .image-bordered {
        padding:15px
    }

    .image-bordered.image-shadow .image-border:before {
        top: 24px;
        bottom: 24px;
        left: 24px;
        right: 24px;
        -webkit-transform: translate3d(-16px, 16px, 0);
        -moz-transform: translate3d(-16px, 16px, 0);
        transform:translate3d(-16px, 16px, 0)
    }

    .image-bordered:before {
        border-width:8px 0 0 8px
    }

    .image-bordered:after {
        border-width:0 8px 8px 0
    }

    .image-bordered .image-border:after {
        border-width:0 8px 8px 0
    }
}