/*! 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;
}

article {
    display: block;
}

template {
    display: none;
}

*,
*: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;
    }
}

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

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

.slds-card {
    position: relative;
    padding: 0;
    background: white;
    border: 1px solid #dddbda;
    border-radius: 0.25rem;
    background-clip: padding-box;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.slds-card + .slds-card {
    margin-top: 1rem;
}

.slds-card__body_inner,
.slds-card__body--inner {
    padding: 0 1rem;
}

.slds-card__body {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.slds-card__body:empty {
    display: none;
}

.slds-card .slds-card {
    background: white;
    border: 0;
    box-shadow: none;
}

.slds-template_default {
    padding: 0.75rem;
}

@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;
    }
}

[contenteditable]:focus {
    outline: none;
}

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

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

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

@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;
    }
}

@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;
    }
}

@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;
    }
}

@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;
}

@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;
    }
}

:host {
    width: 100%;
}
