.pz-frame{

    position:relative;

    border:1px solid var(--pz-border);

    overflow:hidden;

}

.pz-frame::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:0;

    height:1px;

    background:var(--pz-border);

    animation:pz-open-x .25s linear forwards;

}

.pz-frame::after{

    content:"";

    position:absolute;

    top:0;

    right:0;

    width:1px;

    height:0;

    background:var(--pz-border);

    animation:pz-open-y .25s linear .25s forwards;

}

@keyframes pz-open-x{

    from{

        width:0;

    }

    to{

        width:100%;

    }

}

@keyframes pz-open-y{

    from{

        height:0;

    }

    to{

        height:100%;

    }

}