.placeholder {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    height: 26vmin;
    width: 26vmin;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    @media (max-width: $max-screen-xs) {
        bottom: 0;
        min-width: 190px;
        min-height: 190px;
    }

    @media (max-width: $max-screen-sm) {
        display: none;
    }

    .placeholder-text {
        position: absolute;
        bottom: 0;
        transform: translate(0, 80%);
        width: 120%;
        margin-left: -10%;
        text-align: center;
        color: $tabs-nonactive-text;
        font-size: 14.5px;
        font-weight: 500;
        @include no-select();
    }

    &.placeholder-modal {
        height: 20vmin;
        top: 60%;

        .placeholder-text {
            padding-top: 30px;
        }
    }

    @mixin placeholder($name, $image) {
        &.placeholder-#{$name} {
            background-image: $image;
        }
    }

    @include placeholder("announcement", $placeholder-announcement);
    @include placeholder("clipboard", $placeholder-clipboard);
    @include placeholder("coins-down", $placeholder-coins-down);
    @include placeholder("coins-up", $placeholder-coins-up);
    @include placeholder("credit-card", $placeholder-credit-card);
    @include placeholder("delete", $placeholder-delete);
    @include placeholder("global-destination", $placeholder-global-destination);
    @include placeholder("invoice-coin", $placeholder-invoice-coin);
    @include placeholder("invoice-cancel", $placeholder-invoice-cancel);
    @include placeholder("invoice-card", $placeholder-invoice-card);
    @include placeholder("invoice-up", $placeholder-invoice-up);
    @include placeholder("packet-delivery", $placeholder-packet-delivery);
    @include placeholder("price-tag", $placeholder-price-tag);
    @include placeholder("shopping-bag", $placeholder-shopping-bag);
    @include placeholder("warning", $placeholder-warning);
    @include placeholder("clipboard-coins", $placeholder-clipboard-coins);
    @include placeholder("invoice-coins-adv", $placeholder-invoice-coins-adv);
    @include placeholder("invoice-up-adv", $placeholder-invoice-up-adv);
}
