.grid-line{--background:#ffffff;--color:rgba(0,0,0,0.5);--dash-size:50%;--delay:0s;--duration:2s;--fade-stop:100%;--height:1px;--offset:0px;--left-offset:var(--offset);--right-offset:var(--offset);--top-offset:var(--offset);--bottom-offset:var(--offset);--width:8px;position:absolute;opacity:0;&:after,&:before{content:"";position:absolute;transform:scaleX(0)}}.grid-line--horizontal{width:calc(100% + var(--left-offset) + var(--right-offset));height:var(--height);left:calc(var(--left-offset) * -1);background:linear-gradient(to right,var(--color),var(--color) var(--dash-size),transparent 0,transparent);background-size:var(--width) var(--height);-webkit-mask:linear-gradient(to left,var(--background) var(--fade-stop),transparent),linear-gradient(to right,var(--background) var(--fade-stop),transparent),linear-gradient(black,black);mask-composite:exclude;-webkit-mask-composite:xor;&:before{content:"";transform:scaleX(0)}}.grid-line--vertical{width:var(--height);height:calc(100% + var(--top-offset) + var(--bottom-offset));top:calc(var(--top-offset) * -1);background:linear-gradient(to bottom,var(--color),var(--color) var(--dash-size),transparent 0,transparent);background-size:var(--height) var(--width);-webkit-mask:linear-gradient(to top,var(--background) var(--fade-stop),transparent),linear-gradient(to bottom,var(--background) var(--fade-stop),transparent),linear-gradient(black,black);mask-composite:exclude;-webkit-mask-composite:xor;&:before{content:"";transform:scaleY(1)}}@keyframes lineRevealHorizontal{0%{transform:scaleX(1);transform-origin:right}to{transform:scaleX(0);transform-origin:right}}@keyframes lineRevealVertical{0%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.grid-line--revealed{opacity:1!important}.grid-line--revealed:before{content:"";position:absolute;background:var(--background);top:0;left:0;width:100%;height:100%;animation-duration:var(--duration);animation-delay:var(--delay);animation-iteration-count:1;animation-timing-function:cubic-bezier(.5,.2,.4,1);animation-fill-mode:forwards}.grid-line--horizontal.grid-line--revealed:before{animation-name:lineRevealHorizontal}.grid-line--vertical.grid-line--revealed:before{animation-name:lineRevealVertical}.corner-marker{position:absolute;z-index:140;pointer-events:none;width:var(--marker-size,10px);height:var(--marker-size,10px);background:var(--marker-color);transform:translate(calc(-50% - var(--marker-nudge-x, 1px)),calc(-50% + var(--marker-nudge-y, 1px))) rotate(var(--marker-rotation,0deg))}.corner-marker--four-point{mask:radial-gradient(circle at 0 0,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2))),radial-gradient(circle at 100% 0,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2))),radial-gradient(circle at 0 100%,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2))),radial-gradient(circle at 100% 100%,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2)));mask-composite:intersect;-webkit-mask-composite:source-in,source-in,source-in,source-in}.corner-marker--three-point{mask:radial-gradient(circle at 0 0,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2))),radial-gradient(circle at 100% 0,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2))),radial-gradient(circle at 0 100%,transparent var(--marker-radius,calc(var(--marker-size, 10px) / 2)),black var(--marker-radius,calc(var(--marker-size, 10px) / 2))),linear-gradient(to bottom,black 0 50%,transparent 50% 100%);mask-composite:intersect;-webkit-mask-composite:source-in,source-in,source-in}.corner-marker--dot{background:var(--marker-color);border-radius:9999px}@keyframes cornerMarkerFadeIn{0%{opacity:0}to{opacity:1}}.corner-marker{opacity:0}.grid-line--revealed~.corner-marker{animation-name:cornerMarkerFadeIn;animation-duration:.3s;animation-delay:2.15s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.5,.2,.4,1)}.grid-line--no-anim~.corner-marker{opacity:1;animation:none}
/*# sourceMappingURL=989bef4c1a2d266e.css.map*/