.color-blocks {
    background-color: #000
}

.color-blocks__header .heading-text {
    max-width: 780px;
    margin: 12px auto
}

.color-blocks__list {
    display: grid;
    gap: 16px;
    margin-top: 4px
}

.color-blocks__block {
    border: 1px solid white;
    border-radius: 8px;
    padding: 24px 16px
}

.color-blocks__block:nth-of-type(3n+1) {
    background: linear-gradient(90deg, #a548fbbf, #feaf18bf)
}

.color-blocks__block:nth-of-type(3n+2) {
    background: linear-gradient(90deg, #24a8f9bf, #2ac080bf)
}

.color-blocks__block:nth-of-type(3n+3) {
    background: linear-gradient(90deg, #e9494dbf, #1d87f7bf)
}

.color-blocks__block-icon {
    width: 56px
}

.color-blocks__block-icon img {
    width: 100%
}

.color-blocks__block-title {
    margin-block: 12px 8px;
    color: #fff
}

.color-blocks__block-comment {
    margin-top: 16px
}

@media(min-width:768px) {
    .color-blocks__list {
        grid-template-columns: 1fr 1fr 1fr
    }
    .color-blocks__block {
        padding: 32px
    }
    .color-blocks__block-icon {
        width: 72px;
        height: 72px
    }
    .color-blocks__block-comment {
        margin-top: 24px
    }
}

/*# sourceMappingURL=/cdn/shop/t/4/assets/color-blocks.css.map?v=110988912142928022591747376162 */