/*!
 * 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-data {
    &-ctrl-content {
        border: none;
        background-color: $cliqz-blue;
        font-size: 16px;
        font-family: "SFUIDisplay-Semibold", sans-serif;
        color: #fff;
        padding: 14px 20px;
        border-radius: 25px;
        cursor: pointer;
    }

    &-headline {
        position: relative;

        &:before {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -158px;
            background-image: url('../images/import_data.png');
            background-position: center center;
            background-repeat: no-repeat;
            background-size: 100% auto;
            width: 316px;
            height: 200px;
        }
    }
}

.import-data-layout {
    background-image: url('../images/import_data_img_1.svg'),
        url('../images/import_data_img_2.svg');
    background-position: 5% 60%, 90% 18%;
    background-repeat: no-repeat, no-repeat;
}
