.wp-block-column:has(.wp-acf-block-screenshot-dom-elm.align-right) {
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 768px) {
    div.wp-acf-block-screenshot-dom-elm.align-right,
    div.wp-acf-block-screenshot-dom-elm {
        display: none;
    }
}

.wp-acf-block-screenshot-dom-elm.align-right {
    display: table;
    margin-left: auto;
}

.screenshot.is-loading {
	opacity: .8;
	position: relative;
	pointer-events: none; /* avoid double clicks */
}

.screenshot.is-loading::after {
	content: "";
	display: inline-block;
	width: 1em; height: 1em;
	min-width: 1em; min-height: 1em;
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: -0.125em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: screenshot-spin .8s linear infinite;
}

.screenshot.is-done svg.done-icon {
    display: block;
}

.screenshot svg.done-icon {
    display: none;
    position: absolute;
    top: 0;
    right: 0;

    use {
        stroke: var(--highlight);
    }
}

@keyframes screenshot-spin { to { transform: rotate(360deg); } }

.screenshot {
    background: none;
    position: relative;

    svg use {
        fill: none;
        stroke: var(--title);
    }
}

.visually-hidden{
	position:absolute!important;height:1px;width:1px;overflow:hidden;
	clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px;
}