/*!
 * Copyright (c) 2014-present Cliqz GmbH. All rights reserved.
 *
 * This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at https://mozilla.org/MPL/2.0/.
 */

@import 'variables.scss';
@import 'info.scss';
@import 'popup-confirmation.scss';
@import 'popup-control-center.scss';
@import 'step.scss';
@import 'adblocking.scss';
@import 'antiphishing.scss';
@import 'antitracking.scss';
@import 'final.scss';
@import 'import-data.scss';
@import 'welcome.scss';

body,
html {
    height: 100%;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "-mac-system", "-apple-system", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

#container {
    height: 100%;
}

.app {
    height: 100%;
    min-width: 610px;
    min-height: 580px;
    position: relative;

    background-color: $cliqz-blue;

    &-layout {
        position: absolute;
        width: 100%;
        height: 100%;

        opacity: 0;
        transition: opacity .4s linear;

        &.visible {
            opacity: 1;
        }
    }

    .main {
        height: inherit;

        &.blur {
            filter: blur(2px);

            .step {
                .slider:before, .background .ad {
                    animation: none!important;
                }
            }
        }
    }
}
