@import './styles/<!--partnerName--settings-->';
@import './styles/components/component.loading-spinner';
@import './styles/components/component.title';
@import './styles/components/component.text';
@import './styles/utilities/utilities.center-in-parent';

.c-app-initalising {
    background: grey;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.5s 0.5s, visibility 0s 1.5s;
    z-index: $layer-top;
    visibility: hidden;
    display: table;
}
app-component:empty + .c-app-initalising {
    opacity: 1;
    visibility: visible;
}

    @keyframes app-init-fade-in {
        0% { opacity: 0; }
        100% { opacity: 1; }
    }
    .c-app-initalising__container {
        background-color: $white-color;
        background-image: url(data:image/jpeg;base64,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);
        background-size: cover;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        animation: app-init-fade-in 0.3s ease-in-out;
    }

    .c-app-initalising__box {
        margin: auto;
        width: 809px;
        max-width: 90%;
        height: 439px;
        max-height: 90%;
        text-align: center;
        background: $white-color;
    }

    .c-app-initalising__content {
        margin: auto;
        width: 616px;
        max-width: 80%;
        padding-top: 140px;
    }

    .c-app-initalising__title {
        margin: 0;
        padding-bottom: 23px;
        margin-bottom: 25px;
        border-bottom: 4px solid $grey-super-light;
    }

    .c-app-initalising__browser-not-supported {
        display: none;
    }
    .lt-ie9 {
        .c-app-initalising__browser-not-supported {
            display: block;
        }
        .c-loading-spinner {
            display: none;
        }
    }