/*! Lightning Design System 2.9.3 */

@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

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

body {
    margin: 0;
}

template {
    display: none;
}

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

small {
    font-size: 80%;
}

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

:-ms-input-placeholder {
    color: #3e3e3c;
    font-weight: 400;
    font-size: 0.8125rem;
}

::placeholder {
    color: #3e3e3c;
    font-weight: 400;
    font-size: 0.8125rem;
}

::-moz-selection {
    background: #d8edff;
    text-shadow: none;
    color: #080707;
}

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

html {
    font-family: 'Salesforce Sans', Arial, sans-serif;
    font-size: 100%;
    line-height: 1.5;
    background: #b0c4df;
    color: #080707;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-size: 0.8125rem;
    background: transparent;
}

@media (pointer: coarse) and (hover: none) {
    body {
        font-size: 1rem;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

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

svg {
    vertical-align: middle;
}

[class*='slds-icon-action-'] {
    padding: 0.5rem;
    border-radius: 50%;
}

@keyframes slds-icon-ellie-pop {
    0% {
        transform: scale(0.2);
    }

    70% {
        transform: scale(1.1);
    }

    90% {
        transform: scale(0.7);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes slds-icon-ellie {
    to {
        transform: translateX(-17.5rem);
    }
}

@keyframes slds-icon-eq {
    to {
        transform: scaleY(4.66667);
    }
}

[class*='slds-icon-score__'] {
    position: absolute;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    will-change: opacity;
    stroke-width: 1.125px;
}

@keyframes slds-icon-strength-positive-load {
    0% {
        fill: transparent;
        stroke: #ccc;
    }

    100% {
        fill: #04844b;
        stroke: #04844b;
    }
}

@keyframes slds-icon-strength-negative-load {
    0% {
        fill: transparent;
        stroke: #ccc;
    }

    100% {
        fill: #ffdde1;
        stroke: #c23934;
    }
}

@keyframes slds-icon-trend-arrow {
    from {
        stroke-dashoffset: 40.3px;
    }
}

@keyframes slds-icon-trend-circle {
    from {
        stroke-dasharray: 0.1px, 46.3385px;
    }
}

@keyframes slds-icon-waffle-throb {
    to {
        transform: scale(1.5);
    }
}

@keyframes slds-click-global-action {
    25% {
        transform: scale(0.95, 0.95);
    }

    100% {
        transform: scale(0.98, 0.98);
    }
}

@keyframes slds-icon-typing__dot-first {
    0% {
        background-color: #dddbda;
    }

    16% {
        background-color: #c9c7c5;
    }

    33%,
    100% {
        background-color: #dddbda;
    }
}

@keyframes slds-icon-typing__dot-second {
    0%,
    33% {
        background-color: #dddbda;
    }

    50% {
        background-color: #c9c7c5;
    }

    67%,
    100% {
        background-color: #dddbda;
    }
}

@keyframes slds-icon-typing__dot-third {
    0%,
    67% {
        background-color: #dddbda;
    }

    83% {
        background-color: #c9c7c5;
    }

    100% {
        background-color: #dddbda;
    }
}

.slds-template_default {
    padding: 0.75rem;
}

@keyframes click-icon {
    25% {
        transform: scale(0.94, 0.94);
    }

    100% {
        transform: scale(0.98, 0.98);
    }
}

@keyframes click-favorites-icon {
    25% {
        transform: scale(0.85, 0.85) rotate(15deg);
    }

    75% {
        transform: scale(1.2, 1.2) rotate(0deg);
    }

    100% {
        transform: scale(1, 1) rotate(0deg);
    }
}

@keyframes ding {
    75% {
        transform: scale(0.5, 0.5);
    }

    85% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes bell {
    45% {
        transform: rotate(15deg);
    }

    57% {
        transform: rotate(-15deg);
    }

    70% {
        transform: rotate(7deg);
    }

    77% {
        transform: rotate(-5deg);
    }
}

@supports (mix-blend-mode: soft-light) {
    .slds-context-bar__item:not(.slds-no-hover):hover:after {
        background: rgba(0, 0, 0, 0.75);
        mix-blend-mode: soft-light;
    }
}

@keyframes bkAnim {
    50% {
        background-color: white;
    }

    100% {
        background-color: rgba(21, 137, 238, 0.1);
    }
}

@keyframes navBounceIn {
    0% {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
    }

    20% {
        opacity: 0;
    }

    90% {
        transform: translate3d(0, 1px, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes error-pulse {
    0% {
        background-color: #c23934;
    }

    40% {
        background-color: #870500;
    }

    100% {
        background-color: #c23934;
    }
}

@keyframes success-pulse {
    0% {
        background-color: #04844b;
    }

    40% {
        background-color: #004a29;
    }

    100% {
        background-color: #04844b;
    }
}

@keyframes warning-pulse {
    0% {
        background-color: #ffb75d;
    }

    40% {
        background-color: #ff9e2c;
    }

    100% {
        background-color: #ffb75d;
    }
}

.slds-path {
}

[contenteditable]:focus {
    outline: none;
}

@keyframes dotsBounceBefore-extraExtraSmall {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
        transform: translateX(-0.125rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-extraExtraSmall {
    60% {
        animation-timing-function: cubic-bezier(0.275, 0.0425, 0.34, 0.265);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 0.555, 0.35, 0.715);
        transform: translateX(0.125rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceBefore-extraSmall {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.25rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-extraSmall {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.25rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceBefore-small {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.375rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-small {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.375rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceBefore-medium {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.5rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-medium {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.5rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceBefore-large {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(-0.75rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes dotsBounceAfter-large {
    60% {
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transform: translateX(0);
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, 0.7, 1.43);
        transform: translateX(0.75rem);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes error-pulse {
    0% {
        background-color: #c23934;
    }

    40% {
        background-color: #870500;
    }

    100% {
        background-color: #c23934;
    }
}

@keyframes success-pulse {
    0% {
        background-color: #04844b;
    }

    40% {
        background-color: #004a29;
    }

    100% {
        background-color: #04844b;
    }
}

@keyframes warning-pulse {
    0% {
        background-color: #ffb75d;
    }

    40% {
        background-color: #ff9e2c;
    }

    100% {
        background-color: #ffb75d;
    }
}

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

.slds-illustration.slds-illustration_small .slds-illustration__svg {
    width: 100%;
    max-width: 300px;
    max-height: 200px;
    margin-bottom: 1rem;
}

.slds-illustration.slds-illustration_large .slds-illustration__svg {
    width: 100%;
    max-width: 600px;
    max-height: 400px;
    margin-bottom: 3rem;
}

.slds-illustration.slds-illustration_large p {
    margin-bottom: 3rem;
}

.slds-illustration .slds-illustration__stroke-primary {
    stroke: #8cd3f8;
}

.slds-illustration .slds-illustration__stroke-secondary {
    stroke: #c2e8ff;
}

.slds-illustration .slds-illustration__fill-primary {
    fill: #8cd3f8;
}

.slds-illustration .slds-illustration__fill-secondary {
    fill: #c2e8ff;
}

[class*='slds-col_padded'],
[class*='slds-col--padded'] {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

@media (max-width: 48em) {
}

.slds-text-body_regular,
.slds-text-body--regular {
    font-size: 0.8125rem;
}

.slds-text-body_small,
.slds-text-body--small {
    font-size: 0.75rem;
}

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

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

.slds-text-heading_small,
.slds-text-heading--small {
    font-size: 1rem;
    line-height: 1.25;
}

.slds-text-longform h1,
.slds-text-longform h2,
.slds-text-longform h3,
.slds-text-longform p {
    margin-bottom: 0.75rem;
}

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

.slds-size_small,
.slds-size--small {
    width: 15rem;
}

.slds-size_medium,
.slds-size--medium {
    width: 20rem;
}

.slds-size_large,
.slds-size--large {
    width: 25rem;
}

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

@media (min-width: 20em) {
    [class*='slds-x-small-size_'],
    [class*='slds-x-small-size--'] {
        -ms-flex: none;
        flex: none;
    }

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

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

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

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

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

@media (max-width: 20em) {
    [class*='slds-max-x-small-size_'],
    [class*='slds-max-x-small-size--'] {
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 30em) {
    [class*='slds-small-size_'],
    [class*='slds-small-size--'] {
        -ms-flex: none;
        flex: none;
    }

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

    .slds-small-size_small,
    .slds-small-size--small {
        width: 15rem;
    }

    .slds-small-size_medium,
    .slds-small-size--medium {
        width: 20rem;
    }

    .slds-small-size_large,
    .slds-small-size--large {
        width: 25rem;
    }

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

@media (max-width: 30em) {
    [class*='slds-max-small-size_'],
    [class*='slds-max-small-size--'] {
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 48em) {
    [class*='slds-medium-size_'],
    [class*='slds-medium-size--'] {
        -ms-flex: none;
        flex: none;
    }

    .slds-medium-size_x-small,
    .slds-medium-size--x-small {
        width: 12rem;
    }

    .slds-medium-size_small,
    .slds-medium-size--small {
        width: 15rem;
    }

    .slds-medium-size_medium,
    .slds-medium-size--medium {
        width: 20rem;
    }

    .slds-medium-size_large,
    .slds-medium-size--large {
        width: 25rem;
    }

    .slds-medium-size_x-large,
    .slds-medium-size--x-large {
        width: 40rem;
    }
}

@media (max-width: 48em) {
    [class*='slds-max-medium-size_'],
    [class*='slds-max-medium-size--'] {
        -ms-flex: none;
        flex: none;
    }
}

@media (min-width: 64em) {
    [class*='slds-large-size_'],
    [class*='slds-large-size--'] {
        -ms-flex: none;
        flex: none;
    }

    .slds-large-size_x-small,
    .slds-large-size--x-small {
        width: 12rem;
    }

    .slds-large-size_small,
    .slds-large-size--small {
        width: 15rem;
    }

    .slds-large-size_medium,
    .slds-large-size--medium {
        width: 20rem;
    }

    .slds-large-size_large,
    .slds-large-size--large {
        width: 25rem;
    }

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

@media (max-width: 64em) {
    [class*='slds-max-large-size_'],
    [class*='slds-max-large-size--'] {
        -ms-flex: none;
        flex: none;
    }
}

[class*='slds-size_'],
[class*='slds-size--'] {
    -ms-flex: none;
    flex: none;
}

.slds-hidden {
    visibility: hidden !important;
}

.slds-x-small {
}

.slds-small {
}

.slds-medium {
}

.slds-large {
}

@media (min-width: 320px) {
}

@media (max-width: 319px) {
}

@media (min-width: 480px) {
}

@media (max-width: 479px) {
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
}

@media (min-width: 1024px) {
}

@media (max-width: 1023px) {
}

@media (min-width: 1280px) {
}

@media (max-width: 1279px) {
}

/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}