table > thead > tr > td:not(:nth-child(3)) {
    max-width: 20px;
    text-align: center;
}

table > thead > tr > td:nth-child(4) {
    white-space: nowrap !important;
    max-width: 100px;
}

table > tbody > tr > td:first-child,
table > tbody > tr > td:nth-child(2) {
    text-align: center;
}

table > tbody > tr > td:nth-child(2) {
    min-width: 20px;
    max-width: 20px;
}

table > tbody > tr > td:nth-child(2) > img {
    height: 30px;
    width: auto;
}

table > tbody > tr > td:nth-child(4) {
    text-align: center;
}

table > tbody > tr > td:last-child {
    width: 20px;
}

table.table > tbody > tr > td a[href*=profile] img,
table.table > tbody > tr > td span img {
    width: 25px;
    height: 25px;
    border-radius: 4px;
    object-fit: cover;
}

#cutter_pagination > .pagination,
#pigs_pagination > .pagination {
    overflow: hidden;
}

.block .block_head {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.block .block_head > img {
    width: 30px;
    height: 30px;
}

ul.servers > li {
    display: flex;
    align-items: center;
}

ul.servers > li > span {
    margin-left: auto;

    background-color: #ff6b6b;
    color: #fff;
    padding: 4px 8px;
}

[data-place="main"],
[data-place="place"] {
    height: 200px;
    padding: 30px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    margin-bottom: 1rem;

    & > .place {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-image: url('../../../files/icons/background.png') !important;
    }

    & > .background {
        border-radius: 15px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 166px;
    }

    & > .info {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(5%) translateX(-50%) scale(1.5);
        transition: .5s;
        color: #ff4c4c;
        text-align: center;

        & > .actions {
            opacity: 0;
            transition: 1s;
        }
    }

    &:hover > .info {
        transform: translateY(-25%) translateX(-50%) scale(1.0);

        & > .actions {
            opacity: 1;
        }
    }
}

[data-place="place"] {
    display: block;

    & > .info {
        h5 {
            margin: 0;
        }
    }

    & > .info {
        transform: translateY(30%) translateX(-50%) scale(1.5);
    }

    &:hover > .info {
        transform: translateY(30%) translateX(-50%) scale(1.0);
    }
}

@media only screen and (max-width: 768px) {
    [data-place="main"] {
        height: 250px;

        & > .place {
            background-size: cover;
            filter: opacity(0.2);
        }

        & > .background {
            height: 250px;
        }

        & > .info {
            transform: translateY(-50%) translateX(-50%);
        }

        &:hover > .info {
            transform: translateY(-50%) translateX(-50%);
        }
    }
}