@import './styles/<!--partnerName--settings-->';
@import './styles/tools';

    .c-angular-components__adjust-value-bar {
        max-width: 500px;
        display: block;
    }

    .c-angular-components__background-image-cycler {
        height: 200px;
        width: 200px;
        display: block;
    }

    .c-angular-components__collector {
        display: block;
        width: 220px;
        transition: transform $default-animation-basic;
        background: $white-color;
    }

    .c-angular-components__pop-over-wrapper {
        position: relative;
        display: inline-block;
    }

    .c-angular-components__pop-over {
        position: absolute;
        left: 50%;
        width: 300px;
    }
        .c-angular-components__pop-over--up {
            top: 0;
            transform: translate(-50%, calc(-100% - 16px));
        }

        .c-angular-components__pop-over--down {
            top: calc(100% + 16px);
            transform: translateX(-50%);
        }

        .c-angular-components__pop-over--all-over-shadow {
            box-shadow: 1px 1px 10px 5px rgba(0,0,0,.5) !important;
        }

    .c-angular-components__dropzone {
        display: block;
        height: 300px;
    }

    .c-angular-components__upload-images-drop-area {
        position: relative;
    }

    .c-angular-components__carousel {
        width: 300px;
        display: block;
    }

    .c-angular-components__loading-overlay-toggle-btn {
        z-index: 101;
    }

    .c-angular-components__stripe-elements {
        max-width: 700px;
        display: block;
    }
        .c-angular-components__stripe-elements__inner-text {
            margin: 10px auto 0 0;
            max-width: 40%;
        }

    .c-dropdown {
        width: 20%;
    }