.masonry {
    padding: 0;
    column-gap: 1.5em;
    font-size: .85em;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
}


/* Элементы в виде плиток с содержанием */

.item {
    /*background: #fff;*/
    background: transparent;
    background-color: rgba(204, 204, 204, 0.3);
    /*rgba(169,245,242,0.3);*/
    padding: 1em;
    margin: 0 0 1.5em;
    display: inline-block;
    width: 100%;
    max-width: 65ch;
    height: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 2px 2px 4px 0 #ccc;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: all 0.4s;
    /*background: rgb(185, 185, 185);*/
    background-image: repeating-linear-gradient(-45deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1) 15px, transparent 0, transparent 30px);
}

.item:hover {
    background-color: rgba(204, 204, 204, 0.8);
}

.item.red {
    background-color: rgba(246, 206, 206, 0.3);
}

.item.red2 {
    background-color: rgba(235, 126, 126, 0.3);
}

.item.pink {
    background-color: rgba(241, 98, 237, 0.3);
}

.item.pink2 {
    background-color: rgba(238, 103, 233, 0.3);
}

.item.blue {
    background-color: rgba(169, 208, 245, 0.3);
}

.item.blue2 {
    background-color: rgba(17, 114, 206, 0.678);
}

.item.green {
    background-color: rgba(169, 245, 188, 0.3);
}

.item.green2 {
    background-color: rgba(108, 236, 58, 0.3);
}

.item.gray {
    background-color: rgba(132, 132, 132, 0.3);
}

.item.gray2 {
    background-color: rgba(161, 119, 119, 0.3);
}

.item.yellow {
    background-color: rgba(242, 245, 169, 0.3);
}

.item.yellow2 {
    background-color: rgba(234, 240, 82, 0.3);
}

.item.red:hover {
    background-color: rgba(246, 206, 206, 0.8);
}

.item.red2:hover {
    background-color: rgba(235, 126, 126, 0.8);
}

.item.pink:hover {
    background-color: rgba(245, 169, 242, 0.8);
}

.item.blue:hover {
    background-color: rgba(169, 208, 245, 0.8);
}

.item.pink2:hover {
    background-color: rgba(238, 103, 233, 0.8);
}

.item.blue2:hover {
    background-color: rgba(17, 114, 206, 0.8);
}

.item.green:hover {
    background-color: rgba(169, 245, 188, 0.8);
}

.item.green2:hover {
    background-color: rgba(108, 236, 58, 0.8);
}

.item.gray:hover {
    background-color: rgba(132, 132, 132, 0.8);
}

.item.gray2:hover {
    background-color: rgba(161, 119, 119, 0.8);
}

.item.yellow:hover {
    background-color: rgba(242, 245, 169, 0.8);
}

.item.yellow2:hover {
    background-color: rgba(234, 240, 82, 0.8);
}

.item.worked {
    background-color: rgba(2, 136, 209, 0.3);
}

.item.worked:hover {
    background-color: rgba(2, 136, 209, 0.8);
}

.item.worked-above {
    background-color: rgba(52, 184, 162, 0.3);
}

.item.worked-above:hover {
    background-color: rgba(52, 184, 162, 0.8);
}

.item.nonworked {
    background-color: rgba(191, 54, 12, 0.3);
}

.item.nonworked:hover {
    background-color: rgba(191, 54, 12, 0.8);
}

.item.paused {
    background-color: rgba(244, 81, 30, 0.3);
}

.item.paused:hover {
    background-color: rgba(244, 81, 30, 0.8);
}


/* Стили картинок, видео и фреймов внутри адаптивных плиток */


/*img, iframe, object, embed {*/


/*
img:not(#pdfpage) {
    margin-bottom: 10px;
    max-width: 100%;
    max-height: 100%;
    display: block;
}
*/

@media (max-width:1200px) {
    .desc {
        display: none;
    }
}

@media only screen and (min-width: 320px) and (min-width: 360px) and (min-width: 375px) and (min-width: 414px) and (min-width: 480px) and (min-width: 568px) and (min-width: 640px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 667px) and (min-width: 736px) and (min-width: 768px) and (min-width: 800px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 992px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1200px) and (min-width: 1280px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}

@media only screen and (min-width: 1600px) {
    .masonry {
        -moz-column-count: 5;
        -webkit-column-count: 5;
        column-count: 5;
    }
}

:disabled,
[disabled],
[aria-disabled="true"] {
    cursor: not-allowed;
}