/**
 * Animated Block Item — Styles
 */

/* -----------------------------------------------------------------------------
 * Block Item Base
 * -------------------------------------------------------------------------- */
.animated-block-item {
    position: relative;
    box-sizing: border-box;
    min-height: 0;
}

.animated-block-item__content {
    padding: 
        clamp(clamp(clamp(30px, 0.39vw + 28.55px, 31.17px), 2.58vw + 13.7px, 38.93px), 6.98vw + -29.29px, 60px) 
        clamp(clamp(clamp(20px, 0.06vw + 19.79px, 20.17px), 0.83vw + 14.57px, 22.66px), 5.74vw + -33.5px, 40px);
    height: 100%;
    box-sizing: border-box;
}

/* -----------------------------------------------------------------------------
 * Desktop
 * -------------------------------------------------------------------------- */
@media (min-width: 768px) {
    .animated-block-item {
        margin-left: calc(var(--abr-border-radius) * -2);
        padding-left: calc(var(--abr-border-radius) * 2);
    }
}

/* -----------------------------------------------------------------------------
 * Mobile
 * -------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .animated-block-item {
        margin-top: calc(var(--abr-border-radius) * -2);
        padding-top: calc(var(--abr-border-radius) * 2);

        text-align: center;
    }
}


/* -----------------------------------------------------------------------------
 * Inner Content Spacing
 * -------------------------------------------------------------------------- */
.animated-block-item__content > *:first-child {
    margin-top: 0;
}

.animated-block-item__content > *:last-child {
    margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
 * Editor: Placeholder styling
 * -------------------------------------------------------------------------- */
.block-editor-block-list__block .animated-block-item__content {
    min-height: 80px;
}

.block-editor-block-list__block .animated-block-item__content:empty::before {
    content: "Add content…";
    color: rgba(0, 0, 0, 0.3);
    font-style: italic;
}