[borderline-element][borderline-top],[borderline-element][borderline-right],[borderline-element][borderline-bottom],[borderline-element][borderline-left]{pointer-events:none;display:block;position:absolute}[borderline-element][borderline-top],[borderline-element][borderline-bottom]{width:100%;top:0;left:0}[borderline-element][borderline-right],[borderline-element][borderline-left]{height:100%;top:0}[borderline-element][borderline-top]:after{content:"";transform-origin:0;border-top:var(--borderline-width,2px) solid var(--borderline-color,#000);width:100%;animation-name:border-draw-x;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;position:absolute;top:0;left:0;transform:scaleX(0)}[borderline-element][borderline-top][borderline-direction=to-left]:after,[borderline-element][borderline-top][borderline-direction=from-right]:after,[borderline-element][borderline-bottom][borderline-direction=to-left]:after,[borderline-element][borderline-bottom][borderline-direction=from-right]:after{transform-origin:100%}[borderline-element][borderline-top][borderline-direction=to-right]:after,[borderline-element][borderline-top][borderline-direction=from-left]:after,[borderline-element][borderline-bottom][borderline-direction=to-right]:after,[borderline-element][borderline-bottom][borderline-direction=from-left]:after{transform-origin:0}[borderline-element][borderline-top][borderline-direction=from-center]:after,[borderline-element][borderline-bottom][borderline-direction=from-center]:after{transform-origin:50%}[borderline-element][borderline-right]{right:0}[borderline-element][borderline-right]:after{content:"";transform-origin:top;border-right:var(--borderline-width,2px) solid var(--borderline-color,#000);height:100%;animation-name:border-draw-y;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;position:absolute;top:0;right:0;transform:scaleY(0)}[borderline-element][borderline-right][borderline-direction=to-top]:after,[borderline-element][borderline-right][borderline-direction=from-bottom]:after,[borderline-element][borderline-left][borderline-direction=to-top]:after,[borderline-element][borderline-left][borderline-direction=from-bottom]:after{transform-origin:bottom}[borderline-element][borderline-right][borderline-direction=to-bottom]:after,[borderline-element][borderline-right][borderline-direction=from-top]:after,[borderline-element][borderline-left][borderline-direction=to-bottom]:after,[borderline-element][borderline-left][borderline-direction=from-top]:after{transform-origin:top}[borderline-element][borderline-right][borderline-direction=from-center]:after,[borderline-element][borderline-left][borderline-direction=from-center]:after{transform-origin:50%}[borderline-element][borderline-bottom]{bottom:0}[borderline-element][borderline-bottom]:after{content:"";transform-origin:0;border-bottom:var(--borderline-width,2px) solid var(--borderline-color,#000);width:100%;animation-name:border-draw-x;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;position:absolute;bottom:0;left:0;transform:scaleX(0)}[borderline-element][borderline-left]{left:0}[borderline-element][borderline-left]:after{content:"";transform-origin:top;border-left:var(--borderline-width,2px) solid var(--borderline-color,#000);height:100%;animation-name:border-draw-y;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;position:absolute;top:0;left:0;transform:scaleY(0)}@keyframes border-draw-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes border-draw-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}