html {
    font-family: Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

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

::placeholder {
    color: #54698d;
    font-weight: 400;
    font-size: .8125rem
}

::selection {
    background: #d8edff;
    text-shadow: none;
    color: #16325c
}

html {
    font-family: Arial, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    background: #fff;
    color: #333332;
    -webkit-tap-highlight-color: transparent
}

body {
    font-size: .8125rem;
    background: transparent
}

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, fieldset {
    margin: 0;
    padding: 0
}

dd, figure {
    margin: 0
}

abbr[title], fieldset, hr {
    border: 0
}

hr {
    padding: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: inherit;
    font-size: 1em
}

ul {
    list-style: none
}

ul.bullets {
    list-style: inside disc;
}

ol > li {
    list-style-position: inside;
}

a {
    color: #FF6633;
    text-decoration: none;
    transition: color 0.1s linear
}

a:hover, a:focus {
    text-decoration: underline;
    color: #FF6633
}

a:active {
    color: #FF6633
}

a, button {
    cursor: pointer
}

b, strong, dfn {
    font-weight: 700
}

mark {
    background-color: #fff03f;
    color: #16325c
}

abbr[title] {
    cursor: help
}

input[type=search] {
    box-sizing: border-box
}

table {
    width: 100%
}

caption, th, td {
    text-align: left
}

hr {
    display: block;
    margin: 2rem 0;
    border-top: 1px solid #d8dde6;
    height: 1px;
    clear: both
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

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

.deprecated {
    font-style: italic;
}

.slds-button {
    position: relative;
    display: inline-block;
    padding: 0;
    background: transparent;
    background-clip: border-box;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: .75rem;
    line-height: 1.875rem;
    text-decoration: none;
    color: #0070d2;
    -webkit-appearance: none;
    white-space: normal;
    user-select: none;
    transition: color .05s linear, background-color .05s linear
}

.slds-button:hover, .slds-button:focus, .slds-button:active, .slds-button:visited {
    text-decoration: none
}

.slds-button:hover, .slds-button:focus {
    color: #005fb2
}

.slds-button:focus {
    outline: 0;
    box-shadow: 0 0 3px #0070D2
}

.slds-button:active {
    color: #00396b
}

.slds-button[disabled] {
    color: #d8dde6
}

.slds-button:hover .slds-button__icon, .slds-button:focus .slds-button__icon, .slds-button:active .slds-button__icon, .slds-button[disabled] .slds-button__icon {
    fill: currentColor
}

.slds-button + .slds-button-group, .slds-button + .slds-button-group-list {
    margin-left: .25rem
}

.slds-button + .slds-button {
    margin-left: .25rem
}

.slds-button-space-left {
    margin-left: .25rem
}

a.slds-button {
    text-align: center
}

a.slds-button:focus {
    outline: 0;
    box-shadow: 0 0 3px #0070D2
}

.slds-button__icon--left {
    margin-right: .5rem
}

.slds-button__icon--right {
    margin-left: .5rem
}

.slds-button--reset {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    background: transparent;
    border: 0;
    text-align: inherit
}

.slds-button--small {
    line-height: 1.75rem;
    min-height: 2rem
}

.slds-button--neutral {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d8dde6;
    background-color: #fff
}

.slds-button--neutral:hover, .slds-button--neutral:focus {
    background-color: #f4f6f9
}

.slds-button--neutral:active {
    background-color: #eef1f6
}

.slds-button--neutral[disabled] {
    background-color: #fff;
    cursor: default
}

.slds-button--hint {
    color: #9faab5
}

.slds-button--hint:hover, .slds-button--hint:focus, .slds-button--hint:active {
    color: #0070d2
}

.slds-hint-parent:hover .slds-button--hint, .slds-hint-parent:focus .slds-button--hint {
    color: #0070d2
}

.slds-button--brand {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #0070d2;
    border: 1px solid #0070d2;
    color: #fff
}

.slds-button--brand:link, .slds-button--brand:visited, .slds-button--brand:active {
    color: #fff
}

.slds-button--brand:hover, .slds-button--brand:focus {
    background-color: #005fb2;
    color: #fff
}

.slds-button--brand:active {
    background-color: #00396b
}

.slds-button--brand[disabled] {
    background: #e0e5ee;
    border-color: transparent;
    color: #fff
}

.slds-button--inverse {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d8dde6;
    background-color: transparent
}

.slds-button--inverse:hover, .slds-button--inverse:focus {
    background-color: #f4f6f9
}

.slds-button--inverse:active {
    background-color: #eef1f6
}

.slds-button--inverse[disabled] {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.15)
}

.slds-button--inverse, .slds-button--inverse:link, .slds-button--inverse:visited, .slds-button-group .slds-button--icon-inverse, .slds-button-group .slds-button--icon-inverse:link, .slds-button-group .slds-button--icon-inverse:visited {
    color: #e0e5ee
}

.slds-button--inverse:hover, .slds-button--inverse:focus, .slds-button--inverse:active, .slds-button-group .slds-button--icon-inverse:hover, .slds-button-group .slds-button--icon-inverse:focus, .slds-button-group .slds-button--icon-inverse:active {
    color: #0070d2
}

.slds-button--inverse:focus, .slds-button-group .slds-button--icon-inverse:focus {
    outline: none;
    box-shadow: 0 0 3px #E0E5EE
}

.slds-button--inverse[disabled], .slds-button-group .slds-button--icon-inverse[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

a.slds-button--inverse:focus {
    outline: none;
    box-shadow: 0 0 3px #E0E5EE
}

.slds-button--destructive {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #c23934;
    border: 1px solid #c23934;
    color: #fff
}

.slds-button--destructive:link, .slds-button--destructive:visited, .slds-button--destructive:active {
    color: #fff
}

.slds-button--destructive:hover, .slds-button--destructive:focus {
    background-color: #a61a14;
    color: #fff
}

.slds-button--destructive:active {
    background-color: #870500;
    border-color: #870500
}

.slds-button--destructive[disabled] {
    background: #e0e5ee;
    border-color: transparent;
    color: #fff
}

.slds-button--success {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    vertical-align: middle;
    background-color: #4bca81;
    border: 1px solid #4bca81;
    color: #fff
}

.slds-button--success:link, .slds-button--success:visited, .slds-button--success:active {
    color: #fff
}

.slds-button--success:hover, .slds-button--success:focus {
    background-color: #04844b;
    color: #fff
}

.slds-button--success:active {
    background-color: #04844b;
    border-color: #04844b
}

.slds-button--neutral.slds-is-selected {
    border-color: transparent;
    background-color: transparent
}

.slds-button--neutral.slds-is-selected:hover:not([disabled]), .slds-button--neutral.slds-is-selected:focus:not([disabled]) {
    border: 1px solid #d8dde6;
    background-color: #f4f6f9
}

.slds-button--neutral.slds-is-selected:active {
    background-color: #eef1f6
}

.slds-button__icon--stateful {
    width: .75rem;
    height: .75rem;
    fill: currentColor
}

.slds-button--inverse.slds-is-selected {
    border-color: transparent
}

.slds-text-not-selected, .slds-text-selected, .slds-text-selected-focus, .slds-is-selected[disabled]:hover .slds-text-selected, .slds-is-selected[disabled]:focus .slds-text-selected {
    display: block
}

.slds-not-selected .slds-text-selected, .slds-not-selected .slds-text-selected-focus, .slds-is-selected .slds-text-not-selected, .slds-is-selected:not(:hover):not(:focus) .slds-text-selected-focus, .slds-is-selected[disabled]:hover .slds-text-selected-focus, .slds-is-selected:hover .slds-text-selected, .slds-is-selected:focus .slds-text-selected {
    display: none
}

.slds-button--icon, .slds-button--icon-inverse, .slds-button--icon-container, .slds-button--icon-border, .slds-button--icon-border-filled, .slds-button--icon-border-inverse, .slds-button--icon-more, .slds-button--icon-error {
    line-height: 1;
    vertical-align: middle;
    color: #54698d
}

.slds-button--icon-bare {
    line-height: 1;
    vertical-align: middle;
    color: #54698d
}

.slds-button--icon-border[disabled]:hover, .slds-button--icon-border[disabled]:focus {
    background-color: transparent
}

.slds-button--icon-border-filled, .slds-button--icon-border {
    border: 1px solid #d8dde6
}

.slds-button--icon-border-filled:hover, .slds-button--icon-border-filled:focus, .slds-button--icon-border:hover, .slds-button--icon-border:focus {
    background-color: #f4f6f9
}

.slds-button--icon-border-filled:active, .slds-button--icon-border:active {
    background-color: #eef1f6
}

.slds-button--icon-border-inverse {
    border: 1px solid #d8dde6
}

.slds-button--icon-container, .slds-button--icon-border, .slds-button--icon-border-filled, .slds-button--icon-border-inverse {
    width: 2rem;
    height: 2rem
}

.slds-button--icon-border-filled {
    background-color: #fff
}

.slds-button--icon-border-filled[disabled] {
    border: 1px solid #d8dde6;
    background-color: #fff
}

.slds-button--icon-more {
    line-height: 1.875rem;
    padding: 0 .5rem;
    vertical-align: middle;
    border: 1px solid #d8dde6
}

.slds-button--icon-more-filled {
    background-color: #fff
}

.slds-button--icon-more:hover, .slds-button--icon-more:focus {
    border: 1px solid #d8dde6
}

.slds-button--icon-more:hover:hover, .slds-button--icon-more:hover:focus, .slds-button--icon-more:focus:hover, .slds-button--icon-more:focus:focus {
    background-color: #f4f6f9
}

.slds-button--icon-more:hover:active, .slds-button--icon-more:focus:active {
    background-color: #eef1f6
}

.slds-button--icon-more:hover .slds-button__icon, .slds-button--icon-more:focus .slds-button__icon {
    fill: #0070d2
}

.slds-button--icon-more:active .slds-button__icon {
    fill: #00396b
}

.slds-button--icon-more[disabled] {
    cursor: default
}

.slds-button--icon-more[disabled] .slds-button__icon {
    fill: #d8dde6
}

.slds-button--icon-container-more {
    line-height: 1.875rem;
    padding: 0 .5rem;
    vertical-align: middle
}

.slds-button--icon-inverse, .slds-button--icon-border-inverse {
    color: #fff
}

.slds-button--icon-inverse:hover, .slds-button--icon-inverse:focus, .slds-button--icon-border-inverse:hover, .slds-button--icon-border-inverse:focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-button--icon-inverse:active, .slds-button--icon-border-inverse:active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-button--icon-inverse[disabled], .slds-button--icon-border-inverse[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-button--icon-error, .slds-button--icon-error:hover, .slds-button--icon-error:active, .slds-button--icon-error:focus {
    color: #c23934
}

.slds-button--icon-border-inverse[disabled] {
    border-color: rgba(255, 255, 255, 0.15)
}

.slds-button--icon-container.slds-is-selected, .slds-button--icon-border.slds-is-selected {
    background-color: #0070d2;
    border: 1px solid #0070d2;
    color: #fff
}

.slds-button--icon-container.slds-is-selected:link, .slds-button--icon-container.slds-is-selected:visited, .slds-button--icon-container.slds-is-selected:active, .slds-button--icon-border.slds-is-selected:link, .slds-button--icon-border.slds-is-selected:visited, .slds-button--icon-border.slds-is-selected:active {
    color: #fff
}

.slds-button--icon-container.slds-is-selected:hover, .slds-button--icon-container.slds-is-selected:focus, .slds-button--icon-border.slds-is-selected:hover, .slds-button--icon-border.slds-is-selected:focus {
    background-color: #005fb2;
    color: #fff
}

.slds-button--icon-container.slds-is-selected:active, .slds-button--icon-border.slds-is-selected:active {
    background-color: #00396b
}

.slds-button--icon-container.slds-is-selected .slds-button__icon, .slds-button--icon-border.slds-is-selected .slds-button__icon {
    fill: #fff
}

.slds-button--icon-container.slds-is-selected:hover .slds-button__icon, .slds-button--icon-container.slds-is-selected:focus .slds-button__icon, .slds-button--icon-border.slds-is-selected:hover .slds-button__icon, .slds-button--icon-border.slds-is-selected:focus .slds-button__icon {
    fill: #fff
}

.slds-button--icon-small {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: .125rem
}

.slds-button--icon-x-small {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: .125rem;
    line-height: 1
}

.slds-button--icon-x-small .slds-button__icon {
    width: .75rem;
    height: .75rem
}

.slds-button--icon-xx-small {
    width: 1rem;
    height: 1rem;
    border-radius: .125rem;
    line-height: 1
}

.slds-button--icon-xx-small .slds-button__icon {
    width: .5rem;
    height: .5rem
}

.slds-button__icon {
    width: .875rem;
    height: .875rem;
    fill: currentColor
}

.slds-button__icon--large {
    width: 1.5rem;
    height: 1.5rem
}

.slds-button__icon--small {
    width: .75rem;
    height: .75rem
}

.slds-button__icon--x-small {
    width: .5rem;
    height: .5rem
}

.slds-button__icon--hint {
    fill: #9faab5
}

.slds-button__icon--inverse-hint {
    fill: rgba(255, 255, 255, 0.5)
}

.slds-hint-parent .slds-button--icon-border-inverse {
    border-color: rgba(255, 255, 255, 0.5)
}

.slds-hint-parent .slds-button--icon-border-inverse:focus {
    border-color: rgba(255, 255, 255, 0.75)
}

.slds-hint-parent:hover .slds-button--icon-border-inverse, .slds-hint-parent:focus .slds-button--icon-border-inverse {
    border-color: rgba(255, 255, 255, 0.75)
}

.slds-hint-parent:hover .slds-button__icon--hint, .slds-hint-parent:focus .slds-button__icon--hint {
    fill: #54698d
}

.slds-hint-parent:hover .slds-button__icon--inverse-hint, .slds-hint-parent:focus .slds-button__icon--inverse-hint {
    fill: rgba(255, 255, 255, 0.75)
}

.slds-form-element {
    position: relative
}

.slds-form-element__helper {
    font-size: .75rem
}

.slds-form-element__label {
    display: inline-block;
    color: #54698d;
    font-size: .75rem;
    line-height: 1.5;
    margin-right: .75rem;
    margin-bottom: .25rem
}

.slds-form-element__label:empty {
    margin: 0
}

.slds-form-element__control .slds-radio, .slds-form-element__control .slds-checkbox {
    display: block
}

.slds-form-element__icon {
    display: inline-block;
    position: relative
}

.slds-form-element__help {
    font-size: .75rem;
    margin-top: .5rem;
    display: block
}

.slds-form-element__static {
    display: inline-block;
    line-height: 1.875rem;
    min-height: calc(1.875rem + 2px)
}

.slds-form-element__static.slds-text-longform {
    line-height: 1.5
}

.slds-required {
    color: #c23934;
    margin: 0 .125rem
}

.slds-has-error .slds-form-element__help {
    color: #c23934
}

.slds-input {
    background-color: #fff;
    color: #333332;
    border: 1px solid #CBD0D1;
    width: 100%;
    transition: border .1s linear, background-color .1s linear;
    display: inline-block;
    padding: 0 1rem 0 .75rem;
    line-height: 1.875rem;
    min-height: calc(1.875rem + (1px * 2))
}

.slds-input:focus, .slds-input:active {
    outline: 0;
}

.slds-input[disabled], .slds-input.slds-is-disabled {
    background-color: #e0e5ee;
    border-color: #a8b7c7;
    cursor: not-allowed;
    user-select: none
}

.slds-input[disabled]:focus, .slds-input[disabled]:active, .slds-input.slds-is-disabled:focus, .slds-input.slds-is-disabled:active {
    box-shadow: none
}

.slds-input:read-only:hover, .slds-input:read-only:focus {
    background-color: #f4f6f9
}

.slds-input:read-only:active {
    background-color: #eef1f6
}

.slds-input--bare {
    background-color: transparent;
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: .75rem;
    color: #16325c;
    line-height: 1.875rem
}

.slds-input--bare:focus, .slds-input--bare:active {
    outline: 0
}

.slds-input--height {
    min-height: calc(1.875rem + (1px * 2))
}

.slds-input-has-icon {
    position: relative
}

.slds-input-has-icon .slds-input__icon {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    margin-top: -.5rem;
    fill: #9faab5
}

.slds-input-has-icon--left .slds-input__icon {
    left: 1.25rem
}

.slds-input-has-icon--left .slds-input, .slds-input-has-icon--left .slds-input--bare {
    padding-left: 3rem
}

.slds-input-has-icon--right .slds-input__icon {
    right: 1.25rem
}

.slds-input-has-icon--right .slds-input, .slds-input-has-icon--right .slds-input--bare {
    padding-right: 3rem
}

.slds-input-has-icon--left-right .slds-input__icon--left {
    left: 1.25rem
}

.slds-input-has-icon--left-right .slds-input__icon--right {
    right: 1.25rem
}

.slds-input-has-icon--left-right .slds-input, .slds-input-has-icon--left-right .slds-input--bare {
    padding: 0 3rem
}

.slds-input-has-fixed-addon {
    display: flex
}

.slds-form-element__addon {
    display: inline-block;
    margin: 0 .5rem;
    align-self: center
}

.slds-has-error .slds-input {
    background-color: #fff;
    border-color: #c23934;
    box-shadow: #c23934 0 0 0 1px inset;
    background-clip: padding-box
}

.slds-has-error .slds-input:focus, .slds-has-error .slds-input:active {
    box-shadow: #c23934 0 0 0 1px inset, 0 0 3px #0070D2
}

.slds-has-error .slds-input__icon {
    fill: #c23934
}

.slds-navigation-list--vertical .slds-is-active {
    color: #0070d2
}

.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action {
    background-color: #f0f8fc;
    border-color: #d8dde6;
    border-left-color: #005fb2
}

.slds-navigation-list--vertical .slds-is-active .slds-navigation-list--vertical__action:focus {
    border-left-width: .5rem;
    color: #005fb2
}

.slds-navigation-list--vertical__action {
    display: block;
    border-left: .25rem solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: .5rem 1.5rem
}

.slds-navigation-list--vertical__action:hover, .slds-navigation-list--vertical__action:focus {
    outline: 0;
    background-color: #f4f6f9
}

.slds-navigation-list--vertical__action:active {
    background-color: #eef1f6
}

.slds-navigation-list--vertical-inverse .slds-is-active .slds-navigation-list--vertical__action {
    background-color: #fff
}

.slds-grid {
    display: flex
}

.slds-grid--frame {
    min-width: 100vw;
    min-height: 100vh;
    overflow: hidden
}

.slds-grid--vertical {
    flex-direction: column
}

.slds-grid--vertical-reverse {
    flex-direction: column-reverse
}

.slds-grid--reverse {
    flex-direction: row-reverse
}

.slds-col, [class*="slds-col--padded"] {
    flex: 1 1 auto
}

.slds-col--padded {
    padding-right: .75rem;
    padding-left: .75rem
}

.slds-col--padded-medium {
    padding-right: 1rem;
    padding-left: 1rem
}

.slds-col--padded-large {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.slds-col--padded-around {
    padding: .75rem
}

.slds-col--padded-around-medium {
    padding: 1rem
}

.slds-col--padded-around-large {
    padding: 1.5rem
}

.slds-grid--pull-padded {
    margin-right: -.75rem;
    margin-left: -.75rem
}

.slds-grid--pull-padded-xxx-small {
    margin-right: -.125rem;
    margin-left: -.125rem
}

.slds-grid--pull-padded-xx-small {
    margin-right: -.25rem;
    margin-left: -.25rem
}

.slds-grid--pull-padded-x-small {
    margin-right: -.5rem;
    margin-left: -.5rem
}

.slds-grid--pull-padded-medium {
    margin-right: -1rem;
    margin-left: -1rem
}

.slds-grid--pull-padded-large {
    margin-right: -1.5rem;
    margin-left: -1.5rem
}

@media (min-width: 64em) {
    .slds-col-rule--top {
        border-top: 1px solid #f4f6f9
    }

    .slds-col-rule--right {
        border-right: 1px solid #f4f6f9
    }

    .slds-col-rule--bottom {
        border-bottom: 1px solid #f4f6f9
    }

    .slds-col-rule--left {
        border-left: 1px solid #f4f6f9
    }
}

@media (min-width: 64em) {
    .slds-col--rule-top {
        border-top: 1px solid #f4f6f9
    }

    .slds-col--rule-right {
        border-right: 1px solid #f4f6f9
    }

    .slds-col--rule-bottom {
        border-bottom: 1px solid #f4f6f9
    }

    .slds-col--rule-left {
        border-left: 1px solid #f4f6f9
    }
}

.slds-wrap {
    flex-wrap: wrap;
    align-items: flex-start
}

.slds-nowrap {
    flex: 1 1 auto;
    flex-wrap: nowrap;
    align-items: stretch
}

@media (min-width: 30em) {
    .slds-nowrap--small {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 48em) {
    .slds-nowrap--medium {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 64em) {
    .slds-nowrap--large {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 20em) {
    .slds-x-small-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 30em) {
    .slds-small-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 48em) {
    .slds-medium-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

@media (min-width: 64em) {
    .slds-large-nowrap {
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: stretch
    }
}

.slds-has-flexi-truncate {
    flex: 1 1 0%;
    min-width: 0
}

.slds-no-flex {
    flex: none
}

.slds-no-space {
    min-width: 0
}

.slds-grow {
    flex-grow: 1
}

.slds-grow-none {
    flex-grow: 0
}

.slds-shrink {
    flex-shrink: 1
}

.slds-shrink-none {
    flex-shrink: 0
}

.slds-text-longform ul.slds-grid {
    margin-left: 0;
    list-style: none
}

.slds-grid--align-center {
    justify-content: center
}

.slds-grid--align-center .slds-col, .slds-grid--align-center [class*="slds-col--padded"] {
    flex-grow: 0
}

.slds-grid--align-space {
    justify-content: space-around
}

.slds-grid--align-space .slds-col, .slds-grid--align-space [class*="slds-col--padded"] {
    flex-grow: 0
}

.slds-grid--align-spread {
    justify-content: space-between
}

.slds-grid--align-spread .slds-col, .slds-grid--align-spread [class*="slds-col--padded"] {
    flex-grow: 0
}

.slds-grid--align-end {
    justify-content: flex-end
}

.slds-grid--align-end .slds-col, .slds-grid--align-end [class*="slds-col--padded"] {
    flex-grow: 0
}

.slds-grid--vertical-align-start {
    align-items: flex-start;
    align-content: flex-start
}

.slds-grid--vertical-align-center {
    align-items: center;
    align-content: center
}

.slds-grid--vertical-align-end {
    align-items: flex-end;
    align-content: flex-end
}

.slds-align-top {
    vertical-align: top;
    align-self: flex-start
}

.slds-align-middle {
    vertical-align: middle;
    align-self: center
}

.slds-align-bottom {
    vertical-align: bottom;
    align-self: flex-end
}

.slds-align-content-center {
    flex: 1;
    align-self: center;
    justify-content: center
}

.slds-grid--vertical-stretch {
    align-items: stretch;
    align-content: stretch
}

.slds-col--bump-top {
    margin-top: auto
}

.slds-col--bump-right {
    margin-right: auto
}

.slds-col--bump-bottom {
    margin-right: auto
}

.slds-col--bump-left {
    margin-left: auto
}

.slds-container--small {
    max-width: 30rem
}

.slds-container--medium {
    max-width: 48rem
}

.slds-container--large {
    max-width: 64rem
}

.slds-container--x-large {
    max-width: 80rem
}

.slds-container--fluid {
    width: 100%
}

.slds-container--center {
    margin-left: auto;
    margin-right: auto
}

.slds-container--left {
    margin-right: auto
}

.slds-container--right {
    margin-left: auto
}

.slds-grid--overflow {
    flex-flow: row nowrap
}

.slds-grid--overflow .slds-col {
    min-width: 11.25em;
    max-width: 22.5em
}

.slds-align--absolute-center {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    margin: auto
}

.slds-media {
    display: flex;
    align-items: flex-start
}

.slds-media__figure {
    flex-shrink: 0;
    margin-right: .75rem
}

.slds-media__body {
    flex: 1;
    min-width: 0
}

.slds-media__body, .slds-media__body > :last-child {
    margin-bottom: 0
}

.slds-media--small .slds-media__figure {
    margin-right: .25rem
}

.slds-media--large .slds-media__figure {
    margin-right: 1.5rem
}

.slds-media--small .slds-media__figure--reverse {
    margin-left: .25rem
}

.slds-media--large .slds-media__figure--reverse {
    margin-left: 1.5rem
}

.slds-media--center {
    align-items: center
}

.slds-media__figure--reverse {
    margin: 0 0 0 .75rem
}

.slds-media--reverse > .slds-media__figure {
    order: 1
}

.slds-media--reverse.slds-media--small .slds-media__figure {
    margin-left: .25rem
}

.slds-media--double > .slds-media__figure {
    order: 1
}

.slds-media--double .slds-media__figure--reverse {
    order: 3;
    margin: 0 0 0 1rem
}

.slds-media--double .slds-media__body {
    order: 2
}

@media (max-width: 48em) {
    .slds-media--responsive {
        display: block
    }

    .slds-media--responsive .slds-media__figure {
        margin: 0 0 .75rem
    }
}

.slds-m-top--none {
    margin-top: 0 !important
}

.slds-m-right--none {
    margin-right: 0 !important
}

.slds-m-bottom--none {
    margin-bottom: 0 !important
}

.slds-m-left--none {
    margin-left: 0 !important
}

.slds-m-vertical--none {
    margin-top: 0;
    margin-bottom: 0
}

.slds-m-horizontal--none {
    margin-right: 0;
    margin-left: 0
}

.slds-m-around--none {
    margin: 0
}

.slds-m-top--xxx-small {
    margin-top: .125rem
}

.slds-m-right--xxx-small {
    margin-right: .125rem
}

.slds-m-bottom--xxx-small {
    margin-bottom: .125rem
}

.slds-m-left--xxx-small {
    margin-left: .125rem
}

.slds-m-vertical--xxx-small {
    margin-top: .125rem;
    margin-bottom: .125rem
}

.slds-m-horizontal--xxx-small {
    margin-right: .125rem;
    margin-left: .125rem
}

.slds-m-around--xxx-small {
    margin: .125rem
}

.slds-m-top--xx-small {
    margin-top: .25rem
}

.slds-m-right--xx-small {
    margin-right: .25rem
}

.slds-m-bottom--xx-small {
    margin-bottom: .25rem
}

.slds-m-left--xx-small {
    margin-left: .25rem
}

.slds-m-vertical--xx-small {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.slds-m-horizontal--xx-small {
    margin-right: .25rem;
    margin-left: .25rem
}

.slds-m-around--xx-small {
    margin: .25rem
}

.slds-m-top--x-small {
    margin-top: .5rem
}

.slds-m-right--x-small {
    margin-right: .5rem
}

.slds-m-bottom--x-small {
    margin-bottom: .5rem
}

.slds-m-left--x-small {
    margin-left: .5rem
}

.slds-m-vertical--x-small {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.slds-m-horizontal--x-small {
    margin-right: .5rem;
    margin-left: .5rem
}

.slds-m-around--x-small {
    margin: .5rem
}

.slds-m-top--small {
    margin-top: .75rem
}

.slds-m-right--small {
    margin-right: .75rem
}

.slds-m-bottom--small {
    margin-bottom: .75rem
}

.slds-m-left--small {
    margin-left: .75rem
}

.slds-m-vertical--small {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.slds-m-horizontal--small {
    margin-right: .75rem;
    margin-left: .75rem
}

.slds-m-around--small {
    margin: .75rem
}

.slds-m-top--medium {
    margin-top: 1rem
}

.slds-m-right--medium {
    margin-right: 1rem
}

.slds-m-bottom--medium {
    margin-bottom: 1rem
}

.slds-m-left--medium {
    margin-left: 1rem
}

.slds-m-vertical--medium {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.slds-m-horizontal--medium {
    margin-right: 1rem;
    margin-left: 1rem
}

.slds-m-around--medium {
    margin: 1rem
}

.slds-m-top--large {
    margin-top: 1.5rem
}

.slds-m-right--large {
    margin-right: 1.5rem
}

.slds-m-bottom--large {
    margin-bottom: 1.5rem
}

.slds-m-left--large {
    margin-left: 1.5rem
}

.slds-m-vertical--large {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.slds-m-horizontal--large {
    margin-right: 1.5rem;
    margin-left: 1.5rem
}

.slds-m-around--large {
    margin: 1.5rem
}

.slds-m-top--x-large {
    margin-top: 2rem
}

.slds-m-right--x-large {
    margin-right: 2rem
}

.slds-m-bottom--x-large {
    margin-bottom: 2rem
}

.slds-m-left--x-large {
    margin-left: 2rem
}

.slds-m-vertical--x-large {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.slds-m-horizontal--x-large {
    margin-right: 2rem;
    margin-left: 2rem
}

.slds-m-around--x-large {
    margin: 2rem
}

.slds-m-top--xx-large {
    margin-top: 3rem
}

.slds-m-right--xx-large {
    margin-right: 3rem
}

.slds-m-bottom--xx-large {
    margin-bottom: 3rem
}

.slds-m-left--xx-large {
    margin-left: 3rem
}

.slds-m-vertical--xx-large {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.slds-m-horizontal--xx-large {
    margin-right: 3rem;
    margin-left: 3rem
}

.slds-m-around--xx-large {
    margin: 3rem
}

.slds-m-bottom--none {
    margin-bottom: 0
}

.slds-p-top--none {
    padding-top: 0 !important
}

.slds-p-right--none {
    padding-right: 0 !important
}

.slds-p-bottom--none {
    padding-bottom: 0 !important
}

.slds-p-left--none {
    padding-left: 0 !important
}

.slds-p-vertical--none {
    padding-top: 0;
    padding-bottom: 0
}

.slds-p-horizontal--none {
    padding-right: 0;
    padding-left: 0
}

.slds-p-around--none {
    padding: 0
}

.slds-p-top--xxx-small {
    padding-top: .125rem
}

.slds-p-right--xxx-small {
    padding-right: .125rem
}

.slds-p-bottom--xxx-small {
    padding-bottom: .125rem
}

.slds-p-left--xxx-small {
    padding-left: .125rem
}

.slds-p-vertical--xxx-small {
    padding-top: .125rem;
    padding-bottom: .125rem
}

.slds-p-horizontal--xxx-small {
    padding-right: .125rem;
    padding-left: .125rem
}

.slds-p-around--xxx-small {
    padding: .125rem
}

.slds-p-top--xx-small {
    padding-top: .25rem
}

.slds-p-right--xx-small {
    padding-right: .25rem
}

.slds-p-bottom--xx-small {
    padding-bottom: .25rem
}

.slds-p-left--xx-small {
    padding-left: .25rem
}

.slds-p-vertical--xx-small {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.slds-p-horizontal--xx-small {
    padding-right: .25rem;
    padding-left: .25rem
}

.slds-p-around--xx-small {
    padding: .25rem
}

.slds-p-top--x-small {
    padding-top: .5rem
}

.slds-p-right--x-small {
    padding-right: .5rem
}

.slds-p-bottom--x-small {
    padding-bottom: .5rem
}

.slds-p-left--x-small {
    padding-left: .5rem
}

.slds-p-vertical--x-small {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.slds-p-horizontal--x-small {
    padding-right: .5rem;
    padding-left: .5rem
}

.slds-p-around--x-small {
    padding: .5rem
}

.slds-p-top--small {
    padding-top: .75rem
}

.slds-p-right--small {
    padding-right: .75rem
}

.slds-p-bottom--small {
    padding-bottom: .75rem
}

.slds-p-left--small {
    padding-left: .75rem
}

.slds-p-vertical--small {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.slds-p-horizontal--small {
    padding-right: .75rem;
    padding-left: .75rem
}

.slds-p-around--small {
    padding: .75rem
}

.slds-p-top--medium {
    padding-top: 1rem
}

.slds-p-right--medium {
    padding-right: 1rem
}

.slds-p-bottom--medium {
    padding-bottom: 1rem
}

.slds-p-left--medium {
    padding-left: 1rem
}

.slds-p-vertical--medium {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.slds-p-horizontal--medium {
    padding-right: 1rem;
    padding-left: 1rem
}

.slds-p-around--medium {
    padding: 1rem
}

.slds-p-top--large {
    padding-top: 1.5rem
}

.slds-p-right--large {
    padding-right: 1.5rem
}

.slds-p-bottom--large {
    padding-bottom: 1.5rem
}

.slds-p-left--large {
    padding-left: 1.5rem
}

.slds-p-vertical--large {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.slds-p-horizontal--large {
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

.slds-p-around--large {
    padding: 1.5rem
}

.slds-p-top--x-large {
    padding-top: 2rem
}

.slds-p-right--x-large {
    padding-right: 2rem
}

.slds-p-bottom--x-large {
    padding-bottom: 2rem
}

.slds-p-left--x-large {
    padding-left: 2rem
}

.slds-p-vertical--x-large {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.slds-p-horizontal--x-large {
    padding-right: 2rem;
    padding-left: 2rem
}

.slds-p-around--x-large {
    padding: 2rem
}

.slds-p-top--xx-large {
    padding-top: 3rem
}

.slds-p-right--xx-large {
    padding-right: 3rem
}

.slds-p-bottom--xx-large {
    padding-bottom: 3rem
}

.slds-p-left--xx-large {
    padding-left: 3rem
}

.slds-p-vertical--xx-large {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.slds-p-horizontal--xx-large {
    padding-right: 3rem;
    padding-left: 3rem
}

.slds-p-around--xx-large {
    padding: 3rem
}

.slds-float--left {
    float: left
}

.slds-float--right {
    float: right
}

.slds-float--none {
    float: none
}

.slds-clearfix:after {
    content: '';
    display: table;
    clear: both
}

.slds-clear {
    clear: both
}

.slds-text-link--reset {
    cursor: pointer;
    line-height: inherit;
    font-size: inherit
}

.slds-text-link--reset:active {
    outline: none
}

.slds-text-link--reset, .slds-text-link--reset:active, .slds-text-link--reset:focus, .slds-text-link--reset:hover {
    color: inherit;
    text-decoration: inherit
}

.slds-text-link {
    color: #0070d2;
    text-decoration: none;
    transition: color 0.1s linear
}

.slds-text-link:hover, .slds-text-link:focus {
    text-decoration: underline;
    color: #005fb2
}

.slds-text-link:active {
    color: #00396b
}

.slds-has-blur-focus {
    color: currentColor
}

.slds-has-blur-focus:hover, .slds-has-blur-focus:focus, .slds-has-blur-focus:active {
    color: currentColor;
    text-decoration: none
}

.slds-has-blur-focus:focus {
    outline: 0;
    box-shadow: 0 0 3px #0070D2
}

.slds-type-focus {
    border-bottom: 1px solid transparent;
    border-radius: 0;
    color: currentColor;
    cursor: pointer
}

.slds-type-focus:hover, .slds-type-focus:focus {
    color: currentColor;
    border-bottom: 1px solid currentColor
}

.slds-has-block-links a {
    display: block;
    text-decoration: none
}

.slds-has-block-links .slds-is-nested {
    margin-left: 1rem
}

.slds-has-block-links--space .slds-list__item, .slds-has-block-links--space .slds-item {
    padding: 0
}

.slds-has-block-links--space a {
    display: block;
    text-decoration: none;
    padding: .75rem
}

@media (min-width: 48em) {
    .slds-has-block-links--space a {
        padding: .5rem
    }
}

.slds-has-inline-block-links a {
    display: inline-block;
    text-decoration: none
}

.slds-has-inline-block-links--space a {
    display: inline-block;
    text-decoration: none;
    padding: .75rem
}

@media (min-width: 48em) {
    .slds-has-inline-block-links--space a {
        padding: .5rem
    }
}

.slds-list--vertical-space .slds-list__item + .slds-list__item, .slds-list--vertical-space .slds-item + .slds-item {
    margin-top: .5rem
}

.slds-list--vertical-space-medium .slds-list__item + .slds-list__item, .slds-list--vertical-space-medium .slds-item + .slds-item {
    margin-top: 1rem
}

.slds-is-nested {
    margin-left: 1rem
}

.slds-list--dotted {
    margin-left: 1.5rem;
    list-style: disc
}

.slds-list--ordered {
    margin-left: 1.5rem;
    list-style: decimal
}

.slds-has-dividers--top > .slds-list__item, .slds-has-dividers--top > .slds-item {
    border-top: 1px solid #d8dde6
}

.slds-has-dividers--top-space > .slds-list__item, .slds-has-dividers--top-space > .slds-item {
    border-top: 1px solid #d8dde6;
    padding: .75rem
}

@media (min-width: 30em) {
    .slds-has-dividers--top-space > .slds-list__item, .slds-has-dividers--top-space > .slds-item {
        padding: .5rem
    }
}

.slds-has-dividers--bottom > .slds-list__item, .slds-has-dividers--bottom > .slds-item {
    border-bottom: 1px solid #d8dde6
}

.slds-has-dividers--bottom-space > .slds-list__item, .slds-has-dividers--bottom-space > .slds-item {
    border-bottom: 1px solid #d8dde6;
    padding: .75rem
}

@media (min-width: 30em) {
    .slds-has-dividers--bottom-space > .slds-list__item, .slds-has-dividers--bottom-space > .slds-item {
        padding: .5rem
    }
}

.slds-has-dividers--around > .slds-item {
    border: 1px solid #d8dde6;
    border-radius: .25rem;
    background-clip: padding-box
}

.slds-has-dividers--around > .slds-item + .slds-item {
    margin-top: .5rem
}

.slds-has-dividers--around-space > .slds-item {
    border: 1px solid #d8dde6;
    border-radius: .25rem;
    background-clip: padding-box;
    padding: .75rem
}

@media (min-width: 30em) {
    .slds-has-dividers--around-space > .slds-item {
        padding: .5rem
    }
}

.slds-has-dividers--around-space > .slds-item + .slds-item {
    margin-top: .5rem
}

.slds-has-list-interactions > .slds-list__item:hover, .slds-has-list-interactions > .slds-item:hover {
    background-color: #f4f6f9;
    border-color: #d8dde6;
    cursor: pointer
}

.slds-has-list-interactions > .slds-list__item:active, .slds-has-list-interactions > .slds-item:active {
    background-color: #eef1f6;
    box-shadow: #d8dde6 0 -1px 0 inset
}

.slds-has-list-interactions > .slds-list__item.slds-is-selected, .slds-has-list-interactions > .slds-item.slds-is-selected {
    box-shadow: #0070d2 0 0 0 1px inset;
    background-color: #f0f8fc
}

.slds-has-list-interactions > .slds-list__item.slds-is-selected:hover, .slds-has-list-interactions > .slds-list__item.slds-is-selected:focus, .slds-has-list-interactions > .slds-item.slds-is-selected:hover, .slds-has-list-interactions > .slds-item.slds-is-selected:focus {
    box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset
}

.slds-list--vertical.slds-has-dividers > .slds-list__item {
    padding: .5rem;
    border-bottom: 1px solid #d8dde6
}

.slds-list--vertical.slds-has-dividers > .slds-list__item:hover {
    background-color: #f4f6f9;
    border-color: #d8dde6;
    cursor: pointer
}

.slds-list--vertical.slds-has-dividers > .slds-list__item:active {
    background-color: #eef1f6;
    box-shadow: #d8dde6 0 -1px 0 inset
}

.slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected {
    box-shadow: #0070d2 0 0 0 1px inset;
    background-color: #f0f8fc
}

.slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:hover, .slds-list--vertical.slds-has-dividers > .slds-list__item.slds-is-selected:focus {
    box-shadow: #1589ee 0 -2px 0 inset, #1589ee 0 0 0 1px inset
}

.slds-has-cards > .slds-list__item {
    border: 1px solid #d8dde6;
    border-radius: .25rem;
    background-clip: padding-box
}

.slds-has-cards > .slds-list__item + .slds-list__item {
    margin-top: .5rem
}

.slds-has-cards--space > .slds-list__item {
    border: 1px solid #d8dde6;
    border-radius: .25rem;
    background-clip: padding-box;
    padding: .75rem
}

@media (min-width: 30em) {
    .slds-has-cards--space > .slds-list__item {
        padding: .5rem
    }
}

.slds-has-cards--space > .slds-list__item + .slds-list__item {
    margin-top: .5rem
}

.slds-list--horizontal {
    display: flex
}

.slds-list--horizontal > .slds-list__item {
    align-self: center
}

.slds-list--horizontal-large > .slds-list__item > a {
    padding: .75rem 1rem
}

.slds-has-dividers--left > .slds-list__item, .slds-has-dividers--left > .slds-item {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-dividers--left > .slds-list__item:before, .slds-has-dividers--left > .slds-item:before {
    width: 2px;
    height: 2px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c
}

.slds-has-dividers--left > .slds-list__item:first-child, .slds-has-dividers--left > .slds-item:first-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-dividers--left > .slds-list__item:first-child:before, .slds-has-dividers--left > .slds-item:first-child:before {
    content: none
}

.slds-has-dividers--right > .slds-list__item, .slds-has-dividers--right > .slds-item {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-dividers--right > .slds-list__item:after, .slds-has-dividers--right > .slds-item:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c
}

.slds-has-dividers--right > .slds-list__item:last-child, .slds-has-dividers--right > .slds-item:last-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-dividers--right > .slds-list__item:last-child:after, .slds-has-dividers--right > .slds-item:last-child:after {
    content: none
}

.slds-list--horizontal.slds-has-dividers > .slds-list__item {
    position: relative;
    display: flex;
    align-items: center
}

.slds-list--horizontal.slds-has-dividers > .slds-list__item:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c
}

.slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child {
    margin-right: 0;
    padding-right: 0
}

.slds-list--horizontal.slds-has-dividers > .slds-list__item:last-child:after {
    content: none
}

.slds-has-divider {
    margin-top: .5rem;
    padding-top: .5rem;
    border-top: 1px solid #d8dde6
}

.slds-has-divider--top {
    border-top: 1px solid #d8dde6
}

.slds-has-divider--top-space {
    border-top: 1px solid #d8dde6;
    margin-top: .5rem;
    padding-top: .5rem
}

.slds-has-divider--right {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-divider--right:after {
    width: 2px;
    height: 2px;
    content: '';
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c
}

.slds-has-divider--right:last-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-divider--right:last-child:after {
    content: none
}

.slds-has-divider--bottom {
    border-bottom: 1px solid #d8dde6
}

.slds-has-divider--bottom-space {
    border-bottom: 1px solid #d8dde6;
    margin-bottom: .5rem;
    padding-bottom: .5rem
}

.slds-has-divider--left {
    position: relative;
    display: flex;
    align-items: center
}

.slds-has-divider--left:before {
    width: 2px;
    height: 2px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: 50%;
    background-color: #16325c
}

.slds-has-divider--left:first-child {
    margin-right: 0;
    padding-right: 0
}

.slds-has-divider--left:first-child:before {
    content: none
}

.slds-dl--inline:after {
    content: '';
    display: table;
    clear: both
}

@media (min-width: 48em) {
    .slds-dl--inline__label {
        float: left;
        clear: left
    }

    .slds-dl--inline__detail {
        float: left;
        padding-left: .25rem
    }
}

@media (min-width: 48em) {
    .slds-dl--horizontal {
        flex-wrap: wrap;
        align-items: flex-start;
        display: flex
    }

    .slds-dl--horizontal__label {
        width: 30%;
        padding-right: .75rem
    }

    .slds-dl--horizontal__detail {
        width: 70%
    }
}

.slds-list--horizontal .slds-item--label {
    width: 30%;
    padding-right: .75rem
}

.slds-list--horizontal .slds-item--detail {
    width: 70%
}

.slds-list--vertical .slds-item--label, .slds-list--vertical .slds-item--detail {
    display: block
}

.slds-list--inline {
    display: inline-flex;
    max-width: 100%
}

.slds-list--inline .slds-item--label {
    max-width: 180px;
    padding-right: .75rem;
    flex-shrink: 0
}

.slds-list--inline .slds-item--label ~ .slds-item--label {
    padding-left: 1rem
}

.slds-list--inline .slds-item--detail {
    min-width: 0
}

.slds-border--bottom {
    border-bottom: 1px solid #d8dde6
}

.slds-border--left {
    border-left: 1px solid #d8dde6
}

.slds-border--right {
    border-right: 1px solid #d8dde6
}

.slds-border--top {
    border-top: 1px solid #d8dde6
}

.slds-truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.slds-truncate_container--25 {
    max-width: 25%
}

.slds-truncate_container--50 {
    max-width: 50%
}

.slds-truncate_container--75 {
    max-width: 75%
}

.slds-truncate_container--33 {
    max-width: 33%
}

.slds-truncate_container--66 {
    max-width: 66%
}

.slds-hyphenate {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto
}

.slds-box {
    padding: 1rem;
    border-radius: .25rem;
    border: 1px solid #d8dde6
}

.slds-box--xx-small {
    padding: .25rem
}

.slds-box--x-small {
    padding: .5rem
}

.slds-box--small {
    padding: .75rem
}

.slds-box--border {
    padding: 0;
    border-radius: .25rem;
    border: 1px solid #d8dde6
}

.slds-theme--default {
    background-color: #fff;
    color: #16325c
}

.slds-theme--shade {
    background-color: #f4f6f9
}

.slds-theme--inverse {
    background-color: #061c3f;
    color: #fff;
    border-color: #061c3f
}

.slds-theme--inverse a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--inverse a:not(.slds-button--neutral):link, .slds-theme--inverse a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--inverse a:not(.slds-button--neutral):hover, .slds-theme--inverse a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--inverse a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--inverse a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--alt-inverse {
    background-color: #16325c;
    color: #fff;
    border-color: #16325c
}

.slds-theme--alt-inverse a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--alt-inverse a:not(.slds-button--neutral):link, .slds-theme--alt-inverse a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--alt-inverse a:not(.slds-button--neutral):hover, .slds-theme--alt-inverse a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--alt-inverse a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--alt-inverse a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--success {
    color: #fff;
    background-color: rgba(4, 132, 75, 0.95)
}

.slds-theme--success a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--success a:not(.slds-button--neutral):link, .slds-theme--success a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--success a:not(.slds-button--neutral):hover, .slds-theme--success a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--success a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--success a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--info {
    color: #fff;
    background-color: rgba(84, 105, 141, 0.95)
}

.slds-theme--info a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--info a:not(.slds-button--neutral):link, .slds-theme--info a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--info a:not(.slds-button--neutral):hover, .slds-theme--info a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--info a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--info a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--warning {
    background-color: #ffb75d;
    color: #16325c
}

.slds-theme--warning .slds-button__icon {
    fill: #54698d
}

.slds-theme--error {
    color: #fff;
    background-color: rgba(194, 57, 52, 0.95)
}

.slds-theme--error a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--error a:not(.slds-button--neutral):link, .slds-theme--error a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--error a:not(.slds-button--neutral):hover, .slds-theme--error a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--error a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--error a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--offline {
    color: #fff;
    background-color: #444
}

.slds-theme--offline a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--offline a:not(.slds-button--neutral):link, .slds-theme--offline a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--offline a:not(.slds-button--neutral):hover, .slds-theme--offline a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--offline a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--offline a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--alert-texture {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.025) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.025) 50%, rgba(0, 0, 0, 0.025) 75%, transparent 75%, transparent);
    background-size: 64px 64px
}

.slds-theme--inverse-text {
    color: #fff
}

.slds-theme--inverse-text a:not(.slds-button--neutral) {
    color: #fff;
    text-decoration: underline
}

.slds-theme--inverse-text a:not(.slds-button--neutral):link, .slds-theme--inverse-text a:not(.slds-button--neutral):visited {
    color: #fff
}

.slds-theme--inverse-text a:not(.slds-button--neutral):hover, .slds-theme--inverse-text a:not(.slds-button--neutral):focus {
    color: rgba(255, 255, 255, 0.75)
}

.slds-theme--inverse-text a:not(.slds-button--neutral):active {
    color: rgba(255, 255, 255, 0.5)
}

.slds-theme--inverse-text a:not(.slds-button--neutral)[disabled] {
    color: rgba(255, 255, 255, 0.15)
}

.slds-theme--default .slds-text-body--small, .slds-theme--shade .slds-text-body--small, .slds-theme--inverse .slds-text-body--small, .slds-theme--alt-inverse .slds-text-body--small, .slds-theme--success .slds-text-body--small, .slds-theme--info .slds-text-body--small, .slds-theme--warning .slds-text-body--small, .slds-theme--error .slds-text-body--small, .slds-theme--offline .slds-text-body--small, .slds-theme--alert-texture .slds-text-body--small, .slds-theme--inverse-text .slds-text-body--small {
    color: inherit
}

.slds-text-body--regular {
    font-size: .8125rem
}

.slds-text-body--small {
    font-size: .75rem
}

.slds-text-heading--large {
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 1.25
}

.slds-text-heading--medium {
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.25;
}

.slds-text-heading--small {
    font-size: 1rem;
    line-height: 1.25;
    color: #FF6633;
}

.slds-text-heading--label {
    font-size: .75rem;
    line-height: 1.25;
    color: #54698d;
    text-transform: uppercase;
    letter-spacing: 0.0625rem
}

.slds-text-heading--label-normal {
    font-size: .75rem;
    line-height: 1.25;
}

.slds-text-title {
    font-size: .75rem;
    line-height: 1.25;
}

.slds-text-title--caps {
    font-size: .75rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    font-weight: bold;
}

.slds-line-height--reset {
    line-height: 1
}

.slds-text-color--default {
}

.slds-text-color--weak {
}

.slds-text-color--error {
}

.slds-text-color--inverse {
    color: #fff
}

.slds-text-color--inverse-weak {
}

.slds-text-align--left {
    text-align: left
}

.slds-text-align--center {
    text-align: center
}

.slds-text-align--right {
    text-align: right
}

.slds-text-longform h1, .slds-text-longform h2, .slds-text-longform h3, .slds-text-longform p, .slds-text-longform ul, .slds-text-longform ol, .slds-text-longform dl, .slds-text-longform img {
    margin-bottom: .75rem
}

.slds-text-longform ul {
    margin-left: 1.5rem;
    list-style: disc
}

.slds-text-longform ul ul {
    list-style: circle
}

.slds-text-longform ul ul ul {
    list-style: square
}

.slds-text-longform ol {
    margin-left: 1.5rem;
    list-style: decimal
}

.slds-text-longform ol ol {
    list-style: lower-alpha
}

.slds-text-longform ol ol ol {
    list-style: lower-roman
}

.slds-text-longform .slds-video {
    display: block;
    max-width: 100%
}

.slds-text-longform .slds-video.slds-video--center {
    margin: 0 auto
}

.slds-text-longform .slds-video.slds-video--right {
    margin: 0 0 0 auto
}

.slds-section {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.slds-section__title {
    display: flex;
    align-items: center;
    font-size: 1rem
}

.slds-section__title-action {
    display: flex;
    align-items: center;
    background: #f4f6f9;
    cursor: pointer;
    width: 100%;
    text-align: left;
    color: currentColor;
    font-size: inherit;
    padding: 0 .5rem
}

.slds-section__title-action:hover, .slds-section__title-action:focus, .slds-section__title-action:active {
    background: #eef1f6;
    color: inherit
}

.slds-section__content {
    visibility: hidden;
    opacity: 0;
    height: 0
}

.slds-section__title-action-icon {
    transform: rotate(-90deg)
}

.slds-section.slds-is-open .slds-section__title-action-icon {
    transform: rotate(0deg);
    transform-origin: 45%
}

.slds-section.slds-is-open .slds-section__content {
    padding-top: .75rem;
    visibility: visible;
    opacity: 1;
    height: auto
}

.slds-section-title {
    font-size: 1rem
}

.slds-section-title > a {
    display: inline-block;
    color: #16325c
}

.slds-section-title > a:hover, .slds-section-title > a:focus {
    color: #005fb2
}

.slds-section-title > a:focus {
    box-shadow: 0 0 3px #0070D2
}

.slds-section-title > a:active {
    color: #16325c
}

.slds-section-title .slds-icon {
    width: 1rem;
    height: 1rem;
    fill: currentColor
}

.slds-section-title .slds-section-group--is-closed .slds-icon {
    transform: rotate(-90deg)
}

.slds-section-title--divider {
    font-size: .75rem;
    line-height: 1.25;
    color: #54698d;
    text-transform: uppercase;
    letter-spacing: 0.0625rem;
    padding: .75rem 1rem;
    background: #f4f6f9
}

.slds-scrollable {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.slds-scrollable--none {
    overflow: hidden
}

.slds-scrollable--y {
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.slds-scrollable--x {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.slds-size--xx-small {
    width: 6rem
}

.slds-size--x-small {
    width: 12rem
}

.slds-size--small {
    width: 15rem
}

.slds-size--medium {
    width: 20rem
}

.slds-size--large {
    width: 25rem
}

.slds-size--x-large {
    width: 40rem
}

.slds-size--xx-large {
    width: 60rem
}

.slds-size--1-of-1 {
    width: 100%
}

.slds-size--1-of-2 {
    width: 50%
}

.slds-size--2-of-2 {
    width: 100%
}

.slds-size--1-of-3 {
    width: 33.33333%
}

.slds-size--2-of-3 {
    width: 66.66667%
}

.slds-size--3-of-3 {
    width: 100%
}

.slds-size--1-of-4 {
    width: 25%
}

.slds-size--2-of-4 {
    width: 50%
}

.slds-size--3-of-4 {
    width: 75%
}

.slds-size--4-of-4 {
    width: 100%
}

.slds-size--1-of-5 {
    width: 20%
}

.slds-size--2-of-5 {
    width: 40%
}

.slds-size--3-of-5 {
    width: 60%
}

.slds-size--4-of-5 {
    width: 80%
}

.slds-size--5-of-5 {
    width: 100%
}

.slds-size--1-of-6 {
    width: 16.66667%
}

.slds-size--2-of-6 {
    width: 33.33333%
}

.slds-size--3-of-6 {
    width: 50%
}

.slds-size--4-of-6 {
    width: 66.66667%
}

.slds-size--5-of-6 {
    width: 83.33333%
}

.slds-size--6-of-6 {
    width: 100%
}

.slds-size--1-of-7 {
    width: 14.28571%
}

.slds-size--2-of-7 {
    width: 28.57143%
}

.slds-size--3-of-7 {
    width: 42.85714%
}

.slds-size--4-of-7 {
    width: 57.14286%
}

.slds-size--5-of-7 {
    width: 71.42857%
}

.slds-size--6-of-7 {
    width: 85.71429%
}

.slds-size--7-of-7 {
    width: 100%
}

.slds-size--1-of-8 {
    width: 12.5%
}

.slds-size--2-of-8 {
    width: 25%
}

.slds-size--3-of-8 {
    width: 37.5%
}

.slds-size--4-of-8 {
    width: 50%
}

.slds-size--5-of-8 {
    width: 62.5%
}

.slds-size--6-of-8 {
    width: 75%
}

.slds-size--7-of-8 {
    width: 87.5%
}

.slds-size--8-of-8 {
    width: 100%
}

.slds-size--1-of-12 {
    width: 8.33333%
}

.slds-size--2-of-12 {
    width: 16.66667%
}

.slds-size--3-of-12 {
    width: 25%
}

.slds-size--4-of-12 {
    width: 33.33333%
}

.slds-size--5-of-12 {
    width: 41.66667%
}

.slds-size--6-of-12 {
    width: 50%
}

.slds-size--7-of-12 {
    width: 58.33333%
}

.slds-size--8-of-12 {
    width: 66.66667%
}

.slds-size--9-of-12 {
    width: 75%
}

.slds-size--10-of-12 {
    width: 83.33333%
}

.slds-size--11-of-12 {
    width: 91.66667%
}

.slds-size--12-of-12 {
    width: 100%
}

.slds-order--1 {
    order: 1
}

.slds-order--2 {
    order: 2
}

.slds-order--3 {
    order: 3
}

.slds-order--4 {
    order: 4
}

.slds-order--5 {
    order: 5
}

.slds-order--6 {
    order: 6
}

.slds-order--7 {
    order: 7
}

.slds-order--8 {
    order: 8
}

.slds-order--9 {
    order: 9
}

.slds-order--10 {
    order: 10
}

.slds-order--11 {
    order: 11
}

.slds-order--12 {
    order: 12
}

@media (min-width: 20em) {
    .slds-x-small-size--xx-small {
        width: 6rem
    }

    .slds-x-small-size--x-small {
        width: 12rem
    }

    .slds-x-small-size--small {
        width: 15rem
    }

    .slds-x-small-size--medium {
        width: 20rem
    }

    .slds-x-small-size--large {
        width: 25rem
    }

    .slds-x-small-size--x-large {
        width: 40rem
    }

    .slds-x-small-size--xx-large {
        width: 60rem
    }

    .slds-x-small-size--1-of-1 {
        width: 100%
    }

    .slds-x-small-size--1-of-2 {
        width: 50%
    }

    .slds-x-small-size--2-of-2 {
        width: 100%
    }

    .slds-x-small-size--1-of-3 {
        width: 33.33333%
    }

    .slds-x-small-size--2-of-3 {
        width: 66.66667%
    }

    .slds-x-small-size--3-of-3 {
        width: 100%
    }

    .slds-x-small-size--1-of-4 {
        width: 25%
    }

    .slds-x-small-size--2-of-4 {
        width: 50%
    }

    .slds-x-small-size--3-of-4 {
        width: 75%
    }

    .slds-x-small-size--4-of-4 {
        width: 100%
    }

    .slds-x-small-size--1-of-5 {
        width: 20%
    }

    .slds-x-small-size--2-of-5 {
        width: 40%
    }

    .slds-x-small-size--3-of-5 {
        width: 60%
    }

    .slds-x-small-size--4-of-5 {
        width: 80%
    }

    .slds-x-small-size--5-of-5 {
        width: 100%
    }

    .slds-x-small-size--1-of-6 {
        width: 16.66667%
    }

    .slds-x-small-size--2-of-6 {
        width: 33.33333%
    }

    .slds-x-small-size--3-of-6 {
        width: 50%
    }

    .slds-x-small-size--4-of-6 {
        width: 66.66667%
    }

    .slds-x-small-size--5-of-6 {
        width: 83.33333%
    }

    .slds-x-small-size--6-of-6 {
        width: 100%
    }

    .slds-x-small-size--1-of-7 {
        width: 14.28571%
    }

    .slds-x-small-size--2-of-7 {
        width: 28.57143%
    }

    .slds-x-small-size--3-of-7 {
        width: 42.85714%
    }

    .slds-x-small-size--4-of-7 {
        width: 57.14286%
    }

    .slds-x-small-size--5-of-7 {
        width: 71.42857%
    }

    .slds-x-small-size--6-of-7 {
        width: 85.71429%
    }

    .slds-x-small-size--7-of-7 {
        width: 100%
    }

    .slds-x-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-x-small-size--2-of-8 {
        width: 25%
    }

    .slds-x-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-x-small-size--4-of-8 {
        width: 50%
    }

    .slds-x-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-x-small-size--6-of-8 {
        width: 75%
    }

    .slds-x-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-x-small-size--8-of-8 {
        width: 100%
    }

    .slds-x-small-size--1-of-12 {
        width: 8.33333%
    }

    .slds-x-small-size--2-of-12 {
        width: 16.66667%
    }

    .slds-x-small-size--3-of-12 {
        width: 25%
    }

    .slds-x-small-size--4-of-12 {
        width: 33.33333%
    }

    .slds-x-small-size--5-of-12 {
        width: 41.66667%
    }

    .slds-x-small-size--6-of-12 {
        width: 50%
    }

    .slds-x-small-size--7-of-12 {
        width: 58.33333%
    }

    .slds-x-small-size--8-of-12 {
        width: 66.66667%
    }

    .slds-x-small-size--9-of-12 {
        width: 75%
    }

    .slds-x-small-size--10-of-12 {
        width: 83.33333%
    }

    .slds-x-small-size--11-of-12 {
        width: 91.66667%
    }

    .slds-x-small-size--12-of-12 {
        width: 100%
    }

    .slds-x-small-order--1 {
        order: 1
    }

    .slds-x-small-order--2 {
        order: 2
    }

    .slds-x-small-order--3 {
        order: 3
    }

    .slds-x-small-order--4 {
        order: 4
    }

    .slds-x-small-order--5 {
        order: 5
    }

    .slds-x-small-order--6 {
        order: 6
    }

    .slds-x-small-order--7 {
        order: 7
    }

    .slds-x-small-order--8 {
        order: 8
    }

    .slds-x-small-order--9 {
        order: 9
    }

    .slds-x-small-order--10 {
        order: 10
    }

    .slds-x-small-order--11 {
        order: 11
    }

    .slds-x-small-order--12 {
        order: 12
    }
}

@media (max-width: 20em) {
    .slds-max-x-small-size--xx-small {
        width: 6rem
    }

    .slds-max-x-small-size--x-small {
        width: 12rem
    }

    .slds-max-x-small-size--small {
        width: 15rem
    }

    .slds-max-x-small-size--medium {
        width: 20rem
    }

    .slds-max-x-small-size--large {
        width: 25rem
    }

    .slds-max-x-small-size--x-large {
        width: 40rem
    }

    .slds-max-x-small-size--xx-large {
        width: 60rem
    }

    .slds-max-x-small-size--1-of-1 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-2 {
        width: 50%
    }

    .slds-max-x-small-size--2-of-2 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-3 {
        width: 33.33333%
    }

    .slds-max-x-small-size--2-of-3 {
        width: 66.66667%
    }

    .slds-max-x-small-size--3-of-3 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-4 {
        width: 25%
    }

    .slds-max-x-small-size--2-of-4 {
        width: 50%
    }

    .slds-max-x-small-size--3-of-4 {
        width: 75%
    }

    .slds-max-x-small-size--4-of-4 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-5 {
        width: 20%
    }

    .slds-max-x-small-size--2-of-5 {
        width: 40%
    }

    .slds-max-x-small-size--3-of-5 {
        width: 60%
    }

    .slds-max-x-small-size--4-of-5 {
        width: 80%
    }

    .slds-max-x-small-size--5-of-5 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-6 {
        width: 16.66667%
    }

    .slds-max-x-small-size--2-of-6 {
        width: 33.33333%
    }

    .slds-max-x-small-size--3-of-6 {
        width: 50%
    }

    .slds-max-x-small-size--4-of-6 {
        width: 66.66667%
    }

    .slds-max-x-small-size--5-of-6 {
        width: 83.33333%
    }

    .slds-max-x-small-size--6-of-6 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-7 {
        width: 14.28571%
    }

    .slds-max-x-small-size--2-of-7 {
        width: 28.57143%
    }

    .slds-max-x-small-size--3-of-7 {
        width: 42.85714%
    }

    .slds-max-x-small-size--4-of-7 {
        width: 57.14286%
    }

    .slds-max-x-small-size--5-of-7 {
        width: 71.42857%
    }

    .slds-max-x-small-size--6-of-7 {
        width: 85.71429%
    }

    .slds-max-x-small-size--7-of-7 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-x-small-size--2-of-8 {
        width: 25%
    }

    .slds-max-x-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-x-small-size--4-of-8 {
        width: 50%
    }

    .slds-max-x-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-x-small-size--6-of-8 {
        width: 75%
    }

    .slds-max-x-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-x-small-size--8-of-8 {
        width: 100%
    }

    .slds-max-x-small-size--1-of-12 {
        width: 8.33333%
    }

    .slds-max-x-small-size--2-of-12 {
        width: 16.66667%
    }

    .slds-max-x-small-size--3-of-12 {
        width: 25%
    }

    .slds-max-x-small-size--4-of-12 {
        width: 33.33333%
    }

    .slds-max-x-small-size--5-of-12 {
        width: 41.66667%
    }

    .slds-max-x-small-size--6-of-12 {
        width: 50%
    }

    .slds-max-x-small-size--7-of-12 {
        width: 58.33333%
    }

    .slds-max-x-small-size--8-of-12 {
        width: 66.66667%
    }

    .slds-max-x-small-size--9-of-12 {
        width: 75%
    }

    .slds-max-x-small-size--10-of-12 {
        width: 83.33333%
    }

    .slds-max-x-small-size--11-of-12 {
        width: 91.66667%
    }

    .slds-max-x-small-size--12-of-12 {
        width: 100%
    }

    .slds-max-x-small-order--1 {
        order: 1
    }

    .slds-max-x-small-order--2 {
        order: 2
    }

    .slds-max-x-small-order--3 {
        order: 3
    }

    .slds-max-x-small-order--4 {
        order: 4
    }

    .slds-max-x-small-order--5 {
        order: 5
    }

    .slds-max-x-small-order--6 {
        order: 6
    }

    .slds-max-x-small-order--7 {
        order: 7
    }

    .slds-max-x-small-order--8 {
        order: 8
    }

    .slds-max-x-small-order--9 {
        order: 9
    }

    .slds-max-x-small-order--10 {
        order: 10
    }

    .slds-max-x-small-order--11 {
        order: 11
    }

    .slds-max-x-small-order--12 {
        order: 12
    }
}

@media (min-width: 30em) {
    .slds-small-size--xx-small {
        width: 6rem
    }

    .slds-small-size--x-small {
        width: 12rem
    }

    .slds-small-size--small {
        width: 15rem
    }

    .slds-small-size--medium {
        width: 20rem
    }

    .slds-small-size--large {
        width: 25rem
    }

    .slds-small-size--x-large {
        width: 40rem
    }

    .slds-small-size--xx-large {
        width: 60rem
    }

    .slds-small-size--1-of-1 {
        width: 100%
    }

    .slds-small-size--1-of-2 {
        width: 50%
    }

    .slds-small-size--2-of-2 {
        width: 100%
    }

    .slds-small-size--1-of-3 {
        width: 33.33333%
    }

    .slds-small-size--2-of-3 {
        width: 66.66667%
    }

    .slds-small-size--3-of-3 {
        width: 100%
    }

    .slds-small-size--1-of-4 {
        width: 25%
    }

    .slds-small-size--2-of-4 {
        width: 50%
    }

    .slds-small-size--3-of-4 {
        width: 75%
    }

    .slds-small-size--4-of-4 {
        width: 100%
    }

    .slds-small-size--1-of-5 {
        width: 20%
    }

    .slds-small-size--2-of-5 {
        width: 40%
    }

    .slds-small-size--3-of-5 {
        width: 60%
    }

    .slds-small-size--4-of-5 {
        width: 80%
    }

    .slds-small-size--5-of-5 {
        width: 100%
    }

    .slds-small-size--1-of-6 {
        width: 16.66667%
    }

    .slds-small-size--2-of-6 {
        width: 33.33333%
    }

    .slds-small-size--3-of-6 {
        width: 50%
    }

    .slds-small-size--4-of-6 {
        width: 66.66667%
    }

    .slds-small-size--5-of-6 {
        width: 83.33333%
    }

    .slds-small-size--6-of-6 {
        width: 100%
    }

    .slds-small-size--1-of-7 {
        width: 14.28571%
    }

    .slds-small-size--2-of-7 {
        width: 28.57143%
    }

    .slds-small-size--3-of-7 {
        width: 42.85714%
    }

    .slds-small-size--4-of-7 {
        width: 57.14286%
    }

    .slds-small-size--5-of-7 {
        width: 71.42857%
    }

    .slds-small-size--6-of-7 {
        width: 85.71429%
    }

    .slds-small-size--7-of-7 {
        width: 100%
    }

    .slds-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-small-size--2-of-8 {
        width: 25%
    }

    .slds-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-small-size--4-of-8 {
        width: 50%
    }

    .slds-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-small-size--6-of-8 {
        width: 75%
    }

    .slds-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-small-size--8-of-8 {
        width: 100%
    }

    .slds-small-size--1-of-12 {
        width: 8.33333%
    }

    .slds-small-size--2-of-12 {
        width: 16.66667%
    }

    .slds-small-size--3-of-12 {
        width: 25%
    }

    .slds-small-size--4-of-12 {
        width: 33.33333%
    }

    .slds-small-size--5-of-12 {
        width: 41.66667%
    }

    .slds-small-size--6-of-12 {
        width: 50%
    }

    .slds-small-size--7-of-12 {
        width: 58.33333%
    }

    .slds-small-size--8-of-12 {
        width: 66.66667%
    }

    .slds-small-size--9-of-12 {
        width: 75%
    }

    .slds-small-size--10-of-12 {
        width: 83.33333%
    }

    .slds-small-size--11-of-12 {
        width: 91.66667%
    }

    .slds-small-size--12-of-12 {
        width: 100%
    }

    .slds-small-order--1 {
        order: 1
    }

    .slds-small-order--2 {
        order: 2
    }

    .slds-small-order--3 {
        order: 3
    }

    .slds-small-order--4 {
        order: 4
    }

    .slds-small-order--5 {
        order: 5
    }

    .slds-small-order--6 {
        order: 6
    }

    .slds-small-order--7 {
        order: 7
    }

    .slds-small-order--8 {
        order: 8
    }

    .slds-small-order--9 {
        order: 9
    }

    .slds-small-order--10 {
        order: 10
    }

    .slds-small-order--11 {
        order: 11
    }

    .slds-small-order--12 {
        order: 12
    }
}

@media (max-width: 30em) {
    .slds-max-small-size--xx-small {
        width: 6rem
    }

    .slds-max-small-size--x-small {
        width: 12rem
    }

    .slds-max-small-size--small {
        width: 15rem
    }

    .slds-max-small-size--medium {
        width: 20rem
    }

    .slds-max-small-size--large {
        width: 25rem
    }

    .slds-max-small-size--x-large {
        width: 40rem
    }

    .slds-max-small-size--xx-large {
        width: 60rem
    }

    .slds-max-small-size--1-of-1 {
        width: 100%
    }

    .slds-max-small-size--1-of-2 {
        width: 50%
    }

    .slds-max-small-size--2-of-2 {
        width: 100%
    }

    .slds-max-small-size--1-of-3 {
        width: 33.33333%
    }

    .slds-max-small-size--2-of-3 {
        width: 66.66667%
    }

    .slds-max-small-size--3-of-3 {
        width: 100%
    }

    .slds-max-small-size--1-of-4 {
        width: 25%
    }

    .slds-max-small-size--2-of-4 {
        width: 50%
    }

    .slds-max-small-size--3-of-4 {
        width: 75%
    }

    .slds-max-small-size--4-of-4 {
        width: 100%
    }

    .slds-max-small-size--1-of-5 {
        width: 20%
    }

    .slds-max-small-size--2-of-5 {
        width: 40%
    }

    .slds-max-small-size--3-of-5 {
        width: 60%
    }

    .slds-max-small-size--4-of-5 {
        width: 80%
    }

    .slds-max-small-size--5-of-5 {
        width: 100%
    }

    .slds-max-small-size--1-of-6 {
        width: 16.66667%
    }

    .slds-max-small-size--2-of-6 {
        width: 33.33333%
    }

    .slds-max-small-size--3-of-6 {
        width: 50%
    }

    .slds-max-small-size--4-of-6 {
        width: 66.66667%
    }

    .slds-max-small-size--5-of-6 {
        width: 83.33333%
    }

    .slds-max-small-size--6-of-6 {
        width: 100%
    }

    .slds-max-small-size--1-of-7 {
        width: 14.28571%
    }

    .slds-max-small-size--2-of-7 {
        width: 28.57143%
    }

    .slds-max-small-size--3-of-7 {
        width: 42.85714%
    }

    .slds-max-small-size--4-of-7 {
        width: 57.14286%
    }

    .slds-max-small-size--5-of-7 {
        width: 71.42857%
    }

    .slds-max-small-size--6-of-7 {
        width: 85.71429%
    }

    .slds-max-small-size--7-of-7 {
        width: 100%
    }

    .slds-max-small-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-small-size--2-of-8 {
        width: 25%
    }

    .slds-max-small-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-small-size--4-of-8 {
        width: 50%
    }

    .slds-max-small-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-small-size--6-of-8 {
        width: 75%
    }

    .slds-max-small-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-small-size--8-of-8 {
        width: 100%
    }

    .slds-max-small-size--1-of-12 {
        width: 8.33333%
    }

    .slds-max-small-size--2-of-12 {
        width: 16.66667%
    }

    .slds-max-small-size--3-of-12 {
        width: 25%
    }

    .slds-max-small-size--4-of-12 {
        width: 33.33333%
    }

    .slds-max-small-size--5-of-12 {
        width: 41.66667%
    }

    .slds-max-small-size--6-of-12 {
        width: 50%
    }

    .slds-max-small-size--7-of-12 {
        width: 58.33333%
    }

    .slds-max-small-size--8-of-12 {
        width: 66.66667%
    }

    .slds-max-small-size--9-of-12 {
        width: 75%
    }

    .slds-max-small-size--10-of-12 {
        width: 83.33333%
    }

    .slds-max-small-size--11-of-12 {
        width: 91.66667%
    }

    .slds-max-small-size--12-of-12 {
        width: 100%
    }

    .slds-max-small-order--1 {
        order: 1
    }

    .slds-max-small-order--2 {
        order: 2
    }

    .slds-max-small-order--3 {
        order: 3
    }

    .slds-max-small-order--4 {
        order: 4
    }

    .slds-max-small-order--5 {
        order: 5
    }

    .slds-max-small-order--6 {
        order: 6
    }

    .slds-max-small-order--7 {
        order: 7
    }

    .slds-max-small-order--8 {
        order: 8
    }

    .slds-max-small-order--9 {
        order: 9
    }

    .slds-max-small-order--10 {
        order: 10
    }

    .slds-max-small-order--11 {
        order: 11
    }

    .slds-max-small-order--12 {
        order: 12
    }
}

@media (min-width: 48em) {
    .slds-medium-size--xx-small {
        width: 6rem
    }

    .slds-medium-size--x-small {
        width: 12rem
    }

    .slds-medium-size--small {
        width: 15rem
    }

    .slds-medium-size--medium {
        width: 20rem
    }

    .slds-medium-size--large {
        width: 25rem
    }

    .slds-medium-size--x-large {
        width: 40rem
    }

    .slds-medium-size--xx-large {
        width: 60rem
    }

    .slds-medium-size--1-of-1 {
        width: 100%
    }

    .slds-medium-size--1-of-2 {
        width: 50%
    }

    .slds-medium-size--2-of-2 {
        width: 100%
    }

    .slds-medium-size--1-of-3 {
        width: 33.33333%
    }

    .slds-medium-size--2-of-3 {
        width: 66.66667%
    }

    .slds-medium-size--3-of-3 {
        width: 100%
    }

    .slds-medium-size--1-of-4 {
        width: 25%
    }

    .slds-medium-size--2-of-4 {
        width: 50%
    }

    .slds-medium-size--3-of-4 {
        width: 75%
    }

    .slds-medium-size--4-of-4 {
        width: 100%
    }

    .slds-medium-size--1-of-5 {
        width: 20%
    }

    .slds-medium-size--2-of-5 {
        width: 40%
    }

    .slds-medium-size--3-of-5 {
        width: 60%
    }

    .slds-medium-size--4-of-5 {
        width: 80%
    }

    .slds-medium-size--5-of-5 {
        width: 100%
    }

    .slds-medium-size--1-of-6 {
        width: 16.66667%
    }

    .slds-medium-size--2-of-6 {
        width: 33.33333%
    }

    .slds-medium-size--3-of-6 {
        width: 50%
    }

    .slds-medium-size--4-of-6 {
        width: 66.66667%
    }

    .slds-medium-size--5-of-6 {
        width: 83.33333%
    }

    .slds-medium-size--6-of-6 {
        width: 100%
    }

    .slds-medium-size--1-of-7 {
        width: 14.28571%
    }

    .slds-medium-size--2-of-7 {
        width: 28.57143%
    }

    .slds-medium-size--3-of-7 {
        width: 42.85714%
    }

    .slds-medium-size--4-of-7 {
        width: 57.14286%
    }

    .slds-medium-size--5-of-7 {
        width: 71.42857%
    }

    .slds-medium-size--6-of-7 {
        width: 85.71429%
    }

    .slds-medium-size--7-of-7 {
        width: 100%
    }

    .slds-medium-size--1-of-8 {
        width: 12.5%
    }

    .slds-medium-size--2-of-8 {
        width: 25%
    }

    .slds-medium-size--3-of-8 {
        width: 37.5%
    }

    .slds-medium-size--4-of-8 {
        width: 50%
    }

    .slds-medium-size--5-of-8 {
        width: 62.5%
    }

    .slds-medium-size--6-of-8 {
        width: 75%
    }

    .slds-medium-size--7-of-8 {
        width: 87.5%
    }

    .slds-medium-size--8-of-8 {
        width: 100%
    }

    .slds-medium-size--1-of-12 {
        width: 8.33333%
    }

    .slds-medium-size--2-of-12 {
        width: 16.66667%
    }

    .slds-medium-size--3-of-12 {
        width: 25%
    }

    .slds-medium-size--4-of-12 {
        width: 33.33333%
    }

    .slds-medium-size--5-of-12 {
        width: 41.66667%
    }

    .slds-medium-size--6-of-12 {
        width: 50%
    }

    .slds-medium-size--7-of-12 {
        width: 58.33333%
    }

    .slds-medium-size--8-of-12 {
        width: 66.66667%
    }

    .slds-medium-size--9-of-12 {
        width: 75%
    }

    .slds-medium-size--10-of-12 {
        width: 83.33333%
    }

    .slds-medium-size--11-of-12 {
        width: 91.66667%
    }

    .slds-medium-size--12-of-12 {
        width: 100%
    }

    .slds-medium-order--1 {
        order: 1
    }

    .slds-medium-order--2 {
        order: 2
    }

    .slds-medium-order--3 {
        order: 3
    }

    .slds-medium-order--4 {
        order: 4
    }

    .slds-medium-order--5 {
        order: 5
    }

    .slds-medium-order--6 {
        order: 6
    }

    .slds-medium-order--7 {
        order: 7
    }

    .slds-medium-order--8 {
        order: 8
    }

    .slds-medium-order--9 {
        order: 9
    }

    .slds-medium-order--10 {
        order: 10
    }

    .slds-medium-order--11 {
        order: 11
    }

    .slds-medium-order--12 {
        order: 12
    }
}

@media (max-width: 48em) {
    .slds-max-medium-size--xx-small {
        width: 6rem
    }

    .slds-max-medium-size--x-small {
        width: 12rem
    }

    .slds-max-medium-size--small {
        width: 15rem
    }

    .slds-max-medium-size--medium {
        width: 20rem
    }

    .slds-max-medium-size--large {
        width: 25rem
    }

    .slds-max-medium-size--x-large {
        width: 40rem
    }

    .slds-max-medium-size--xx-large {
        width: 60rem
    }

    .slds-max-medium-size--1-of-1 {
        width: 100%
    }

    .slds-max-medium-size--1-of-2 {
        width: 50%
    }

    .slds-max-medium-size--2-of-2 {
        width: 100%
    }

    .slds-max-medium-size--1-of-3 {
        width: 33.33333%
    }

    .slds-max-medium-size--2-of-3 {
        width: 66.66667%
    }

    .slds-max-medium-size--3-of-3 {
        width: 100%
    }

    .slds-max-medium-size--1-of-4 {
        width: 25%
    }

    .slds-max-medium-size--2-of-4 {
        width: 50%
    }

    .slds-max-medium-size--3-of-4 {
        width: 75%
    }

    .slds-max-medium-size--4-of-4 {
        width: 100%
    }

    .slds-max-medium-size--1-of-5 {
        width: 20%
    }

    .slds-max-medium-size--2-of-5 {
        width: 40%
    }

    .slds-max-medium-size--3-of-5 {
        width: 60%
    }

    .slds-max-medium-size--4-of-5 {
        width: 80%
    }

    .slds-max-medium-size--5-of-5 {
        width: 100%
    }

    .slds-max-medium-size--1-of-6 {
        width: 16.66667%
    }

    .slds-max-medium-size--2-of-6 {
        width: 33.33333%
    }

    .slds-max-medium-size--3-of-6 {
        width: 50%
    }

    .slds-max-medium-size--4-of-6 {
        width: 66.66667%
    }

    .slds-max-medium-size--5-of-6 {
        width: 83.33333%
    }

    .slds-max-medium-size--6-of-6 {
        width: 100%
    }

    .slds-max-medium-size--1-of-7 {
        width: 14.28571%
    }

    .slds-max-medium-size--2-of-7 {
        width: 28.57143%
    }

    .slds-max-medium-size--3-of-7 {
        width: 42.85714%
    }

    .slds-max-medium-size--4-of-7 {
        width: 57.14286%
    }

    .slds-max-medium-size--5-of-7 {
        width: 71.42857%
    }

    .slds-max-medium-size--6-of-7 {
        width: 85.71429%
    }

    .slds-max-medium-size--7-of-7 {
        width: 100%
    }

    .slds-max-medium-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-medium-size--2-of-8 {
        width: 25%
    }

    .slds-max-medium-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-medium-size--4-of-8 {
        width: 50%
    }

    .slds-max-medium-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-medium-size--6-of-8 {
        width: 75%
    }

    .slds-max-medium-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-medium-size--8-of-8 {
        width: 100%
    }

    .slds-max-medium-size--1-of-12 {
        width: 8.33333%
    }

    .slds-max-medium-size--2-of-12 {
        width: 16.66667%
    }

    .slds-max-medium-size--3-of-12 {
        width: 25%
    }

    .slds-max-medium-size--4-of-12 {
        width: 33.33333%
    }

    .slds-max-medium-size--5-of-12 {
        width: 41.66667%
    }

    .slds-max-medium-size--6-of-12 {
        width: 50%
    }

    .slds-max-medium-size--7-of-12 {
        width: 58.33333%
    }

    .slds-max-medium-size--8-of-12 {
        width: 66.66667%
    }

    .slds-max-medium-size--9-of-12 {
        width: 75%
    }

    .slds-max-medium-size--10-of-12 {
        width: 83.33333%
    }

    .slds-max-medium-size--11-of-12 {
        width: 91.66667%
    }

    .slds-max-medium-size--12-of-12 {
        width: 100%
    }

    .slds-max-medium-order--1 {
        order: 1
    }

    .slds-max-medium-order--2 {
        order: 2
    }

    .slds-max-medium-order--3 {
        order: 3
    }

    .slds-max-medium-order--4 {
        order: 4
    }

    .slds-max-medium-order--5 {
        order: 5
    }

    .slds-max-medium-order--6 {
        order: 6
    }

    .slds-max-medium-order--7 {
        order: 7
    }

    .slds-max-medium-order--8 {
        order: 8
    }

    .slds-max-medium-order--9 {
        order: 9
    }

    .slds-max-medium-order--10 {
        order: 10
    }

    .slds-max-medium-order--11 {
        order: 11
    }

    .slds-max-medium-order--12 {
        order: 12
    }
}

@media (min-width: 64em) {
    .slds-large-size--xx-small {
        width: 6rem
    }

    .slds-large-size--x-small {
        width: 12rem
    }

    .slds-large-size--small {
        width: 15rem
    }

    .slds-large-size--medium {
        width: 20rem
    }

    .slds-large-size--large {
        width: 25rem
    }

    .slds-large-size--x-large {
        width: 40rem
    }

    .slds-large-size--xx-large {
        width: 60rem
    }

    .slds-large-size--1-of-1 {
        width: 100%
    }

    .slds-large-size--1-of-2 {
        width: 50%
    }

    .slds-large-size--2-of-2 {
        width: 100%
    }

    .slds-large-size--1-of-3 {
        width: 33.33333%
    }

    .slds-large-size--2-of-3 {
        width: 66.66667%
    }

    .slds-large-size--3-of-3 {
        width: 100%
    }

    .slds-large-size--1-of-4 {
        width: 25%
    }

    .slds-large-size--2-of-4 {
        width: 50%
    }

    .slds-large-size--3-of-4 {
        width: 75%
    }

    .slds-large-size--4-of-4 {
        width: 100%
    }

    .slds-large-size--1-of-5 {
        width: 20%
    }

    .slds-large-size--2-of-5 {
        width: 40%
    }

    .slds-large-size--3-of-5 {
        width: 60%
    }

    .slds-large-size--4-of-5 {
        width: 80%
    }

    .slds-large-size--5-of-5 {
        width: 100%
    }

    .slds-large-size--1-of-6 {
        width: 16.66667%
    }

    .slds-large-size--2-of-6 {
        width: 33.33333%
    }

    .slds-large-size--3-of-6 {
        width: 50%
    }

    .slds-large-size--4-of-6 {
        width: 66.66667%
    }

    .slds-large-size--5-of-6 {
        width: 83.33333%
    }

    .slds-large-size--6-of-6 {
        width: 100%
    }

    .slds-large-size--1-of-7 {
        width: 14.28571%
    }

    .slds-large-size--2-of-7 {
        width: 28.57143%
    }

    .slds-large-size--3-of-7 {
        width: 42.85714%
    }

    .slds-large-size--4-of-7 {
        width: 57.14286%
    }

    .slds-large-size--5-of-7 {
        width: 71.42857%
    }

    .slds-large-size--6-of-7 {
        width: 85.71429%
    }

    .slds-large-size--7-of-7 {
        width: 100%
    }

    .slds-large-size--1-of-8 {
        width: 12.5%
    }

    .slds-large-size--2-of-8 {
        width: 25%
    }

    .slds-large-size--3-of-8 {
        width: 37.5%
    }

    .slds-large-size--4-of-8 {
        width: 50%
    }

    .slds-large-size--5-of-8 {
        width: 62.5%
    }

    .slds-large-size--6-of-8 {
        width: 75%
    }

    .slds-large-size--7-of-8 {
        width: 87.5%
    }

    .slds-large-size--8-of-8 {
        width: 100%
    }

    .slds-large-size--1-of-12 {
        width: 8.33333%
    }

    .slds-large-size--2-of-12 {
        width: 16.66667%
    }

    .slds-large-size--3-of-12 {
        width: 25%
    }

    .slds-large-size--4-of-12 {
        width: 33.33333%
    }

    .slds-large-size--5-of-12 {
        width: 41.66667%
    }

    .slds-large-size--6-of-12 {
        width: 50%
    }

    .slds-large-size--7-of-12 {
        width: 58.33333%
    }

    .slds-large-size--8-of-12 {
        width: 66.66667%
    }

    .slds-large-size--9-of-12 {
        width: 75%
    }

    .slds-large-size--10-of-12 {
        width: 83.33333%
    }

    .slds-large-size--11-of-12 {
        width: 91.66667%
    }

    .slds-large-size--12-of-12 {
        width: 100%
    }

    .slds-large-order--1 {
        order: 1
    }

    .slds-large-order--2 {
        order: 2
    }

    .slds-large-order--3 {
        order: 3
    }

    .slds-large-order--4 {
        order: 4
    }

    .slds-large-order--5 {
        order: 5
    }

    .slds-large-order--6 {
        order: 6
    }

    .slds-large-order--7 {
        order: 7
    }

    .slds-large-order--8 {
        order: 8
    }

    .slds-large-order--9 {
        order: 9
    }

    .slds-large-order--10 {
        order: 10
    }

    .slds-large-order--11 {
        order: 11
    }

    .slds-large-order--12 {
        order: 12
    }
}

@media (max-width: 64em) {
    .slds-max-large-size--xx-small {
        width: 6rem
    }

    .slds-max-large-size--x-small {
        width: 12rem
    }

    .slds-max-large-size--small {
        width: 15rem
    }

    .slds-max-large-size--medium {
        width: 20rem
    }

    .slds-max-large-size--large {
        width: 25rem
    }

    .slds-max-large-size--x-large {
        width: 40rem
    }

    .slds-max-large-size--xx-large {
        width: 60rem
    }

    .slds-max-large-size--1-of-1 {
        width: 100%
    }

    .slds-max-large-size--1-of-2 {
        width: 50%
    }

    .slds-max-large-size--2-of-2 {
        width: 100%
    }

    .slds-max-large-size--1-of-3 {
        width: 33.33333%
    }

    .slds-max-large-size--2-of-3 {
        width: 66.66667%
    }

    .slds-max-large-size--3-of-3 {
        width: 100%
    }

    .slds-max-large-size--1-of-4 {
        width: 25%
    }

    .slds-max-large-size--2-of-4 {
        width: 50%
    }

    .slds-max-large-size--3-of-4 {
        width: 75%
    }

    .slds-max-large-size--4-of-4 {
        width: 100%
    }

    .slds-max-large-size--1-of-5 {
        width: 20%
    }

    .slds-max-large-size--2-of-5 {
        width: 40%
    }

    .slds-max-large-size--3-of-5 {
        width: 60%
    }

    .slds-max-large-size--4-of-5 {
        width: 80%
    }

    .slds-max-large-size--5-of-5 {
        width: 100%
    }

    .slds-max-large-size--1-of-6 {
        width: 16.66667%
    }

    .slds-max-large-size--2-of-6 {
        width: 33.33333%
    }

    .slds-max-large-size--3-of-6 {
        width: 50%
    }

    .slds-max-large-size--4-of-6 {
        width: 66.66667%
    }

    .slds-max-large-size--5-of-6 {
        width: 83.33333%
    }

    .slds-max-large-size--6-of-6 {
        width: 100%
    }

    .slds-max-large-size--1-of-7 {
        width: 14.28571%
    }

    .slds-max-large-size--2-of-7 {
        width: 28.57143%
    }

    .slds-max-large-size--3-of-7 {
        width: 42.85714%
    }

    .slds-max-large-size--4-of-7 {
        width: 57.14286%
    }

    .slds-max-large-size--5-of-7 {
        width: 71.42857%
    }

    .slds-max-large-size--6-of-7 {
        width: 85.71429%
    }

    .slds-max-large-size--7-of-7 {
        width: 100%
    }

    .slds-max-large-size--1-of-8 {
        width: 12.5%
    }

    .slds-max-large-size--2-of-8 {
        width: 25%
    }

    .slds-max-large-size--3-of-8 {
        width: 37.5%
    }

    .slds-max-large-size--4-of-8 {
        width: 50%
    }

    .slds-max-large-size--5-of-8 {
        width: 62.5%
    }

    .slds-max-large-size--6-of-8 {
        width: 75%
    }

    .slds-max-large-size--7-of-8 {
        width: 87.5%
    }

    .slds-max-large-size--8-of-8 {
        width: 100%
    }

    .slds-max-large-size--1-of-12 {
        width: 8.33333%
    }

    .slds-max-large-size--2-of-12 {
        width: 16.66667%
    }

    .slds-max-large-size--3-of-12 {
        width: 25%
    }

    .slds-max-large-size--4-of-12 {
        width: 33.33333%
    }

    .slds-max-large-size--5-of-12 {
        width: 41.66667%
    }

    .slds-max-large-size--6-of-12 {
        width: 50%
    }

    .slds-max-large-size--7-of-12 {
        width: 58.33333%
    }

    .slds-max-large-size--8-of-12 {
        width: 66.66667%
    }

    .slds-max-large-size--9-of-12 {
        width: 75%
    }

    .slds-max-large-size--10-of-12 {
        width: 83.33333%
    }

    .slds-max-large-size--11-of-12 {
        width: 91.66667%
    }

    .slds-max-large-size--12-of-12 {
        width: 100%
    }

    .slds-max-large-order--1 {
        order: 1
    }

    .slds-max-large-order--2 {
        order: 2
    }

    .slds-max-large-order--3 {
        order: 3
    }

    .slds-max-large-order--4 {
        order: 4
    }

    .slds-max-large-order--5 {
        order: 5
    }

    .slds-max-large-order--6 {
        order: 6
    }

    .slds-max-large-order--7 {
        order: 7
    }

    .slds-max-large-order--8 {
        order: 8
    }

    .slds-max-large-order--9 {
        order: 9
    }

    .slds-max-large-order--10 {
        order: 10
    }

    .slds-max-large-order--11 {
        order: 11
    }

    .slds-max-large-order--12 {
        order: 12
    }
}

.slds-is-relative {
    position: relative
}

.slds-is-static {
    position: static
}

.slds-is-fixed {
    position: fixed
}

.slds-is-absolute {
    position: absolute
}

.slds-hide {
    display: none
}

.slds-show {
    display: block
}

.slds-show--inline-block {
    display: inline-block
}

.slds-show--inline {
    display: inline
}

.slds-hidden {
    visibility: hidden
}

.slds-visible {
    visibility: visible
}

.slds-transition-hide {
    opacity: 0
}

.slds-transition-show {
    opacity: 1
}

.slds-is-collapsed {
    height: 0;
    overflow: hidden
}

.slds-collapsed {
    height: 0;
    overflow: hidden
}

.slds-is-expanded {
    height: auto;
    overflow: visible
}

.slds-expanded {
    height: auto;
    overflow: visible
}

.slds-assistive-text {
    position: absolute !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important
}

.slds-assistive-text--focus:focus {
    margin: inherit !important;
    border: inherit !important;
    padding: inherit !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important
}

.slds-x-small-show {
    display: none
}

@media (min-width: 320px) {
    .slds-x-small-show {
        display: block
    }

    .slds-x-small-show--inline-block {
        display: inline-block
    }

    .slds-x-small-show--inline {
        display: inline
    }
}

.slds-x-small-show-only {
    display: none
}

@media (min-width: 320px) and (max-width: 479px) {
    .slds-x-small-show-only {
        display: block
    }

    .slds-x-small-show-only--inline-block {
        display: inline-block
    }

    .slds-x-small-show-only--inline {
        display: inline
    }
}

@media (max-width: 479px) {
    .slds-max-x-small-hide {
        display: none
    }
}

.slds-small-show {
    display: none
}

@media (min-width: 480px) {
    .slds-small-show {
        display: block
    }

    .slds-small-show--inline-block {
        display: inline-block
    }

    .slds-small-show--inline {
        display: inline
    }
}

.slds-small-show-only {
    display: none
}

@media (min-width: 480px) and (max-width: 767px) {
    .slds-small-show-only {
        display: block
    }

    .slds-small-show-only--inline-block {
        display: inline-block
    }

    .slds-small-show-only--inline {
        display: inline
    }
}

@media (max-width: 767px) {
    .slds-max-small-hide {
        display: none
    }
}

.slds-medium-show {
    display: none
}

@media (min-width: 768px) {
    .slds-medium-show {
        display: block
    }

    .slds-medium-show--inline-block {
        display: inline-block
    }

    .slds-medium-show--inline {
        display: inline
    }
}

.slds-medium-show-only {
    display: none
}

@media (min-width: 768px) and (max-width: 1023px) {
    .slds-medium-show-only {
        display: block
    }

    .slds-medium-show-only--inline-block {
        display: inline-block
    }

    .slds-medium-show-only--inline {
        display: inline
    }
}

@media (max-width: 1023px) {
    .slds-max-medium-hide {
        display: none
    }
}

.slds-large-show {
    display: none
}

@media (min-width: 1024px) {
    .slds-large-show {
        display: block
    }

    .slds-large-show--inline-block {
        display: inline-block
    }

    .slds-large-show--inline {
        display: inline
    }
}

.slds-scrollable::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.slds-scrollable::-webkit-scrollbar:window-inactive {
    opacity: 0
}

.slds-scrollable::-webkit-scrollbar-thumb {
    background: #e0e5ee;
    border-radius: .5rem;
    box-shadow: #a8b7c7 0 0 0 1px inset
}

.slds-scrollable::-webkit-scrollbar-track {
    background: #a8b7c7
}

.slds-scrollable--y {
    -webkit-overflow-scrolling: touch;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto
}

.slds-scrollable--y::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.slds-scrollable--y::-webkit-scrollbar:window-inactive {
    opacity: 0
}

.slds-scrollable--y::-webkit-scrollbar-thumb {
    background: #e0e5ee;
    border-radius: .5rem;
    box-shadow: #a8b7c7 0 0 0 1px inset
}

.slds-scrollable--y::-webkit-scrollbar-track {
    background: #a8b7c7
}

.slds-scrollable--x {
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto
}

.slds-scrollable--x::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.slds-scrollable--x::-webkit-scrollbar:window-inactive {
    opacity: 0
}

.slds-scrollable--x::-webkit-scrollbar-thumb {
    background: #e0e5ee;
    border-radius: .5rem;
    box-shadow: #a8b7c7 0 0 0 1px inset
}

.slds-scrollable--x::-webkit-scrollbar-track {
    background: #a8b7c7
}

.slds-scrollable--x::-webkit-scrollbar-track, .slds-scrollable--y::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1)
}

.slds-scrollable--x::-webkit-scrollbar-thumb, .slds-scrollable--y::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: none
}

.material-icons.slds-button__icon {
    font-size: .875rem;
    vertical-align: text-bottom
}

html {
    height: 100%
}

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

nav {
    left: 0;
    top: 0;
    width: 30%;
    max-width: 20rem;
    padding: 0;
    background: white;
    z-index: 100;
    position: fixed;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16);
    transform: translateX(0);
    transition: .2s transform ease
}

@media (max-width: 768px) {
    nav {
        transform: translateX(-100%);
        width: 20rem
    }

    nav.is-active {
        transform: translateX(0)
    }
}

nav sup {
    font-style: italic;
    opacity: .7
}

header a {
    text-decoration: none !important
}

main section, main footer {
    width: 100%;
    padding: 0 0 0 30%;
    position: relative
}

@media (max-width: 768px) {
    main section, main footer {
        padding-left: 0
    }
}

@media (min-width: 70rem) {
    main section, main footer {
        padding-left: 21rem
    }
}

main .title, main footer {
    padding-bottom: 3rem
}

main .title {
    background: #FF6633
}

main .title .slds-text-title--caps, main .title .slds-button {
    color: inherit
}

main .container {
    box-sizing: border-box;
    padding: .75rem 1.5rem;
    max-width: 60rem
}

@media (max-width: 768px) {
    main .container {
        overflow: auto
    }
}

main code.highlight {
    display: block;
    background: #4D4D4C;
    position: relative;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.16);
    padding: .125rem;
    padding-top: 1.5rem;
    border-radius: .25rem;
    min-width: 50rem
}

main code.highlight::after, main code.highlight::before {
    content: "";
    display: block;
    height: .75rem;
    width: .75rem;
    position: absolute;
    top: .5rem;
    border-radius: 100%;
    cursor: pointer
}

main code.highlight::before {
    background: #c23934;
    left: .5rem
}

main code.highlight::after {
    background: #676765;
    left: 1.75rem
}

@media (min-width: 768px) {
    .less-than-medium {
        display: none
    }
}

@media (min-width: 480px) {
    .less-than-small {
        display: none
    }
}

.graphdoc-section__title {
    color: #FF6633;
    position: relative
}

.graphdoc-section__title a {
    position: absolute;
    right: 100%;
    display: block;
    opacity: 0;
    width: 2rem;
    padding: 0 0.4rem
}

.graphdoc-section__title:hover a {
    opacity: 1
}

.graphdoc-section__title a .material-icons {
    font-size: 1.2rem
}

.field-def, .query-def, .mutation-def {
    font-weight: bold;
}

pre {
    padding: 30px;
    background-color: #F0F8FB;
    border-radius: 4px;
}

a.nav-header {
    color: #333332;
}

.nav-header > img {
    margin-right: 10px;
}

.nav-header > span {
    vertical-align: middle;
}

.index-page p {
    margin-top: 5px;
    margin-bottom: 15px;
}