@layer bricks {
    .brxe-button {
        width: auto
    }
}

@layer bricks {
    @keyframes load8 {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes spin {
        to {
            -webkit-transform: rotate(1turn);
            transform: rotate(1turn)
        }
    }

    @keyframes scrolling {
        0% {
            opacity: 1
        }

        to {
            opacity: 0;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }
    }

    a.brxe-image {
        display: inline-block
    }

    figure.brxe-image {
        margin: 0
    }

    :where(.brxe-image).tag {
        display: inline-block;
        height: fit-content;
        position: relative;
        width: auto
    }

    :where(.brxe-image).caption {
        position: relative
    }

    :where(.brxe-image).caption:has(figcaption.bricks-image-caption) {
        overflow: hidden
    }

    :where(.brxe-image).overlay {
        position: relative
    }

    :where(.brxe-image).overlay:before {
        bottom: 0;
        content: "";
        left: 0;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0
    }

    :where(.brxe-image):before {
        border-radius: inherit
    }

    :where(.brxe-image) a {
        border-radius: inherit;
        position: static;
        transition: inherit
    }

    :where(.brxe-image) picture {
        border-radius: inherit;
        transition: inherit
    }

    :where(.brxe-image) img {
        border-radius: inherit;
        height: 100%;
        position: static !important;
        transition: inherit;
        width: 100%
    }

    :where(.brxe-image) img.bricks-lazy-hidden+figcaption {
        display: none
    }

    :where(.brxe-image) .icon {
        color: #fff;
        font-size: 60px;
        pointer-events: none;
        position: absolute;
        right: 50%;
        text-align: center;
        top: 50%;
        transform: translate(50%, -50%);
        z-index: 5
    }

    :where(.brxe-image) .bricks-image-caption {
        background: linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .25) 70%, transparent);
        bottom: 0;
        color: #fff;
        font-size: inherit;
        margin: 0;
        padding: 10px 15px;
        pointer-events: none;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 1
    }
}

@layer bricks {
    :where(.brxe-heading).has-separator {
        align-items: center;
        display: inline-flex;
        gap: 20px
    }

    :where(.brxe-heading)>[contenteditable] {
        display: inline-block;
        text-decoration: inherit
    }

    :where(.brxe-heading) .separator {
        border-top: 1px solid;
        flex-grow: 1;
        flex-shrink: 0;
        height: 1px
    }
}

.brxe-ugsmdm del {
    font-size: 13px;
}

@media (max-width: 991px) {
    #brxe-yfgpho {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        grid-auto-flow: unset;
    }

    #brxe-yfgpho>* {
        grid-row: unset;
        grid-column: unset;
    }
}

@media (max-width: 478px) {
    #brxe-yfgpho {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        grid-auto-flow: unset;
    }

    #brxe-yfgpho>* {
        grid-row: unset;
        grid-column: unset;
    }
}