body.dragging .hideOnDrag_zX3VC {
    transition: opacity var(--sp-duration-short-4);
    opacity: 0;
}

.dropBefore_MwWdn::before,
.dropAfter_5MuRf::after {
    position: absolute;
    content: '';
    background-color: var(--theme-color-primary-base);
    animation: var(--sp-duration-short-4) cubic-bezier(0.65, 0.05, 0.36, 1) dropPop_ZUQVo;
    scale: 1;
    opacity: 1;
}

.dropVertical_-4-Ev::before,
.dropVertical_-4-Ev::after {
    height: 100%;
    width: 2px;
}

.dropHorizontal_445te::before,
.dropHorizontal_445te::after {
    height: 3px;
    width: 100%;
}

.dropVertical_-4-Ev::before {
    left: calc(-1 * var(--spacing-s));
}

.dropVertical_-4-Ev::after {
    right: calc(-1 * var(--spacing-s));
}

.dropHorizontal_445te::before {
    top: 0;
}

.dropHorizontal_445te::after {
    bottom: 0;
}

@keyframes dropPop_ZUQVo {
    0% {
        scale: 0.95;
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        scale: 1;
        opacity: 1;
    }
}