/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0
*/

@import url("../blocksy/style.css");
:root {
  --border-animation-color: #77BFDE;
}
.border-animation:after {
    --border-animation-color: #77BFDE;
    pointer-events: none;
    content: "";
    position: absolute;
    inset: calc(var(--border-animation-width) * -1);
    border-radius: inherit;
    border: solid transparent;
    border-width: var(--border-animation-width);
    animation: borderRotate var(--border-animation-speed) linear infinite;
    background: conic-gradient(from var(--border-animation-angle), transparent 88%, var(--border-animation-color), var(--border-animation-color) 100%, transparent) border-box;
    background-clip: border-box;
    background-origin: border-box;
    mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(97% - var(--border-animation-width)), rgba(0, 0, 0, 0)) content-box, radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(2% - var(--border-animation-width)), #000) border-box;
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
}