.dashed-background,.dashed-background-footer-horizontal,.dashed-background-horizontal,.dashed-background-horizontal-single,.dashed-background-nav,.dashed-background-vertical{position:relative;overflow:hidden}@keyframes drawLeftToRight{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drawRightToLeft{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes drawTopToBottom{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes drawBottomToTop{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.dashed-background:after,.dashed-background:before{content:"";position:absolute;top:0;width:2px;height:100%;background:repeating-linear-gradient(180deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:0;transform:scaleY(0);transform-origin:top;animation:drawTopToBottom 1s ease-out forwards;animation-delay:.5s}.dashed-background:before{left:0}.dashed-background:after{right:0}.dashed-background-nav:after,.dashed-background-nav:before{content:"";position:absolute;top:0;width:2px;height:100%;background:repeating-linear-gradient(180deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:0;transform:scaleY(0);transform-origin:top;animation:drawTopToBottom .5s ease-out forwards}.dashed-background-nav:before{left:0}.dashed-background-nav:after{right:0}.dashed-background-nav-horizontal:after,.dashed-background-nav-horizontal:before{content:"";position:absolute;left:0;width:100%;height:2px;background:repeating-linear-gradient(270deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:1;transform:scaleX(0);animation-duration:1s;animation-fill-mode:forwards}.dashed-background-nav-horizontal:before{bottom:0;transform-origin:left;animation-name:drawLeftToRight}.dashed-background-footer-horizontal:after,.dashed-background-footer-horizontal:before{content:"";position:absolute;left:0;width:100%;height:2px;background:repeating-linear-gradient(270deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:1;transform:scaleX(0);animation-duration:1s;animation-fill-mode:forwards}.dashed-background-footer-horizontal:before{top:0;transform-origin:left;animation-name:drawLeftToRight}.dashed-background-horizontal:after,.dashed-background-horizontal:before{content:"";position:absolute;left:0;width:100%;height:2px;background:repeating-linear-gradient(270deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:1;transform:scaleX(0);animation-duration:1s;animation-fill-mode:forwards}.dashed-background-horizontal:before{top:0;transform-origin:left;animation-name:drawLeftToRight;animation-delay:1s}.dashed-background-horizontal:after{bottom:0;transform-origin:left;animation-name:drawLeftToRight;animation-delay:1s}.dashed-background-horizontal-single:after,.dashed-background-horizontal-single:before{content:"";position:absolute;left:0;width:100%;height:2px;background:repeating-linear-gradient(270deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:1;transform:scaleX(0);animation-duration:1s;animation-fill-mode:forwards}.dashed-background-horizontal-single:after{bottom:0;transform-origin:left;animation-name:drawLeftToRight;animation-delay:1s}.dashed-background-vertical:after,.dashed-background-vertical:before{content:"";position:absolute;top:0;width:2px;height:100%;background:repeating-linear-gradient(180deg,#242424 0,#242424 3px,transparent 0,transparent 6px);opacity:1;z-index:0;transform:scaleY(0);transform-origin:top;animation:drawTopToBottom 1s ease-out forwards;animation-delay:1s}.dashed-background-vertical:before{left:0}.dashed-background-vertical:after{right:0}