@import (reference) 'common.less';

.zone_settings {
    cursor: default !important;
    .pair {
        display: flex;
        .title {
            margin-right: 5px;
            font-weight: 600;
        }
        .val {
            display: flex;
            align-items: center;
        }
    }
    .lit {
        line-height: 1.9;
        padding: 0 6px;
        margin-right: 3px;
        background-color: var(--bg-zone-lit);
        color: var(--color-inherit);
        font-size: 11px;
        border-radius: 3px;
    }
    .perm_icon {
        width: 18px;
        height: 18px;
        float: left;
        margin: 2px 4px 0;
        background-repeat: no-repeat;
        background-size: contain;
        &.country {
            background-image: url(/img/country.svg);
        }
        &.state {
            background-image: url(/img/state.svg);
        }
        &.data_center {
            background-image: url(/img/data_center.svg);
        }
        &.asn {
            background-image: url(/img/asn.svg);
        }
        &.city {
            background-image: url(/img/city.svg);
        }
        &.vip {
            background-image: url(/img/g_ip.svg);
        }
        &.residential {
            background-image: url(/img/residential.svg);
        }
        &.static_res {
            background-image: url(/img/static_res.svg);
        }
        &.zip {
            background-image: url(/img/zipcode.svg);
        }
        &.mobile {
            width: 14px;
            background-image: url(/img/mobile.svg);
        }
    }
    .domains_list {
        display: flex;
        flex-wrap: wrap;
        margin-left: 13px;
        .domain {
            .lit();
            margin-bottom: 3px;
        }
    }
}